/*header*/
.header{background: #000000; backdrop-filter: blur(20px); z-index: 999; padding: 5px 0px 10px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.03);}
.header .container{ position: relative;}
.header.my-fixed{ background: rgba(0, 0, 0, 0.92); transition: all .4s ease;}
.header .header-logo{position: relative; z-index: 9; padding: 0px 0px 0px;}

@media (max-width: 1079px) {
	.desktop--menu{display:none;}
  .header .container{ width: 100%;}
	.header .header-logo{position: relative; top: 3px}
  .header .header-logo img{ height: 40px;}
}

@media (min-width: 1080px) {
    .header{padding: 10px 0px 0px;}
    .header .header-logo{padding: 0px 0px 10px;}
} 
/*header end*/

/*Homepage*/
.home--banner{ padding: 30px 0px; text-align: center;} 
.home--banner .hb--img{ margin: 20px 0px;}
.home--banner .hb--btm{ display: flex; flex-direction: column-reverse;}
.home--banner .hb-desc{ margin-top: 10px;}

@media (min-width: 768px) {
  .home--banner{ padding: 50px 0px; text-align: unset;}
  .home--banner .hb-titl1{ max-width: 551px; position: relative;}
  .home--banner .hb-titl1:after{ content: ""; background: rgba(255, 255, 255, 0.5); width: 90%; height: 1px; position: absolute; bottom: 10%; left: 30%;}
  .home--banner .hb--top{ display: flex; justify-content: space-between;}
  .home--banner .hb--img{ flex-shrink: 1; padding-right: 10%; margin: unset;}
  .home--banner .hb--btm{ display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; margin-top: -40px;}
  .home--banner .hb-desc{ max-width: 737px; padding-right: 30px; margin-top: unset;}
}

@media (min-width: 1080px) {
  .home--banner .hb--img{ flex-shrink: 0;}
  .home--banner .hb-titl1:after{ width: 100%; left: 50%;}
}

@media (min-width: 1366px) {
  .home--banner{ padding: 60px 0px 80px;}
  .home--banner .hb--btm{ margin-top: -90px;}
  .home--banner .hb-titl1:after{ width: 100%; left: 40%;}
}

@media (min-width: 1600px) {
  .home--banner .hb-titl1:after{ width: 140%;}
}

.newlyIn-cs .nics-box{ background: rgba(223, 223, 223, 0.4); border-radius: 16px; padding: 30px 30px 0px;}
.nics-box h4 span{ position: relative; padding-right: 15px; font-size: 24px;}
.nics-box h4 span:after{ content: url(../images/home/increased.svg); position: relative; right: -10px; top: 0px;}

@media (min-width: 1200px) {
  .nics-box h4 span{ font-size: 33px;}
}

.hser-box{ background: transparent; border: 2px solid rgba(192, 192, 192, 0.3); border-radius: 13px; padding: 20px; border-radius: 13px; margin-bottom: 20px;}
.hser-box:hover{ background:rgba(255, 255, 255, 0.6); box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.25);}
.hser-box:hover h4{color: #845EF7;}

@media (min-width: 1200px) {
  .nics-box h4 span{ font-size: 33px;}
  .hser-box{ padding: 30px 20px;}
}

/** Client logo Carousel **/
.hclient--logos{ overflow: hidden; padding-top: 40px;}
.hclient--logos .swiper {width: 100%; height: 100%;}
.hclient--logos .swiper-wrapper{ align-items: center; -webkit-transition-timing-function:linear!important;    transition-timing-function:linear!important; position: relative;}
.hclient--logos .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  @media (max-width: 1024px) {
    .hclient--logos .swiper-slide img{ width: 160px;}
  }
/*casestudy slider*/
 .cstudy--box { background: #FFFFFF; box-shadow: 0px 0px 20px rgba(84, 101, 255, 0.08); border-radius: 16px; padding: 30px 30px;
width: 100%;}
 .cstudy--img { margin-bottom: 20px;}
 .cstudy--txt-top{ border-bottom: 1px solid rgba(20, 20, 20, 0.1); padding-bottom: 20px; margin-bottom: 30px;}
 .cstudy--title{ background: #000; padding: 5px 20px; color: #fff; display: inline-block; border-radius: 44px; margin-bottom: 10px;}
 .cstudy--txt-top-lft > p{ max-width: 400px; margin-top: 10px;}
 .cstudy--txt-cr{ font-size: 32px; font-weight: bold; position: relative; padding-left: 50px;}
 .cstudy--txt-cr:before{ content: url(../images/home/cl-icon.svg); position: absolute; left: 0; top: 0;}
 .cstudy-stats-titl{ color: rgba(20, 20, 20, 0.5); margin-bottom: 0px; position: relative;}
 .cstudy-stats-titl:after{ content: url(../images/home/cl-icon-sm.svg); margin-left: 10px;}
 

 @media (max-width: 767px) {
  .cstudy--txt-btm{ display: flex; flex-wrap: wrap;}
  .cstudy-stats{ padding: 0px 10px 10px;}
  .cstudy-stats h4{ margin-bottom: 0;}
 }

@media (min-width: 768px) {
  .cstudy--box { display: flex; align-items: center;}
  .cstudy--txt-top{ display: flex; justify-content: space-between;}
  .cstudy-stats-titl{ margin-bottom: 10px;}
  .cstudy--img { flex-shrink: 1; margin-right: 30px; margin-bottom: unset;}
  .cstudy-stats{ border-right: 1px solid rgba(20, 20, 20, 0.1); padding-right: 20px; margin-right: 20px;}
  .cstudy-stats:nth-last-of-type(1){padding-right: 0px; margin-right: 0px; border-right: 0;}
  .cstudy--txt-btm{ display: flex;}
  .sec-case-studies .max-1100{ padding-bottom: 70px;}
}

@media (min-width: 1080px) {
  .cstudy-stats{ padding-right: 50px; margin-right: 50px;}
}

@media (min-width: 1200px) {
  .cstudy--img { flex-shrink: 0;}
  }

 .abm-col h3, .ffm-col h3{ position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding-bottom: 30px; margin-bottom: 20px;}
 .home--rmp a{ color: #fff;}  
 .abm-col h3::after{ content: url(../images/home/rmp-icon1.svg); position: absolute; right: 0; top: 0;} 
 .ffm-col h3::after{ content: url(../images/home/rmp-icon2.svg); position: absolute; right: 0; top: 0;}

 .testimonial-slider{ padding-bottom: 20px;}
 .testi-box{ padding:30px 20px; border-radius: 16px; text-align: center; max-width: 966px; width: 100%; margin:0 auto 0;}
 .testi-box.bg-blue{background: #75BAF9;}
 .testi-box.bg-orange{background: #E6B33D;}
 .testi-box.bg-green{background: #1BC6AF;}
 .testi-box h4{ max-width: 720px; position: relative; padding-left: 20px; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
 .testi-box h4.fw-bold{ font-weight: 600 !important;}
 .testi-box h4:before{ content: url(../images/testimonial/quote1.svg); position: relative; top: -13px; left: -20px;}
 .testi-box h4:after{ content: url(../images/testimonial/quote2.svg); position: absolute; bottom: 5px; margin-left: 10px;}
 .testi-box .tcomp{ color: rgba(20, 20, 20, 0.5);}
 .site--slider.testimonial-slider .swiper-button-next, .site--slider.testimonial-slider .swiper-button-prev{ bottom: 3px; top: unset;}
 .testi-pagi{ font-weight: bold;}

 @media (min-width: 768px) {
  .testi-box h4{ padding-left: 30px; margin-bottom: 20px;}
  .testi-box{ padding: 30px;}
  .testi-box h4:after{ bottom: 10px; margin-left: 10px;}
 }

 .for--box{ text-align: center; padding: 30px; border-radius: 20px;}
 .for--box h3{ font-weight: bold;}
 .for--box a{ color: #fff;}

 @media (min-width: 768px) {
  .for--box h3{ min-height: 80px;}
 }

 @media (min-width: 1200px) {
  .for--box{padding: 50px 30px;}
  .for--box p{ padding-bottom: 30px;}
  .for--box h3{ font-size: 38px; line-height: 44px; min-height: 100px;}
  .for--box a, .for--box p{ font-size: 18px; line-height: 23px;}
}

.home--stats{padding-top: 30px;}
.home--stats h5{ font-weight: bold;}
.home--stats .hstats-box{border-radius: 8px; padding: 30px; color: #fff; margin-bottom: 10px;}
.home--stats .hstats-box h3{ position: relative; margin-top: 10px; margin-bottom: 0; padding-left: 60px;}
.home--stats .hstats-box h3:before{ content: url(../images/home/hstats-arr.svg); position: absolute; left: 0; top: 3px;}

@media (min-width: 768px) {
  .home--stats { margin-top: -70px; padding-top: unset;}
}

@media (min-width: 1200px) {
  .home--stats .hstats-box h3{ font-size: 32px;}
}

/*Homepage end*/ 

/*vertical tabs*/
.vtab-links .nav-tabs .nav-link {margin-bottom: -1px; border: 0px}
.vtab-links .nav-link{ color: rgba(0, 0, 0, 0.5); font-weight: 500;}
.v--tabs .tab-content{ background: transparent;}
.v--tabs .tab-content ul{ padding: 0 0px 0px 16px; margin: 0;}
.v--tabs .tab-content ul li{ margin-bottom: 10px;}
.v--tabs .tab-content ul li:nth-last-of-type(1){ margin-bottom: 0;}
.vtabs-txt .btn{ font-size: 15px; padding: 10px 30px;}
.vtab-links .nav-tabs .nav-item .nav-link.active{color: #000; background: transparent; border-radius: 5px;}
.vtabs-sec .rm-link a{ color: #000; font-weight: 700;}

@media (max-width: 767px) {
    .vtabs-sec{ margin-top: 20px;}
    .vtab-links .nav-tabs {border-bottom: 0px; display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; overflow-x: auto; margin-bottom: 10px; padding-bottom: 10px;}
    .vtab-links .nav-link {white-space: nowrap; font-size: 13px;}
    .v--tabs .tab-content{ font-size: 14px; line-height: 18px;}
}

@media (min-width: 768px) {
.v--tabs{ display: flex;}
.vtab-txt-row{ display: flex; flex-direction: row;}
.v--tabs .vtab-links{ flex-basis: 25%; margin-right: 30px; margin-top: 30px;}
.v--tabs .tab-content{ flex-basis: 75%;}
.vtab-links .nav-tabs{ display: flex; flex-direction: column; border: 0;}
.vtab-links .nav-tabs .nav-link {margin-bottom: 20px; padding:0; text-align: left; width: 100%; position: relative; background: transparent; border-radius: 5px;}
.vtab-links .nav-tabs .nav-item:nth-last-of-type(1) .nav-link { border-bottom: 0;}
.vtab-content{ display: flex; flex-direction: column; align-items: center; background: #F2F2F2; border-radius: 20px; padding: 30px;}
.vtab-content-img{ flex-shrink: 0; margin-right: 20px; margin-bottom: 20px;}
.ind-vtabs .vtab-links .nav-tabs .nav-link {margin-bottom: 20px; font-size: 18px;}
}

@media (min-width: 1080px) {
  .vtab-content{ flex-direction: row;}
}

@media (min-width: 1200px) {
  .vtab-links .nav-tabs .nav-link {margin-bottom: 30px; font-size: 24px;}
}

@media (min-width: 768px) {
.why-choose-tabs .vtab-content{ align-items: unset;}
.why-choose-tabs .vtab-links .nav-tabs .nav-link{ position: relative; padding-left: 20px;}
.why-choose-tabs .vtab-links .nav-tabs .nav-link:before{ content: ""; background: rgba(0, 0, 0, 0.3); width: 10px; height: 10px; 
  border-radius: 100%; position: absolute; left: 0; top: 6px;}

.why-choose-tabs .vtab-links .nav-tabs .nav-link.violet.active:before{ background: var(--color-violet);}
.why-choose-tabs .vtab-links .nav-tabs .nav-link.red.active:before{ background: var(--color-red);}
.why-choose-tabs .vtab-links .nav-tabs .nav-link.orange.active:before{ background: var(--color-orange);}
.why-choose-tabs .vtab-links .nav-tabs .nav-link.yellow.active:before{ background: var(--color-yellow);}
.why-choose-tabs .vtab-links .nav-tabs .nav-link.green.active:before{ background: var(--color-green);}  
}

.pro--slider{ position: relative; background: #FFFFFF; box-shadow: 0px 0px 20px rgba(84, 101, 255, 0.08); border-radius: 16px; 
  padding: 20px 10px;}
.pro--slider .swiper-button-next, .pro--slider .swiper-button-prev{ top: 50px;}
.pro--slider .swiper-button-next{ right: 0px;}
.pro--slider .swiper-button-prev{ left: 10px;}
.pro--slider .swiper-button-next::after{ content: url(../images/ts-nxt-sm.svg);}
.pro--slider .swiper-button-prev::after{ content: url(../images/ts-prev-sm.svg);}
.pro--slider .swiper {width: 100%; height: 100%;}
.pro--slider .swiper-slide {
   display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

.protabBtn{text-align: center; display: flex; align-items: flex-end; justify-content: center; padding: 10px 20px; cursor: pointer; font-weight: 500; 
color: rgba(0, 0, 0, 0.5); white-space: nowrap;}
.protabtxt{ padding: 20px 0px 10px; width: 100%;}
.pro--slider .swiper.proSlider{border-bottom: 1px solid rgba(0,0,0,0.3); width: 95%;}
.pro--slider .swiper.ppcSlider{border-bottom: 1px solid rgba(0,0,0,0.3); width: 95%;}

.swiper-slide.swiper-slide-thumb-active .protabBtn{ position: relative;}
.swiper-slide.swiper-slide-thumb-active .protabBtn:before{ content: "";  width: 100%; height: 4px; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; background: var(--color-violet);}
.swiper-slide:nth-of-type(1).swiper-slide-thumb-active .protabBtn{color: var(--color-violet);}
.swiper-slide:nth-of-type(2).swiper-slide-thumb-active .protabBtn{color: var(--color-blue);}
.swiper-slide:nth-of-type(3).swiper-slide-thumb-active .protabBtn{color: var(--color-green);}
.swiper-slide:nth-of-type(4).swiper-slide-thumb-active .protabBtn{color: var(--color-yellow);}
.swiper-slide:nth-of-type(5).swiper-slide-thumb-active .protabBtn{color: var(--color-orange);}
.swiper-slide:nth-of-type(6).swiper-slide-thumb-active .protabBtn{color: var(--color-red);}
.swiper-slide:nth-of-type(7).swiper-slide-thumb-active .protabBtn{color: var(--color-navy);}
.swiper-slide:nth-of-type(8).swiper-slide-thumb-active .protabBtn{color: var(--color-violet);}
.swiper-slide:nth-of-type(9).swiper-slide-thumb-active .protabBtn{color: var(--color-blue);}
.swiper-slide:nth-of-type(10).swiper-slide-thumb-active .protabBtn{color: var(--color-green);}
.swiper-slide:nth-of-type(11).swiper-slide-thumb-active .protabBtn{color: var(--color-yellow);}
.swiper-slide:nth-of-type(12).swiper-slide-thumb-active .protabBtn{color: var(--color-orange);}

.swiper-slide:nth-of-type(1).swiper-slide-thumb-active .protabBtn:before{background: var(--color-violet);}
.swiper-slide:nth-of-type(2).swiper-slide-thumb-active .protabBtn:before{background: var(--color-blue);}
.swiper-slide:nth-of-type(3).swiper-slide-thumb-active .protabBtn:before{background: var(--color-green);}
.swiper-slide:nth-of-type(4).swiper-slide-thumb-active .protabBtn:before{background: var(--color-yellow);}
.swiper-slide:nth-of-type(5).swiper-slide-thumb-active .protabBtn:before{background: var(--color-orange);}
.swiper-slide:nth-of-type(6).swiper-slide-thumb-active .protabBtn:before{background: var(--color-red);}
.swiper-slide:nth-of-type(7).swiper-slide-thumb-active .protabBtn:before{background: var(--color-navy);}
.swiper-slide:nth-of-type(8).swiper-slide-thumb-active .protabBtn:before{background: var(--color-violet);}
.swiper-slide:nth-of-type(9).swiper-slide-thumb-active .protabBtn:before{background: var(--color-blue);}
.swiper-slide:nth-of-type(10).swiper-slide-thumb-active .protabBtn:before{background: var(--color-green);}
.swiper-slide:nth-of-type(11).swiper-slide-thumb-active .protabBtn:before{background: var(--color-yellow);}
.swiper-slide:nth-of-type(12).swiper-slide-thumb-active .protabBtn:before{background: var(--color-orange);}

@media (min-width: 768px) {
    .pro--slider{ padding: 30px;}
    .protabtxt{ padding: 50px 0px 30px;}
    .pro--slider .swiper-button-next{ right: 10px;}
    .pro--slider .swiper-button-prev{ left: 20px;}
    .protabBtn{display: flex; align-items: center; justify-content: center; padding: 10px 20px; white-space: unset; min-height: 80px;}
    .pro--slider .swiper.proSlider .swiper-wrapper{ align-items: center;}
    .pro--slider .swiper.ppcSlider .swiper-wrapper{ align-items: center;}
}
@media (min-width: 1366px) {
.pro--slider .swiper-button-next::after{ content: url(../images/ts-nxt.svg);}
.pro--slider .swiper-button-prev::after{ content: url(../images/ts-prev.svg);}
.pro--slider .swiper-button-next, .pro--slider .swiper-button-prev{ top: 75px;}
.pro--slider .swiper-button-next{ right: 20px;}
.pro--slider .swiper-button-prev{ left: 25px;}
.protabBtn{ font-size: 18px; line-height: 24px;}
.pro--slider .swiper.proSlider2 .swiper-wrapper{width: 95%; margin: auto;}
.pro--slider .swiper.ppcSlider2 .swiper-wrapper{width: 95%; margin: auto;}
}

/*Seo pages start*/
/*Seo pages vertical tabs*/
.bg-grey-white{background: #f2f2f2;}
.sctab-links .nav-tabs .nav-link {margin-bottom: -1px; border: 0px}
.sctab-links .nav-link{ color: #000; font-weight: 500;}
.sc--tabs .tab-content{ background: transparent;}
.sctab-links .nav-tabs .nav-item .nav-link.active{color: #000; background: transparent;}

@media (max-width: 767px) {
    .sctab-links .nav-tabs {border-bottom: 0px; display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; overflow-x: auto; margin-bottom: 10px; padding-bottom: 10px; justify-content: flex-start;}
    .sctab-links .nav-link {white-space: nowrap; font-size: 13px; padding: 5px 10px; border-radius: 5px;}
    .sctab-links .nav-tabs .nav-item .nav-link.active{color: #fff; background: #845EF7;}
    .sc--tabs .tab-content{ font-size: 14px; line-height: 18px;}
    .sctab-img{ text-align: center;}
}

@media (min-width: 768px) {
.bg-grey-white{background: linear-gradient(to bottom, #f2f2f2 0%,#f2f2f2 63%,#ffffff 63%,#ffffff 100%);}
.sctabs-sec{background: #FFFFFF; box-shadow: 0px 0px 20px rgba(84, 101, 255, 0.1); border-radius: 16px; padding:0px 30px;} 
.sc--tabs{ display: flex;}
.sc--tabs .sctab-links{ flex-basis: 25%; border-right: 1px solid rgba(0, 0, 0, 0.1); margin-right: 30px; padding-right: 30px; padding-top: 50px; padding-bottom: 30px; }
.sc--tabs .tab-content{ flex-basis: 75%; padding-top: 50px; padding-bottom: 30px; }
.sctab-links .nav-tabs{ display: flex; flex-direction: column; border: 0;}
.sctab-links .nav-tabs .nav-link {margin-bottom: 20px; padding:0; text-align: left; width: 100%; position: relative; background: transparent; border-radius: 5px;}
.sctab-links .nav-tabs .nav-item:nth-last-of-type(1) .nav-link { border-bottom: 0;}
.sctab-img{ text-align: right;}
.sctab-links .nav-tabs .nav-item .nav-link.active{color: #000; position: relative;}
.sctab-links .nav-tabs .nav-item .nav-link.active:after{ content: ""; background: #845EF7; width: 4px; height: 40px; position: absolute; 
  right: -30px; top: 0px;}
}

@media (min-width: 1200px) {
  .sctab-links .nav-tabs .nav-link {margin-bottom: 30px; font-size: 20px; line-height: 26px;}
}

/*seo page process tabs*/
.process--tabs{box-shadow: 0px 0px 20px rgba(84, 101, 255, 0.08); border-radius: 16px;}
.process--tabs .nav-tabs{ border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-top: 20px; display: flex; }
.process--tabs .nav-link{ background: transparent; border: 0; border-radius: 0px; font-size: 14px; color: rgba(0, 0, 0, 0.5); padding: 0 0px 20px; 
    margin-right: 10px; font-weight: 500;}
.process--tabs .nav-item:nth-last-of-type(1) .nav-link{ margin-right: 0px;}
.process--tabs .nav-link.active{ background: transparent; border-radius: 0px; position: relative; color: var(--color-violet);}
.process--tabs .nav-link.active:before{ content: ""; background: #845EF7; border-radius: 20px; height: 4px; width: 100%; position: absolute; bottom: 0; left: 0;}
.process--tabs .tab-content{ padding-top: 10px;}

.process--tabs .nav-link.nav-violet.active{color: var(--color-violet);}
.process--tabs .nav-link.nav-violet.active:before{ background: var(--color-violet);}
.process--tabs .nav-link.nav-orange.active{color: var(--color-orange);}
.process--tabs .nav-link.nav-orange.active:before{ background: var(--color-orange);}
.process--tabs .nav-link.nav-yellow.active{color: var(--color-yellow);}
.process--tabs .nav-link.nav-yellow.active:before{ background: var(--color-yellow);}
.process--tabs .nav-link.nav-red.active{color: var(--color-red);}
.process--tabs .nav-link.nav-red.active:before{ background: var(--color-red);}
.process--tabs .nav-link.nav-green.active{color: var(--color-green);}
.process--tabs .nav-link.nav-green.active:before{ background: var(--color-green);}

ul.proc-list{ padding: 0px 0px 0px 0px;}
ul.proc-list li{ list-style-type: none; position: relative; padding-left: 20px;}
ul.btik li:before{ content: url(../images/btik.svg); position: absolute; left: 0; top: 0;}
ul.otik li:before{ content: url(../images/otik.svg); position: absolute; left: 0; top: 0;}
ul.ytik li:before{ content: url(../images/ytik.svg); position: absolute; left: 0; top: 0;}
ul.rtik li:before{ content: url(../images/rtik.svg); position: absolute; left: 0; top: 0;}
ul.gtik li:before{ content: url(../images/gtik.svg); position: absolute; left: 0; top: 0;}


@media (max-width: 767px) {
    .process--tabs .nav-tabs {border-bottom: 0px; display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; overflow-x: auto; margin-bottom: 10px; padding-bottom: 10px;}
    .process--tabs .nav-link {white-space: nowrap; margin-right: 20px; padding: 0 0px 10px;}
}
@media (min-width: 768px) {
    .process--tabs .tab-content{ padding-top: 40px;}
    .process--tabs .nav-tabs{ justify-content: space-between;}
}
@media (min-width: 1200px) {
    .process--tabs .nav-link{font-size: 20px;}
}

.wy-choose-pr .prs--box{ margin-bottom: 20px;}
.prs--box.getStart{ background: #75BAF9; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 16px;}

@media (min-width: 768px) {
  .wy-choose-pr .prs--box{ margin-bottom: 30px; width: 100%;}
}

.pr-sec-tabs{ display: none;}

@media (min-width: 768px) {
  .pr-sec-tabs.sticky-top {top: 54px; z-index: 10;}
  .pr-sec-tabs{ display: block; padding: 10px 0px;}
  .pr-sec-tabs ul{ display: flex; justify-content: space-between; padding: 0; margin: 0;}
  .pr-sec-tabs ul li{ list-style-type: none; padding: 0; margin: 0;}
  .pr-sec-tabs ul li a{ font-size: 16px; font-weight: bold; color: #000;}
}

@media (min-width: 1080px) {
  .pr-sec-tabs.sticky-top {top: 73px;}
  .pr-sec-tabs ul li a{ font-size: 18px;}
  .pr-sec-tabs{ padding: 16px 0px;}
}

.whych-box-row { padding: 30px 20px; background: #FFFFFF; box-shadow: 0px 4px 20px rgba(84, 101, 255, 0.08); border-radius: 16px;}
.whych-box{ padding-top: 20px; border-top-width: 4px; border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-style: solid; margin-bottom: 30px;}
.border-blue{border-top-color: var(--color-blue);}
.border-lblue{border-top-color: var(--color-lblue);}
.border-red{border-top-color: var(--color-red);}
.border-violet{border-top-color: var(--color-violet);}
.border-yellow{border-top-color: var(--color-yellow);}
.border-green{border-top-color: var(--color-green);}
.border-orange{border-top-color: var(--color-orange);}

@media (min-width: 1200px) {
  .whych-box-row { padding: 50px 30px;}
  .whych-box{ margin-bottom: 50px;}
  .whych-box-row .col-md-4:nth-last-of-type(1) .whych-box, 
  .whych-box-row .col-md-4:nth-last-of-type(2) .whych-box, 
  .whych-box-row .col-md-4:nth-last-of-type(3) .whych-box{ margin-bottom: 0;}
}


.prcs-accordion .accordion-button::after{ content: none;}
.prcs-accordion p{ margin-bottom: 0;}
.prcs-accordion .accordion-button{ padding: 5px 0px; background: transparent; border: 0; font-size: 18px; font-weight: bold; color: #000; 
  box-shadow:none;}
.prcs-accordion .accordion-button.collapsed{color: #000;}
.prcs-accordion .accordion-item{ border: 0; position: relative; padding-left: 20px; margin-bottom: 20px;}
.prcs-accordion .accordion-item:nth-last-of-type(1){ margin-bottom: 0;}
.prcs-accordion .accordion-item:before{ content: ""; width: 2.5px; height: 100%; background: #CDCDCD; position: absolute; left: 0; top: 0;}
.prcs-accordion .accordion-button:not(.collapsed){ position: relative;}
.prcs-accordion .accordion-button:not(.collapsed):before{ content: ""; width: 2.5px; height: 140%; position: absolute; left: -20px; top: 0;}

.prcs-accordion .item-violet .accordion-button:not(.collapsed){ color: var(--color-violet);}
.prcs-accordion .item-violet .accordion-button:not(.collapsed):before{background: var(--color-violet);}
.prcs-accordion .item-lblue .accordion-button:not(.collapsed){ color: var(--color-lblue);}
.prcs-accordion .item-lblue .accordion-button:not(.collapsed):before{background: var(--color-lblue);}
.prcs-accordion .item-green .accordion-button:not(.collapsed){ color: var(--color-green);}
.prcs-accordion .item-green .accordion-button:not(.collapsed):before{background: var(--color-green);}
.prcs-accordion .item-yellow .accordion-button:not(.collapsed){ color: var(--color-yellow);}
.prcs-accordion .item-yellow .accordion-button:not(.collapsed):before{background: var(--color-yellow);}
.prcs-accordion .item-orange .accordion-button:not(.collapsed){ color: var(--color-orange);}
.prcs-accordion .item-orange .accordion-button:not(.collapsed):before{background: var(--color-orange);}
.prcs-accordion .item-red .accordion-button:not(.collapsed){ color: var(--color-red);}
.prcs-accordion .item-red .accordion-button:not(.collapsed):before{background: var(--color-red);}

@media (min-width: 992px) {
  .prcs-accordion .accordion-button{ font-size: 20px;}
}

@media (min-width: 1200px) {
  .accordion-collapse p{ max-width: 450px;}
}

.em-stats-sec{background: linear-gradient(to bottom, #f2f2f2 0%,#f2f2f2 50%,#ffffff 50%,#ffffff 100%); margin-top: unset;}
.home--stats.em-stats-sec .hstats-box{ padding: 30px 20px;}

.pes--box{background: #fff; box-shadow: 0px 4px 20px rgba(84, 101, 255, 0.08); border-radius: 16px; width: 100%;}
.pes-box-txt{ padding: 20px;}
.pes--box-img{ width: 100%; text-align: center;}
.pes--box-img img{width: 100%; max-height: 254px; object-fit: cover; border-radius: 16px 16px 0px 0px;}
.pes-slider.site--slider .swiper-slide { margin-bottom: 70px;}
.site--slider .swiper-button-prev.pes-prev::after, .site--slider .swiper-rtl .swiper-button-next.pes-next::after {
  content: url(../images/pes-prev.svg);}
.site--slider .swiper-button-next.pes-next::after, .site--slider .swiper-rtl .swiper-button-prev.pes-prev::after {
  content: url(../images/pes-nxt.svg);}
  .site--slider .swiper-button-prev.ow-prev::after, .site--slider .swiper-rtl .swiper-button-next.ow-next::after {
    content: url(../images/pes-prev.svg);}
  .site--slider .swiper-button-next.ow-next::after, .site--slider .swiper-rtl .swiper-button-prev.ow-prev::after {
    content: url(../images/pes-nxt.svg);}  

@media (min-width: 768px) {
.site--slider .swiper-button-next.pes-next, .site--slider .swiper-button-prev.pes-prev{ bottom: unset; top: 50%;}
.site--slider .swiper-button-prev.pes-prev, .site--slider .swiper-rtl .swiper-button-next.pes-next {left: -10px; right: auto;}
.site--slider .swiper-button-next.pes-next, .site--slider .swiper-rtl .swiper-button-prev.pes-prev {right: -10px; left: auto;}
.pes-slider.site--slider .swiper-slide { margin-bottom: 30px;}
.site--slider .swiper-button-next.ow-next, .site--slider .swiper-button-prev.ow-prev{ bottom: unset; top: 50%;}
.site--slider .swiper-button-prev.ow-prev, .site--slider .swiper-rtl .swiper-button-next.ow-next {left: -10px; right: auto;}
.site--slider .swiper-button-next.ow-next, .site--slider .swiper-rtl .swiper-button-prev.ow-prev {right: -10px; left: auto;}
}

.ooo-box{ margin-bottom: 20px; background: #FFFFFF; box-shadow: 0px 4px 20px rgba(84, 101, 255, 0.08); border-radius: 10px; padding: 20px; 
  width: 100%;}

.cfs-box { padding: 20px; color: #fff; border-radius: 16px; align-items: center;}
.cfs-box h3{ margin-bottom: 0; font-size: 30px;}
.cfs-box p{ margin-bottom: 0;}
.cfs-box1{ background: #FF7D19;}
.cfs-box2{ background: #3D85FF;}
.cfs-box3{ background: #1BC6AF;}

.tools-row{ display: flex; justify-content: center; align-items: center;}

.wd-roi--sec{ position: relative; background:#f2f2f2; padding: 30px 0px;}
.wd-roi--sec .roi--img{ margin-bottom: 20px;}
@media (min-width: 1080px) {
  .wd-roi--sec {background: linear-gradient(to bottom, #ffffff 0%,#ffffff 15%,#f2f2f2 15%,#f2f2f2 100%); padding: 10px 0px 50px;}
  .wd-roi--sec .roi--img{ margin-bottom: unset;}
  .wd-roi--sec .row{ align-items: flex-end;}
}


.mason--Box-list{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-evenly;}
.mason--Box{ background: rgba(242, 242, 242, 0.4); padding: 20px 10px 30px; width: 154px; border-radius: 8px; text-align: center;
   margin-bottom: 16px; min-height: 154px;}

@media (min-width: 768px) {
  .mason--Box-list{justify-content: flex-start;}
  .mason--Box{ padding: 20px 20px 30px; width: 164px; min-height: 154px; margin-right: 20px;}  
}

@media (min-width: 1080px) {
  .mason--Box-list{justify-content: space-between;}
  .mason--Box{margin-right: unset;} 
}

@media (min-width: 1200px) {
  .mason--Box{ padding: 20px 20px 30px; width: 164px; }
  .mason--Box-list .mason--Box:nth-of-type(2), .mason--Box-list .mason--Box:nth-of-type(5) { margin-top: -50px;}
}

.cover-video-sec{ background: #000; padding:30px 20px 20px; border-radius: 10px;}
.cover-video-sec .cvs--box{ margin-bottom: 20px;}
.cover-video-sec .cvs--box:nth-last-of-type(1){ margin-bottom: 0;}
.cover--video{ height: 180px;}
.cvs--box-list{ display: flex; justify-content: space-evenly;}
.cvs--box{ display: flex; flex-direction: column; align-items: flex-start;}
.cvs--box-txt{ margin-top: 10px;}

@media (min-width: 768px) {
  .cover-video-sec{ padding: 30px; border-radius: 16px;}
  .cvs--box-list{ padding-left: 30px; flex-direction: column; justify-content: unset;}
  .cover--video{ height: 260px;}
  .cvs--box{ flex-direction: row; align-items: center;}
  .cvs--box-txt{ margin-left: 20px; margin-top: unset;}
}

@media (min-width: 1080px) {
  .cover--video{ height: 360px;}
  .cover-video-sec .cvs--box:nth-of-type(1){ margin-top: 20px;}
  .cover-video-sec .cvs--box{ margin-bottom: 40px;}
}

@media (min-width: 1366px) {
  .cover-video-sec{ padding: 30px 30px 30px 50px;}
  .cvs--box-list{ padding-left: 60px;}
}

.dm-pr--sec .proc-list li{ margin-bottom: 10px;}

@media (min-width: 1200px) {
  .dm-pr--sec .proc-list li{ font-size: 18px; line-height: 26px; margin-bottom: 20px;}
}


.fys-col-btns .btn{ width: 100%; max-width: 280px; display: inline-block; margin: 5px; font-size: 16px; padding: 15px 10px 15px 20px; text-align: left;
position: relative;} 
.fys-col-btns .btn:after{ content: url(../images/seo/dm/mumbai/fys-arrow.svg); position: absolute; right: 20px; top: 15px;}

@media (min-width: 1200px) {
  .fys-col-btns{ display: flex; flex-wrap: wrap; justify-content: flex-start;}
}

.turbulent-sec .turb--box{background: #FFFFFF; border-radius: 8px; padding: 30px;}

.black-cut-bg{ background: #000; padding:30px 20px; color: #fff; position: relative; border-radius: 10px 10px 0px 10px;}
.black-cut-bg:after{content:""; border-bottom: 50px solid #fff; border-left: 50px solid transparent; width: 0; height: 0; position: absolute; bottom:0; right: 0;}

.black-cut-bg.bg-grey{ background: #F2F2F2; color: #000;}

@media (min-width: 1200px) {
  .black-cut-bg{ padding: 50px;}
}

/* Resource list */
.post--item .post--top{ margin: 16px 0px 10px; font-size: 14px;}
.post--time{ position: relative; padding-left: 25px;}
.post--time:before{ content: url(../images/time.svg); position: absolute; left: 0; top: 2px;}
.post--rm a{ position: relative; color: #000;}
.post--rm a:after{ content: url(../images/read-arr.svg); margin-left: 8px;}
/* Resource list end*/

.dmc--btnlist{ display: flex;}
.dmc--btnlist li{ border: 2px solid rgba(192, 192, 192, 0.3); border-radius: 13px; list-style-type: none; padding: 16px;
margin-bottom: 20px; font-weight: 600;}
.dmc--btnlist li:nth-last-of-type(1){ margin-bottom: 0;}
.dmc--btnlist li.bg-white{ border: 1px solid #fff; color: #845EF7;}
.dmc--btnlist li.bg-white a{ position: relative; width: 100%; display: block;}
.dmc--btnlist li.bg-white a:after{ content: url(../images/vector-arr-b.svg); position: absolute; right: 10px; top: 0;}

@media (max-width: 767px) {
  .dmc--btnlist{ display: flex; flex-direction: column;}
  .dmc--btnlist ul{ padding: 0; margin-bottom: 5px;}
  .dmc--btnlist li{ margin-bottom: 5px;}
}

.tlpr-sec .abm-col h3:after, .tlpr-sec .ffm-col h3:after{ content: none;}

.osmo-box{background: #FFFFFF; box-shadow: 0px 4px 20px rgba(84, 101, 255, 0.08); border-radius: 16px; padding: 30px;}
.osmo-box .osmo-item{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.03);}
.osmo-box .osmo-item:nth-last-of-type(1){ margin-bottom: 0; border-bottom: 0; padding-bottom: 0;}

@media (min-width: 768px) {
.bg-linear-grey-white.bg-grey{ background: linear-gradient(to bottom, #f2f2f2 0%,#f2f2f2 85%,#ffffff 85%,#ffffff 100%) !important; }
}

.fcii-box{background: #FFFFFF; box-shadow: 0px 0px 25px rgba(84, 101, 255, 0.1); border-radius: 8px; text-align: center;
padding: 30px 20px;}

.enterprise-seo-service .process--tabs .tab-content li{ margin-bottom: 10px;}
.enterprise-seo-service .process--tabs .tab-content h5{ margin-bottom: 20px;}

.otc-points{ padding: 0px 30px; border-radius: 16px;}
.otc-points .proc-list li{ margin-bottom: 3px; line-height: 20px;}
