/*Google Fonts*/



/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,400;1,500;1,600;1,700&display=swap');*/


@font-face {

   font-family: Reckless;

   src: url(../fonts/RecklessNeue-Book.woff2) format("woff2");

   font-weight: 400;

   font-style: normal;

   font-display: swap

}



@font-face {

   font-family: Reckless;

   src: url(../fonts/RecklessNeue-Regular.woff2) format("woff2");

   font-weight: 500;

   font-style: normal;

   font-display: swap

}

@font-face {
	font-family: Lausanne;
	src: url(../fonts/TWKLausanne-300.woff2) format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}



:root{

    --font-reckless: 'Reckless', serif;

    --font-montserrat: 'Lausanne', Helvetica Neue, arial, sans-serif;

    --primary-color: #171e67;

    --primary-color-rgb: 23, 30, 103;

    --secondary-color: #222222;

    --secondary-color-rgb: 34, 34, 34;

    --tertiary-color: #29ff65;

    --tertiary-color-rgb: 41, 255, 101;
    
    --gray-color: #f3f2ee;
    
    --gray-color-rgb: 243, 242, 238;

    --body-color: #000000;

    --body-color-rgb: 0, 0, 0;

    

    /*For Dark bg*/

    --body-bg-dark: #191919;

    --body-bg-light: #2e2e2e;

    

}



/*animations*/



@keyframes sticky {
    0% {
        top: -200px;
    }

    100% {
        top: 0;
    }
}




@keyframes pulseInOut {

  0% {

    opacity: 1;

    transform: scale(.3)

  }



  100% {

    opacity: 0;

    transform: scale(1.7)

  }

}

 @keyframes spinner {
 from{
 transform: rotateY(0deg);
 }
 to{
 transform: rotateY(360deg);
 }
}



@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

@keyframes scrolling-left1 {
    0% {transform: translateX(100%);
        -webkit-transform: translateX(100%);}
      100% {transform: translateX(-100%);
          -webkit-transform: translateX(-100%);}
}
@keyframes scrolling-left2 {
    0% {transform: translateX(0%);
        -webkit-transform: translateX(0%);}
      100% {transform: translateX(-200%);
          -webkit-transform: translateX(-200%);}
}







/*General CSS*/



*{

    margin: 0;

    padding: 0;

}



::selection{

  background-color: var(--primary-color);

  color: #fff;

}



html{

    overflow-x: hidden;

}



body {

  font-family: var(--font-montserrat);

  color: var(--body-color);

  font-size: 18px;

  overflow-x: hidden;

  position: relative;

  line-height: 26px;

  font-weight: 500;

}



.section {

  position: relative;

  padding: 100px 0;

}



.section.section-padding {

  padding: 100px 0 70px;

}



img {

  max-width: 100%;

}



ul {

  padding: 0;

  margin: 0;

  list-style-type: none;

}



.bg-center{

    background-position: center;

}

.bg-cover{

    background-size: cover;

}

.bg-norepeat{

    background-repeat: no-repeat;

}

.bg-parallax{

    background-attachment: fixed;

}



.fs-16{

    font-size: 16px;

}



.fs-20{

    font-size: 20px;

}



.parallax-window {

	background: transparent;

}



/* Buttons */



.theme_btn {

  cursor: pointer;

  display: inline-block;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  position: relative;

  background-color: var(--primary-color);

  color: #fff;

  font-weight: 600;

  padding: 12px 44px;

  -webkit-transition: 0.4s;

  -o-transition: 0.4s;

  transition: 0.4s;

  text-transform: capitalize;

  border-radius: 6px;

  overflow: hidden;

  z-index: 1;

}



.theme_btn span{

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-radius: 50%;

  background-color: var(--body-color);

  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;

  transform: translate(-50%, -50%);

  z-index: -1;

}



.theme_btn.green{

    background-color: var(--tertiary-color);

    color: var(--body-color);

}



.theme_btn:hover{

    color: #fff;

}



.theme_btn:hover span{

    width: 225%;

    height: 562.5px;

}



button{

    border: 0;

    cursor: pointer;

}



/* Inputs */



/* Typography */



h1, h2, h3, h4, h5, h6 {

  font-family: var(--font-reckless) !important;

  font-weight: 400;

  color: var(--secondary-color);

  margin-bottom: 20px;

}



h1{

    font-size: 80px;

    line-height: 1.2;

}



h2{

    font-size: 60px;

    line-height: 1.2;

}



h3{

    font-size: 60px;

    line-height: 1.2;

}



h4, h5{

    font-size: 30px;

    line-height: 1.2;

}



h6{

    font-size: 18px;

    line-height: 1.2;

}



p {

  margin-bottom: 20px;

}



a {

  color: var(--primary-color);

  transition: .3s;

  display: inline-block;

  cursor: pointer;

}



a:hover,

a:focus {

  outline: none;

  box-shadow: none;

  text-decoration: none;

}







/*--- Colors &  background-colors--- */



.dark-bg{
    background-color: var(--body-bg-dark);
}

.bg-primary{

    background-color: var(--primary-color);

}

.bg-secondary{

    background-color: var(--secondary-color);

}

.bg-tertiary{

    background-color: var(--tertiary-color);

}

.bg-gray{

    background-color: var(--gray-color);

}

.color-primary{

    color: var(--primary-color);

}

.color-primary-2{
    color: #0056b3 !important;
    opacity: 1!important;
}

.color-secondary{

    color: var(--secondary-color);

}

.color-tertiary{

    color: var(--tertiary-color);

}





/*--- Tabs--- */



.nav-tabs{

    border-bottom: 0;

}

.nav-tabs .nav-item{

    margin-bottom: 0;

}

.nav-tabs .nav-link{

    border: 0;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    padding: 0;

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{

    color: inherit;

    background-color: transparent;

}

.tab-content{

    margin-top: 45px;

}







/* Accordion */



.card{

    background-color: transparent;

    border: 0;

    border-radius: 0;

}



.card-header{

    padding: 0;

    background-color: transparent;

    border-bottom: 0;

}



.card button{

    background-color: transparent;

    outline: none;

    transition: 0.3s;

}



.card-body{

    padding: 0;

}



.accordion>.card>.card-header{

    margin-bottom: 10px;

}



.has-dark-bg .card-header button{

    color: #fff;
    opacity: 0.7;

}

.has-dark-bg .card-header button[aria-expanded="true"]{
    opacity: 1;
}





/*For Dark bg*/



.dark-bg{

    background-color: var(--body-bg-dark);

}

.light-bg{

    background-color: var(--body-bg-light);

}

.BotPenguin-chat iframe:not(#_BH_frame){
    min-width: auto;
}



/* Video icon */



.video-icon{

    position: relative;

}



.video-icon:before,

.video-icon:after{

    content: '';

    position: absolute;

    top: -10px;

    left: -10px;

    width: calc(100% + 20px);

    height: calc(100% + 20px);

    border: 2px solid rgba(var(--body-color-rgb), 0.4);

    animation: pulseInOut 2s linear infinite;

    opacity: 0;

    border-radius: 50%;

    z-index: -1;

}



.video-icon:after{

    animation-duration: 2.5s;

}





/*Dark background*/



body.has-dark-bg{

    color: #fff;

    background-color: var(--body-bg-dark);

}



.has-dark-bg h1,

.has-dark-bg h2,

.has-dark-bg h3,

.has-dark-bg h4,

.has-dark-bg h5,

.has-dark-bg h6{

    color: #fff;

}





/*Header*/



.header{

    position: relative;

    border-top: 6px solid var(--tertiary-color);

    padding: 50px 0;

    z-index: 99;

    transition: transform .4s cubic-bezier(.23,1,.32,1);

}



.has-dark-bg .header.fixed{

    background-color: var(--body-bg-dark);

}

.main-header .sticky-logo{
    display: none;
    transition: 0.3s;
}

.main-header.sticky{
    width: 100%;
    animation: sticky 1.4s;
}

.main-header.sticky .sticky-logo{
    display: block;
}

.main-header.sticky .main-logo{
    display: none;
    transition: 0.3s;
}


.main-header.inner-header .sticky-logo{
    display: block;
}

.main-header.sticky .global-header__logo-anim,
.main-header.inner-header .global-header__logo-anim{
    top: 4px;
    width: auto !important;
    height: auto !important;
    transform: none !important;
}

.js.main-header.sticky .global-header__logo-perm .sticky-logo{
    display: none;
}

.js.main-header.sticky .global-header__logo-perm.is-visible .main-logo{
    display: none;
}

.js.main-header.sticky .global-header__logo-perm.is-visible .sticky-logo{
    display: block;
}


.has-dark-bg .header.sticky{
    background-color: var(--body-bg-dark);
}


.header.sticky .sticky-logo{
    display: block;
}

.animated-logo.hidden{
    display: none;
}

.header.sticky .animated-logo{
    display: none;
}

.header.sticky{
    padding: 30px 0;
    border-top: 0;
}


.header .logo-wrapper{

    position: relative;

    width: 143px;

    height: 58px;

}



.header .header-logo{

    color: var(--primary-color);

    font-size: 58px;

    font-weight: 700;

    line-height: 1;

    position: relative;

}



.header .navbar{

    padding: 0;

}



.header .navbar-nav{

    flex-direction: row;

}



.header .navbar-nav li a{

    position: relative;

    padding: 5px 50px;

    color: var(--body-color);

    font-size: 16px;

    font-weight: 600;

    text-transform: uppercase;

    display: flex;

}



.header .navbar-nav li a:hover{

    color: var(--primary-color);

}



.header .navbar-nav > li:first-child > a{

    padding-left: 0;

}



.header .navbar-nav .menu-item.has-children{

    position: relative;

}



.header .navbar-nav .menu-item.has-children > a:after{

    content: "\f107";

    font-family: "Font Awesome 5 Pro";

    font-weight: 400;

    position: absolute;

    right: 18px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 30px;

}



.header .sub-menu{

    position: absolute;

    top: 100%;

    left: 0;

    border-bottom: 4px solid var(--tertiary-color);

    transform: scaleY(0);

    transform-origin: 0 0 0;

    background-color: #fff;

    transition: .3s;

    opacity: 0;

    visibility: hidden;

    z-index: 998;

    min-width: 230px;

    box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.09);

}



.header .sub-menu li a{

    padding: 12px 15px;

    font-size: 18px;

    text-transform: capitalize;

}

.header .menu-item.has-children:hover .sub-menu{

    transform: scaleY(1);

    opacity: 1;

    visibility: visible;

}



.header .sub-menu li + li a{

    border-top: 1px dashed rgba(var(--body-color-rgb), 0.3);

}



.header .header-controls{

    display: flex;

    align-items: center;

}



.header .header-controls li + li{

    margin-left: 20px;

}



.header .header-controls .navbar-toggler{

    cursor: pointer;

}



.has-dark-bg .header .navbar-nav > li > a{

    color: #fff;

}



.has-dark-bg .header .navbar-nav > li > a:hover{

    color: var(--primary-color);

}


/*Country dropdown*/

.country-dropdown{
    cursor: pointer;
    padding: 10px 0;
    transition: 0.3s;
    position: relative;
    z-index: 9999;
}

.country-dropdown > img{
    border-radius: 50%;
    width: 30px;
}

.country-dropdown span,
.country-dropdown i{
    color: #a4abb4;
    font-size: 16px;
    margin-left: 5px;
    transition: 0.3s;
}

.country-dropdown .dropdown-box{
    position: absolute;
    left: -8px;
    top: 200%;
    min-width: 170px;
    height: auto;
    background-color: #000;
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
    padding: 12px;
    border-radius: 6px;
    transition:0.3s;
}

.country-dropdown .dropdown-box li{
    color: #a4abb4;
    font-size: 16px;
    transition:0.3s;
    cursor: pointer;
}

.country-dropdown .dropdown-box li a{
    display: flex;
    align-items: center;
}

.country-dropdown .dropdown-box li img{
    border-radius: 50%;
    width: 25px;
    margin-right: 10px;
}

.country-dropdown .dropdown-box li + li{
    margin-top: 14px;
}

.country-dropdown:hover .dropdown-box{
    opacity: 1;
    visibility: visible;
    top: 104%;
} 

.country-dropdown .dropdown-box li span{
    margin-left: 0;
    line-height: 1;
}

.country-dropdown .dropdown-box li:hover span{
    color: #fff;
}



/*mobile aside*/



.mobile-aside{

    position: fixed;

    top: 0;

    width: 300px;

    height: 100%;

    right: -336px;  

    background-color: #fff;

    transition: 0.9s;

    transition-delay: 0.7s;

    z-index: 99;

    overflow: visible;

}



.aside-open .mobile-aside{

    right: 0;

}



.aside-overlay{

    position: fixed;

    right: 0;

    top: 0;

    width: 0;

    height: 100%;

    background-color: var(--body-color);
    
    border-top: 6px solid var(--tertiary-color);

    opacity: 0;

    visibility: hidden;

    transition: 0.9s;

    z-index:98;

    

}



.aside-open .aside-overlay{

    opacity: 0.7;

    visibility: visible;

    width: 100%;

}



.mobile-aside .mobile-close{

    width: 36px;

    height: 36px;

    display: flex;

    align-items: center;

    position: absolute;

    justify-content: center;

    left: -36px;

    background-color: var(--tertiary-color);

    top: 0;

    font-size: 26px;

    cursor: pointer;

}



.has-dark-bg .mobile-aside .mobile-close{

    color: var(--body-color);

}



.mobile-aside .logo{

    padding: 36px 20px;

}



.mobile-aside .logo img{

    width: 100px;

}



.mobile-aside .navbar-nav li a{

    padding: 8px 20px;

    width: 100%;

    border-top: 1px solid rgba(var(--body-color-rgb), 0.3);

    position: relative;

    color: var(--body-color);

    font-weight: 600;

    transition: 0.4s;

}



.mobile-aside .navbar-nav li a:hover{

    color: var(--primary-color);

}







/*Banner*/





.banner-sec{

    padding-top: 218px;

}



.banner-sec .banner-content .banner-title{

    font-size: 560px;

    font-family: var(--font-montserrat) !important;

    font-weight: 700;

    text-transform: uppercase;

    color: var(--primary-color);

    line-height: 0.8;

    margin-bottom: 60px;

    display: none;

}



.banner-sec .banner-content h5{

    position: relative;

    top: 550px;

}





/*About Us*/



.about-icon{

    position: relative;

    padding-left: 120px;

}



.about-icon:before,

.about-content:before{

    content: "";

    position: absolute;

    left: 0;

    top: -100px;

    width: 1px;

    border-left: 1px dashed var(--secondary-color);

    height: 680px;

}



.about-content{

    position: relative;

    padding-left: 60px;

}



.about-content .subtitle span{

    text-transform: uppercase;

    font-size: 20px;

    font-weight: 500;

    display: flex;

    position: relative;

    padding-left: 40px;

    margin-bottom: 30px;

}



.about-content .subtitle span:before{

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 20px;

    height: 20px;

    background-color: var(--tertiary-color);

    border-radius: 50%;

    box-shadow: 0px 0px 10px rgb(41 255 101);

}



/*Why Us*/



.content-area .section-title h2{

    max-width: 700px;

}



.counter-area{

    display: flex;

    margin-top: 75px;

}



.counter-area li{

    position: relative;

    padding-left: 30px;

    width: 34%;

}



.counter-area li + li{

    margin-left: 50px;

}



.counter-area li:before{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 1px;

    height: 100%;

    border-left: 1px dashed var(--tertiary-color);

}



.counter-area li span{

    display: inline-flex;

    align-items: center;

    font-size: 60px;

    font-weight: 700;

    margin-bottom: 20px;

    line-height: 1;

}





/*Fulfillment*/



.fulfill-content{

    position: relative;

}



.fulfill-content h2{

    font-size: 140px;

    color: var(--primary-color);

    line-height: 1;

}



.fulfill-content ul{

    position: relative;

    display: flex;

    align-items: center;

    top: 640px;

    left: 0;

    transform: rotate(270deg);

    transform-origin: 0 0;

    z-index: 2;

}



.fulfill-content ul li{

    position: relative;

}



.fulfill-content ul li + li{

    padding-left: 22px;

    margin-left: 22px;

}



.fulfill-content ul li + li:before{

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 1px;

    height: 20px;

    background-color: var(--body-color);

}



.fulfill-content ul li a{
    color: var(--body-color);
    font-size: 20px;
    font-weight: 500;
}

.fulfill-content ul li a:hover,
.fulfill-content ul li a.active{
    color: var(--primary-color);
}

.fulfill-box-slider{
    margin: 0 -20px;
}

.fulfillment-box{
    background-color: #fff;
    padding: 50px;
    box-shadow: 0 0 20px rgba(var(--body-color-rgb), 0.4);
    border-radius: 6px;
    margin: 26px 20px;
    width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}



.fulfillment-box p{

    line-height: 2;

    font-weight: 500;

}



.fulfillment-list{

    display: flex;

    align-items: center;

    justify-content: end;

    margin-top: 220px;

}



.fulfillment-list li{

    display: flex;

    align-items: center;

    background-color: #fff;

    padding: 16px;

    box-shadow: 0 0 40px rgba(var(--body-color-rgb), 0.4);

    border-radius: 6px;

}



.fulfillment-list li + li{

    margin-left: 30px;

}



.fulfillment-list li span{

    width: 52px;

    height: 52px;

    background-color: var(--tertiary-color);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.fulfillment-list li p{

    flex: 1;

    margin-bottom: 0;

    margin-left: 20px;

    max-width: 250px;

}



.reform-sec img{

    width: 60px;

    height: 60px;

}





/*Case Study*/



.case-study-sec{

    padding: 276px 0;

    background-position: 230px 0;

    background-size: 950px;

    background-repeat: no-repeat;

}



.case-study-sec .title{

    position: relative;

}



.case-study-sec .title:before{

    content: "";

    position: absolute;

    left: 0;

    top: -230px;

    width: 2px;

    height: 184px;

    background-color: var(--primary-color);

}



.case-study-sec .section-title{

    max-width: 540px;

    margin-left: 40px;

    position: relative;

}



.case-study-sec .section-title:before{

    content: "";

    position: absolute;

    left: -180px;

    top: 35px;

    width: 128px;

    height: 2px;

    background-color: var(--primary-color);

}



.case-study-sec .section-title p{

    line-height: 1.9;

}



.case-study-sec .section-title .video-icon{

    width: 80px;

    height: 80px;

    border: 1px solid rgba(var(--body-color-rgb), 0.4);

    border-radius: 50%;

    background-color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 54px;

}





/*Work*/



.work-sec .section-title{

    max-width: 650px;

}



.work-sec .section-title h2{

    font-size: 100px;

    margin-left: 60px;

    margin-bottom: 50px;

}



.work-sec .section-title p{

    position: relative;

    padding-left: 200px;

    font-size: 20px;

    line-height: 1.9;

}



.work-sec .section-title p:before{

    content: "";

    position: absolute;

    left: 0px;

    top: 15px;

    width: 162px;

    height: 2px;

    background-color: var(--primary-color);

}



.work-sec img{

    margin-left: 60px;

}





/*Why Us*/



.why-us-content{

    position: relative;

    padding-left: 64px;

}



.why-us-overlay{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(255, 255, 255, 0);

    z-index: -1;

}



.why-us-content:before{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 1px;

    height: 100%;

    border-left: 1px dashed var(--body-color);

}



.why-us-content > p{

    line-height: 1.5;

    font-size: 40px;

    margin-bottom: 40px;

    padding-right: 60px;

}



.why-us-content .why-us-list{

    margin-top: 150px;

}



.why-us-content .why-us-list li{

    border-bottom: 1px solid rgba(var(--body-color-rgb), 0.3);

    padding: 60px 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.why-us-content .why-us-list li:first-child{

    border-top: 1px solid rgba(var(--body-color-rgb), 0.3);

}



.why-us-content .why-us-list li span{

    display: block;

    font-size: 100px;

    opacity: 0.15;

    font-weight: 700;

    line-height: 1;

}



.why-us-content .why-us-list li .list-content{

    margin-right: 60px;

    margin-left: 40px;

    max-width: 700px;

}



.why-us-content .why-us-list li .list-content p{

    margin-bottom: 0;

    line-height: 1.5;

}



.why-us-image{

    position: absolute;

    left: 0;

    top: 20%;

    width: 715px;

}





/*Client*/



.client-wrapper{

    display: flex;

    align-items: center;

    animation: scroll 15s linear infinite;

}



.client-wrapper:hover{

    animation-play-state: paused;

}



.client-wrapper img{

    margin: 0 30px;

}





/*CTA*/



.cta-sec .section-title{

    max-width: 530px;

}



.cta-sec .section-title .icon-box{

    width: 100px;

    height: 100px;

    background-color: var(--primary-color);

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 60px;

}

.cta-sec .section-title .icon-box img{
    filter: invert(100%);
    -webkit-filter: invert(100%);
}



.cta-sec .section-title p{

    line-height: 1.6;

}



.cta-sec .section-title .theme_btn{

    margin-top: 34px;

}





/*Blog*/



.blog-sec .section-title{

    margin-bottom: 60px;

}



.blog-box{

    position: relative;

    padding-left: 30px;

    padding-right: 10px;

    margin-bottom: 50px;

    color: var(--body-color);

}



.blog-box:before{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 1px;

    height: 100%;

    border-left: 1px dashed rgba(var(--body-color-rgb), 0.7);

}

.blog-box:hover:before{
    border-left-color: #ff0000;
}



.blog-box > span{

    text-transform: uppercase;

    margin-bottom: 15px;

    display: inline-flex;

    transition: 0.3s;

}



.blog-box:hover span:first-child{

    color: var(--body-color);

}



.blog-box .blog-title{

    height: 165px;

}



.blog-box .blog-title{

    color: var(--body-color);

    opacity: 0.8;

}



.blog-box:hover .blog-title{

    opacity: 1;

}



.blog-box .author-box{

    margin-bottom: 15px;

}



.blog-box .author-box span{

    display: block;

    transition: 0.3s;

}



.blog-box .author-box span:first-child{

    font-size: 18px;

    margin-bottom: 5px;

    font-weight: 400;

}



.blog-box:hover .author-box span{

    color: #ff0000;

}



.global-btn{

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

    position: relative;

    color: var(--primary-color);

}



.global-btn:before{

    content: "";

    position: absolute;

    left: 0;

    bottom: -3px;

    width: 0;

    height: 2px;

    background-color: var(--tertiary-color);

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

}



.global-btn:after{

    content: "\f101";

    font-family: "Font Awesome 5 Pro";

    position: absolute;

    right: 2px;

    top: 50%;

    transform: translateY(-50%);

    color: var(--tertiary-color);

    font-size: 16px;

    font-weight: 400;

    transition: 0.5s;

    transition-delay: 0.4s;

    opacity: 0;

    visibility: hidden;

}



.global-btn:hover,

.blog-box:hover .global-btn{

    color: #ff0000;

}



.global-btn:hover:before,

.blog-box:hover .global-btn:before{

    width: 100%;

    opacity: 1;

    visibility: visible;
    
    background-color: #ff0000;

}



.global-btn:hover:after,

.blog-box:hover .global-btn:after{

    right: -20px;

    opacity: 1;

    visibility: visible;
    
    color: #ff0000;

}


/*for dark blog*/

.has-dark-bg .blog-sec{
    background-color: var(--body-bg-dark);
}

.has-dark-bg .blog-sec .section-title h2{
    color: #fff;
}

.has-dark-bg .blog-sec .blog-box{
    color: #fff;
}

.has-dark-bg .blog-sec .blog-box .blog-title{
    color: #fff;
}

.has-dark-bg .blog-sec .blog-box:before{
    border-left-color: #fff;
}

.has-dark-bg .blog-box:hover span:first-child{
    color: #ff0000;
}



/*Footer*/



.footer{

    padding-top: 60px;

    border-top: 1px solid rgba(var(--body-color-rgb), 0.2);

    font-weight: 500;

}



.footer .footer-widget{

    padding-bottom: 30px;

}



.footer .social-icons{

    display: flex;

    align-items: center;

    margin: 36px 0 20px;

}



.footer .social-icons li + li{

    margin-left: 15px;

}



.footer .social-icons li a{

    color: var(--body-color);

    opacity: 0.6;

    font-size: 22px;

}



.footer .social-icons li a:hover{

    color: var(--primary-color);

    opacity: 1;

}



.footer .footer-widget .footer-links li + li{

    margin-top: 10px;

}



.footer .footer-widget .footer-links li a{

    color: var(--body-color);

    font-size: 14px;

}



.footer .footer-widget .footer-links li a:hover{

    color: var(--primary-color);

}



.footer .footer-widget .address-list li + li{

    margin-top: 22px;

}

.footer .widget-title{
    text-transform: capitalize;
}

.footer.style-2 .footer-logo h1{
    color: #fff;
    font-size: 450px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    font-family: var(--font-roboto) !important;
}

.footer.style-2 p{
    font-size: 16px;
    opacity: 0.7;
}

.footer.style-2 .footer-widget .footer-links li a{
    font-size: 15px;
    font-weight: 400;
    opacity: 0.7;
}

.footer.style-2 .footer-widget .footer-links li a:hover{
    opacity: 1;
    color: #fff;
}

.footer.style-2 .footer-widget .address-list li{
    display: flex;
    font-size: 16px;
}

.footer.style-2 .footer-widget .address-list li i{
    font-size: 24px;
    margin-right: 15px
}

.footer.style-2 .footer-widget .address-list li p{
    opacity: 0.7;
}

.footer.style-2 .about-widget{
    padding-right: 40px;
}

.footer.style-2 .industry-widget{
    padding-left: 50px;
}


.footer.style-2 .footer-widget{
    padding-bottom: 50px;
}

.footer.style-2 .social-icons{
    margin: 0;
}


.footer .footer-bottom{
    border-top: 1px solid #474747;
}

.footer .footer-bottom .footer-bottom-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
}


/*Footer with side row*/


.footer.style-2.with-side-row{
    padding: 50px 0 30px;
    border-top: 0;
}

.footer.style-2.with-side-row .relative-content{
    right: 32px;
}

.footer.style-2.with-side-row .industry-widget{
    padding-left: 0;
}

.footer.style-2.with-side-row .footer-logo h1{
    font-size: 250px;
    line-height: 0.8;
    margin-bottom: 0;
}

.footer.style-2.with-side-row .footer-privacy-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 32px;
}

.footer.style-2.with-side-row .footer-privacy-box a{
    font-size: 16px;
    font-weight: 400;
    opacity: 1;
    color: #000;
}

.has-dark-bg .footer.style-2.with-side-row .footer-privacy-box a{
    color: #fff;
}

.footer.style-2.with-side-row .privacy-box-descr{
    margin-bottom: 0;
    margin-top: 30px;
    font-size: 14px !important;
    font-family: var(--font-roboto);
}

.footer.style-2.with-side-row .footer-widget .footer-links li a,
.footer.style-2.with-side-row .footer-widget .address-list li p{
    opacity: 1;
}

.footer.style-2.with-side-row .privacy-box-wrapper{
    margin-top: 55px;
}

.footer.style-2.with-side-row .footer-widget .footer-links li a:hover,
.footer.style-2.with-side-row .footer-privacy-box a:hover{
    color: #000;
}

.has-dark-bg .footer.style-2.with-side-row .footer-widget .footer-links li a:hover,
.has-dark-bg .footer.style-2.with-side-row .footer-privacy-box a:hover{
    color: #fff;
}

.footer.style-2.with-side-row .social-icons{
    justify-content: flex-end;
}

.footer.style-2.with-side-row .social-icons li a{
    font-size: 26px;
    color: #000;
    opacity: 1;
    transition: 0.7s;
}

.has-dark-bg .footer.style-2.with-side-row .social-icons li a{
    color: #fff;
}

.footer.style-2.with-side-row .social-icons li a:hover{
    color: #ff0000;
    transform: rotateY(360deg);
}

.footer.style-2.with-side-row .social-icons li + li{
    margin-left: 24px;
}

.footer.style-2.with-side-row .widget-title{
    font-size: 16px;
}

.footer.style-2.with-side-row .footer-widget .footer-links li a,
.footer.style-2.with-side-row .footer-privacy-box a{
    position: relative;
}

.footer.style-2.with-side-row .footer-widget .footer-links li a:after,
.footer.style-2.with-side-row .footer-privacy-box a:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background-color: #000;
    transition: 0.3s;
}


.has-dark-bg .footer.style-2.with-side-row{
    background-color: var(--body-bg-dark);
}

.has-dark-bg .footer.style-2.with-side-row p{
    color: #fff;
}

.has-dark-bg .footer.style-2.with-side-row .footer-widget .footer-links li a:after,
.has-dark-bg .footer.style-2.with-side-row .footer-privacy-box a:after{
    background-color: #fff;
}

.footer.style-2.with-side-row .footer-widget .footer-links li a:hover:after,
.footer.style-2.with-side-row .footer-privacy-box a:hover:after{
    width: 100%;
}

.footer.style-2.with-side-row .footer-widget .footer-links li a, .footer.style-2.with-side-row .footer-widget .address-list li p{
    font-size: 14px;
}

.footer.style-2.with-side-row .footer-logo{
    margin-top: 25px;
}

.footer.style-2.with-side-row .footer-logo img{
    width: 320px;
}

@media(max-width: 1199px){
    .footer.style-2.with-side-row .relative-content{
        right: 0;
    }
    .js.main-header.sticky .global-header__logo-perm .sticky-logo{
    display: block;
}
}

@media(max-width: 1799px){
    .footer.style-2.with-side-row .footer-logo h1{
        font-size: 204px;
    }
}


@media(max-width: 991px){
    .footer.style-2 .footer-logo h1{
        font-size: 250px;
    }
    .footer.style-2 .industry-widget{
        padding-left: 0;
    }
    .footer.style-2 .about-widget{
        padding-right: 0;
    }
}


@media(max-width: 575px){
    .footer.style-2 .footer-logo h1{
        font-size: 120px;
    }
    .footer .footer-bottom .footer-bottom-inner{
        flex-direction: column;
    }
    .footer.style-2 .social-icons{
        margin-top: 15px;
    }
}



/*dark footer*/

.has-dark-bg .footer{
    border-top: 1px solid #fff;
    
}

.has-dark-bg .footer .social-icons li a,

.has-dark-bg .footer .footer-widget .footer-links li a{

    color: #fff;

}



.has-dark-bg .footer .social-icons li a:hover,

.has-dark-bg .footer .footer-widget .footer-links li a:hover{

    color: var(--primary-color);

}







/*stragic*/

/*slider*/

.horizontal {
  min-height: 100vh;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  top: 0 !important;
}
.horizontal-content {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.horizontal-content-scroller {
  position: absolute;
  left: calc((100vw - 1140px) / 2);
  width: 1140px;
  bottom: 5vh;
  height: 7px;
  overflow: hidden;
  transition: 0.1s;
}

.horizontal-content-scroller.close{
    opacity: 1;
}

.horizontal-content-scroller:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background: #eeeeee;
}
.horizontal-content-scroller.close {
  position: fixed;
}
.horizontal-content-scroller.fadeout {
  position: absolute;
  /*left: auto;*/
  /*right: calc((100vw - 1140px) / 2);*/
}
.horizontal-content-scroller span {
  position: absolute;
  left: 0;
  top: 0px;
  width: 33.333%;
  display: block;
  background: linear-gradient(250deg, #124bff, #31fbe6, #31fb9a);
  background-size: 300% 300%;
  -webkit-animation: gradient-line 7s linear infinite;
  -moz-animation: gradient-line 7s linear infinite;
  animation: gradient-line 7s linear infinite;
  height: 7px;
  z-index: 5;
  transition: 0.2s;
}

.horizontal-block-1 {
  width: calc(100vw - (100vw - 1140px) / 2);
  width: 1140px;
  width: 1920px;
  width: 100vw;
}

.horizontal-block-2 {
  width: 100vw;
  margin-left: calc((100vw - 1200px) * -1);
}

.horizontal-block {
  white-space: normal;
  min-height: 100vh;
  padding-top: 10vh;
  padding-bottom: 10vh;
  /*flex: 0 0 100%;*/
  box-sizing: border-box;
}

.horizontal-block .hori-image-wrapper{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 80vh;
    width: 100%;
}

.horizontal-block .row{
    max-width: 1140px;
}

.horizontal-block .row .small-5{
    width: 41.66667%;
}
.horizontal-block .row .small-7{
    width: 46.33333%;
}



/*.horizontal-block img.img-fluid {*/
/*    width: 400px;*/
/*}*/


.horizontal-block .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.horizontal-hold{
    position: relative;
    /*padding-top: 100px;*/
}

.horizontal-hold:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: calc((100vw - 1140px) / 2);
    background: linear-gradient(
    to right,
    rgba(000, 000, 000, 0) 0%,
    rgba(000, 000, 000, 1) 100%);
}



/*AWL Modal*/

/*.theme-modal{*/
/*    display: flex !important;*/
/*    align-items: center !important;*/
/*    justify-content: center !important;*/
/*    padding-right: 0 !important;*/
/*}*/

/*.theme-modal.fade:not(.show){*/
/*    visibility: hidden !important;*/
/*}*/

/*.theme-modal .modal-dialog{*/
/*    min-width: 550px !important;*/
/*    max-width: auto !important;*/
/*}*/

/*.theme-modal .modal-header{*/
/*    border-top: 0;*/
/*}*/

/*.theme-modal .modal-content .close{*/
/*    position: absolute;*/
/*    right: 10px;*/
/*    top: 10px;*/
/*    width: 28px;*/
/*    height: 28px;*/
/*    background-color: var(--body-color);*/
/*    border-radius: 50%;*/
/*    color: #fff;*/
/*    opacity: 1;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    font-size: 26px;*/
/*    font-weight: 400;*/
/*    cursor: pointer;*/
/*    text-shadow: none;*/
/*    z-index: 1;*/
/*    transition: 0.3s;*/
/*}*/

/*.theme-modal .modal-content .close:hover{*/
/*    background-color: var(--primary-color);*/
/*}*/

/*.theme-modal .modal-body{*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    padding: 45px 30px;*/
/*    text-align: center;*/
/*}*/

/*.theme-modal .modal-body .icon{*/
/*    font-size: 50px;*/
/*    margin-bottom: 54px;*/
/*    color: var(--body-color);*/
/*}*/

/*.theme-modal .modal-body p{*/
/*    color: var(--body-color);*/
/*}*/

/*.theme-modal .modal-body .modal-link{*/
/*    color: var(--primary-color);*/
/*    position: relative;*/
/*}*/

/*.theme-modal .modal-body .modal-link:before{*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    width: 0;*/
/*    height: 1px;*/
/*    background-color: var(--primary-color);*/
/*    transition: 0.3s;*/
/*}*/

/*.theme-modal .modal-body .modal-link:hover:before{*/
/*    width: 100%;*/
/*}*/

/*.theme-modal .modal-body .modal-link + .modal-link{*/
/*    margin-top: 30px;*/
/*    display: block;*/
/*}*/

/*@media(max-width: 575px){*/
/*    .theme-modal .modal-dialog{*/
/*        min-width: calc(100% - 40px) !important;*/
/*    }*/
/*}*/