.section{
  padding: 30px 5%;
}
.container-fluid{
max-width: 1600px;
}
.banner-sec{
  background-size: cover !important;
  height: 410px;
    background-position: left center; 
    display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
background-repeat: no-repeat;
background-size: cover;
background-position: right center;
}
.banner-sec .title-box{
width: 55%;
  padding: 40px 0;
}

.banner-sec .title-box h1{
  color: #25bcbd;
  font-family: 'montserratRegular';

}
.banner-sec .title-box .desc{
font-size: 20px;
}


.banner-sec .title-box h1 span{
color: #005995;
font-family: 'montserratSemiBold';
}
.banner-sec .title-box h1 span.small-text{
font-size: 26px;
}

.banner-sec .title-box p{
  font-size: 23px;
  line-height: 39px;
}
.page-id-2605  .banner-sec .title-box p{
margin-bottom: 5px;
line-height: 40px;
}
.page-id-2605  .banner-sec .title-box p.desc{
margin: 0 0 20px 0;
}
.grey-btn{
  background: #9b9b9b;
  padding: 10px 20px;
  color: #fff;
  border-radius: 25px;
  font-family: 'montserratBold';
  transition: 0.3s ease all;
}
.grey-btn:hover{
background: #25bcbd;
color:#005995;
transition: 0.3s ease all;
}
.section.nav-links{
/* margin: 60px 0; */
margin-top: 30px;
}
.section.nav-links.sticky{
margin: 0 !important;
padding: 30px 0;
}
.nav-links .inner-nav-list{
  display: flex;
  justify-content: flex-start;
  gap: 60px;
  list-style: none;
  background: #e6e6e6;
  max-width: 1000px;
  margin: 0 auto;
  padding: 6px 50px;
  border-radius: 30px;
}
.nav-links .inner-nav-list li{
  font-size: 22px;
  position: relative;
  z-index: 1;
}
.nav-links .inner-nav-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #000;
  text-decoration: none;
  padding: 10px 30px;
  width: 240px;
  font-weight: bold;
  
}

.nav-links .inner-nav-list li.menu-active{
  /* height: 78px; */
  background: #fff;
  border-radius: 40px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
 
}
.nav-links .inner-nav-list li.menu-active a{
  color: #005995;
}


.nav-links .inner-nav-list li.menu-active::before {
  content: "";
  position: absolute;
  top: -19px;
  bottom: -19px;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 40px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
  z-index: -1;
}

h2.main-title{
  color: #005995;
  font-size: 40px;
  padding: 15px 20px;
  background: #e1f9f8;
  width: fit-content;
  border-radius: 15px;
  /* font-weight: bold; */
  text-transform: inherit;
  font-family: 'montserratBold';

}

.benefits-sec .button,
.capability-sec .button
{
text-align: center;
margin-top: 60px;
}
.why-scout .button{
text-align: center;
margin-top: 110px;
}
.benefits-desc{
font-size: 22px;
}
.overview-sec .content p {
  color: #4b4c4c;
  font-size: 22px;
  line-height: 38px;
  margin-bottom: 20px;
}
.overview-sec .content p span{
  font-weight: bolder;
  font-family: 'montserratBold';

}

.know-more-btn{
  background: #9b9b9b;
  padding: 10px 30px;
  color: #fff;
  border-radius: 25px;
  font-size: 25px;
  font-family: 'montserratBold';
}
.know-more-btn:hover{
background: #25bcbd;
color:#005995;
transition: 0.3s ease all;
}
.overview-sec .button{
  text-align: center;
  margin-top: 40px;
}

.overview-sec .overview-box{
border: 2px solid #ddd;
padding: 20px;
border-radius: 15px;
margin-bottom: 30px;
}
.overview-sec .overview-box .header{
display: flex;
justify-content: space-between;
}
.bb-3-blue{
border-bottom: 3px solid #005995;

}
.w-80p{
width: 80px;
}
.mb-30{
margin-bottom: 30px;
}
.overview-sec .overview-box p{
min-height: 297px
}
.overview-sec .overview-box h3{
min-height: 63px;
width: 85%;
font-size:26px;

}

.feature-card {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
  padding: 50px 30px;
  /* max-width: 1000px; */
  margin: 20px auto;
  border-top-left-radius: 90px;
  border-bottom-left-radius: 90px;
  position: relative;
  min-height: 150px;
}
.feature-card.even {

  border-top-right-radius: 90px;
  border-bottom-right-radius: 90px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  position: relative;
  justify-content: flex-end;
  padding-right: 170px;

}
.feature-card.with-desc{
  min-height: 200px;
  padding: 30px 30px;
}
.icon-circle {
  width: 150px;
  height: 100%;
  background-color: #005995; 
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  left: 0px;
}
.feature-card.with-desc  .icon-circle{
  width: 200px;


}
.icon-circle img {
  width: 90px;
  height: 90px;
 object-fit: contain;
}

.card-text {
  margin-left: 150px;

}
.feature-card.with-desc .card-text{
  margin-left: 195px;
}
.feature-card.even.with-desc  .card-text{
  margin-right: 195px;
}
.card-text h3 {
  color: #005b85;
  /* font-weight: 700; */
  font-family: 'montserratBold';
  font-size: 30px;
 
}
.card-text   p{
  color: #005995;
  margin: 0;
  margin: 10px 0 0 0;
}
.feature-card.even .icon-circle{
  left: auto;
  right: 0;
}
.feature-card.even .card-text{
  margin-left: 0;
}

.capabilities{
  margin-top: 60px;
  overflow: hidden;
}

.capibility-box{
  display: flex;
  margin-bottom: 50px;
  justify-content: center;

}
.capibility-box:last-child{
  margin-bottom: 0;
}
.capibility-box p{
  line-height: 40px;
  font-size: 21px;

}
.capibility-box .image{
  width: 217px;
  position: relative;
}

.capibility-box .image::before{
  position: absolute;
  width: 1px;
  height: calc(100% + 15px);
  /* border: 1px dashed #979595; */
  background: repeating-linear-gradient(
    to bottom,
    #999,
    #999 5px,
    transparent 5px,
    transparent 10px
  );
  left: 50%;
  bottom: -16px;

  content: '';
}

.capibility-box .image:after {
  position: absolute;
  width: 486%;


  height: 1px;
  /* border: 1px dashed #979595; */
  background: repeating-linear-gradient(
    to right,
    #999,
    #999 5px,
    transparent 5px,
    transparent 10px
  );
  left: 50%;
  bottom: -14px;
  content: '';
  border-radius: 20px;
}

.capibility-box .image .icon-wrapper.bt-1::before{
position: absolute;
width: 1px;

height: 100%;
/* border: 1px dashed #979595; */
background: repeating-linear-gradient(
  to bottom,
  #999,
  #999 5px,
  transparent 5px,
  transparent 10px
);
left: 0;
top: -35px;
content: '';
border-radius: 20px;
}
.capibility-box .image .icon-wrapper.bt-2::before{
position: absolute;
width: 1px;
height: 100%;
background: repeating-linear-gradient(
  to bottom,
  #999,
  #999 5px,
  transparent 5px,
  transparent 10px
);
left: 99.7%;
top: -35px;
content: '';
border-radius: 20px;
}

.capibility-box .right-box.image::after{
left: auto !important;
right: 50% ;
width: 472%;
}


.capibility-box:last-child .image::before,
.capibility-box:last-child .image::after{
content: none;

}

.capibility-box  .data{
  width: 1276px;

}

.capibility-box .right-box.data{
  padding-left: 60px;

}

.capibility-box .left-box.data{
  padding-right: 30px;
  padding-left: 60px;
  text-align: right;
}
.capibiity-title{
  color: #005995;
  /* font-weight: bold; */
  font-family: 'montserratSemiBold';
}

.icon-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 217px;
  min-width: 217px;
}



.tabs {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.tab {
  padding: 10px 20px;
  margin: 0 10px;
  cursor: pointer;
  border: none;
  border-radius: 25px;
  background-color: #b5b5b5;;
  font-weight: 600;
  transition: all 0.3s ease;
  color: #fff;

}
.tab.active {
  background-color: #004c8b; 
  color: white;
}

.capability {
  background-color: #e8f9f8;
  font-weight: bold;
  text-align: left;
  border-radius: 25px;
  /* background-color: #005995; */
}
.traditional-point, .dilx-point {
  background-color: #f0f0f0;
  border-radius: 25px;
  transition: all 0.3s ease;
}
.highlight-traditional {
  /* background-color: #999999;
   */
   background-color: #25bcbd;
  color: white;
  font-size: large;
}
.highlight-dilx {
  background-color: #25bcbd;
  color: white;
}

.capability-row{
  margin-bottom: 20px;
  /* background-color: red; */
}


.comparison-list {
list-style-type: none;  
margin: 0;
padding: 0;

width: 100%;
max-width: 100%;
margin: auto;
}

.comparison-item {
display: flex; 
justify-content: space-between; 
padding: 5px 0;
/* border-bottom: 1px solid #ddd; */
margin-bottom: 20px;
gap: 20px;
background:#005995;
}

.comparison-item span {

text-align: center;
padding: 10px 20px;
font-size: 18px;
display: flex;
    align-items: center;
    justify-content: center;

}

.capability {
font-weight: bold;
text-align: left;
background-color: #e8f9f8;
border-radius: 25px;
}

.traditional-point, .dilx-point,.new-point {
background-color: #f0f0f0;
border-radius: 25px;
transition: all 0.3s ease;
}

.highlight-dilx {
background-color: #25bcbd;
color: white;
border: 0;
}

.highlight-traditional ,
.highlight-new-point{
/* background-color: #999999; */
background-color: #25bcbd;
color: white;
border: 0;
}

.w-20{
width: 20%;

}
.w-40{
width: 40%;

}
.w-30{
width: 30%;
}
.comparison-item span.capability{
color: #005995;
font-weight: bold;
}

.tab.capability-title{
cursor: default;
color: #005995;
font-weight: bold;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
background: #fff;

}

button.tab:focus{
outline: 0;
}
.why-scout{
/* margin-bottom: 100px; */
}
.mb-100{
margin-bottom: 100px;
}

.scout-boxes{
display: flex;
justify-content: space-between;

}
.scout-boxes .box{
width: 32%;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
background: #fff;
padding: 40px 20px;
position: relative;
min-height: 370px;
border-radius: 23px;
color: #005995;
text-align: center;
}
.scout-boxes .box.type2{
width: 23%;
min-height: 260px
}
.scout-boxes .box h3{
font-size: 26px;
font-family: montserratSemiBold;
margin: 0 0 10px 0;


}
.scout-boxes .icon{
background: #005995;
width: 140px;
height: 140px;
border-radius: 50%;
display: flex;
    justify-content: center;
    align-items: center;

    position: absolute;
 
    left: 50%;
    transform: translate(-50%, -50%);
    top: 100%;
}



/* .page-id-2605 .capibility-box .image .icon-wrapper.bt-1::before{
height: 174px;
} */
/* .page-id-2605 .capibility-box .image .icon-wrapper.bt-2::before{
height: 168px;
} */


.white-boxes{
display: flex;
justify-content: space-between;
padding: 0 100px;
}


.white-boxes .box{
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
background: #fff;
padding: 40px 0 15px;
width: 30%;
border-radius: 15px;
text-align: center;
}


.white-boxes .box .icon {
margin-bottom: 40px;
min-height: 110px;
}

.white-boxes .box p {
margin: 10px 0 0 0;
padding: 0 47px;
font-size: 22px;
color: #005995;
font-family: 'montserratSemiBold';
display: flex;
align-items: center;
justify-content: center;
min-height: 99px;
}

.comparison-scroll {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}


.comparison-list {
min-width: 600px;
display: block;
}


/* book a demo page css start */

.banner-sec.book-demo h1{
font-size: 50px;
color: #005995;
font-family: 'montserratSemiBold';

}

.banner-sec.book-demo p{
color: #000;
}

.logos .logo-main-title{
color: #25bcbd;
font-size: 40px;
text-align: center;
}
.logos .logo-main-title span{
color: #005995;
font-family: montserratSemiBold;

}

.client-logo .carouselTicker__list {
display: flex;
align-items: center;
justify-content: space-evenly;
box-shadow: 1px 1px 5px #ddd;
padding: 20px;
flex-wrap: nowrap; 
}

.client-logo .carouselTicker__list .item {
width: calc(25% - 20px);
margin: 10px;
box-shadow: 1px 1px 5px #ddd;
background: #fff;
display: flex !important;
align-items: center;
justify-content: center;
padding: 30px;
min-height: 170px;
max-height: 170px
}

.client-logo .slick-slide {
transition: transform 0.3s ease;
}


.client-logo .slick-prev, .client-logo .slick-next {
display: none;
}

.client-logo .slick-slide {
margin: 0 10px; 
}

.client-logo  .slick-slide img{
width: 100%;
max-width: 80%;
}

.form-section .form-title{
font-size: 40px;
color: #25bcbd;
text-align: center;
}
.form-section .form-title span{
color: #005995;

}

.custom-countrydroupdown span.wpcf7-form-control-wrap.selct_multiselct-339 .select2-container .select2-selection--single{
border: 1px solid #ced4da;
padding: 0.700rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  height: 49px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder{
color: #495057 !important;
}

.form-section .agree-div p{
 display:flex;
}

.form-section .agree-div p label{
margin-left: 20px;
margin-top: -4px;
}


.form-section .form-control{
padding: 0.700rem .75rem;
}
.form-section .agree-div input{
width: 22px;
height: 22px;
}
.btn-blue-outline{
background: #005995;
border: 2px solid #005995;
width: 190px;
font-size: 18px;
}
.form-section .form-group p{
margin: 0 0 5px 0;

}


select.form-control:not([size]):not([multiple]) {
  height: auto;
  font-size: 18px;
  max-height: 50px;
  overflow-y: auto;
}
/* book a demo page css end*/







/* footer css */

/*.fa-twitter:before{*/
/*content: url(../img/New-design/twitter-logo-blue.png);*/
/*filter: brightness(0)invert(1);*/
/*}*/
.footer-link-section .footer-links .social-links ul li a{
font-size: 28px;
}
.footer-links .social-links{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;

}
.footer-links .social-links ul{
display: flex;
gap: 20px  ;
}
.footer-link-section .footer-links ul li:nth-child(1),
.footer-link-section .footer-links ul li:nth-child(3){
padding: 7px 0;
}
.bb-blue-3{
border-bottom: 3px solid #25bcbd;
}
.w-108p{
width: 108px;
}

.footer-link-section .footer-links h3{
font-size: 17px;
}

.footer-link-section .twiiter-logo:hover .fa-twitter:before{

/* content: url(../img/New-design/twitter-logo-blue.png); */
filter: none;

}
.font22{
font-size: 18px;
}

/* header css */
#header .header-box{
display: flex;
/* justify-content: center; */
align-items: center;
}
.nav-menu-container ul li:nth-child(6){
text-transform: inherit;
}

#nav-menu-container ul li.book-demo a{
text-transform: inherit;
background:#25bcbd;
padding:5px 10px ;
border-radius: 10px;
color: #fff;
}
.nav-menu a{
padding-top: 5px;
padding-bottom: 5px;

}
.sf-arrows .sf-with-ul:after{
top: 10px;
}
.nav-menu ul li{
text-align: left;

}
.search-desk{
display: none;
}

.page-id-2516  .banner-sec .title-box h1 {
  font-size: 36px;
}



@media(min-width:2100px) {
.capibility-box .data {
  width: 1276px;
}
.capibility-box .image:after {
position: absolute;
width: 538%;
}
.capibility-box .right-box.image::after {
left: auto !important;
right: 50%;
width: 439%;
}
}


@media(max-width:2099px){
.capibility-box .data {
  width: 1000px;
}
.capibility-box .image:after {
width: 411%;
}
.capibility-box .right-box.image::after {
width: 410%;
}

}

@media(max-width:1700px){
.capibility-box .data {
  width: 778px;
}
.capibility-box .image:after {
width: 309%;

}

.capibility-box .right-box.image::after {
width: 308%;
}
.capibility-box .image::before{
height: calc(100% + 15px);
}

/* .page-id-2692 .capibility-box .image::before {
height:300px

} */
}

@media(max-width:1600px){
.banner-sec .title-box {
  width: 60%;
}
.banner-sec .title-box h1{
  font-size: 36px;
}
.page-id-2516 .banner-sec .title-box h1 {
    font-size: 34px;
}
.banner-sec{
  height: 380px;
}
.banner-sec .title-box p {
  font-size: 26px;
  line-height: 46px;
}
.card-text h3 {
font-size: 28px;
}
h2.main-title {
font-size: 40px;
}
.capibiity-title{
font-size: 28px;
}
.benefits-desc br{
display: none;

}
.banner-sec .title-box h1 span.small-text {
font-size: 22px;
}
.overview-sec .overview-box p {
min-height: 306px;
font-size: 17px;
}


/* header css */
.nav-menu a{
font-size: 14px;
}
.sf-arrows .sf-with-ul:after {
top: 8px;
}

/* fo0ter css */
.font22 {
font-size: 16px;
}
.banner-sec .title-box h1 {
font-size: 28px;
margin: 0 0 10px 0;
}

}


@media (max-width: 1400px) {
.capibility-box .data {
    width: 628px;
}
.capibility-box .image:after {
  width: 239%;

}
.capibility-box .right-box.image::after {
  width: 240%;
}

.banner-sec .title-box{
width: 70%;
padding: 20px 0;
}
.banner-sec .title-box h1 {
font-size: 28px;
margin: 0 0 10px 0;
}
.banner-sec .title-box p {
font-size: 21px;
line-height: 37px;
}
.banner-sec {
height: 315px;
}

.nav-links .inner-nav-list{
gap: 25px;
max-width: 750px;
}
.nav-links .inner-nav-list li {
font-size: 18px;
}
.nav-links .inner-nav-list li a {
width: 200px;
}
.card-text h3 {
font-size: 23px;
}
h2.main-title ,
.logos .logo-main-title,
.form-section .form-title{
font-size: 36px;
}
.capibiity-title {
font-size: 25px;
}
.capibility-box p {
line-height: 36px;
font-size: 18px;
}
.scout-boxes .box h3 {
font-size: 23px;
}
.scout-boxes .icon {
width: 110px;
height: 110px;
}
.comparison-item span{
font-size: 15px;
}

.banner-sec .title-box p.desc{
font-size: 16px;

}
.page-id-2605 .banner-sec .title-box p{
line-height: 36px;
}
.banner-sec .title-box h1 span.small-text {
font-size: 24px;
}

.overview-sec .overview-box p {
min-height: 292px;
font-size: 15px;
}
.overview-sec .overview-box h3 {
min-height: 80px;
width: 80%;
font-size: 22px;
}

.white-boxes{
padding: 0 70px;
}

/* header css */
.nav-menu a {
font-size: 12px;
}
.sf-arrows .sf-with-ul:after {
top: 7px;
font-size: 18px;
}

.page-id-2516 .banner-sec {
        height: 370px;
        background-position: -214px !important;
    }
    .page-id-2516 .banner-sec .title-box h1 {
        font-size: 30px;
    }
}

@media (max-width: 1199px) {
.capibility-box .data {
    width: 472px;
}
.capibility-box .image:after {
  width: 169%;

}

.capibility-box .right-box.image::after {
  width: 168%;
}
.capibility-box .image::before {
/* height: 100%; */
bottom: -12px;
}

.banner-sec {
height: 259px;
}
.banner-sec .title-box {
width: 83%;
}
.banner-sec .title-box p {
font-size: 16px;
line-height: 26px;
}
.banner-sec .title-box h1 {
font-size: 26px;
}
.grey-btn{
font-size: 14px;
}

/* header css */
.nav-menu a {
font-size: 10px;
}
#nav-menu-container ul li.book-demo a{
font-size: 9px;
}
.sf-arrows .sf-with-ul {
padding-right: 27px;
}
.nav-links .inner-nav-list {
gap: 20px;
max-width: 650px;
}
.nav-links .inner-nav-list li {
font-size: 16px;
}
.nav-links .inner-nav-list li a {
width: 170px;
}
h2.main-title,.logos .logo-main-title,.form-section .form-title {
font-size: 30px;
}
.overview-sec .content p {
color: #4b4c4c;
font-size: 18px;
line-height: 33px;
}
.know-more-btn{
font-size: 22px;
}
.card-text h3 {
font-size: 19px;
}
.icon-circle {
width: 120px;

}
.card-text {
margin-left: 110px;

}
.feature-card {
min-height: 120px;

}
.feature-card.even .card-text{
margin-right: -22px;
}
.capibiity-title {
font-size: 22px;
}
.capibility-box p {
line-height: 30px;
font-size: 16px;
}
.capibility-box .image::before {
/* height: 100%; */
}
.comparison-item span {
font-size: 12px;
}
h2.main-title {
font-size: 25px;
}
.scout-boxes .box h3 {
font-size: 19px;
}
.scout-boxes .box{
text-align: left;
}
.scout-boxes .icon {
width: 90px;
height: 90px;
}
.scout-boxes .icon img{
width: 100%;
max-width: 50%;
}
.scout-boxes .box p{
font-size: 15px;
}
.banner-sec .title-box h1 span.small-text {
font-size: 22px;
}
.banner-sec .title-box p.desc {
font-size: 14px;
}
.page-id-2605 .banner-sec .title-box p {
line-height: 30px;
}

.overview-sec .overview-box h3{
font-size: 22px;
}
.overview-sec .overview-box p {
font-size: 14px;
}
.white-boxes .box p {
padding: 0 20px;
font-size: 18px;
}

.white-boxes {
padding: 0 25px;
}
.white-boxes .box {
width: 31.5%;
}

.scout-boxes .box.type2{
width: 48%;
margin-bottom: 60px;
min-height: 210px;
}

.scout-boxes .box.type2:nth-child(3),
.scout-boxes .box.type2:nth-child(4){
margin-bottom: 0;
}

.scout-boxes {
flex-wrap: wrap
}
.overview-sec .overview-box p {
min-height: 200px;
}
.overview-sec .overview-box h3 {
min-height: 60px;
}
/* footer css */
.footer-links .social-links{
margin-top: 40px;
}

    .page-id-2516 .banner-sec .title-box h1 {
        font-size: 28px;
    }
       .page-id-2516 .banner-sec {
        height: 269px;
        background-position: -34px !important;
    }




}


@media(max-width:991px){
.nav-links .inner-nav-list{
  padding: 3px 50px;
}
.nav-links .inner-nav-list li {
  font-size: 14px;
}
.nav-links .inner-nav-list li.menu-active::before{
top: -14px;
bottom: -14px;
}
.nav-links .inner-nav-list li a {
width: 140px;
}
.overview-sec .content p{
font-size: 16px;
line-height: 30px;
margin-bottom: 15px;
}
.know-more-btn {
font-size: 18px;
}
.banner-sec .title-box h1 {
font-size: 22px;
}
.banner-sec .title-box p {
font-size: 16px;
line-height: 28px;
margin-bottom: 10px;
}
.banner-sec .title-box{
width: 80%;
padding: 10px 0;

}
.banner-sec{
padding: 10px 5%;
height: 202px;
}
.grey-btn {
font-size: 12px;
}
.capibiity-title {
font-size: 19px;
margin: 0 0 10px 0;
}
.capibility-box p {
line-height: 26px;
font-size: 14px;
}
.capibility-box .data {
width: 304px;
}
.capibility-box .right-box.data {
padding-left: 0;
}
.icon-wrapper{
min-width: 180px;
max-width: 180px;
}

.capibility-box .image:after {
width: 90%;
}
.capibility-box .left-box.data {

padding-left: 10px;

}
.white-boxes .box p{
min-height: auto;
margin: 20px 0 10px;
}
.white-boxes .box{

         
width: 100%;
        
}
.white-boxes .box p{
min-height: auto;
margin: 20px 0 10px;
}

.capibility-box .right-box.image::after {
width: 107%;
}
.tab{
font-size: 14px;

}
.overview-sec .overview-box p {
font-size: 16px;
}

.overview-sec .overview-box h3 {
min-height: auto;
width: 100%;
font-size: 20px;
}
.overview-sec .overview-box h3 br{
display: none;
        
}
.overview-sec .overview-box p{
min-height:auto;
}
.feature-card.with-desc .icon-circle{
width: 170px;
height: 170px;
}
.icon-circle{
width: 110px;
height: 110px;
}

.benefits-desc {
font-size: 18px;
}
.icon-circle img {
width: 60px;
height: 60px;
}

.white-boxes {
flex-wrap: wrap;
padding: 0 120px;
gap: 30px;
}

.page-id-2516 .banner-sec .title-box h1 {
font-size: 22px;
}
.page-id-2516 .banner-sec .title-box h1 br{
    display:none;
}
.client-logo .carouselTicker__list .item{
  min-height: 100px;
  max-height: 100px;
}

     .page-id-2516 .banner-sec {
        height: 208px;
        background-position: -10px !important;
    }
     .page-id-2602 .banner-sec{
                 height: 258px;
        background-position: right -230px center !important;
     }

}

@media(max-width:767px){
.nav-links .inner-nav-list li a {
  width: 125px;
}
.nav-links .inner-nav-list li {
font-size: 12px;
}

.icon-circle {
width: 149px;
}
.feature-card {
min-height: 149px;
}
.card-text h3 {
font-size: 16px;
}
.card-text {
margin-left: 135px;
}
.feature-card.even .card-text {
margin-right: -1px;
}
.capibility-box .image{
width: 100%;
margin-bottom: 20px;
}
.capibility-box .image::after,
.capibility-box .image::before{
content: none;
}
.capibility-box .data{
width: 100%;
}
.capibility-box {
flex-wrap: wrap;
margin-bottom: 20px;
}
.capibility-box:nth-child(2n){
flex-direction:column-reverse ;

}
.capibility-box .image .icon-wrapper.bt-1::before,
.capibility-box .image .icon-wrapper.bt-2::before{
content: none;

}
.capibility-box .left-box.data{
text-align: left;
}
.icon-wrapper{
min-width: auto;
max-width: 100%;
}
.capabilities {
margin-top: 35px;
}
.comparison-item span {
font-size: 11px;
}
.tab {
font-size: 12px;
}

.scout-boxes {
flex-wrap: wrap;
}
.scout-boxes .box {
width: 100%;
min-height: 230px;
margin-bottom: 50px;
}

.white-boxes {
padding: 0 70px;
}

.banner-sec{
flex-direction: column;
background-position: 100% bottom !important;
background-size: contain !important;
text-align: center !important;
padding: 40px 20px 308px;
    background-size: auto 307px !important;
    height: auto;
}
.page-id-2516 .banner-sec{
    background-position: 100% bottom !important;
     height: auto;
}
.banner-sec .title-box {
background-color: rgba(255, 255, 255, 0.95);
}
.feature-card.with-desc .icon-circle{
width: 150px;
height: 150px;
}
.icon-circle {
min-height: 150px;
}

.banner-sec .title-box {
width: 100%;
}
.footer-links .social-links{
  align-items: flex-start;
}

.comparison-scroll-wrapper {
overflow-x: auto;
width: 100%;
}
.page-id-2602 .banner-sec{
    height:auto;
   background-position: 100% bottom !important;
}
}

@media(max-width:575px){
.white-boxes .box p {
  font-size: 16px;
}
.white-boxes {
  padding: 0;
}

.scout-boxes .box.type2{
  width: 100%;
  min-height: auto;
}
.scout-boxes .box.type2:nth-child(3),
.scout-boxes .box.type2:nth-child(4){
margin-bottom: 60px;
}
.scout-boxes .box.type2:last-child{
margin-bottom: 0;
}
.feature-card ,
.feature-card.with-desc {
flex-wrap: wrap;
flex-direction: column;
align-items: center;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
min-height: auto;
padding: 30px 25px;

}
.feature-card .icon-circle{
position: initial;
margin-bottom: 25px;
}
.card-text ,
.feature-card.with-desc .card-text{
margin-left:0;
}
.feature-card.even{
border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-right: 0;
}
.feature-card.even.with-desc .card-text,
.feature-card.even .card-text{
margin-right: 0;
}
.card-text h3{
text-align: center;
}

.nav-links .inner-nav-list {
padding: 3px 15px;
}
.nav-links .inner-nav-list li {
font-size: 11px;
}
.nav-links .inner-nav-list li a {
width: 94px;
}
.nav-links .inner-nav-list li.menu-active::before {
top: -6px;
bottom: -6px;
}
.nav-links .inner-nav-list {
gap: 10px;
max-width: 100%;
}
.capibiity-title {
font-size: 16px;
}
.banner-sec {
background-size: auto 250px !important;
padding: 20px 20px 308px;


}  
.banner-sec .title-box {
width: 100%;
}
.benefits-desc {
font-size: 14px;
}
.overview-sec .content p {
font-size: 14px;
line-height: 28px;
}
.know-more-btn {
font-size: 14px;
}
.overview-sec .button {
text-align: left;
margin-top: 26px;
}

.benefits-sec .button, .capability-sec .button {
text-align: left;
margin-top: 35px;
}
h2.main-title,
.logos .logo-main-title,.form-section .form-title {
font-size: 22px;
}

.comparison-scroll-wrapper {
overflow-x: auto;
width: 100%;
}

.tabs,
.comparison-item {
min-width: 450px; 
display: flex;
justify-content: flex-start;
}

.tab,
.comparison-item span {
flex: 0 0 22%; 
text-align: center;
padding: 10px;
box-sizing: border-box;
white-space: normal;
word-break: break-word;
min-width: 130px;
}
.comparison-list {
  min-width: 450px;
}
.comparison-list.type2{
  min-width: 600px;
}

.capability-title,
.capability {
position: sticky;
left: 0;
z-index: 2;
background: #e8f9f8;
}

.custom-countrydroupdown span.wpcf7-form-control-wrap.selct_multiselct-339 .select2-container .select2-selection--single{
  padding-left: 0.700rem !important;
  font-size: 15px;
}
.form-section .agree-div p label{
  font-size: 12px;
  margin-left: 10px;
}
.form-section .agree-div input {
  width: 15px;
  height: 15px;
}
.btn-blue-outline {

  width: 140px;
  font-size: 14px;
}

.banner-sec .title-box p {
  font-size: 14px;
  line-height: 24px;

}
}

@media(max-width:440px){
.banner-sec {
  background-size: auto 220px !important;
  padding: 20px 20px 225px;

}
}
