body{
    caret-color: transparent;
}


.container .banner-block{
            padding: 90px 0 90px; 
}

button:focus{
    background:transparent;
}

.right-brand img{
    margin-bottom:20px;
}

.e-com-web li::marker {
  color:#000;
  font-size: 27px;
  content: "• "; /* custom bullet */
}

.banner-block .left-box p{
    margin-top:20px;
}

.container .col-md-6{
    padding:0;
}

.banner-block .right-box{
    justify-content: space-around;
}

.inner-brand{
    display: flex;
    gap: 75px;
    align-items: center;
}

.page-id-22327 .Brand-Awareness .inner-brand{
     align-items: flex-start;
}

p{
    padding-top:0;
}

.Brand-Awareness{
    background: #162CB9;
    padding: 80px 0;
}

.left-brand{
        width: 50%;
}
.heading-inner{
    color: #FFF;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 116.25%;
    letter-spacing: -1.2px;
    margin: 0;
    margin-bottom: 19px;
}

.heading-inner span{
    font-weight: 600;
}

.right-brand{
        width: 50%;
}

.left-brand p{
    color: #FFF;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 180%;
    margin: 0;
    margin-bottom: 18px;
}

.Awareness-btn{
        margin-top: 32px;
}

.Awareness-btn a{
        color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 5px;
    border-radius: 10px;
    background: #F7AC01;
    display: inline-block;
    max-width: 220px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map-main-sec{
    position:relative;
}

.ecommerce-marketing{
        padding: 74px 0;
        position:relative;
}
.ecommerce-marketing h2{
        color: #000;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 116.25%;
    letter-spacing: -1.2px;
    text-align: center;
    margin: 0;
    margin-bottom: 30px;
}

.ecommerce-marketing h2 span{
        font-weight: 600;
    color: #162CB9;
}
.ecommerce-marketing p{
        color: #000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    margin: 0;
    margin-bottom:0;
    padding-bottom:0;
}

.ecommerce-marketing .bottom-para{
        margin-bottom: 35px;
        position: relative;
    z-index: 3;
}

.box-half{
        display: flex;
    gap: 84px;
     flex-wrap: wrap;
     position: relative;
    background: #fff;
    z-index: 2;
}

.e-com-web h3{
      color: #162CB9;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-transform: capitalize;
    margin: 23px 0 13px;
}

.e-com-web p{
    color: #000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.159px;
        margin-bottom: 14px;
}

.e-com-web ul li{
     color: #000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.159px;
        margin-bottom:5px;
}
.e-com-web a{
        color: #929292;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: capitalize;
}

.box-half .inner-box-half{
        width: 46%;
}

.e-com-btn{
    margin-top: 20px;
    text-align: center;
}

.e-com-btn a{
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 14px 33px;
    background: #162CB9;
    display: inline-flex;
    text-decoration: none;
}

.nw-brnd p{
    color: #000;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 180%;
}

.nw-brnd h2{
    color: #000;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 116.25%;
    letter-spacing: -1.2px;
    margin: 0;
    margin-bottom: 33px;
}

.nw-brnd h2 span{
        color: #162CB9;
    font-weight: 600;
}

.Brand-Awareness.nw-brnd{
    background: #F6FBFE;
}

.nw-brnd .Awareness-btn a{
 color: #010A70;
}
.box-half.upper-space{
    margin-top:44px;
}
.right-brand img{
        max-width: 100%;
    object-fit: contain;
}

/* new page */

.strong-footing{
        padding: 52px 0 88px;
}

.strong-footing h2{
        color: #000;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 116.25%;
    letter-spacing: -1.2px;
    text-align: center;
    margin: 0;
    margin-bottom: 20px;
}

.strong-footing h2 span{
    color: #162CB9;
    font-weight: 600;
}

.strong-footing p{
        color: #000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    margin: 0;
    margin-bottom: 28px;
}

.inner-strong-footing{
    display: flex;
    gap: 52px;
    justify-content: space-between;
}

.inner-strong-footing  .strong-slide{
            width: 33%;
    padding: 40px 40px 80px;
    position:relative;
        border-radius: 18.249px;
    box-shadow: 18px 21px 8px 0 rgba(0, 0, 0, 0.00), 12px 13px 7px 0 rgba(0, 0, 0, 0.01), 7px 7px 6px 0 rgba(0, 0, 0, 0.05), 3px 3px 4px 0 rgba(0, 0, 0, 0.09), 1px 1px 2px 0 rgba(0, 0, 0, 0.10);
    height:100%;
}

.slider-cases{
    margin-top: 25px;
}

.slider-cases .inner-box-half.border-line{
         width: 33%;
    padding: 40px 40px 80px;
    position:relative;
        border-radius: 18.249px;
    box-shadow: 18px 21px 8px 0 rgba(0, 0, 0, 0.00), 12px 13px 7px 0 rgba(0, 0, 0, 0.01), 7px 7px 6px 0 rgba(0, 0, 0, 0.05), 3px 3px 4px 0 rgba(0, 0, 0, 0.09), 1px 1px 2px 0 rgba(0, 0, 0, 0.10);
    height:100%;
        background: linear-gradient(135deg, #fff8e1 0%, #ffffff 50%, #e3f2fd 100%);
}

.slider-cases .inner-box-half.border-line:before{
      content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 2px;
    background: linear-gradient(to bottom, #162CB9, #2D9456);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.inner-strong-footing  .strong-slide:before{
        content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 2px;
    background: linear-gradient(to bottom, #162CB9, #2D9456);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.strong-slide .middle-con{
    color: #162CB9;
    font-family: Montserrat;
    font-size: 37.608px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -1.128px;
    margin-top: 66px;
    margin-bottom: 14px;
}

.strong-slide .bottom-slide{
    margin-bottom:0;
    color: #000;
font-family: Montserrat;
font-size: 17.358px;
font-style: normal;
font-weight: 300;
line-height: 116.25%; /* 20.178px */
letter-spacing: -0.521px;
}

.business-btn{
    margin-top: 43px;
    text-align: center;
}

.business-btn a{
        color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 10px;
    background: #162CB9;
    padding: 16px 25px;
    text-decoration: none;
    display: inline-block;
}

.successful{
        padding: 59px 0 74px;
}

.successful h2{
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 116.25%;
    letter-spacing: -1.2px;
    margin: 0;
    margin-bottom: 87px;
}
.successful h2 span{
        color: #162CB9;
    font-weight: 600;
}

.major-group .inner-major{
    padding: 30px;
    border-radius: 14px;
    box-shadow: 18px 21px 8px 0 rgba(0, 0, 0, 0.00), 12px 13px 7px 0 rgba(0, 0, 0, 0.01), 7px 7px 6px 0 rgba(0, 0, 0, 0.05), 3px 3px 4px 0 rgba(0, 0, 0, 0.09), 1px 1px 2px 0 rgba(0, 0, 0, 0.10);
    position: relative;
        background: linear-gradient(135deg, #fff8e1 0%, #ffffff 50%, #e3f2fd 100%);
        height:100%;
}

.major-group .inner-major::after{
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 2px;
    background: linear-gradient(to bottom, #162CB9, #2D9456);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.major-group .inner-major{
    display: flex;
    gap: 40px;
}

.major-group .main-logo{
    height:100%;
}

.left-major h3{
        color: #162CB9;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 133%;
    text-transform: capitalize;
    margin: 0;
    margin: 35px 0 25px;
}

.left-major p{
    color: #000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    margin: 0;
}

.major-group .right{
        background: linear-gradient(180deg, #162CB9 0%, #2D9456 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Instrument Sans";
    font-size: 75px;
    font-style: normal;
    font-weight: 400;
    line-height: 74.917px;
}

.major-bottom{
        color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    padding: 34px 0 20px;
    margin: 0;
}

.btn-consult{
        text-align: center;
        margin-top:40px;
}


.sche-btn.popint{
        border-radius: 10px;
    background: #162CB9;
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    padding: 16px;
    display: inline-block;
}

.domainate-major .inner-dominator{
        border-radius: 20px;
    background: #162CB9;
    padding: 9px;
    height:100%;
}

.inner-dominator img{
    width: 100%;
    border-radius: 20px;
    margin-bottom: 64px;
}

.e_rank_in_rg{
    padding: 0 90px 30px;
} 

.in_rank_txt{
    display: flex;
    gap: 60px;
}

.in_rank_txt p,
.in_rank_txt .partion{
    width:50%;
}

.in_rank_txt p{
    color: #FFF;
    font-family: Montserrat;
    font-size: 15.87px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.476px;
    margin:0;
}

.partion h5{
    color: #FFF;
    font-family: Montserrat;
    font-size: 15.87px;
    font-style: italic;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.476px;
    margin: 0;
    margin-bottom: 9px;
}


.partion ul li{
    color: #FFF;
    font-family: Montserrat;
    font-size: 15.87px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.476px;
    margin-bottom: 3px;
}

.search-ranking{
    padding: 62px 0;
}

.partion ul{
       height: 150px;
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    list-style: none;
    padding-left:40px;
}

.partion ul li{
    color: #FFF;
    font-family: Montserrat;
    font-size: 15.87px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.476px;
    margin-bottom: 15px;
    position:relative;
}

.partion ul li:before {
  content: "";
  width: 23px;
  height: 23px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Crect x='0.736842' y='0.736842' width='21.5263' height='21.5263' rx='10.7632' stroke='white' stroke-width='1.47368'/%3E%3Cpath d='M5.24622 11.9394L9.24058 15.7165L18.1585 7.2832' stroke='white' stroke-width='1.96491' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
position: absolute;
    left: -41px;
    top: 6px;
}

.search-ranking h2{
        color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 116.25%;
    letter-spacing: -1.2px;
    margin: 0;
    margin-bottom: 16px;
}

.search-ranking h2 span{
    color: #162CB9;
    font-weight: 600;
}

.inner-box-half.divide .e-com-web {
    display:flex;
    gap:20px;
}

.inner-box-half.divide .e-com-web h3{
    margin-top:0;
}

.btn-consult.top-space{
    margin-top: 120px;
}

.major-group .inner-major .left-major{
    width: 95%;
}

.major-group .inner-major .right{
        width: 10%;
        padding: 0 10px;
        background: linear-gradient(180deg, #162CB9 0%, #2D9456 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.major-group .inner-major .right span{
        background: linear-gradient(180deg, #162CB9 0%, #2D9456 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.tab {
  overflow: hidden;
  display: flex;
    flex-direction: column;
    gap: 10px;
    background: transparent;
    width: 35%;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  border-radius: 14.879px;
    background: #162CB9;
    color: #FFF;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    text-transform: capitalize;
    padding: 13px 20px;
        display: flex;
    align-items: center;
    gap: 21px;
    text-align: left;
    position:relative;
    padding-right:66px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
      background: #F48D51 !important;
}

/* Style the tab content */
.tabcontent {
  display: none;
}

.winning-strategies{
    padding: 62px 0 36px;
    position:relative;
}

.small-pic{
    position: absolute;
    top: 18%;
    right: 4%;
}

.winning-strategies h2{
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 116.25%;
    letter-spacing: -1.2px;
    margin: 0;
    margin-bottom: 18px;
}

.winning-strategies h2 span{
    color: #162CB9;
    font-weight: 600;
}

.detailed-major{
    position:relative;
    z-index:3;
}

.inner-detailed-major{
    padding: 49px 22px;
    border-radius: 14px;
    box-shadow: 18px 21px 8px 0 rgba(0, 0, 0, 0.00), 12px 13px 7px 0 rgba(0, 0, 0, 0.01), 7px 7px 6px 0 rgba(0, 0, 0, 0.05), 3px 3px 4px 0 rgba(0, 0, 0, 0.09), 1px 1px 2px 0 rgba(0, 0, 0, 0.10);
    position: relative;
    background: linear-gradient(135deg, #fff8e1 0%, #ffffff 50%, #e3f2fd 100%);
    position:relative;
}

.inner-detailed-major:after{
        content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 2px;
    background: linear-gradient(to bottom, #162CB9, #2D9456);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.majortabs{
        position: relative;
    z-index: 3;
        display: flex;
    gap: 25px;
}

.result-tabs{
    width:65%;
}

.tab button span{
        background: #fff;
    border-radius: 50%;
    padding: 14px;
    display: flex;
}

.tab button .border-correct{
    background:transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 5px;
    top: 36%;
    position: absolute;
    right: 24px;
}

.tab button .border-correct svg{
       width: 14px;
    height: 14px;

}

.result-tabs{
        padding: 28px;
    border-radius: 20px;
    border: 1px solid #ACACAC;
        align-items: center;
    justify-content: center;
    display: flex;
}

.result-tabs .tabcontent h3{
        color: #162CB9;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 14px;
}

.result-tabs .tabcontent p{
    color: #000;
    font-family: Montserrat;
    font-size: 15.87px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.159px;
    margin: 0;
}

.result-tabs .tabcontent{
    gap: 31px;
}

.tabs-btns{
        margin-top: 35px;
    text-align: center;
}

.e_logo_slider{
    background: #F2F2F2;
    padding: 46px 0;
}

.e_logo_slider h4{
    color: #2C2C2C;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 116.25%; /* 20.925px */
letter-spacing: -0.54px;
text-align: center;
margin:0;
margin-bottom:22px;
}

.e_logo_slider ul{
    list-style: none;
}

    .in_rank_txt p a{
        color:#fff;
    }

.saas-marketing-video{
    padding:57px 0;
}

.saas-marketing-video h2{
  color: #000;
text-align: center;
font-family: Montserrat;
font-size: 40px;
font-style: normal;
font-weight: 300;
line-height: 116.25%; /* 46.5px */
letter-spacing: -1.2px;
margin-bottom:36px;
}

.podcast_image{
    position:relative;
}
.podcast_image .img-fluid{
        width: 100%;
}

.podcast_image .v_icon{
        position: absolute;
    top: 40%;
}

.saas-marketing-video h2 span{
    color: #162CB9;
    font-weight: 600;
}

.slick-slide {
  margin: 0 20px; /* Adjust spacing as needed 
}

 .slick-list {
  margin: 0 -20px; /* Negative margin to balance layout */
}

.slick-dots li button{
    width: 11px !important;
    height: 11px !important;
}

.slick-dots .slick-active button{
        background: #F7AC01 !important;
}

#Detailed{
  display:flex;  
}

.glowing-stick{
    text-align:center;
    margin-top:41px !important;
}

.glowing-stick span{
    font-weight: 600;
}

.sell-better{
    padding: 59px 0;
}

.sell-better h2{
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 116.25%;
    letter-spacing: -1.2px;
    margin-bottom: 36px;
}

.sell-better h2 span{
    color: #162CB9;
    font-weight: 600;
}

.blc-design{
    border-radius: 14px;
    background: #E9F7FF;
    padding: 48px;
    margin-bottom: 10px;
}

.res-des{
    display: flex;
    align-items: center;
        gap: 20px;
}

.res-des .left-res{
        width: 15%;
            display: flex;
    align-items: center;
    justify-content: center;
    color: #97D9FF;
font-family: "Instrument Sans";
font-size: 128px;
font-style: normal;
font-weight: 400;
line-height: 74.917px; 
}

.res-des .right-res{
        width: 85%;
}

.res-des .right-res h3{
    color: #162CB9;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 132%;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 10px;
}

 .res-des .right-res p{
        color: #000;
    font-family: Montserrat;
    font-size: 15.87px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.159px;
    margin: 0;
 }

 .drive-conversion{
      padding: 72px 0;
      position:relative;
 }

     .inner-drive{
            display: flex;
    align-items: center;
    gap:64px;
     }

     .left-drive h2{
        color: #000;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 116.25%;
    letter-spacing: -1.2px;
    margin: 0;
    margin-bottom: 76px;
     }

     .left-drive h2 span{
        color: #162CB9;
        font-weight: 600;
     }
     
 .left-drive p{
        color: #000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    margin: 0;
    margin-bottom: 10px;
 }

 .right-drive{
    border-radius: 14px;
    padding: 34px;
    box-shadow: 18px 21px 8px 0 rgba(0, 0, 0, 0.00), 12px 13px 7px 0 rgba(0, 0, 0, 0.01), 7px 7px 6px 0 rgba(0, 0, 0, 0.05), 3px 3px 4px 0 rgba(0, 0, 0, 0.09), 1px 1px 2px 0 rgba(0, 0, 0, 0.10);
    position:relative;
 }
 .right-drive:after{
        content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 2px;
    background: linear-gradient(to bottom, #162CB9, #2D9456);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
 }

 .right-drive .inner-scroll{
    max-height: 563px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    z-index: 10;
 }

 .inner-ri{
    padding-right: 35px;
 }

 .inner-ri span{
    font-family: "Instrument Sans";
    font-size: 75px;
    font-style: normal;
    font-weight: 400;
    line-height: 74.917px;
    background: linear-gradient(180deg, #162CB9 0%, #2D9456 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;   
 }

 .inner-ri h3{
    color: #162CB9;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 13px;
 }

 .inner-ri p{
        font-family: Montserrat;
    font-size: 15.87px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.159px;
    margin: 0;
    margin-bottom: 40px;
    padding-top:0;
 }


/* For vertical scrollbar */
.inner-scroll::-webkit-scrollbar {
  width: 5px;
  cursor: pointer;
   background: #D9D9D9; 
}

/* For the draggable part (thumb) */
.inner-scroll::-webkit-scrollbar-thumb {
  background: #162CB9;
  border-radius: 12px;
   width: 13px; 
    cursor: pointer;
}

/* Optional: scrollbar track */
.inner-scroll::-webkit-scrollbar-track {
  background: light-grey; /* track color */
}

.consultation-inner .consultation-img{
        left: -220px;
}

.winning-strategies p{
        color: #000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    margin-bottom: 15px;
}

.btn-win{
    margin-bottom:33px;
}

.pc-agency{
    padding: 70px 0;
}

.inner-pcagncy h2{
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 116.25%;
    letter-spacing: -1.2px;
    margin: 0;
    margin-bottom: 20px;
}

.inner-pcagncy h2 span{
     color: #162CB9;
     font-weight: 600;
}

.inner-pcagncy p{
    color: #000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    margin: 0;
    margin-bottom:15px;
}

.diversity{
    margin-top: 53px;
}

.diversity .slick-slide > div > div{
    height:100%;
}

.diversity .inner-diversity{
   position: relative;
        box-shadow: 18px 21px 8px 0 rgba(0, 0, 0, 0.00), 12px 13px 7px 0 rgba(0, 0, 0, 0.01), 7px 7px 6px 0 rgba(0, 0, 0, 0.05), 3px 3px 4px 0 rgba(0, 0, 0, 0.09), 1px 1px 2px 0 rgba(0, 0, 0, 0.10);
        background: linear-gradient(135deg, #fff8e1 0%, #ffffff 50%, #e3f2fd 100%);
            border-radius: 14px;
               padding: 28px 28px 80px;
               display: flex;
                   gap: 20px;
                       align-items: center;
                       height:100%;
}

.diversity .inner-diversity:after{
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 2px;
    background: linear-gradient(to bottom, #162CB9, #2D9456);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.diversity .inner-diversity .image-diversity{
        width: 15%;
        display: flex;
    align-items: center;
    justify-content: center;
}

.diversity .inner-diversity .content-diversity{
        width: 85%;
}

.content-diversity h3{
        color: #162CB9;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-transform: capitalize;
    margin: 0;
    margin-bottom: 10px;
}

.content-diversity p{
    margin: 0;
    color: #000;
font-family: Montserrat;
font-size: 15.87px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 201.638% */
letter-spacing: -0.159px;
}

.btn-consult.schlde{
    margin-top:57px;
}

.relevent{
        background-repeat: no-repeat;
    background-size: cover;
        padding: 70px 0
}

.inner-relevent{
        display: flex;
    gap: 20px;
}

.inner-relevent .left-relevent{
    width: 50%;
}

.left-relevent h2{
        color: #000;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 116.25%;
    letter-spacing: -1.2px;
    margin: 0;
    margin-bottom: 30px;
}

.left-relevent h2 span{
    color: #162CB9;
    font-weight: 600;
}

.left-relevent p{
    color: #000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    margin: 0;
}

.left-relevent .inner-rele{
    border-radius: 20px;
    background: #EFF9FE;
    padding: 50px 62px 62px;
    height:100%;
}

.left-relevent .inner-rele h3{
        color: #162CB9;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 132%;
    text-transform: capitalize;
    margin: 18px 0;
}

.left-relevent .inner-rele p{
    color: #000;
font-family: Montserrat;
font-size: 15.87px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 201.638% */
letter-spacing: -0.159px;
margin-bottom:0;
}

.diversity .slick-dots{
        margin: 0;
    position: absolute;
    bottom: 53px;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/*.diversity .slick-slide{*/
/*    margin:0;*/
/*}*/

.left-relevent .slick-dots{
    margin: 0;
    position: absolute;
    bottom: 20px;
    display: flex;
    justify-content: center;
}


.normal-content h2{
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 116.25%;
    letter-spacing: -1.2px;
    margin: 0;
    margin-bottom: 20px;
}

.normal-content h2 span{
    color: #162CB9;
    font-weight: 600;
}

.bottom-letter p{
    color: #000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    margin-bottom:15px;
}

.normal-content{
    padding:70px 0;
}

.new-color{
    background: #F9FAFC;
}

.e-com-web .eco-img{
    max-width:55%;
}

.two-col{
    display:flex;
    margin-top:20px;
}

.two-col .lft-tw,
.two-col .ri-tw{
    width:50%;
}

.two-col .ri-tw{
    border-left: 1px solid #162CB9;
    padding-left: 20px;
    margin-left: 20px;
}

.two-col .ri-tw ul li{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.e-com-web ul{
    padding-left:20px;
}

.e-com-web ul li{
    list-style: disc;
}


.complex-area .inner-com{
    padding: 24px;
    border-radius: 14px;
    position: relative;
    box-shadow: 18px 21px 8px 0 rgba(0, 0, 0, 0.00), 12px 13px 7px 0 rgba(0, 0, 0, 0.01), 7px 7px 6px 0 rgba(0, 0, 0, 0.05), 3px 3px 4px 0 rgba(0, 0, 0, 0.09), 1px 1px 2px 0 rgba(0, 0, 0, 0.10);
    background: linear-gradient(135deg, #fff8e1 0%, #ffffff 50%, #e3f2fd 100%);
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.complex-area .inner-com:after{
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 2px;
    background: linear-gradient(to bottom, #162CB9, #2D9456);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.complex-area .inner-com p{
    margin-bottom:0;
}

.complex-area{
    display: flex;
    gap: 15px 42px;
    flex-wrap: wrap;
    margin:22px 0 38px;
}

.complex-area .inner-com{
    width:48%;
}

.complex-area .btr-line{
    margin-bottom:53px;
}

.trusted-img img{
    width:100%;
}

 .timeline-section {
    position: relative;
    padding: 48px 0;
    margin: auto;
  }
  .timeline-section {
    position: relative;
    margin: auto;
  }

  /* Gray background line */
  .progress-line {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 4px;
    height: 100%;
    background: #ccc;
    z-index: 0;
  }

  /* Blue progress bar */
  #progressbar {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 4px;
    background: #007bff;
    height: 1%;
    transition: height 0.2s ease-out;
    z-index: 1;
  }

  /* Timeline items */
  .timeline-item {
    position: relative;
    margin-bottom:38px;
    width: 50%;
  }

  .timeline-item.left {
    left: 0;
    text-align:left;
    padding-right:88px;
  }

  .timeline-item.right {
    left: 50%;
    text-align:right;
    padding-left:88px;
  }

  .timeline-item::before {
    content: '';
    position: absolute;
    top: -16px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    z-index: 2;
    right: -46px;
  }

  .timeline-item.right::before {
   left: -50px;
    right: auto;
  }
  
  .timeline-item.onee::before {
  content: "";
  display: inline-block;
  width: 94px;
  height: 94px;
  background:url('https://wytlabs.com/wp-content/themes/wytlabs/latest-home/assets/img/excellence.png');
 }

 .timeline-item.twoo::before{
  content: "";
  display: inline-block;
  width: 94px;
  height: 94px;
  background:url('https://wytlabs.com/wp-content/themes/wytlabs/latest-home/assets/img/saas.png');
 }
 
  .timeline-item.three::before{
  content: "";
  display: inline-block;
  width: 94px;
  height: 94px;
  background:url('https://wytlabs.com/wp-content/themes/wytlabs/latest-home/assets/img/Tailored.png');
 }

  .timeline-item.fourr::before{
  content: "";
  display: inline-block;
  width: 94px;
  height: 94px;
  background:url('https://wytlabs.com/wp-content/themes/wytlabs/latest-home/assets/img/result.png');
 }
 
  .timeline-item.fivee::before{
  content: "";
  display: inline-block;
  width: 94px;
  height: 94px;
  background:url('https://wytlabs.com/wp-content/themes/wytlabs/latest-home/assets/img/partnership.png');
 }
 
   .timeline-item.ten::before{
  content: "";
  display: inline-block;
  width: 94px;
  height: 94px;
  background:url('https://wytlabs.com/wp-content/themes/wytlabs/latest-home/assets/img/elite.png');
 }
 
   .timeline-item.sixx::before{
  content: "";
  display: inline-block;
  width: 94px;
  height: 94px;
  background:url('https://wytlabs.com/wp-content/themes/wytlabs/latest-home/assets/img/transparent.png');
 }
 

 
  .timeline-item.eightt::before{
  content: "";
  display: inline-block;
  width: 94px;
  height: 94px;
  background:url('https://wytlabs.com/wp-content/themes/wytlabs/latest-home/assets/img/swift.png');
 }
 
  .timeline-item.ninee::before{
  content: "";
  display: inline-block;
  width: 94px;
  height: 94px;
  background:url('https://wytlabs.com/wp-content/themes/wytlabs/latest-home/assets/img/Client_Satisfaction.png');
 }
 
 .timeline-item.ninee::before{
  content: "";
  display: inline-block;
  width: 94px;
  height: 94px;
  background:url('https://wytlabs.com/wp-content/themes/wytlabs/latest-home/assets/img/focus.png');
 }
 
 .timeline-content h3{
         color: #162CB9;
    font-family: Montserrat;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 112%;
    padding-bottom: 10px;
 }
 
 .timeline-content p{
     color: #000;
font-family: Montserrat;
font-size: 15.87px;
font-style: normal;
font-weight: 300;
line-height: 32px; /* 201.638% */
letter-spacing: -0.476px;
 }
 .time-line{
     padding: 85px 0; 
 }
 
 .time-line h2{
     color: #000;
text-align: center;
font-family: Montserrat;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 116.25%; /* 46.5px */
letter-spacing: -1.2px;
margin-bottom:80px;
 }

 .time-line h2 span{
     color: #162CB9;
     font-weight: 600;
 }
 
 .inner-seo{
    padding: 93px 0;
    display: flex;
    gap: 90px;
}

.inner-seo .left-inner-seo{
    width:30%;
}

.inner-seo .right-inner-seo{
    width: 70%;
}

.left-inner-seo h2{
        color: #000;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 116.25%;
    letter-spacing: -1.2px;
    margin-bottom: 24px;
}

.left-inner-seo h2 span{
    color: #162CB9;
}

.left-inner-seo img{
    margin-bottom: 40px;
    width:100%;
}

.left-inner-seo a{
        border-radius: 10px;
    background: #162CB9;
    padding: 16px 14.5px;
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
}


.right-inner-seo .accordion-header .accordion-button{
        color: #162CB9;
    font-family: Montserrat;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 116.25%;
    letter-spacing: -0.66px;
    background: transparent;
    padding:18px;
        width: 100%;
    text-align: left;
}

.right-inner-seo .accordion-header .accordion-button span{
        margin-right: 24px;
}

.right-inner-seo .accordion-item .accordion-collapse{
        color: #000;
    font-family: Montserrat;
    font-size: 15.87px;
    font-style: normal;
    font-weight: 300;
    line-height: 32px;
    letter-spacing: -0.476px;
    padding: 18px;
    padding-top:0;
}

.right-inner-seo .accordion-item{
        box-shadow: 18px 21px 8px 0 rgba(0, 0, 0, 0.00), 12px 13px 7px 0 rgba(0, 0, 0, 0.01), 7px 7px 6px 0 rgba(0, 0, 0, 0.05), 3px 3px 4px 0 rgba(0, 0, 0, 0.09), 1px 1px 2px 0 rgba(0, 0, 0, 0.10);
    border-radius: 14px !important;
    position: relative;
    margin-bottom: 7px;
}

.right-inner-seo .accordion-item:before{
        content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 2px;
    background: linear-gradient(to bottom, #162CB9, #2D9456);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.right-inner-seo .accordion-button:focus{
        box-shadow: none;
}


.right-inner-seo .accordion-button::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 10' fill='none'%3E%3Cpath d='M0 8.74979C0 9.03788 0.0890007 9.3272 0.27083 9.56279C0.675152 10.0877 1.38543 10.1487 1.85731 9.69828L9.00037 2.89646L16.1434 9.69828C16.6153 10.1487 17.3256 10.0877 17.7299 9.56279C18.1326 9.03911 18.0793 8.2493 17.608 7.8013L9.73265 0.301205C9.31131 -0.100402 8.68945 -0.100402 8.26811 0.301205L0.392778 7.8013C0.13347 8.04789 0 8.39823 0 8.74979Z' fill='%23162CB9'/%3E%3C/svg%3E") !important;
  transform: var(--bs-accordion-btn-icon-transform);
  width: 20px !important;
  height: 15px !important;
  right: 35px;
    top: 40px;
}


.right-inner-seo .accordion-button.collapsed::after{
    rotate: 180deg;
}

#accordionExample .accordion-header .accordion-button.collapsed::after{
    rotate: 360deg;
}


#accordionExample .accordion-header .accordion-button::after{
    rotate: 180deg;
}

.sas-growth{
        background: #162CB9;
    padding: 59px 0;
    min-height: 484px;
}

.sas-growth h2{
    color: #FFF;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 116.25%;
    letter-spacing: -1.2px;
    text-align: center;
    margin-bottom:40px;
}
.sas-growth h2 span{
    font-weight: 600;
}

.vid-combo{
    position:relative;
}

.vid-combo .img-fluid.v_icon{
    top: 42%;
    position: absolute;
    width: auto;
    left: 45%;
    right: 50%;
}

.vid-combo img{
        width: 100%;
    border-radius: 14px;
}
.wytlabs-tabs{
    position:relative;
    margin-top: -265px;
}

.inner-wytlabs.banner-vidyard{
    position:relative;
}

.inner-wytlabs.banner-vidyard .play_cion{
        position: absolute;
    top: 40%;
    left: 50%;
    right: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.wytlabs-tabs .inner-wytlabs{

    width:100%;
}

.inner-wytlabs .main-vid-img{
    border: 1px solid #8080801f;
}

.believe-research .discovery-research{
    box-shadow: 18px 21px 8px 0 rgba(0, 0, 0, 0.00), 12px 13px 7px 0 rgba(0, 0, 0, 0.01), 7px 7px 6px 0 rgba(0, 0, 0, 0.05), 3px 3px 4px 0 rgba(0, 0, 0, 0.09), 1px 1px 2px 0 rgba(0, 0, 0, 0.10);
    padding: 23px;
    border-radius: 14px;
    margin-bottom: 20px;
    position: relative;
}

.believe-research .discovery-research:before{
content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 2px;
    background: linear-gradient(to bottom, #162CB9, #2D9456);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.vid-combopodcast_image .img-fluid{
    width: 100%;
    border-radius: 16px;
}
 
 .dme-results-tabe .slick-slide{
   margin: 0;
 }
 
 .cswytlabs_dme_results .dme-boxes{
     padding:0;
 }
 
 .dme-results-tabe .slick-dots{
     margin-top:5px;
 }
 
 .trustedby{
         padding: 80px 0 30px;
 }
 
 .trustedby h2{
     color: #000;
text-align: center;
font-family: Montserrat;
font-size: 40px;
font-style: normal;
font-weight: 300;
line-height: 116.25%; /* 46.5px */
letter-spacing: -1.2px;
 }
 
 .discovery-research{
     display:flex;
     align-item:center;
     justify-content:center;
 }
 
  .discovery-research .left-discovery{
      font-family: "Nexa Text Demo";
font-size: 149.736px;
font-style: normal;
font-weight: 700;
line-height: 116.25%; /* 174.068px */
letter-spacing: -4.492px;
background: linear-gradient(180deg, #2C43D7 16.72%, #F48D51 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
width: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .discovery-research .right-discovery{
      width: 85%;
  }
 
 
  .discovery-research .right-discovery h3{
      color: #162CB9;

font-family: Montserrat;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 116.25%; /* 29.062px */
letter-spacing: -0.75px;
margin-bottom:20px;
  }
  
   .discovery-research .right-discovery p{
       color: #000;

font-family: Montserrat;
font-size: 15.87px;
font-style: normal;
font-weight: 300;
line-height: 32px; /* 201.638% */
letter-spacing: -0.476px;
   }
  .discovery-research:nth-of-type(even) {
flex-direction: row-reverse;
}
  .trusted-img img{
      width:100%;
  }
  
  .seo-btn.topy-space{
          text-align: center;
    margin-top: 16px;
  }
  
  .domainate-major .slick-prev, .domainate-major .slick-next{
      top: 50%;
  }
  .domainate-major .slick-prev{
          left: 44px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
    background: transparent;
  }
  
   .domainate-major .slick-next{
          right: 52px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
    background: transparent;
  }
  
  .slide-bb .inner-box-half{
      height:100%;
  }
  
  .bottom-accordion{
      padding-bottom:100px;
  }
  
  .slick-next:hover,
  .slick-prev:hover{
      background:transparent !important;
  }
  
  .scalability{
     color: #FFF;
display:block;
font-family: Montserrat;
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: 116.25%; /* 40.687px */
letter-spacing: -1.05px;
margin-bottom:15px;
  }
  
  .page-id-22321 .slick-list{
      margin-left:-24px;
  }
  
  .agency-rocket-2{
      position: absolute;
    right: 5%;
    top: 50%;
  }
  
  .page-id-22316 .slick-track{
      margin-left: -19px;
  }
  
  .page-id-22321 .e-com-btn{
      margin-top:60px;
  }
.read-more-btn,
.read-more-btnn{
    display: inline-block;
    background: none;
    color: #fff;
    font-weight: 600;
    padding: 0;
}

.read-more-btn:hover{
    background:transparent;
}

.map-inner{
    background: #fff;
    z-index: 2;
    position: relative;
}
 .accord-box .accordion-item .accordion-button, .bottom-accordion .accordion-item:first-of-type>.accordion-header .accordion-button{
     padding-right:40px;
 }
@media(max-width:1700px){
    .consultation-inner .consultation-img{
                left: -171px;
        }
        .small-pic{
        right:0px;
    }
}

@media(max-width:1600px){
    
    .cswytlabs_banner .container{
      width:90% !important;  
    }
    
    .inner-seo .left-inner-seo{
            width: 35%;
    }
    .inner-seo .right-inner-seo{
            width: 65%;
    }
    
    .scalability{
        font-size:30px;
        line-height:normal;
        margin-bottom:15px;
    }
    .heading-inner,
    .ecommerce-marketing h2,
    .nw-brnd h2,
    .strong-footing h2,
    .winning-strategies h2,
    .search-ranking h2,
    .saas-marketing-video h2,
    .left-drive h2,
    .sell-better h2,
    .left-relevent h2,
    .inner-pcagncy h2,
    .normal-content h2,
    .left-inner-seo h2,
    .sas-growth h2,
    .time-line h2,
    .trustedby h2{
        font-size: 35px;
        margin-bottom:20px;
    }
    
    .left-drive h2{
        margin-bottom:60px;
    }

        .successful h2{
             font-size: 35px;
        margin-bottom:60px; 
        }
    
    .left-brand p,.nw-brnd p,
    .ecommerce-marketing p,
    .strong-footing p,
    .winning-strategies p,
    .inner-pcagncy p,
    .bottom-letter p,
    .e-com-web p{
            font-size: 16px;
            line-height: 175%;
            margin-bottom: 15px;
    }
    .e-com-web ul li{
          font-size: 16px;
            line-height: 175%;
    }

    .left-major p,
    .major-bottom,
    .left-drive p,
    .left-relevent p{
            font-size: 16px;
            line-height:173%;
    }

    .tab button{
            font-size: 18px;
                gap: 15px;
    }
    .Awareness-btn a,
    .e-com-btn a{
            font-size: 14px;
                padding: 12px 25px;
    }
    .inner-brand{
        gap: 60px;
    }
    .e-com-web h3{
        font-size: 22px;
        line-height: 135%;
    }
    .box-half{
        gap: 70px;
    }
    
    .e-com-web img{
            max-width: 65px;
    }

    .tab button span svg{
            width: 30px;
    height: 30px;
    }
     .podcast_image .v_icon{
                width: 100px;
        }
        
        .inner-ri span{
            font-size: 60px;
            line-height: 72px;
        }
        .inner-ri h3{
            font-size: 22px;
                margin-bottom: 10px;
        }
        
        .res-des .right-res h3,
        .content-diversity h3{
            font-size: 22px;
                line-height: 128%;
        }
        .res-des .left-res{
                font-size: 120px;
                line-height: 70px;
        }
        
        
        .sche-btn.popint{
            font-size:14px;
        }
        .right-inner-seo .accordion-header .accordion-button{
            font-size:20px;
        }
        .right-inner-seo .accordion-item .accordion-collapse{
        font-size:14px;
        }
        
        .discovery-research .right-discovery h3,
        .timeline-content h3{
            font-size: 22px;
                margin-bottom: 12px;
        }
        .discovery-research .right-discovery p,
        .timeline-content p{
            font-size: 14px;
        }
        
        .discovery-research .left-discovery{
            font-size:120px;
        }
        
        .right-brand img{
                max-width: 80%;
        }
        
        .main-logo-ajanta ul li .img-responsive{
            height:50px;
            object-fit:contain;
        }
}



@media(max-width:1300px){
    
    .diversity{
    margin-top: 30px;
}
    
      .page-id-22321 .slick-list{
      margin-left:0px;
  }
    .scalability{
        font-size:25px;
        line-height:normal;
    }
     .heading-inner,
    .ecommerce-marketing h2,
    .nw-brnd h2,
    .saas-marketing-video h2,
    .left-drive h2,
    .sell-better h2,
    .left-relevent h2,
    .inner-pcagncy h2,
    .normal-content h2,
    .left-inner-seo h2,
    .sas-growth h2,
    .time-line h2,
    .trustedby h2{
        font-size: 30px;
        margin-bottom:20px;
    }
    .left-brand p,.nw-brnd p,
    .ecommerce-marketing p,
    .winning-strategies p,
    .left-relevent p,
    .inner-pcagncy p,
    .bottom-letter p,
    .e-com-web p{
            font-size: 14px;
            line-height: 170%;
            margin-bottom: 15px;
    }
    .e-com-web ul li{
          font-size: 14px;
            line-height: 170%;
    }
    
.left-major p,
    .major-bottom,
    .left-drive p{
            font-size: 14px;
            line-height:170%;
    }
    
     .inner-brand{
        gap: 40px;
    }
     .box-half{
        gap: 50px;
    }

    .left-major h3{
            margin: 30px 0 20px;
            font-size: 20px;
    }
     .successful h2{
             font-size: 30px;
        margin-bottom:50px; 
        }
        .heading-inner, .ecommerce-marketing h2, .nw-brnd h2, .strong-footing h2, .winning-strategies h2, .search-ranking h2{
           font-size: 30px; 
        }
        .result-tabs .tabcontent h3{
            font-size: 22px;
                margin-bottom: 10px;
        }
        .major-group .right{
                font-size: 60px;
                    line-height: 70.917px;
        }
         .e_rank_in_rg{
                padding: 0 80px;
        }
         .inner-ri p{
        font-size: 14px;
            margin-bottom: 30px;
            line-height:25px;
    }
    .res-des .right-res p{
         font-size: 14px;
         line-height:25px;
    }
    .drive-conversion,
    .sell-better{
        padding:50px 0;
    }
    .blc-design{
        padding:25px;
    }
    .res-des .left-res{
                font-size: 100px;
        line-height: 60px;
    }
    
    .left-relevent .inner-rele h3,
    .content-diversity h3{
        font-size:20px;
        margin:10px 0;
    }
       
       .left-relevent .inner-rele p{
           font-size:14px;
           margin-bottom:0;
       }
       
       .left-relevent .inner-rele{
           padding:30px 30px 50px;
       }
       .left-relevent .slick-dots{
               bottom: 20px;
       }
       .normal-content{
    padding:50px 0;
}
}
@media(max-width:1280px){
       .sche-btn.popint{
        font-size: 12px;
    }
    .left-relevent .slick-dots,
    .diversity .slick-dots{
        display:flex !important;
    }
    .complex-area{
        gap: 15px;
    }
    
    .right-inner-seo .accordion-header .accordion-button svg{
        font-size: 20px;
    }
    
    .slider-cases .inner-box-half.border-line{
        padding: 30px 60px;
    }
}

@media(max-width:1200px){
    .partion ul{
        height:100%;
    }
    .tab{
            width: 35%;
    }
    .result-tabs{
            width:65%;
    }
    .tab button{
        font-size: 16px;
        gap: 10px;
    }

    .tab button span{
            padding: 10px;
    }
    .heading-inner, .ecommerce-marketing h2, .nw-brnd h2, .strong-footing h2, .winning-strategies h2, .search-ranking h2,
    .successful h2,
    .saas-marketing-video h2,
    .left-drive h2,
    .sell-better h2,
    .left-relevent h2,
    .inner-pcagncy h2,
    .normal-content h2,
    .left-inner-seo h2,
    .sas-growth h2,
    .time-line h2,
    .trustedby h2{
        font-size: 25px;
    }
    .inner-dominator img{
            margin-bottom: 30px;
    }
    .in_rank_txt p,
    .partion h5,
    .partion ul li,
    .left-relevent p,
    .bottom-letter p,
    .e-com-web p,
.e-com-web ul li{
            font-size: 14px;
                line-height: 28px;
    }
    .partion ul li:before{
            width: 20px;
    height: 20px;
    top: 4px;
    }
    .sche-btn.popint{
        font-size: 12px;
    }
    
    .wytlabs-tabs{
            margin-top: -310px;
    }
    .vid-combopodcast_image .v_icon{
        width: 100px;
    }
    
    .right-inner-seo .accordion-header .accordion-button img{
            width: 40px;
    }
   .right-inner-seo .accordion-header .accordion-button span img{
           width: 40px;
   }
   
}

@media(max-width:1194px){
    .cswytlabs_banner .banner_btns a:last-child{
        margin-left:0 !important;
    }
    .right-inner-seo .accordion-header .accordion-button span{
        margin-right:8px;
    }
    .cswytlabs_banner .banner_btns a:last-child,
    .cswytlabs_banner input.b_email{
        width:100% !important;
    }
}

@media(max-width:1026px){
    .cswytlabs_dme_results .dme-results-tabe .dme-boxes{
        width:100% !important;
        padding:0;
    }
    
    .scalability{
        font-size:20px;
        line-height:normal;
        margin-bottom:20px;
    }
    .main-logo-ajanta ul li .img-responsive{
        width:100%;
    }
    .small-pic{
        display:none;
    }
    .consultation-inner .consultation-img{
        left: -126px;
    }
    .map-inner{
        padding:0;
    }
}

@media(max-width:1024px){
     .page-id-22316 .slick-track{
      margin-left: -10px;
  }
}

@media(max-width:1000px){
    .inner-brand{
        flex-direction: column;
        gap: 30px;
    }
    .left-brand,
    .right-brand{
        width:100%;
    }
    .inner-brand .right-brand{
            text-align: center;
    }
    .right-brand img{
            max-width: 40%;
    }
    .e-com-web img{
        max-width: 50px;
    }
    .e-com-web h3{
        margin: 18px 0 10px;
        font-size: 20px;
    }

    .box-half{
        gap: 40px 30px;
    }
    .box-half .inner-box-half{
        width: 47%;
    }

    .e-com-web a{
            font-size: 15px;
    }

    .Brand-Awareness,
    .ecommerce-marketing{
        padding: 40px 0;
    }

    .majortabs{
            flex-direction: column;
    }
    .tab{
                width: 100%;
    }
        .result-tabs{
           width: 100%; 
        }
        .left-major p,
    .major-bottom,
    .left-drive p{
            font-size: 14px;
            line-height:160%;
    }
     .major-group .right{
                font-size: 50px;
                    line-height: 65px;
        }
        .e_rank_in_rg{
                padding: 0 60px;
        }
        .partion ul{
                flex-direction: column;
                    height:auto;
        }
        .partion ul li{
                margin-bottom: 5px;
        }

        .in_rank_txt {
    gap: 40px;
        }
         .e_rank_in_rg{
                padding: 0 40px;
        }
        .inner-box-half.divide .e-com-web .left-web svg{
            width:50px;
        }
        
        .podcast_image .v_icon{
                    width: 80px;
        }

.sche-btn.popint{
            font-size: 12px;
            padding:15px;
}
.inner-ri h3,
.res-des .right-res h3{
    font-size: 20px;
}

 .left-relevent .inner-rele h3,
 .content-diversity h3{
        font-size:18px;
    }
    .right-inner-seo .accordion-button::after{
        width: 15px !important;
    height: 15px !important;
    right: 24px;
    top: 31px;
    }
    
    .vid-combopodcast_image .v_icon{
        width:70px;
    }
    .vid-combopodcast_image .img-fluid{
        height: 350px;
    margin-bottom: 40px;
    object-fit: cover;
    }
    
    .discovery-research .left-discovery{
                font-size: 90px;
    }
    
    .e-com-web li::marker{
        font-size: 20px;
    }
    
    .two-col .ri-tw ul li svg{
            width: 20px;
    }
}

@media(max-width:991px){
     .consultation-inner .consultation-img{
                    left:0px;
        }
        .inner-drive{
                flex-direction: column;
    gap: 30px;
}
.Brand-Awareness, .ecommerce-marketing{
   padding:40px 0;
}
.drive-conversion{
    padding:10px 0;
}
.inner-relevent{
    flex-direction: column;
}
.inner-relevent .left-relevent{
    width:100%;
}

.normal-content{
    padding:50px 0;
}
.complex-area{
    flex-direction: column;
}
.complex-area .inner-com{
    width:100%;
    padding:15px;
}
.inner-seo{
        flex-direction: column;
    gap: 30px;
}
        .inner-seo .left-inner-seo,
        .inner-seo .right-inner-seo{
            width:100%;
        }
        .left-inner-seo {
            text-align: center;
        }
        
         .left-inner-seo img{
             width:50%;
         }
         
         .discovery-research .left-discovery,
         .discovery-research .right-discovery{
             width:100%;
         }
         .right-inner-seo .accordion-header .accordion-button{
             font-size:18px;
         }
         .two-col{
               flex-direction: column; 
         }
         .two-col .lft-tw, .two-col .ri-tw{
             width:100%;
         }
         
         .two-col .ri-tw{
             border-left: 0px solid #162CB9; */
     padding-left:0px; 
     margin-left: 0px;
         }
         .img-left img,
         .right-box img{
             width: 80% !important;
         }
         
}

  /* Responsive layout */
  @media screen and (max-width: 768px) {
      .scalability{
        font-size:18px;
        line-height:normal;
        margin-bottom:15px;
    }
    .timeline-item {
      width: 100%;
      text-align: left;
      left: 0 !important;
    }
    .timeline-item::before {
              left: -9px;
      right: auto;
          width: 60px;
    height: 60px;
    background-size: cover;
    }
    .progress-line, #progressbar {
      left: 20px;
      transform: none;
    }
    
    .timeline-item.left{
        padding-right:0;
        padding-left:30px;
                padding-left: 90px;
        text-align: right;
    }
    .timeline-item.left:before,
    .timeline-item.right:before{
            width: 60px;
    height: 60px;
    background-size: contain;
    }
    .timeline-item.right::before{
        left: -7px;
    }
     .cswytlabs_banner .banner_btns a:last-child,
    .cswytlabs_banner input.b_email{
        width:100% !important;
    }
    .page-width-box .container{
                max-width: 88% !important;
    }
    .right-box img{
        width: 60%;
    }
  }


@media(max-width:767px){
    .box-half .inner-box-half{
                width: 100%;
    }
    .box-half{
        gap: 30px;
    }
    .heading-inner, .ecommerce-marketing h2, .nw-brnd h2,
    .saas-marketing-video h2,
    .left-drive h2,
    .sell-better h2,
    .left-relevent h2,
    .inner-pcagncy h2,
    .normal-content h2,
    .left-inner-seo h2,
    .sas-growth h2,
    .time-line h2,
    .trustedby h2{
        font-size: 25px;
        margin-bottom: 15px;
    }
    /*.left-brand p, .nw-brnd p, .ecommerce-marketing p,.left-drive p{*/
    /*            font-size: 12px;*/
    /*    line-height: 160%;*/
    /*    margin-bottom: 10px;*/
    /*}*/

  .heading-inner, .ecommerce-marketing h2, .nw-brnd h2, .strong-footing h2, .winning-strategies h2, .search-ranking h2{
           font-size: 25px; 
        }
        .result-tabs .tabcontent h3{
            font-size: 20px;}
           .successful h2{
             font-size: 25px;
        margin-bottom:40px; 
        }

    .Awareness-btn a, .e-com-btn a{
                font-size: 12px;
        padding: 10px 20px;
    }
    .e-com-web h3{
                margin: 15px 0 10px;
    }
    .in_rank_txt{
           flex-direction: column; 
           gap: 20px;
    }
    .in_rank_txt p, .in_rank_txt .partion{
        width: 100%;
    }
    .sche-btn.popint{
            font-size: 12px;
            padding: 14px;
    }
    .major-group .inner-major{
            gap: 15px;
    }
    .left-major h3,
    .content-diversity h3{
                font-size: 16px;
    }
    .result-tabs{
            padding: 23px;
    }
    
     .podcast_image .v_icon{
                    width: 60px;
        }
        
        .saas-marketing-video{
            padding-bottom:0;
        }
    .res-des{
            flex-direction: column;
    text-align: center;
    }
    .inner-ri span{
        font-size: 55px;
    }
    .res-des .left-res{
        font-size: 70px;
    }
    a#e_btn{
                line-height: normal !important;
    }
     .left-relevent .inner-rele h3{
        font-size:16px;
     
    }
    .domainate-major .slick-prev, .domainate-major .slick-next{
        display:none !important;
    }
    .saas-marketing-video{
        padding-top:40px;
    }
    .strong-footing,
    .strong-footing{
        padding:40px 0;
    }
    
        .accord-box .accordion-item .accordion-button, .bottom-accordion .accordion-item:first-of-type>.accordion-header .accordion-button{
            padding-right:40px;
        }
}

@media(max-width:600px){
    .accord-box .accordion-button:not(.collapsed)::after, .accord-box .accordion-button::after{ 
        top: 23px;
    }
    
    .right-brand img{
                max-width: 60%;
    }
    #Detailed{
    display: block;
    }
   
    
    .podcast_image .img-fluid{
            /*height: 350px;*/
    object-fit: cover;
    border-radius: 14px;
    }
    
    .inner-diversity{
      flex-direction:column;  
    }
    .diversity .inner-diversity .image-diversity{
         width:100%;
     }
    
   .diversity .inner-diversity .image-diversity svg{
       width:80px; 
       object-fit:contain;
    }
     .diversity .inner-diversity .content-diversity{
        width:100%;
    }
    .diversity .inner-diversity{
        gap:0;
    }
    .normal-content{
    padding:30px 0;
}
}