/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
  width: auto;
}


@media screen and (max-width: 2500px) and (min-width: 600px) {


/*animation*/
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: translateY(-150px) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes bounceIn {
    0% {
      opacity: 0;
      transform: scale(0.3);
    }
    50% {
      opacity: 1;
      transform: scale(1.05);
    }
    70% {
      transform: scale(0.9);
    }
    100% {
      transform: scale(1);
    }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: translateX(150px) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: translateY(150px) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes flipInX {
  0% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
  100% {
    opacity: 1;
    transform: perspective(400px) rotateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-150px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: translateX(-150px) scale(0.5);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes zoomOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-150px);
  }
}

@keyframes zoomOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(150px);
  }
}

@keyframes zoomOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-150px);
  }
}

@keyframes zoomOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(150px);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(150px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(150px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-150px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

 /* Common reveal styles */
.reveal {
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
}

.reveal.active {
  opacity: 1;
}

.reveal.zoomInDown.active {
  animation: zoomInDown 1s ease-out forwards;
}

.reveal.zoomInRight.active {
  animation: zoomInRight 1s ease-out forwards;
}

.reveal.zoomInUp.active {
  animation: zoomInUp 1s ease-out forwards;
}

.reveal.flipInX.active {
  animation: flipInX 1s ease-out forwards;
}

.reveal.fadeInLeft.active {
  animation: fadeInLeft 1s ease-out forwards;
}


/* Adding new animation styles */
.reveal.zoomInLeft.active {
  animation: zoomInLeft 1s ease-out forwards;
}

.reveal.zoomOutLeft.active {
  animation: zoomOutLeft 1s ease-out forwards;
}

.reveal.zoomOutRight.active {
  animation: zoomOutRight 1s ease-out forwards;
}

.reveal.zoomOutUp.active {
  animation: zoomOutUp 1s ease-out forwards;
}

.reveal.zoomOutDown.active {
  animation: zoomOutDown 1s ease-out forwards;
}

.reveal.fadeInRight.active {
  animation: fadeInRight 1s ease-out forwards;
}

.reveal.fadeInUp.active {
  animation: fadeInUp 1s ease-out forwards;
}

.reveal.fadeInDown.active {
  animation: fadeInDown 1s ease-out forwards;
}

}

/*--------commom css------------*/
 h3.service-title a,h3.service-title{
    color: #010F1C ;  
}
a.serv-btn.btn,.accordion button .icon,a.hcon-btn.btn{
    color: #F75C4E ;  
}
a.slider-get-btn.btn,p.we-do-percn,a.faqs-btn.btn,.what-bg-pink-box:after ,i.vide-ply-icon,a.plan-btn.btn{
    background: #F75C4E; 
}
h2.slide-main-head,p.slide-text,a.slider-get-btn.btn,h6.abt-sm-hd,p.abt-para,span.abt-point,span.custom-progress-style,h2.what-main-head,p.what-para,p.prog-what-title,p.we-do-percn,.tm-inn-detail:hover h6.team-name a,.tm-inn-detail:hover p.team-desig,span.countr-num,p.countr-main-head,h3.count-plus span,a.faqs-btn.btn,i.vide-ply-icon,h2.cont-sec-form-hd,p.hcon-para,h6.hcon-number a,h6.hcon-number,p.hcon-mail a,p.case-sm-hd,h5.case-name, h5.case-name a,a.case-btn,a.plan-btn.btn,.inner-plan-box:hover h6.pack-option,.inner-plan-box:hover p.planlist-item-inn,.inner-plan-box:hover h2.plans-price{
  color: #ffffff;
}
.bg-media a:hover,a.serv-btn.btn:hover {
    color: #1A3C8B;
}
h3.service-title a:hover,.case-box a:hover,.hcon-info-reach a:hover,h6.news-inner-head a:hover,h6.testimonial-title a:hover{
  color: #F75C4E;
}
/*----small-head-----*/
h2.serv-sm-hd-bg,h2.abt-sm-hd-bg,h2.what-sm-hd-bg,h2.team-sm-hd-bg,h2.faq-sm-hd-bg,h2.hcon-sm-hd-bg,h2.news-sm-hd-bg,h2.testi-sm-hd-bg,h2.case-sm-hd-bg,h2.plans-sm-hd-bg {
    color: transparent;
    font-size: 36px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(51, 36, 103, 0.5);
    stroke-width: 1px;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0.5;
}
h2.abt-sm-hd-bg{
  -webkit-text-stroke-color: rgba(51, 36, 103, 1);
}
h2.what-sm-hd-bg{
  -webkit-text-stroke-color: rgba(255, 255, 255, 1);
}
h2.hcon-sm-hd-bg{
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.5);
}
.sm-hd-arrng {
    position: relative;
}
h6.serv-sm-hd,h6.abt-sm-hd,h6.what-sm-hd,h6.team-sm-hd,h6.faq-sm-hd,h6.hcon-sm-hd,h6.news-sm-hd,h6.testi-sm-hd,h6.case-sm-hd,h6.plans-sm-hd {
    position: absolute;
    top: 15%;
}
h6.abt-sm-hd {
    font-weight: 700;    
}
h6.team-sm-hd{
  color: #1A3C8B;
  left: 0;
  right: 0;
}
h6.faq-sm-hd,h6.news-sm-hd,h6.case-sm-hd,h6.plans-sm-hd{
    left: 0;
    right: 0;
}
h6.case-sm-hd,h6.plans-sm-hd{
    font-size: 18px;
}
/* --------- SLIDER--------- */

section#slider-banner{
  position: relative;
}
.slider-right-image{
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(0%);
    bottom: 0;
    left: 50%;
    border-radius: 10% 0px 0px 0px;
}
.slider-box{
    position: absolute;
    top: 50%;
    left: 14%;
    transform: translateY(-50%);
    right: 53%;
}
h2.slide-main-head {
    font-size: 74px;
    line-height: 95px;
}

.slide-main-head {
    background-image: linear-gradient(180deg, transparent 99%, #fff 0);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.4s ease;
    -moz-transition: background-size 0.4s ease;
    transition: background-size 0.4s ease;
}
.slide-main-head:hover {
    text-decoration: none;
    background-size: 100% 100%;
}

p.slide-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 15px !important;
}
a.slider-get-btn.btn {
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    padding: 14px 32px;
}

.slide-main-head {
    animation: fadeInDown 2s ease-out forwards;
}
.slide-text {
    animation: zoomInUp 1s ease-out forwards;
}
.slider-get-btn {
    animation: fadeInUp 2s ease-out forwards;
}
.header-coll{
    animation: bounceIn 2s ease-out forwards;
}


.carousel-item-sli .slider-banner-image img {
    height: 800px;
    width: 100% !important;
}
.carousel-item-sli .slider-right-image img{
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}








/* --------- SLIDER --------- */
/*section#slider-banner {*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*  height: 100vh;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  background: linear-gradient(to bottom right, #111, #333);*/
/*}*/

.slider-right-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 50%;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  animation: slideReveal 2s ease-in-out forwards;
  clip-path: polygon(100% 0, 100% 100%, 0 100%, 10% 0);
}
.slider-right-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.7);
}

/* Slide Heading */
h2.slide-main-head {
  animation: clipReveal 2s ease forwards;
  animation-delay: 0.5s;
}

/* Slide Paragraph */
p.slide-text {
  animation: fadeInText 1.8s ease forwards;
}

/* CTA Button */
a.slider-get-btn.btn {
  transform: scale(0.8);
  opacity: 0;
  animation: btnPopIn 1.5s ease forwards;
  animation-delay: 2s;
}

/* --------- Animations --------- */

@keyframes skewEnter {
  0% {
    transform: skewY(10deg) translateY(100%);
    opacity: 0;
  }
  100% {
    transform: skewY(0deg) translateY(0);
    opacity: 1;
  }
}

@keyframes clipReveal {
  0% {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    opacity: 0;
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    opacity: 1;
  }
}

@keyframes fadeInText {
  0% {
    transform: translateY(40px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes btnPopIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes slideReveal {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}





/*----------------services-------------*/

h2.serv-main-head {
    line-height: 55px;
}
h3.service-title a,h3.service-title {
    font-size: 20px;
    font-weight: 600;
}
a.serv-btn.btn {
    font-size: 15px;
    font-weight: 500;
}
i.serv-btn-icon {
    font-size: 12px;
}
.serv-place {
    background: #ffffff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
}
.serv-place:hover {
    background: #ebebeb;
    box-shadow: 0px 0px 15px 0px #F75C4E;
    border-radius: 12px;
    transform: scale(1.05);
}
.serv-head-box,section#service{
  position: relative;
}
.serv-head-box:after{
    content: '';
    background-image: url(../images/service/serv-head-after.png);
    background-size: cover;
    position: absolute;
    right: -30px;
    top: 0px;
    height: 120px;
    display: block;
    width: 36%;
    background-repeat: no-repeat;
    margin: auto;
    z-index: 99;
}
section#service:before{
    content: '';
    background-image: url(../images/service/service-before.png);
    background-size: cover;
    position: absolute;
    left: 70px;
    bottom: 0px;
    height: 44px;
    display: block;
    width: 130px;
    background-repeat: no-repeat;
    margin: auto;
}
section#service:after{
    content: '';
    background-image: url(../images/service/service-after.png);
    background-size: cover;
    position: absolute;
    right: 150px;
    top: 20px;
    height: 177px;
    display: block;
    width: 26px;
    background-repeat: no-repeat;
    margin: auto;
}
/*-------------about------*/
h2.abt-main-head {
    font-weight: 800;
    color: #1A3C8B;
    line-height: 55px;
}
p.abt-para,p.hcon-para {
    font-size: 20px;
}
span.abt-point {
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
}
ul.abt-list.row {
    list-style: none;
}
i.tick-icon-abt {
    color: #1A3C8B;
    font-size: 18px;
}
li.abt-list-name {
    display: inline-flex;
}

li.abt-list-name:hover span i{
    animation: bounceIn 1s ease-out forwards;
    color: #fff;
}
img.img-1-abt {
    border-radius: 20px;
}
.abt-img:after {
    content: '';
    background: #1A3C8B;
    width: 100%;
    height: 296px;
    position: absolute;
    bottom: -110px;
    left: 0;
    right: 0;
    clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%);
    z-index: -1;
}
.abt-img,section#about {
    position: relative;
}
section#about:before{
    content: '';
    background-image: url(../images/about/abt-before.png);
    background-size: cover;
    position: absolute;
    left: 70px;
    bottom: 90px;
    height: 180px;
    display: block;
    width: 26px;
    background-repeat: no-repeat;
    margin: auto;
}
section#about:after{
    content: '';
    background-image: url(../images/about/abt-after.png);
    background-size: cover;
    position: absolute;
    right: 85px;
    top: 100px;
    height: 49px;
    display: block;
    width: 130px;
    background-repeat: no-repeat;
    margin: auto;
}
/*----------what-we-do---------------*/
.progress-bar {
    background-color: #ffffff !important;
    border-radius: 30px;
    height: 4px !important;
    width: 70%;
}
.progress {
    background-color: #F75C4E !important;
    border-radius: 20px !important;
}
.prog-content {
    position: relative;
}
/* Add a keyframes animation for the progress bar track */
@keyframes fillProgressBar {
    from {
        width: 0;
    }
}
/* Apply the animation to the progress bar track when active */
.prog-content.active .progress-bar .progress {
    animation: fillProgressBar 5s ease-out; /* Adjust the duration and easing as needed */
}
/* Initially set the progress bar track to 0 width */
.prog-content .progress-bar .progress {
    width: 0;
}
/* Ensure the animation is applied only when the section is in view */
.prog-content.active .progress-bar .progress {
    width: <?php echo esc_attr($progress_value); ?>; /* Set the final width based on the progress value */
}
h2.what-main-head{
  line-height: 55px;
}
p.what-para {
    font-size: 20px;
    line-height: 30px;
}
p.prog-what-title,p.we-do-percn {
    font-size: 18px;
    font-weight: 600;
}
p.we-do-percn {
    border-radius: 17px;
    width: 56px;
    height: 56px;
    padding: 14px 5px;
    margin: auto;
}

.prog-content:hover p.we-do-percn{
    animation: bounceIn 1s ease-out forwards;
    color: #F75C4E;
    background: #fff;
}

.what-bg-pink-box{
  position: relative;
}
.what-bg-pink-box:after {
    content: '';
    width: 226px;
    height: 218px;
    position: absolute;
    border-radius: 0px 0px 99px 0px;
    left: 57%;
    top: 72%;
    z-index: -1;
}

.what-bg-pink-box:hover:after{
    transition: all 1s;
    background: #ffffff;
}
.what-bg-pink-box:hover img{
    transform: scale(1.1);
}
.what-bg-pink-boxs img{
    transition: all 1s;
}


section#what_we_do {
    position: relative;
    padding-bottom: 7%;
}
section#what_we_do:before{
    content: '';
    background-image: url(../images/what/what-before.png);
    background-size: cover;
    position: absolute;
    left: 70px;
    bottom: 150px;
    height: 177px;
    display: block;
    width: 26px;
    background-repeat: no-repeat;
    margin: auto;
}
section#what_we_do:after{
    content: '';
    background-image: url(../images/what/what-after.png);
    background-size: cover;
    position: absolute;
    right: 85px;
    top: 100px;
    height: 44px;
    display: block;
    width: 130px;
    background-repeat: no-repeat;
    margin: auto;
}
img.img-1-what {
    border-radius: 50px 0px 0px 0px;
}
/*---video---------*/
.video-bg-img-box {
    position: relative;
}
i.vide-ply-icon {
    position: absolute;
    top: 40%;
    left: 45%;
    font-size: 32px;
    padding: 35px 35px 35px 37px;
    display: inline-block;
    border-radius: 50%;
}
section#video {
    margin-top: -7rem;
    position: relative;
}
section#video:before{
    content: '';
    background-image: url(../images/service/service-before.png);
    background-size: cover;
    position: absolute;
    left: 70px;
    bottom: 150px;
    height: 49px;
    display: block;
    width: 130px;
    background-repeat: no-repeat;
    margin: auto;
}
/*--team-----------*/
h2.team-main-head {
    line-height: 55px;
    width: 80%;
}
h6.team-name a,h6.team-name {
    font-size: 29px;
    font-weight: 700;
    color: #263238;
}
p.team-desig {
    font-size: 18px;
    color: #263238;
}
.team-soco-box i {
    color: #1A3C8B;
    font-size: 20px;
    background: #E3E3E3;
    border-radius: 50%;
    padding: 10px 10px;
    display: inline-block;
}
/* i.mg-fb {
    padding: 10px 14px;
    color: #E3E3E3;
    background: #F75C4E;
} */
/* .tm-inn-detail:hover .team-soco-box i.mg-fb{
    background: #F75C4E;
} */
.team-soco-box i:hover{
    background: #F75C4E;
    color: #fff;
}
i.mg-utube {
    padding: 10px 8px;
}
.instruct-info.item img {
    width: 100% !important;
    border-radius: 20px 20px 0px 0px;
}
.team-detail-box {
    background: #ffffff;
    border-radius: 0px 0px 20px 20px;
}
.tm-inn-detail:hover .team-detail-box {
    background: #1A3C8B;
}
.tm-inn-detail:hover h6.team-name a,p.countr-main-head{
  font-weight: 600;
}
/* 
 */
section#our_team{
  position: relative;
}
section#our_team:before{
    content: '';
    background-image: url(../images/service/service-after.png);
    background-size: cover;
    position: absolute;
    left: 70px;
    bottom: 180px;
    height: 177px;
    display: block;
    width: 26px;
    background-repeat: no-repeat;
    margin: auto;
}
section#our_team:after{
    content: '';
    background-image: url(../images/service/service-before.png);
    background-size: cover;
    position: absolute;
    right: 85px;
    top: 120px;
    height: 44px;
    display: block;
    width: 130px;
    background-repeat: no-repeat;
    margin: auto;
}
/*---------------counter----------*/
.count-info {
    background: #1A3C8B;
    border-radius: 20px;
    position: relative;
}
.count-info:before {
    content: '';
    position: absolute;
    background: #F75C4E;
    height: 174px;
    left: 0px;
    width: 174px;
    clip-path: circle(50% at 10% 50%);
    top: 0;
    border-radius: 20px 50px 50px 20px;
}


.count-info:hover {
    background: #F75C4E;
}
.count-info:hover:before {
    background: #1A3C8B;
}

/*-----------faqs-----------*/
.accordion button {
    position: relative;
    display: block;
    width: 100%;
    background: transparent;
    border: none;
   
}
.accordion-item {
    border: none !important;
    background: transparent !important;
}
.accordion button:hover,
.accordion button:focus {
  cursor: pointer;
}
.accordion button:hover .accordion button .icon,
.accordion button:focus .accordion button .icon,.accordion button[aria-expanded='true'] + .icon {
    color: #ffffff;
    background: #F75C4E;
}
.accordion button .icon {
  display: inline-block;
    position: absolute;
    top: 0px;
    right: 10px;
    width: 21px;
    height: 21px;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: '';
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: '';
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordion button[aria-expanded='true'] .icon::after {
  width: 0;
}
.accordion button[aria-expanded='true'] + .accordion-content {
  opacity: 1;
  max-height: 10em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion button[aria-expanded='true'] .icon::before{
    color: #1A3C8B;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
h2.faq-main-head {
    letter-spacing: -1px;
}
span.faq-qustion {
    font-size: 20px;
    font-weight: 500;
    color: #0F2137;
    letter-spacing: -0.5px;
}
.faq-detail {
    border-bottom: 1px solid rgba(12, 19, 79, 0.21);
}
.faq-detail:hover {
    border-bottom: 2px dotted #F75C4E;
}
span.accordion-title,p.faqs-ansr {
    font-size: 16px;
    font-weight: 400;
    color: #969DA8;
}
.faq-info-shadow {
    box-shadow: 0px 0px 64px 4px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    padding: 10% 5% 5% 5%;
    background: #ffffff;
    margin-top: 10%;
}
section#counter {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
    margin: auto;
    width: 62%;
}
section#faqs {
    position: relative;
}
section#faqs:before{
    content: '';
    background-image: url(../images/service/service-before.png);
    background-size: cover;
    position: absolute;
    left: 70px;
    top: 17%;
    height: 44px;
    display: block;
    width: 130px;
    background-repeat: no-repeat;
    margin: auto;
}
section#faqs:after{
    content: '';
    background-image: url(../images/service/service-after.png);
    background-size: cover;
    position: absolute;
    right: 150px;
    bottom: 26%;
    height: 177px;
    display: block;
    width: 26px;
    background-repeat: no-repeat;
    margin: auto;
}
a.faqs-btn.btn {
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    padding: 14px 40px;
}
/*---------home-contact------*/
section#contact-section {
    background: linear-gradient(to right, #1A3C8B 50%, #FDD7D3 50%);
    position: relative;
}
a.hcon-btn.btn {
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #F75C4E;
    border-radius: 50px;
    padding: 14px 45px;
}
a.hcon-btn.btn:hover {
    color: #fff;
    background: #F75C4E;
}
.conts-2-shades {
    position: relative;
}
.hcont-calling-box {
    background: #281D51;
    clip-path: polygon(0% 0%, 86% 0%, 100% 100%, 0% 100%);
    width: 655px;
    height: 167px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px 20px 20px 200px;
    align-items: center;
    display: grid;
}
.hcont-calling-box:hover i{
    color: #fff;
    background-color: #F75C4E;
}
input[type="text"].hcon-name,input[type="tel"].hcon-num,textarea.hcon-msg,input[type="text"].hcon-web {
    font-size: 15px;
    font-weight: 500;
    color: #777D83;
    border-radius: 50px;
    border: 1px solid rgba(13, 31, 53, 0.3);
    width: 100%;
    margin-bottom: 20px;
    padding: 14px 10px 14px 50px;
}
input[type="text"].hcon-name::placeholder,input[type="tel"].hcon-num::placeholder,textarea.hcon-msg::placeholder,input[type="text"].hcon-web::placeholder{
    color: #777D83;
}
textarea.hcon-msg{
    border-radius: 30px;
    height: 127px;
    padding: 14px 10px 14px 25px;
}
input[type="submit"].hcon-btn.btn {
    font-size: 18px;
    font-weight: 700;
    background: #F75C4E;
    border-radius: 50px;
    text-transform: capitalize;
    padding: 14px 10px;
    width: 100%;
}
.hcon-inn label {
    width: 100%;
    position: relative;
}
label.hcon1:before,label.hcon2:before,label.hcon3:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: 14px;
    left: 25px;
    color: #F75C4E;
}
label.hcon1:before {
    content: "\f007";
    font-family: 'Font Awesome 6 Free';
}
label.hcon2:before {
    content: "\f2a0";
    transform: rotate(-45deg);
}
label.hcon3:before {
    content: "\f0ac";
}
.hcon-inn {
    margin-left: 25%;
}
.hcon-inn form {
    background: #ffffff;
    border-radius: 30px;
    padding: 40px 30px;
    margin: 11% 0px 25% 0px;
}
h6.hcon-number a,h6.hcon-number {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.48px;
}
p.hcon-mail a {
    font-size: 20px;
    font-weight: 400;
}
i.phone-icon-h {
    color: #F75C4E;
    transform: rotate(90deg);
    background: #ffffff;
    border-radius: 50%;
    display: inline-block;
    padding: 18px;
    font-size: 30px;
}
img.hcon-man-shft {
    position: absolute;
    bottom: 0;
    right: 36%;
}
.hcon-info-reach {
    display: inline-flex;
}
section#contact-section:after{
    content: '';
    background-image: url(../images/service/service-before.png);
    background-size: cover;
    position: absolute;
    right: 85px;
    top: 120px;
    height: 44px;
    display: block;
    width: 130px;
    background-repeat: no-repeat;
    margin: auto;
}
section#contact-section:before{
    content: '';
    background-image: url(../images/what/what-before.png);
    background-size: cover;
    position: absolute;
    left: 70px;
    bottom: 250px;
    height: 177px;
    display: block;
    width: 26px;
    background-repeat: no-repeat;
    margin: auto;
}
/*---------------blog------------------*/
a.latesredmore {
    font-size: 16px;
    font-weight: 400;
    color: #F75C4E !important;
    background: #FFD9D6;
    border-radius: 50px;
    padding: 10px 25px;
}
h6.news-inner-head a,h6.news-inner-head {
    color: #010F1C;
    font-size: 23px;
    font-weight: 700;
    line-height: 32px;
}
p.latest-content {
    line-height: 26px;
}
.date-box1 span.bdate,.date-box1 span.blog-admin {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}
.blog-det-box {
    background: #ffffff;
    border-radius: 30px;
    box-shadow: 0px 0px 64px 4px rgba(0, 0, 0, 0.15);
}
.blog-det-box:hover {
    background: #F75C4E;
    box-shadow: 0px 0px 20px 4px #F75C4Eee;
}
.blog-det-box:hover h6 a,.blog-det-box:hover p,.blog-det-box:hover .date-box1.blog-color-box1 span{
    color: #fff;
}
.news-img img {
    width: 100%;
}
a.blog-btn.btn {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    background: #F75C4E;
    border-radius: 50px;
    padding: 14px 40px;
}
section#latest_news{
    position: relative;
}
section#latest_news:before{
    content: '';
    background-image: url(../images/service/service-before.png);
    background-size: cover;
    position: absolute;
    left: 70px;
    top: 12%;
    height: 44px;
    display: block;
    width: 130px;
    background-repeat: no-repeat;
    margin: auto;
}
section#latest_news:after{
    content: '';
    background-image: url(../images/service/service-after.png);
    background-size: cover;
    position: absolute;
    right: 150px;
    bottom: -3%;
    height: 177px;
    display: block;
    width: 26px;
    background-repeat: no-repeat;
    margin: auto;
}

.abt-img:hover:after{
    transition: all 1s;
    background-color: #ffffff;
}
.abt-img:hover img{
    transform: scale(1.1);
}
.abt-img img{
    transition: all 1s;
}

/*-------------testimonial---------*/
h6.testimonial-title a,h6.testimonial-title {
    font-size: 20px;
    font-weight: 600;
    color: #010F1C;
}
p.testi-desig {
    font-size: 16px;
    font-weight: 400;
    color: #263238;
}
i.test-quote-icon {
    color: #F75C4E;
    font-size: 40px;
}
.testi-clip-shape {
    position: relative;
   
    background: #ffffff;
    clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
}
.testi-clip-shape:before {
    content: '';
     box-shadow: 0px 0px 64px 4px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 4px 0px 0px 4px;
}

.testi-img-box.row {
    row-gap: 47px;
}



.testi-img-0 img{
    width: 130px;
    position: relative;
    top: -50px;
    left: 80px;
}
.testi-img-2 img{
    width: 130px;
    position: relative;
    top: -50px;
    left: -20px;
}

.testi-img-4 img{
    width: 150px;
    position: relative;
    top: -100px;
}

.testi-img-3 img{
    width: 130px;
    position: relative;
    bottom: -40px;
    left: 20px;
}
.testi-img-1 img{
    width: 130px;
    position: relative;
    bottom: -280px;
    left: 0%;
}
.testi-img-5 img{
    width: 130px;
    position: relative;
    bottom: -40px;
    left: 0;
}

.testimonial-img.active {
    border: double 5px transparent;
    border-radius: 50%;
    background-image: linear-gradient(white, white),  linear-gradient(210.4deg, #F75C4E 6.53%, #1A3C8B 21.34%, #F75C4E 91.25%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow:   0 0 1px 6px #fff6f6ee,
    0 0 12px 6px #f75c4e61,
    0 0 24px 12px #1A3C91; ;
}

.testi-detail {
    position: relative;
    padding: 100px 50px;
}
section#testimonial {
    margin-bottom: -5rem;
    z-index: 9;
    position: relative;
}



section#partner .owl-carousel .owl-item img {
    margin: unset;
}

section#partner .owl-carousel .owl-item {
    position: relative;
    overflow: hidden;
}

section#partner .owl-carousel .owl-item img {
    display: block;
    transition: transform 0.5s ease;
}

section#partner .owl-carousel .owl-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.6) 100%);
    transform: skewX(-25deg);
    transition: left 0.75s ease;
}

section#partner .owl-carousel .owl-item:hover::before {
    left: 125%;
}
  
  
  
/*--------------------case studis--------------*/
ul#sellerTabs {
    display: inline-flex;
        border-bottom: none;
}
.tabs-case ul li a {
    font-size: 18px;
    font-weight: 600;
    background: linear-gradient(to right, #010F1C, #700DAE);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    border: 1px solid rgba(51, 36, 103, 0.21) !important;
    border-radius: 50px;
    margin: 0px 10px;
    border-top-left-radius: 50px !important;
    border-top-right-radius: 50px !important;
}
.tabs-case .nav-tabs a.nav-link.active {
    background: #F75C4E;
    border: none !important;
    -webkit-text-fill-color: #ffffff;
    padding: 0.5rem 30px;
    font-weight: 700;
}
.img-gradient{
  position:relative;
  display:inline-block;
  transition: all 1s;
  width: 100%;
}
.img-gradient:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(51, 36, 103, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51, 36, 103, 1)), color-stop(100%,rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(51, 36, 103, 1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(51, 36, 103, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(51, 36, 103, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(51, 36, 103, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  transition: all 1s;
  border-radius: 20px;
}
.img-gradient img{
  display:block;
  border-radius: 20px;
  width: 100%;
  height: 509px;
  transition: all 1s;
}
.case-box:hover .img-gradient:after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, rgba(51, 36, 103, 1) 71%);
}
.case_content_pad {
    position: absolute;
    bottom: 20px;
    left: 30px;
}
.case-box {
    position: relative;
}
p.case-sm-hd {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.68px;
}
h5.case-name, h5.case-name a {
    font-size: 26px;
    font-weight: 600;
}
a.case-btn {
    font-size: 15px;
    font-weight: 500;
}
section#case_studies:before {
    content: '';
    background-image: url(../images/about/abt-after.png);
    background-size: cover;
    position: absolute;
    left: 70px;
    bottom: 70px;
    height: 48px;
    display: block;
    width: 130px;
    background-repeat: no-repeat;
    margin: auto;
}
section#case_studies:after{
    content: '';
    background-image: url(../images/about/abt-before.png);
    background-size: cover;
    position: absolute;
    right: 85px;
    top: 30%;
    height: 182px;
    display: block;
    width: 26px;
    background-repeat: no-repeat;
    margin: auto;
}


.pricing-tables .switch .monthly {
    opacity: 1;
}

.pricing-tables .switch p.annually {
    color: #F75C4E;
    position: relative;
}

/*-----------pricing-plans---------*/
/*
.pricing-tables.plans--annually .switch .annually {
opacity: 1;
 }
.pricing-tables.plans--annually .switch .annually .save {
color: #eeaeca;
 }
.pricing-tables.plans--annually .plans .plan .plan__head::after {
opacity: .5;
 }
.pricing-tables.plans--annually .plans .plan .plan__price .price.price--monthly {
opacity: 0;
transform: translateY(100px);
 }
.pricing-tables.plans--annually .plans .plan .plan__price .price.price--annually {
opacity: 1 !important;
 } */
.pricing-tables .section__title {
margin: 0 0 4.2rem 0;
position: relative; 
}
.pricing-tables .switch {
display: inline-flex;
align-items: center;
justify-content: center;
-webkit-user-select: none;
user-select: none;
 }
.pricing-tables .switch p {
    font-size: 12px;
    font-weight: 500;
    transition: all .3s ease-in-out;
    opacity: .35;
    color: #F75C4E;
}
.pricing-tables.plans--annually .switch p.annually {
    opacity: 1;
}
.pricing-tables.plans--annually .switch p.monthly {
    opacity: 0.35;
}
.pricing-tables .switch .custom-switch {
position: relative;
display: inline-block;
margin: 0 1rem; 
padding-left: 0;
}
.pricing-tables .switch .custom-switch input {
  display: none; 
}
.pricing-tables .switch .custom-switch input:checked + label:active:after {
    left: 25px; 
}
.pricing-tables .switch .custom-switch input:checked + label:after {
    left: 25px;
    background: #ffffff;
}
.pricing-tables .switch .custom-switch label {
    position: relative;
    display: block;
    width: 54px;
    height: 30px;
    border-radius: 50px;
    background: #F75C4E;
    transition: all .4s ease-in-out;
    cursor: pointer;
}
.pricing-tables .switch .custom-switch label::after {
    position: relative;
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    top: 3px;
    left: 3px;
    border-radius: 19px;
    background: #ffffff;
    pointer-events: none;
    transition: all .4s ease-in-out;
}
.pricing-tables .switch .custom-switch label:active:after {
    width: 36px;
}
.pricing-tables .plans .plan .plan__head .plan__price .price {
    display: inline-block;
    transition: transform .4s ease 0s, opacity 0.2s ease 0s;
    position: relative;
     }
.pricing-tables .plans .plan .plan__head .plan__price .price.price--annually {
      transition: transform .4s ease 0s, opacity 1s ease 0s;
      position: absolute;
      left: 12px;
      right: 0;
      margin: 0 auto;
      opacity: 0;
}
h6.pack-option {
    font-size: 15px;
    font-weight: 500;
}
h2.plans-price {
    font-size: 40px;
    letter-spacing: -0.8px;
}
p.planlist-item {
    font-weight: 600;
    color: #010F1C;
    line-height: 60px;
    margin: 0;
    border-bottom: 1px solid rgba(38, 50, 56, 0.30);
}
ul.plan-list,ul.plan-list-inn {
    list-style: none;
}
p.planlist-item-inn {
    font-size: 15px;
    font-weight: 500;
    color: #55585B;
    line-height: 60px;
    border-bottom: 1px solid rgba(38, 50, 56, 0.30);
    margin: 0;
}
a.plan-btn.btn {
    font-size: 16px;
    font-weight: 700;
    background: #F75C4E;
    color: #ffffff;
    border-radius: 50px;
    padding: 14px 40px;
}
.features-box {
    position: absolute;
    top: 145px;
}
.pri-detail,.plans-info.pricing-tables,section#pricing_plans {
    position: relative;
}
.pri-detail:before {
    content: '';
    position: absolute;
    background: #ffffff;
    top: 21%;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 20px;
    box-shadow: 0px 0px 64px 4px rgba(0, 0, 0, 0.15);
}
.plan-tabs {
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 9;
}
section#pricing_plans:after{
    content: '';
    background-image: url(../images/service/service-after.png);
    background-size: cover;
    position: absolute;
    right: 150px;
    top: 32%;
    height: 177px;
    display: block;
    width: 26px;
    background-repeat: no-repeat;
    margin: auto;
}
.inner-plan-box:hover {
    background: #1A3C8B;
    border-radius: 17px;
    padding: 50px 10px 1px 10px;
    margin-top: -50px;
}
.inner-plan-box:hover h2.plans-price{
    font-size: 42px;
    font-weight: 800;
}
.inner-plan-box:hover p.planlist-item-inn{
    font-weight: 600;
    border-color: rgba(255, 255, 255, 0.3);
}
.inner-plan-box:hover a.plan-btn.btn {
    color: #1A3C8B;
    background: #ffffff;
}
.inner-plan-box:hover ul.plan-list-inn{
    padding: 0px 15px !important;
    margin: 0 !important;
}
.inner-plan-box:hover .plan__head{
    padding-top: 20px;
}
.inner-plan-box:hover:after{
    content: '';
    background-image: url(../images/plans/hvr-img.png);
    background-size: cover;
    position: absolute;
    right: 0;
    left: 100px;
    top: -14%;
    height: 281px;
    display: block;
    width: 65%;
    background-repeat: no-repeat;
    margin: auto;
}
.inner-plan-box{
    position: relative;
}
/*----------button-------*/
 a.ftr1-btn:hover,a.blog-btn.btn:hover,a.latesredmore:hover,input[type="submit"].hcon-btn.btn:hover,a.faqs-btn.btn:hover,a.plan-btn.btn:hover,i.vide-ply-icon:hover,a.slider-get-btn.btn:hover {
    background: #fff;
    box-shadow: 0px 2px 20px 10px #97B1BF;
    color: #1A3C8B ;
}
.btn {        
    border: none;
    cursor: pointer;
    transition-duration: 0.4s;
}