/*
Core
*/
* {
    outline: none;
    box-shadow: none;
	margin:0px; padding:0px;
} 

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #fff;
    -webkit-text-fill-color: #838291;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

.screen-reader-text {
    display: none;
}

.btn, .btn:hover, .btn:focus {
    box-shadow: none;
    border: 0;
    text-decoration: none;
}

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');



@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis-Bold.eot');
    src: url('../fonts/Metropolis-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Metropolis-Bold.woff2') format('woff2'),
        url('../fonts/Metropolis-Bold.woff') format('woff'),
        url('../fonts/Metropolis-Bold.ttf') format('truetype'),
        url('../fonts/Metropolis-Bold.svg#Metropolis-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'mercury-display';
    src: url('../fonts/MercuryDisplay-RomanSC.eot');
    src: url('../fonts/MercuryDisplay-RomanSC.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MercuryDisplay-RomanSC.woff2') format('woff2'),
        url('../fonts/MercuryDisplay-RomanSC.woff') format('woff'),
        url('../fonts/MercuryDisplay-RomanSC.ttf') format('truetype'),
        url('../fonts/MercuryDisplay-RomanSC.svg#MercuryDisplay-RomanSC') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gotham';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff'),
        url('../fonts/Gotham-Book.ttf') format('truetype'),
        url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gotham-b';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff'),
        url('../fonts/Gotham-Bold.ttf') format('truetype'),
        url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
} 


body {color:#000; font-family: Gotham; font-size:18px; line-height:1.8;margin:0px; padding:0px;}
a {text-decoration:none;}
.container {max-width: 1280px;}

.inverted {
    background-color: #11222e;
    box-shadow: 0 3px 5px 0.3px rgba(0,0,0,0.1);
  }

/**************** Common Css ***********************************/
h1,.h1,h2,h3,h4,h5{font-family: "Mercury Display"; font-weight:500;}
h1,.h1{font-size:60px;}
h2{font-size:40px;}
h3{font-size:36px;}
h4{font-size:28px;}
h5{font-size:22px;}
h6{font-size:18px; color:#000;}

h2 span{font-weight:700; color:#916D00;}

.whyus-container {
    align-items: center;
    justify-content: center;
}

.btn{border-radius:50px; font-family: Gotham, sans-serif; font-size: 20px; font-weight: 700; text-transform: uppercase;padding:16px 28px;}
sup {
    top: -.9em;
font-size: .35em;}

.text-warning {color: #D4B043;}
.btn-warning {border:1px solid #9D7600!important; background: #D4B043; color:#fff;}
.bg-light {background-color:#F4F8FE!important;}
.rounded-4{border-radius:50px;}

.shadow {box-shadow:8px 8px 20px rgba(0,0,0,0.5)!important; border-radius:26px;}

/**************** Header Css ***********************************/
#header .btn {font-family: "Figtree", sans-serif; font-size: 22px;padding: 10px 33px 10px 17px;}
#header .btn img{margin-right:10px;}
 
/**************** Main Css ***********************************/
#banner {background:url("../images/bnr-bg.jpg") no-repeat center center; background-size:cover; min-height:941px;}
#banner .bnr-tag-line {font-family: 'Metropolis';}

#brands {background: linear-gradient(200deg, rgba(79, 156, 221, 0.04) -6.62%, rgba(154, 167, 179, 0.04) 93.45%);backdrop-filter: blur(80px); text-align:center;}
#brands li {margin-bottom:20px;}
#brands li + li {margin-left:18px;}

#features{color: rgba(0, 0, 0, 0.60);}

#reviews h2 {font-size:48px;}
#reviews .review-area {color:#fff; width:548px; top:60px; left:100px; text-align:center;}
#reviews .review-area .review-txt {background:url("../images/quote-right.svg") no-repeat; padding: 50px 0 0 28px; font-weight: 500; line-height: 1.5;}
#reviews .review-area .review-txt p{font-family: "Mercury Display"; font-size: 24px;}


/*#reviews .memb {position:relative; z-index:99; margin-top: -100px;}
#reviews .memb img {border-radius: 10px;}
#reviews .memb h6 {font-family: "Mercury Display";}
#reviews .memb ul {font-size: 11px;}*/



#video-slide .carousel-inner {width: 100%; margin: auto;}
#video-slide .carousel-indicators {
    position: static;
    bottom: -150px;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    margin-top: -120px;
}
#video-slide .carousel-indicators [data-bs-target] {
    width: 249px;
    height: auto;
    text-indent: 0;
    background-color: transparent;
    border-top: 0;
    border-bottom: 0;
    text-align: left;
	opacity:1;
	margin:0 8px;
}
#video-slide .carousel-indicators .active img {    
	opacity:.6;
}
#video-slide .carousel-indicators img.thumbnail, #reviews .mob-video-testi img.thumbnail {border-radius:10px;}
#video-slide .carousel-indicators h6,#reviews .mob-video-testi h6 {font-family: "Mercury Display";}
#video-slide .carousel-indicators,#reviews .mob-video-testi  {font-size: 11px;}
#reviews .hvr-eft  {background:#000; border-radius:10px;}
#reviews .pulse{
  background: #4886C4;
  color:#fff;  
  width: 48px;
  height: 48px;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 1px #4886C41a;
  text-align:center;
  line-height:48px;
  font-size:28px;
  animation: pulse-animation 1s infinite;
  margin:auto;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(72, 134, 96, 0.8);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(72, 134, 96, 0);
  }
}

#welcome .wc-img {width:57%;}
#welcome .wc-txt {width:40%;}
#welcome .h1 {font-size:64px;}
#welcome a {color:#D4B043; font-weight:bold;}
#welcome a:hover {color:#000;}
#welcome .cont-links {border-bottom:1px solid #F1EAD4;}
#welcome .d-flex span {font-size:14px;}

#steps h6 {background: rgba(255, 255, 255, 0.06);}
#steps h4 {font-size:30px;}
#steps h5.title {font-family: "Figtree", sans-serif; font-size:60px; font-weight:600; color: transparent; -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(171deg, #FFFFFF, #66666600); opacity:.2;}
#steps .step-txt {line-height:1.5;}

#success-story .case-study-img {height:449px; overflow:hidden;}
#success-story .case-study-img:before {content:''; position:absolute; display:block; bottom:0px; width:100%; top:0px; z-index:9;
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#success-story .case-study-img img {object-fit:cover; object-position:bottom; height:100%; width:100%;}
#success-story .profile-details {font-size:16px; bottom:20px; width:100%; color:#fff; line-height:1.2; padding:0 25px; z-index:99;}
#success-story .profile-details h4 {font-size:26px;}
#success-story .case-study-txt{font-family: "Mercury Display"; font-size:24px; width:87%;margin-right:40px;}

#success-story .check{list-style:none; margin:0px; padding:0px;}
#success-story .check li{background:url("../images/check-mark.svg") no-repeat 0 0; padding-left: 40px; margin-bottom:10px;padding-bottom: 6px;}
 
#choose-us {background:url("../images/bg-logo.png") no-repeat 98% 0;}
#choose-us .text-area {width:80%;}
#choose-us .text-area h4 {font-size:24px;}

#media .carousel-caption {font-family: "Mercury Display"; font-size:24px; width:75%; margin:auto;}
#media .media-logo .list-inline-item {margin: 0 20px;}
#media .carousel-indicators {position: static!important; margin-left:1%; margin-right:1%;}
#media .carousel-indicators [data-bs-target] {width: auto!important; height: auto!important; text-indent: 0!important; opacity: 1!important; margin: 0 5px;border-top: 2px solid transparent; padding: 0 15px;}
#media .carousel-indicators .active {border-top: 2px solid #D4B043;}
#media .carousel-indicators img {width: 100% !important;}

#accordion .card{background: none; border:none; border-bottom:1px solid #d2d2d2;}
#accordion .card-header{background: none; border:none; padding:0px;}
#accordion .card-header .btn{padding:18px 0px; border:none !important; font-family: "Mercury Display"; font-size:24px; font-weight:500; display:block; text-align:left;}
#accordion .card-body{padding:0 0 20px;}
#accordion .card-header .btn{text-transform:none!important;}

#accordion .active .card-header > .btn:before {
    float: right !important;
    content:"";
    padding-right: 5px;
    background:url("../images/min.svg");
    height:45px;
    width:45px;
    margin-top: -6px;
	margin-left: 10px;
}
#accordion .card-header > .btn:before {
    float: right !important;
    content:"";
    background:url("../images/plus.svg");
    height:45px;
    width:45px;
    margin-top: -6px;
	margin-left: 10px;
}
#accordion .card-header > .btn:hover, 
#accordion .card-header > .btn:active, 
#accordion .card-header > .btn:focus  {
    text-decoration:none;
}

.whychooseuse {
    background: #F5F5F5;
    padding: 80px 0;
    margin-bottom: 80px;
} 

 .hidden-whyus { display: none; }


.block-subheading {
    text-align: center;
    margin-bottom: 30px;
} 

button#toggle-whyus {
    margin: 40px auto 0;
    display: block;
} 


.whyus-item {
    border-radius: 8px;
    background: #1A446B;
    padding: 32px 28px;
    margin: 15px 0;
}

.whyus-block p {
    margin: 0;
    color: #FFF;
    font-family: Gotham;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; /* 143.75% */
    opacity: 0.7;
}

h3.whyus-title {
    color: #FFF;
    font-family: "Mercury Display";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 108%; /* 23.76px */
}

.whyus-content {
    margin-top: 40px;
} 


.background-img {background:url("../images/bg-img.png") no-repeat 0 0; background-size:cover; border-radius:15px; padding:60px 100px;}

.carousel-caption{position:static;}
.carousel-inner {width: 95%; margin: auto;}
.carousel-control-prev-icon {background-image: url("../images/prev-icon.png")}
.carousel-control-next-icon  {background-image: url("../images/next-icon.png");}
.carousel-control-next-icon, .carousel-control-prev-icon {width: 45px; height: 45px;}
.carousel-control-next, .carousel-control-prev {width: 5%; opacity: 1;}


.bottom-content{padding-bottom: 80px !important;}
.rounded-img{border-radius:15px;}


.quote-txt{font-size:22px; font-weight:bold; width: 80%}
.quote-txt .name {color:rgba(212, 176, 67, 1); font-weight:600;}

/**************** Footer Css ***********************************/
#footer {border-top:1px solid #000;display: none;}
#footer .btn {font-size: 16px; padding: 5px 15px;}

.show, #footer:hover {
    display: block;
}


/* New Css */

.banner-title {
    color: #FFF;
    font-family: "Mercury Display";
    font-size: 54px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 66px */
} 


.swiper-wrapper {
    transition-timing-function: linear;
} 

div#brands .client-inner-logo-block img {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
}

.inverted {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 12px !important;
}

header#header {
     -webkit-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
}   

main {
    overflow: hidden;
} 

.w-1000{
    max-width: 1100px;
    margin: 0px auto;
}


.banner-image {
    padding-bottom: 140px;
}

.video-click-block {
        transition: 0.7s all ease-in-out;
      transition: transform 0.7s;
      animation: blink 1s infinite;
      cursor: pointer;
}

.video-click-block {
    position: absolute;
    right: 0;
}


div#html5lightbox-watermark {
    display: none !important;
}

.html5-text {
    display: none !important;
}

.hidden-block {
    display: none;
}


.hidden-block.active-div {
    display: block;
}


/* Blinking effect using keyframes */
@keyframes blink {

    0% {
    transform: scale(1); /* Default size */
    opacity: 1; /* Fully visible */
  }
  50% {
    transform: scale(1.01); /* Scaled up */
    opacity: 0.8; /* Semi-transparent */
  }
  100% {
    transform: scale(1); /* Back to default size */
    opacity: 1; /* Fully visible */
  } 
}

#choose-us .d-md-flex.align-items-start img {
    margin-top: -14px;
    margin-right: 15px !important;
} 
.carousel-control-prev {
    left: -40px;
}
.carousel-control-next {
    right:  -40px;;
}
/**************** Media Css ***********************************/

@media (min-width:1200px){
	#steps .step-txt {margin-right:2.6rem;}
}
@media (min-width:1440px){
    .container {max-width:1440px;}  
    .background-img {padding: 60px 190px;}
}
@media (max-width:1399px){
    #reviews img.review-main-img {object-fit:cover; height:650px; border-radius:20px;}
    #banner {min-height: 833px;}
    #brands li + li {margin-left: 0px;}
    #welcome .wc-img img{object-fit: cover; height: 700px;}
 
}
@media (max-width:1299px){
    #brands li + li {margin-left: 20px;}
    #success-story .case-study-txt {width: 80%;}
    #media .carousel-caption {width: 74%;}
    .background-img {padding:60px 110px;}
    
    #welcome .wc-img img{object-fit: cover; height: 700px;}
}
@media (max-width:1099px){
    #banner {min-height: 877px;}
    #brands li + li {margin-left:10px;}
    #reviews .review-area {top: 20px; left: 20px;}
    #reviews .review-area .review-txt {padding: 30px 0 0 28px;} 
    #reviews .memb {margin-top: -60px;}
    #reviews img.review-main-img {height: 530px;}
    .background-img {padding: 60px 40px;}
	
	#welcome .wc-img {margin-top: 169px;}
	#welcome .wc-img img {height: auto;}
    #media .d-md-flex.carousel-caption {width: 95%;}
	
        
}
@media (max-width:991px){
	.container {padding:0 25px;}
    body {font-size: 100%;}
    .btn {font-size: 18px; padding: 13px 20px;}
    #banner {min-height: 820px;}
    h1, .h1 {font-size: 205%;}
    h3 {font-size: 190%;}
    #welcome .wc-img,#welcome .wc-txt {width: 100%;}
	#welcome .wc-img {margin-top: 0px;}
	#welcome .align-items-center {justify-content: center;}
    .background-img {padding: 20px 20px;}
	#media .carousel-indicators [data-bs-target] {padding: 0 15px;}
	.quote-txt{width: 100%}
}

@media (max-width:767px)
{

    .whychooseuse {
    padding: 40px 0;
}

#reviews h2.text-center.mb-5 {
    margin: 0 !important;
}

.block-subheading p br {
    display: none;
}

button#toggle-whyus {
    margin: 10px auto 0;
}
	
	body {font-size:16px; line-height:1.7;}
	h1,.h1,.banner-title {font-size:38px;}
	h2 {font-size:28px;}
	h3 {font-size:23px;}
	h4 {font-size:22px;}
	h6 {font-size:16px;}
    .btn {font-size: 16px;}
	
	#header .call span{Display:none;}
	#header .btn {padding: 10px;}
	#header .btn img {margin-right: 0px;}
    #banner {min-height: 1230px;}
	.banner-image {padding-bottom: 30px;}
    #choose-us .text-area {width: 100%;}
    .celeb{width: 20%;}
    #welcome .wc-img,#welcome .wc-txt {float:none!important; width:100%; text-align:center;}
    #welcome .d-flex{justify-content:center;}
    .carousel-control-next, .carousel-control-prev {width: 9%;}
    #reviews .review-area {width: 90%;} 
	.carousel-inner {width: 100%;}
	#reviews .review-area .review-txt {padding: 30px 0 0 0;}
	.carousel-control-next, .carousel-control-prev{display:none;}
	
	#media .carousel-indicators [data-bs-target] {width: 100px !important; padding: 0 10px;}
	#media .carousel-indicators img {width: 100% !important;}
	
	
	#accordion .card-header .btn {font-size: 21px;}
	#accordion .card-header > .btn.collapsed:before,
	#accordion .card-header > .btn:before {height: 30px; width: 30px; background-size: contain;}
	.bottom-content h3 {font-size:28px;}
	.background-img {padding: 69px 20px; min-height: 420px;}
#choose-us .align-items-start img {margin-top:0px;}
	
        
}

@media (max-width:575px){
    #header a{display:block;}
    #banner {padding-top:100px!important; min-height: 1060px;}
    #reviews img.review-main-img {height: 600px;}
    #success-story .case-study-txt {width: 100%;}
    #success-story .case-study-txt {font-size: 110%;}
	#reviews .memb {margin-top: 20px;}
	#reviews h2 {font-size: 28px;}
	#welcome .h1 {font-size: 32px;}
	#choose-us {background: none;}
	#steps h2 {font-size:26px;}
	#steps h4 {font-size: 28px;}
	
	
	#reviews .pulse{
	  width: 30px;
	  height: 30px;
	  line-height:30px;
	  font-size:22px;
	}
	
	#About .fw-bold br {display:none;}
	#media .carousel-caption {font-size: 20px;}
	#media .carousel-indicators [data-bs-target] {padding: 0 3px;margin: 0 2px;}
}