.main-banner-area-wrap{overflow:hidden;position:relative;z-index:1;min-height:90vh;width:100%;}
.main-banner-area-wrap::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #f857a6;background: -webkit-linear-gradient(to bottom, #0c456c, #0071bc);background: linear-gradient(to bottom, #0c456c, #0071bc);opacity: .7;z-index: -1;}
@media only screen and (min-width: 1200px){
.heroimg img{max-width:auto;}
}
@media only screen and (max-width:1199px){
.heroimg img{width:100%;}
.main-banner-area-wrap{min-height:80vh;}
}
@media only screen and (max-width:767px){
.main-banner-area-wrap{min-height:80vh;padding-top:100px;}
}

.mt-minus100{margin-top:-100px;}
@media(max-width:991px){
.trusted{padding:20px 0;background:var(--main-color)}
.trusted .mt-minus100{margin-top:0;}
}

.clients img{max-width: 110px;height:auto;}

.zoomer-video{height: 250px;overflow: hidden;}
.zoomer-video img{width:100%;height:100%;object-fit: cover;object-position:center;}
.dotta .owl-dots{position:absolute;left:0;width:100%;text-align:center;bottom:0px;z-index:1;}
.dotta .owl-dots .owl-dot{display:inline-block;margin:0 3px;}
.dotta .owl-dots .owl-dot span{margin:0;width:12px;height:12px;border-radius:50%;background:var(--main-color3);display:block;transition:all ease-in-out .3s;transform:scale(.6);opacity:.6}
.dotta .owl-dots .owl-dot.active span{background:var(--main-color3);transform:scale(1);opacity:1;}


.faq-accordion .accordion-content ul {margin: 0;padding: 0;padding-left: 20px;}
.faq-accordion .accordion-button:not(.dusra),.faq-accordion .accordion-button:not(.collapsed) {border: 0;color: var(--main-color3);background: #f8f8f8;border: 1px solid #d6e3f4;border-radius:4px;font-size: 90%;}
.faq-accordion .accordion-button:hover,.faq-accordion .accordion-button:not(.collapsed):hover {color: var(--main-color);}
.faq-accordion .accordion-button::after {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%232b5aac' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");transform: scale(.7) !important;}
.faq-accordion .accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%232b5aac' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");}

.card {position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0, 0, 0, .125);border-radius: 10px;color:#000;}
.card-header {padding: .5rem 1rem;margin-bottom: 0;border-bottom: 1px solid rgba(0, 0, 0, .125);}
.card-body {flex: 1 1 auto;padding: 1rem 1rem;}


.flip-card{background-color:transparent;width:100%;height:465px;perspective:1000px}
.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}
.flip-card-inner img{width:100%;height:100%;object-fit:contain}
.flip-card .flip-card-inner.flip{transform:rotateY(180deg)}
.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.flip-card-front{color:#000}
.flip-card-back{color:#fff;transform:rotateY(180deg)}
@media only screen and (max-width: 767px) {.flip-card {height: 390px;}}
@media only screen and (max-width: 575px) {.flip-card {height: 550px;}.flip-card .flip-card-inner{transform:rotateY(180deg)}}
.flip-card .flip-card-inner.flip .flip-card-front{display:none}


a.play-btn {display: inline-block;width: 60px;height: 60px;background: var(--main-color);color: #fff;border-radius: 50%;line-height: 60px;font-size: 30px;position: absolute;left: 50%;top: 50%;text-align: center;transform: translate(-50%, -50%);}
.ripple {position: relative;text-decoration: none;color: #fff;width: 60px;height: 60px;margin: 0 auto;border-radius: 50%;-webkit-animation: ripple 1s linear infinite;animation: ripple 1s linear infinite;}

@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0.3), 0 0 0 60px rgba(255, 255, 255, 0.3);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0.3), 0 0 0 60px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0.3), 0 0 0 60px rgba(255, 255, 255, 0.3), 0 0 0 90px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0.3), 0 0 0 60px rgba(255, 255, 255, 0.3), 0 0 0 90px rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0.3), 0 0 0 60px rgba(255, 255, 255, 0.3);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0.3), 0 0 0 60px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0.3), 0 0 0 60px rgba(255, 255, 255, 0.3), 0 0 0 90px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0.3), 0 0 0 60px rgba(255, 255, 255, 0.3), 0 0 0 90px rgba(255, 255, 255, 0);
  }
}