body{ padding: 0px; margin: 0px;  color: #0A0A0A;}
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6, p{padding: 0px 0 20px 0; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
button, input[type="submit"]{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; -webkit-appearance: none; outline: none;}
input, button{ -webkit-appearance: none;}
input:focus, textarea:focus{ outline: none; box-shadow: none;}
button:focus, input[type="submit"]:focus{ outline: none; box-shadow: none;}
figure{ margin: 0px !important; padding: 0px;}
img{ max-width: 100%; object-fit:cover;}
a, span, strong, em{ display: inline-block;}
body, p{ font-family: var(--font-2);font-size: var(--font-18);line-height: var(--line-18);}

:root
{
    /* font-family */
	  --font-1: 'Playfair Display';
    --font-2: 'Inter';
    --font-3: 'Conthrax';

    --container:1440px;

    /* font-sizes */
    --font-80:80px;
    --line-80:89px;

    --font-60:60px;
    --line-60:75px;

    --font-48:48px;
    --line-48:52px;

    --font-40:40px;
    --line-40:49px;

    --font-32:32px;
    --line-32:43px;

    --font-30:30px;
    --line-30:39px;
    
    --font-28:28px;
    --line-28:39px;

    --font-26:26px;
    --line-26:39px;

    --font-24:24px;
    --line-24:30px;

	--font-20:20px;
    --line-20:38px;

    --font-18:18px;
    --line-18:26px;

    --font-16:16px;
    --line-16:25px;

    --font-15:15px;
    --line-15:20px;

    --font-14:14px;
    --line-14:18px;

	--font-13:13px;
    --line-13:18px;

    --font-10:10px;
    --line-10:15px;

    --r-120: 120px;


    
}


.tophead{ width: 100%; padding: 80px 0; position: relative;}
.tophead h6{ font-size: var(--font-16); line-height: var(--line-16);font-family: var(--font-2);font-weight: 600; text-transform: uppercase; letter-spacing: 2px;}
.tophead h5{ font-size: var(--font-24); line-height: var(--line-24);font-family: var(--font-1);font-weight: 700;}
.tophead h4{ font-size: var(--font-26); line-height: var(--line-26);font-family: var(--font-1);font-weight: 700;}
.tophead h3{ font-size: var(--font-32); line-height: var(--line-32);font-family: var(--font-1);font-weight: 600;}
.tophead h2{ font-size: var(--font-60); line-height: var(--line-60);font-family: var(--font-1);font-weight: 400; font-family: var(--font-1);}
.tophead h1, h1{ font-size: var(--font-60); line-height: var(--line-60);font-family: var(--font-1);font-weight: 400; font-family: var(--font-1);}
.tophead h2 strong, .tophead h1 strong{ color:#6B2EE0;font-weight: 400; }

.font-60{ font-size: var(--font-60); line-height: var(--line-60); font-family: var(--font-1); font-weight: 400; font-family: var(--font-1);}
.font-40{ font-size: var(--font-40) !important; line-height: var(--line-40) !important; font-family: var(--font-2); font-weight: 700;}
.font-40 strong{ font-weight: 700;}


.font-20{ font-size: var(--font-20) !important; line-height: var(--line-20) !important;}
.g-20{ gap: 20px;}



.tophead h6 em{ font-style: normal;}




.container{ max-width: var(--container); position: relative;}


p em, p strong, li em, li strong, h1 em, h1 strong, h2 em, h2 strong, h3 em, h3 strong, h4 em, h4 strong, h5 em, h5 strong, h6 em, h6 strong{ display: initial;}
.cmspage h2, .cmspage h1{ font-size: var(--font-32); line-height: var(--line-32);font-family: var(--font-1);font-weight: 600;}

.cmspage h3, .cmspage h4{ font-size: var(--font-26); line-height: var(--line-26);font-family: var(--font-1);font-weight: 600;}

.cmspage h5, .cmspage h6{ font-size: var(--font-24); line-height: var(--line-24);font-family: var(--font-1);font-weight: 600;}

.r-relative{ position: relative;}

.overlink{ width: 100%; position: absolute; top: 0px; left: 0px; display: inline-block; height: 100%; z-index:2;}

.butns, .butns-list a, .btn{ font-size: var(--font-18); line-height: var(--line-18); color: #fff !important; font-weight: 500 !important; background: #7049FA; min-width: 139px; line-height: 50px; text-align: center;border-radius: 12px; padding: 0px 30px !important; border: 1px solid #7049FA !important;}
.butns:hover, .butns-list a:hover, .btn:hover{background: #F28029 !important; color: #fff !important; border-color: #F28029 !important;}
.butns i{ margin-left: 10px;}
.btnbrd{ background: #fff; color: #E57C25;}
.btnbrd:hover{ background: #E57C25; color: #fff; border-color: #E57C25;}

.header_sec{ width: 100%; position: absolute; z-index: 22; top:0px; left: 0px; padding: 34px 0;}
.navbar-nav{ align-items: center;}
.butns-list a{ margin-left: 30px;}


.navbar{ margin: 0px; padding: 0px; box-shadow: 0px 0px 40px 0px #0000001A; background: #FFFFFF; border-radius: 65px;}
.navbar-brand {
    margin: 0;
    padding: 0px 30px;
    width: 210px;
}
.menu_sec li{ font-weight: 500; color: #0A0A0A; font-size: var(--font-16);line-height: var(--line-16); position: relative;}
.menu_sec li a{ color: #0A0A0A; padding: 27px 21px;}

.menu_sec li a:hover, .menu_sec li.actv > a{ color: #6B2EE0;}


.menu_sec li.current-menu-parent > a{ color: #6B2EE0;}
.menu_sec li.current-menu-ancestor > a{ color: #6B2EE0;}

.navbar-expand-lg .navbar-collapse{ justify-content: center !important;}

.cdn-btn {
    position: absolute !important;
    top: 21px;
    right: 20px;
}
.cdn-btn a {
    background: linear-gradient(90deg, #7B6BC4 0%, #6B2EE0 100%);
    border-radius: 30px;
    padding: 0 39px 0 20px !important;
    line-height: 36px;
    color: #fff !important;
    font-weight: 600;
    font-size: var(--font-14);
}
.cdn-btn a:hover{ background: linear-gradient(90deg, #0A0A0A 0%, #0A0A0A 100%);}
.cdn-btn a i {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    color: #6B2EE0;
    border-radius: 80px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 6px;
    right: 8px;font-size: 11px;
}



.drop-arw:after{ display: none;}
.drop-arw {
  position: absolute;
  top: 0;
  right: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px; color: #000;
}

.nav_top .dropdown .dropdown-menu{ padding: 0px !important; background:  #e57c25 !important; border: none !important; border-radius: 0 0 10px 10px;}
.nav_top .dropdown .dropdown-menu li a{ padding: 10px 25px 10px 8px; width: 100% !important; color: #fff !important; border-radius: 0px;}
.nav_top .dropdown .dropdown-menu li a:hover, .nav_top .dropdown .dropdown-menu li.actv a{ background: #000;}


.wp-block-post-title{ display: none;}
.bannersec{ width: 100%; background: url(../images/a1.png) no-repeat center center; background-size: cover; position: relative;}
.bannersec h6{ font-size: var(--font-18); line-height: var(--line-18); color: #000; font-weight: 600;margin-bottom: 0px; padding-bottom: 15px !important;} 
.bannersec h6 em{ font-style: normal; background: #fff; border: 1px solid #E5DBCD; border-radius: 30px; display: inline-block; padding: 7px 20px;}
.bannersec p{ color: #4A5565;  font-size: var(--font-20); line-height: var(--line-20); }
.bannersec::before{ width: 100%; height: 100%; position: absolute; bottom:0px; right:0px; content: ""; background: url(../images/a2.png) no-repeat bottom right; }

.banner-text {
    min-height: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 971px;
    margin: 0px auto;
}

.bannerRow{  background: linear-gradient(180deg, #FFFFFF 0%, #F7F2EA 100%); margin: 0px !important;}

.banner-text .wp-block-heading{ padding-bottom: 30px;}

.banner-text .wp-block-list{ display: flex; flex-wrap: wrap;}
.banner-text .wp-block-list li{ padding: 20px 5px; display: inline-block;}
.btns a, .linkButton a{ display: inline-block; box-shadow: 0px 4px 25px 0px #281E3C61; background: linear-gradient(90deg, #7B6BC4 0%, #6B2EE0 100%); 
 border-radius: var(--r-120); padding: 0 30px; color:#fff; font-size: var(--font-18); line-height:60px;     min-width: 318px;
    text-align: center; position: relative;}


.btns a:hover, .linkButton a:hover{ background: linear-gradient(90deg, #0A0A0A 0%, #0A0A0A 100%); color: #fff;}


.btns a em, .linkButton a em {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    height: 100%;
    gap: 15px;
}
.btns a em::after, .linkButton a em::after{
    width: 24px;
    height: 24px;
    border-radius: 100%;
    color: #6B2EE0;
    border-radius: 80px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center; content: "\f061"; font-family: "Font Awesome 7 Free";font-weight: 900;
    font-style: normal;
    font-size: 11px;
}
.btns2 a{ background: #fff; color: #000000;}
.btns2 a::before{ width:100%; height: 100%; border: 1px solid #000; content: ""; position: absolute; top: 0px; left: 0px;  border-radius: var(--r-120);}
.btns2 a em::after{ background: #000; color: #fff; }








.ns-counter-sec{
    width: 100%;
    margin-top: -120px;
}




.ns-counter-section{
    border:1px solid #E9DFCE;
    border-radius:20px;
    overflow:hidden;
    background:#fff;
}

.ns-counter-box{

    padding:45px 35px;
    height:100%;
    border-right:1px solid #E9DFCE !important;

    display:flex;
    flex-direction:column;
    justify-content:center;

}

.ns-counter-box:hover{ background: #E9DFCE;}



.ns-counter-box h2{
font-family: var(--font-3);
    margin:0;
    line-height:var(--line-60);
    font-size:var(--font-60);
    font-weight:600;
    color:#000; padding: 0px;

}

.col-lg-3:last-child .ns-counter-box{ bottom: none;}





.counter-sign{
    color:#6f3cff;

}

.ns-counter-box p{

    margin-top:18px;
    font-size:var(--font-20);
    color:#666;
    line-height:var(--line-20); margin: 0px;
    padding: 0px;

}

.ns-counter-bo:hover{ background: #F9F5EE;}






.trusted-by-section{

    padding:20px 0; margin: 0px;

}

.trusted-by-section h4{
font-family: var(--font-3);
    text-align:center;
    font-size:var(--font-20);
    color:#000;
    line-height:var(--line-20); margin: 0px;
    padding: 0px;
    text-transform:uppercase; font-weight: 600;

}

.trustedBySlider .item{
    height:90px;
    display:flex;
    align-items:center;
    justify-content:center;

}

.trustedBySlider img{

    max-width:170px;
    width:auto;
    height:auto;

    transition:.3s;

}




.service-sec, .darksec{ background: url(../images/blue-bg.jpg) no-repeat center center; background-size: 100% 100%;}

.service-sec .text-grup, .darksec .text-grp{ color: #fff;}
.tophead h6 em{ font-style: normal; position: relative;}
.tophead h6 em::before {
    position: absolute;
    top: 7px;
    left: -76px;
    content: "";
    width: 66px;
    height: 4px;
    z-index: 22;
    background: url(../images/br1.png) no-repeat left center;
}
.tophead h6 em:after {
    position: absolute;
    top: 7px;
    right: -76px;
    content: "";
    width: 66px;
    height: 4px;
    z-index: 22;
    background: url(../images/br3.png) no-repeat right center;
}

.service-sec .text-grup {
    color: #fff;
    max-width: 700px;
    margin: 0px auto;
}
.service-sec .text-grup p{ max-width: 80%; margin: 0px auto;}




.services-slider{
    margin-top:30px;
}

.service-item{

    background:#fff;
    border-radius:20px;
    padding:30px;
    height:100%;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    transition:.3s;

}



.service-icon {
    margin-bottom: 25px;
    position: relative;
    height: 66px;
}

.service-icon img {
    width: 65px;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
}


.service-item img.srvIconH{ display: none;}
.service-item:hover img.srvIconH{  display: block;}
.service-item:hover .srvIcon{ display: none;}



.service-item h3{ font-size: var(--font-24); line-height: var(--line-24); color: #000; font-weight: 500; font-style: italic; font-family: var(--font-2);}
.service-item h3 em{ color: #00BB88;}
.service-content p{
    color:#666 !important;
    font-size: var(--font-16); line-height: var(--line-16); min-height: 90px;

}




.service-btn{

    display:inline-block;
    margin-top:25px;
    padding:0px 28px;
    border-radius:50px;
border: 1px solid #DDDDDD; background: #F9F9F9; line-height: 45px; color: #000; font-size: var(--font-15); color: #000; font-weight: 600; border-radius: 40px;
    position: relative;
    padding-right: 52px;
}

.service-btn i {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    color: #fff;
    border-radius: 80px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
top: 10px;
    right: 16px;
    font-size: 11px;
}




.service-item:hover .service-btn{ border-color:#BCA2CE; background: #F6EFFB; color: #6B2EE0;}
.service-item:hover .service-btn i{ background: #6B2EE0;}




.fullRow{ background: url(../images/whay-us.jpg) no-repeat center center; background-size: cover; margin: 0px;
    padding: 120px 0;}
.tophead.fullRow h6 em::before{ background: url(../images/line1.png) no-repeat left center;}
.tophead.fullRow h6 em::after{ background: url(../images/line1.png) no-repeat right center;}
.tophead.fullRow h6{ color: #666666;}
.tophead.fullRow .container{ max-width: 770px;}
.tophead.fullRow .container p {
    max-width: 50%;
    margin: 0px auto 30px;
}

.tophead h6 em {
    font-style: normal;
    position: relative;
    display: inline-block;
    padding: 0 72px;
}
.tophead h6 em::before{  top: 50%;
    left: 0;   transform: translateY(-50%);}
.tophead h6 em:after{  top: 50%;
    right: 0;   transform: translateY(-50%);}

.tophead.fullRow  h6 em{ padding: 0 49px;}



.bult-img img{ border-radius: 35px; border: 1px solid #E8DECF;}
.builSec p{ color: #333;}
.bultRtbx{ padding-left:90px;}




.foot-part{ background: radial-gradient(48.5% 293.87% at 51.5% 52%, #321864 0%, #0D1D2C 100%);}
.footer-bottom{ padding: 35px 0;  color: #fff; border-top: 1px solid #FFFFFF24; text-align: center;}
.foot-part p{ color: #FFFFFFAB; font-size: var(--font-16);line-height: var(--line-16);font-weight: 400;font-style: var(--font-2);}
.foot-part h6{ color: #FFFFFF; font-weight: 600; padding-bottom: 6px;}


.sec-option li {display: inline-block; width: 100%;}
.sec-option li a{display: inline-block; width: 100%; color: #FFFFFF99; font-size: var(--font-16);line-height: var(--line-16);font-weight: 400;font-style: var(--font-2); padding: 9px 0;}
.sec-option li a:hover{ color: #fff;}

.footer-bottom p{color: #fff; padding: 0;font-size: var(--font-16);line-height: var(--line-16);font-weight: 400;font-style: var(--font-2);}
.footer-bottom a{color: #00B683; }
.footLogo br{ display: none !important;}



p:empty{ display: none;}














.case-study-card{
margin-top: 30px;
    background:#fff;
    border:1px solid #E9DFCE;
    border-radius:22px;
    overflow:hidden;
    height:100%;
    display:flex;
    flex-direction:column;

}

.case-study-top{

    padding:35px;

}


.p-relative{ position: relative;}


.apsuBtn{
    position: absolute;
    top: -103px;
    right: 0px;
    width: auto !important;
}

.case-study-top p{

    color:#666;

}

.case-study-top p strong{ color: #00B683; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: var(--font-15); line-height: var(--line-15);}
.case-study-top h5{ font-family: var(--font-2);     font-weight: 600;}



.company-logo{

    margin-top:35px;

}

.company-logo img {
    max-width: 195px;
    width: auto;
    height: auto;

}

.case-study-bottom{

    border-top:1px solid #E4D9CA;
    padding:18px 35px;
    background: #FBF6F0;
    display:flex;
    justify-content:space-between;
    align-items:center;

}

.saved-time{

    display:flex;
    align-items:center;
    gap:8px;

    font-size:28px;
    font-weight:700;

}

.saved-time span{

    font-size: var(--font-20); line-height: var(--line-20);

}
.saved-time span i{ color: #00B683;}
.live-demo{

    color:#7b3ff2;
    text-decoration:none;
    font-weight:700;

}

.owl-dots{

    margin-top:35px;
    text-align:center;

}

.owl-dot span{

    width:12px;
    height:12px;
    margin:5px;
    display:block;
    border-radius:50%;
    background:#d6ccb7;

}

.owl-dot.active span{

    background:#7b3ff2;

}


.color-6{ color: #666;}
.color-6.both-BA em::before{ background: url(../images/line4.png) no-repeat left center;}
.color-6.both-BA em::after{ background: url(../images/line3.png) no-repeat left center;}


.mw-40{ max-width: 40%;}


.ns-work-progress{

    position:relative;

    display:flex;
    justify-content:space-between;
    align-items:center;

    margin-bottom:45px;

}

.ns-work-progress:before{

    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;

    border-top:2px dashed #d6c8ff;

    transform:translateY(-50%);

}

.progress-dot{

    width:18px;
    height:18px;

    background:#d8c7ff;

    border-radius:50%;

    position:relative;

    z-index:2;

}

.progress-dot.active{

    background:#6f3cff;
    box-shadow:0 0 0 8px rgba(111,60,255,.15);

}

.ns-work-box{

    background: #FBF7F2;

    border-radius:20px;

    padding:35px;

    position:relative;

    height:100%;     min-height: 350px;

}

.work-number{

    position:absolute;

    right:25px;
    top:20px;

    font-size:45px;

    color:#DFD6CB;

    font-weight:300;

}

.work-icon{

    margin-bottom:25px; min-height: 100px;

}

.work-icon img{

    width:60px;
    height:auto;

}
.work-content h5 {
    color: #000;
    padding: 0;
    font-size: var(--font-26);
    line-height: var(--line-26);
    font-weight: 600;
    font-family: var(--font-2);
}

.work-content p{

    color:#666;

    line-height:1.8;

}


.ns-work-progress{ max-width: 74%;
    margin: 35px auto 57px;}





.whyampleSec{ background: url(../images/ba2.jpg) no-repeat; background-size: cover;}
.whyampleSec.tophead h6 em::before, .lightbg.tophead h6 em::before { background: url(../images/line2.png) no-repeat left center;}
.whyampleSec.tophead h6 em::after, .lightbg.tophead h6 em::after { display: none;}
.whyampleSec.tophead h6, .lightbg.tophead h6{ color: #666666; }

.mw-50{ max-width: 50%;}
.mw-60{ max-width: 60%;}
.mw-70{ max-width: 70%;}
.mw-80{ max-width: 80%;}
.mw-90{ max-width: 90%;}



.testemonialSec.tophead h6 em::after{ display: none;}



.ns-why-card{
    position:relative;
    background:#fff;
    border:1px solid #E9DFCE; 
    border-radius:20px;
    padding:40px 35px;
    height:100%;
    transition:.35s;
    overflow:hidden;
}

.ns-why-card:hover{
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.ns-why-card:before{
    content:"";
    position:absolute;
    inset:0;
    background:url(../images/h-bg.png) no-repeat center center; background-size: cover !important;
    opacity:0;
    transition:.35s;
}

.ns-why-card:hover:before{
    opacity:1;
}
.ns-why-card:hover{ border-color: #E9DFCE;}
.ns-why-icon{
    position:relative;
    z-index:2;
    margin-bottom:30px;
}

.ns-why-icon img{
    width:60px;
    height:auto;
}

.ns-why-content{
    position:relative;
    z-index:2;
}

.ns-why-content h5{ font-family: var(--font-2); color:#000;     overflow-wrap: normal;
    word-break: normal;font-weight: 600;
    max-width: 82%;}

.ns-why-content h4{ font-family: var(--font-2); color:#000; overflow-wrap: normal;
    word-break: normal;font-weight: 600; font-size: var(--font-28); line-height: var(--line-28);}


.ns-why-content p{
    color:#666;
    padding: 0;font-size: var(--font-16);line-height: var(--line-16);
}



figure.w-100 img{ width: 100%;}

.whitebtn a{ border: 0.8px solid #D1D5DC; background: #fff; color: #0A0A0A; }
.whitebtn a strong{ font-weight: 700;}
.whitebtn a em::after{ background: #E8E8E8; color: #000;}
.whitebtn a em{ gap:8px;}
.whitebtn{ width: 100%; display: inline-block;}





.whyampleSec, .susscStory , .lightbg{
    background: url(../images/ba2.jpg) no-repeat;
    background-size: cover;
}



.tophead.fullRow.casestud-botm .container {
    max-width: 915px;
}
.tophead.fullRow.casestud-botm .container p {
    max-width: 100%;
    margin: 0px auto 30px;
}
.casestud-botm .wp-block-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}
.casestud-botm  .btns{ margin-top: 20px;}

.btns a em, .linkButton a em{ font-weight: 700;}



.mailId-btn strong{  font-weight: 700; text-decoration: underline; }
.mailId-btn a em::after {
    background: url(../images/mailIcon.png) no-repeat right center;
    background-size: 18px !important;
    content: '';
    border-radius: 0px;
}
.mailId-btn:hover a em::after{ filter: brightness(0) invert(1);}
.tophead.fullRow.casestud-botm .container p{ color: #333333;}

.bannersec::before{ background: url(../images/box-pic.png) no-repeat bottom right;}
.bannersec{ overflow: hidden; }
.bannersec::before {
    background: url(../images/box-pic.png) repeat-x top 58px right 0;
    background-size: 64%;
}
.inner-banner .banner-text {
    min-height: auto; margin-top: 88px; padding: 120px 0;}
.whtbg{ background: #fff !important;}


.case-study-details h6{ font-weight: 700; font-size: var(--font-18); line-height: var(--line-18);     text-transform: inherit;
    letter-spacing: 0px;
    padding-bottom: 5px;}
.case-study-details li{ font-weight: 700; font-size: var(--font-18); line-height: var(--line-18); margin: 5px 0; list-style: disc; font-weight: 500;}
.case-study-details ul{ padding-left:20px;}
.case-study-tags{ margin-right: 20px;}
.case-study-tags ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    gap: 8px;
}
.case-study-tags li {
    list-style: none;
    color: #6B2EE0;
    font-weight: 400;
    font-size: var(--font-16);
    line-height: var(--line-16);
    margin: 20px 0 0;
}
.case-study-tags li em{ font-style: normal; position: relative; display: inline-block;
    background: #6B2EE01F;
    padding: 10px 26px 10px 35px;
    border-radius: 34px;}
.case-study-tags li em:before {
    list-style: disc;
    content: ".";
    position: absolute;
    top: 0px;
    left: 16px;
    font-size: 35px;
}

.case-study-header{
    display: flex;
    align-items: center;
    flex-wrap: wrap; padding-bottom: 30px;gap: 20px; 
    min-height: 101px;
}
.company-logo {
    margin-top: 35px;
    margin-bottom: 15px;
}
.case-study-header .company-logo {
    margin: 0;
}
.case-study-category{ color: #666666; text-transform: uppercase; letter-spacing: 1px; font-size: var(--font-15);
    line-height: var(--line-15); font-weight: 700; }
.case-study-card{     justify-content: space-between;}
.case-study-top {
    padding: 35px 25px 12px; min-height: 564px;
}
.company-logoaban{ padding-bottom: 10px;}
.inner-banner p a{ color: #6E31E1; font-size: var(--font-16); line-height: var(--line-16);}
.inner-banner p{ padding-bottom: 10px;}


.inner-banner .banner-text{ max-width: 1045px; text-align: center; padding-bottom: 50px;}
.bannerBx{ border: 1px solid #E9DFCE; background: #FFFFFF; padding: 28px 22px; border-radius: 20px; height: 100%; text-align: left;}
.bannerBx h4{ padding-bottom: 6px; font-size: var(--font-25); line-height: var(--line-25); font-weight: 500; color: #000;}
.bannerBx p{ padding-bottom: 0px; font-size: var(--font-16); line-height: var(--line-16); font-weight: 400; color: #333;}
.banner-textIn{ max-width: 700px; margin: 0px auto;}
.inner-banner .case-study-tags ul{ justify-content: center;}
.inbnRow{ margin-top: 20px; width: 100%;}
.inbnRow .row{ margin: 0 -6px;}
.inbnRow .col-md-4{ padding: 0 6px;}

.bannersec:after{ background: linear-gradient(180deg, #FFFFFF 0%, #F7F2EA 100%); position: absolute; top: 0px; left: 0px; content: ""; width: 100%; height: 100%;}
.breadcrumb-sec {
  padding-top: 0;
  position: absolute;
  top: 23px;
  left: 12px;
}
.breadcrumb-sec li{ color: #000; font-size: var(--font-18); line-height: var(--line-18); font-weight: 500;}
.breadcrumb-sec li.active{ color: #6B2EE0;}
.breadcrumb-sec li a{ color: #000;}
.breadcrumb-item + .breadcrumb-item::before{ content: "→";  color: #000;}


.bannersec .container{ z-index: 1;}
.bannersec::before{ z-index: 1;}

.case-study-section h2{ color: #0A0A0A;}
.singlerow .container{ max-width: 890px;}
.singlerow img{ width: 100%; box-shadow: 0px 4px 92px 0px #00000026; border-radius: 30px; margin-top: 40px;}

.imagewithtext img{ border-radius: 35px; border: 1px solid #E8DECF;}
.case-study-section h2 em{ color: #6B2EE0; font-style: normal;}
.case-study-section li{ list-style: disc; margin-bottom: 12px; color: #333333; font-size: var(--font-22); line-height: var(--line-22);}
.case-study-section ul{ padding-left: 20px;}

.imagewithtext p strong{ font-weight: 600; color: #333333;  font-size: var(--font-20); line-height: var(--line-20);}


.colmBx{ border: 1px solid #E9DFCE; background: #fff; border-radius: 20px; padding: 31px;}
.colmBx p{ color: #333333;  font-size: var(--font-22); line-height: var(--line-22); font-weight: 400;}
.colmBx p strong{ color: #333333;  font-size: var(--font-24); line-height: var(--line-24); font-weight: 600;}
.case-study-section .row{ margin: 0 -5px;}
.colm{ padding: 0 5px;}


.colm3Bx p{ color: #000000;  font-size: var(--font-24); line-height: var(--line-24); font-weight: 600;}

.impctRow .colmBx  h4{ color: #333333; text-transform: uppercase; font-size: var(--font-24); line-height: var(--line-24); font-weight: 700; letter-spacing: 1px; font-family: var(--font-2); padding: 0 0 5px 0;}
.impctRow .colmBx p{  color: #333333;  font-size: var(--font-20); line-height: var(--line-20); font-weight: 400;}


.ultaglist li{ display: inline-block; color: #000000; font-size: var(--font-14); line-height: var(--line-14); font-weight: 400;}
.ultaglist li em{ display: inline-block; border: 1px solid #E5DBCD; border-radius: 30px; padding: 5px 20px;background: #fff;font-style: normal;}
.ultaglist li{ padding: 3px;}
.ultaglist{ padding: 0px !important; text-align: center;}


.singlefull p {
  max-width: 85% !important;
  margin: 0px auto 30px;
}
.singlefull ul{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.btns2 strong{ text-decoration: underline; font-weight: 700;}



.case-studies-slider {
    position: relative;
}

.case-studies-slider .owl-nav {
    position: absolute;
    top: -70px;
    right: 0;
    display: flex;
    gap: 12px;
}

.case-studies-slider .owl-nav button {
    width: 46px;
    height: 46px;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    transition: all .3s ease;
}

.case-studies-slider .owl-nav .owl-prev {
    background: #D0C9DD !important;
    color: #ffffff !important;
}

.case-studies-slider .owl-nav .owl-next {
    background: #D0C9DD !important;
    color: #ffffff !important;
}

.case-studies-slider .owl-nav button i {
    font-size: 16px;
    line-height: 1;
}

.case-studies-slider .owl-nav button:hover {
    transform: translateY(-2px);
}

.case-studies-slider .owl-nav .owl-prev:hover {
    background:#6B2EE0 !important;
}

.case-studies-slider .owl-nav .owl-next:hover {
    background: #6B2EE0 !important;
}

.case-studies-slider .owl-nav button span {
    display: none;
}
.company-logo img{ max-width: 140px;}
.case-study-top p, .case-study-top h5{ padding-bottom: 11px;}


.banner-text h1.wp-block-heading em{ font-style: normal; color: #6B2EE0; font-weight: 400;}

.lightbg2{ background: linear-gradient(180deg, #FFFFFF 0%, #F9F5EE 53.37%, #FFFFFF 100%);}

.inner-banner .ns-counter-sec {
    width: 100%;
    margin-top: 0;
    padding-bottom: 33px;
}
.inner-banner .ns-counter-sec .container{ max-width: 100% !important; padding: 0px !important;}
.darksec p{ color: #fff;}
.darksec2{
    background: url(../images/darkbg2.jpg) no-repeat center center;
    background-size: 100% 100%;
}
.smlIcon img{ width: 100px;}


.has-text-align-left.both-BA em::after{ display: none;}
.list-tick li {
    background: url(../images/tk1.png) no-repeat left top 15px;
    padding-left: 29px;
    color: #333;
    font-size: var(--font-20);
    line-height: var(--line-20);
    margin: 0 0 20px 0;
}
.list-tick li strong{ font-size: var(--font-22);
    line-height: var(--line-22); display: block;}


.wh-bg{ background: #fff;}


.lightbg3{ background: linear-gradient(180deg, #FDFDFD 0%, #F9F5EE 100%);}
.lightbg4{ background: linear-gradient(180deg, #FFFFFF 0%, #F9F5EE 100%);}
.lightbg5{ background: linear-gradient(180deg, #FFFFFF 0%, #F9F5EE 100%);}
.lightbg6{background: linear-gradient(180deg, #FDFAF6 0%, #F9F5EE 100%);}

.lightbg7{ background: linear-gradient(180deg, #FFFFFF 0%, #F9F5EE 53.37%, #FFFFFF 100%);}

.lightbg8{background: linear-gradient(180deg, #FFFEFD 0%, #F9F5EE 55.29%, #FFFFFF 100%); overflow: hidden;}
/*.lightbg8::before{ width: 677px; height: 694px; border-radius: 100%; position: absolute; right: 0px; top: 50%; content: ""; background: #6B2EE014; backdrop-filter: blur(250px); #00000040;}*/
.lightbg9{background: url(../images/bg7.jpg) no-repeat center center; overflow: hidden; background-size: cover;}




.accudionRow{ border: 1px solid #E8DECF; border-radius: 30px; overflow: hidden; background: #FDFAF6; max-width: 1037px; margin: 20px auto 0;}
.accudionRow .wp-block-accordion-item {
    border-bottom: 1px solid #DFD5C8;
    padding:22px 40px;
}
.accudionRow .wp-block-accordion-item:last-child{ border-bottom: none !important;}
.accudionRow .wp-block-accordion-item h3{ font-size: var(--font-24); line-height: var(--line-24);font-family: var(--font-2);font-weight: 500; color: #000000; padding: 0px; }
.accudionRow .wp-block-accordion-item p{ font-size: var(--font-20); line-height: var(--line-20);font-family: var(--font-2);font-weight: 400; color: #666; padding: 0px;}
.accudionRow .wp-block-accordion-item.is-open{ background-color: #fff;}
.accudionRow .wp-block-accordion-heading__toggle-icon {
    border: 1px solid #DFD5C8;
    background: #FDFAF6;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    color: #C9B499;
    font-size: 0px;
    padding: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.accudionRow .wp-block-accordion-heading__toggle-icon::before {
    content: "+";
    font-size: 30px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300 !important;
    padding: 0px !important;
}
.accudionRow .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon::before{ content: "-";}
.wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
    transform: inherit;
}
.accudionRow .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon{ border-color: #6B2EE0; background: #6B2EE0; color: #fff;}
.accudionRow .wp-block-accordion-heading__toggle{ padding: 0;}






.leadership-item {
    border: 1px solid #E9DFCE;
    border-radius: 20px;
    background: #fff; margin-top: 20px;
}

.leadership-image img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.leadership-social {
    position: absolute;
    right: 0;
    bottom: 15px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #2B76A2;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
}

.leadership-content h4{ font-family: var(--font-2); font-weight: 600; color: #333; padding-bottom: 5px;}
.leadership-content p strong{ font-family: var(--font-2); font-weight: 400; color: #6B2EE0; font-size: var(--font-22); line-height: var(--line-22);}
.leadership-content p{ font-family: var(--font-2); font-weight: 400; color: #333; font-size: var(--font-18); line-height: var(--line-18);}







.leadership-social:hover {
    color: #fff;
}

.leadership-content p:last-child {
    margin-bottom: 0;
}

.inner-banner::before, .bannersec::before {
    background: url(../images/bx1.png) repeat-x bottom right 0;
    background-size: 64%;
}
.ns-why-content .font-40 strong {
    font-weight: 500;
    color: #0D1B2A;
    margin-bottom: 16px;
    display: block;
}


.candyBtn a{ min-width: auto; box-shadow: 0px 4px 25px 0px #281E3C61; padding: 0 45px;}

.candyBtn a strong::after {
    content: "";
    background: url(../images/cals.svg) right center no-repeat;
    border-radius: 0px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 12px;
}
.book-rowas{ margin-bottom: 70px !important;}
.ns-why-content li, .ns-why-content li a{ color: #666;}
.ns-why-content li strong{ font-weight: 600; color: #000;}
.email-li{ background: url(../images/mark_email_unread.svg) no-repeat left top 7px;}
.loca-li{ background: url(../images/Map_pin.svg) no-repeat left top 7px;}
.works-li{ background: url(../images/solar_laptop-bold.svg) no-repeat left top 7px;}
.ns-why-content li, .ns-why-content li a{ color: #666;}
.ns-why-content li{ padding-left: 32px;}
.center-button li{ padding: 20px 5px; display: inline-block; }
.center-button { justify-content: center; }

.ns-why-content li{ line-height: 37px;}


.inner-banner .banner-text p {
    padding-bottom: 10px;
    margin: 0px auto !important;
}

.mw-80 {
    max-width: 100%;
}
.tophead h6 em strong{ font-weight: 600;}

.builSech6drk h6 em{ padding: 0 48px;}
.builSech6drk h6 em:before{ 
    background: url(../images/line1.png) no-repeat left center;}
.builSech6drk h6 em::after {
    background: url(../images/line1.png) no-repeat right center;
}


.tophead.fullRow .container p {
    color: #333;
}
.fullRowService.tophead.fullRow .container p{ max-width: 100%;
    margin: 0;}

.services-sliders .service-item p{ min-height: auto;}
.services-sliders .service-item h6{ border-top: 1px solid #AFD6CB; text-transform: inherit; letter-spacing: 0px; color: #333333; padding-top: 20px; font-size: var(--font-18); line-height: var(--line-18); font-weight: 600;}
.overBoxService{ position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; border: 1px solid transparent; border-radius: 20px;}
.overBoxService span {
    display: inline-block;
    background: #6B2EE0;
    border-radius: 0 18px 10px 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-transform: uppercase;
    color: #fff;
    font-size: var(--font-15);
    line-height: var(--line-15);
    font-weight: 700;
    padding: 9px 22px; opacity: 0;
}

.service-item:hover{ background: url(../images/hb-bg.png) no-repeat center center #fff; background-size: cover !important;}
.service-item:hover .overBoxService span{ opacity: 1;}
.service-item:hover .overBoxService{ border-color: #6B2EE0;}














@media (min-width: 2300px) and (max-width: 9000px) {








  
}  
@media (min-width: 2000px) and (max-width: 2300px) {



}
@media (min-width: 992px) and (max-width: 9000px) {
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0px; border: none;
    background:#f38029 !important;
    width: 275px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 0px; box-shadow: inherit;}

.nav_top .dropdown:hover .dropdown-menu { max-height: 370px;opacity: 1; visibility: visible; /*transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;*/}

.nav_top .dropdown .dropdown-menu1{
  right: inherit;
  left: 273px !important;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden; 
  top: 0px;
} 

.nav_top ul li.dropdown:hover .dropdown-menu1{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden; 
  top: 0px;}

.nav_top ul li ul li.dropdown-submenu:hover .dropdown-menu1{ max-height: 370px;opacity: 1; visibility: visible; /*transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;*/}

.drop-arw1{color: #fff; right:10px;}

.drop-arw1 i{ transform: rotate(-90deg);}

.ns-why-card:hover{
    transform:translateY(-8px);}




}

@media (min-width: 1200px) and (max-width: 9000px) {

.services-sliders .col-lg-4:last-child{ width: 100%;}
.services-sliders .col-lg-4:last-child .service-icon{
    position: absolute;
    top: 24px;
    left: 30px;
    width: 75px;
}
.services-sliders .col-lg-4:last-child .service-content{
    padding-left: 87px;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row; justify-content: space-between;
}
.services-sliders .col-lg-4:last-child .srvtp-cont{ max-width: 80%;}
.services-sliders .col-lg-4:last-child .service-btn{ margin-top: 0px !important;}




}


@media only screen and (max-width: 1799px) {


:root
{

    --container:1440px;

    /* font-sizes */
    --font-80:70px;
    --line-80:80px;

    --font-60:50px;
    --line-60:60px;

    --font-48:42px;
    --line-48:52px;

    --font-40:37px;
    --line-40:47px;

    --font-32:28px;
    --line-32:38px;

    --font-30:27px;
    --line-30:37px;
    
    --font-28:24px;
    --line-28:34px;

    --font-26:22px;
    --line-26:32px;

    --font-24:20px;
    --line-24:30px;

	--font-20:18px;
    --line-20:28px;

    --font-18:16px;
    --line-18:24px;

    --font-16:15px;
    --line-16:25px;

    --font-15:14px;
    --line-15:20px;

    --font-14:14px;
    --line-14:18px;

	--font-13:13px;
    --line-13:18px;

    --font-10:10px;
    --line-10:15px;

    --r-120: 100px;


}



}


@media (min-width: 1599px) and (max-width: 2000px) {




}




@media only screen and (max-width: 1599px) {

:root
{
    --container:1350px;

    /* font-sizes */
    --font-80:70px;
    --line-80:80px;

    --font-60:50px;
    --line-60:60px;

    --font-48:42px;
    --line-48:52px;

    --font-40:37px;
    --line-40:47px;

    --font-32:28px;
    --line-32:38px;

    --font-30:27px;
    --line-30:37px;
    
    --font-28:24px;
    --line-28:34px;

    --font-26:22px;
    --line-26:32px;

    --font-24:20px;
    --line-24:30px;

	--font-20:18px;
    --line-20:28px;

    --font-18:16px;
    --line-18:24px;

    --font-16:15px;
    --line-16:25px;

    --font-15:14px;
    --line-15:20px;

    --font-14:14px;
    --line-14:18px;

	--font-13:13px;
    --line-13:18px;

    --font-10:10px;
    --line-10:15px;

    --r-120: 100px;
}



.book-rowas {
    margin-bottom: 30px !important;
}





}   





@media only screen and (max-width: 1399px) {

:root
{
    --container:1170px;

    /* font-sizes */
    --font-80:60px;
    --line-80:70px;

    --font-60:40px;
    --line-60:50px;

    --font-48:32px;
    --line-48:42px;

    --font-40:30px;
    --line-40:40px;

    --font-32:25px;
    --line-32:35px;

    --font-30:22px;
    --line-30:32px;
    
    --font-28:20px;
    --line-28:30px;

    --font-26:20px;
    --line-26:30px;

    --font-24:18px;
    --line-24:25px;

	--font-20:17px;
    --line-20:28px;

    --font-18:16px;
    --line-18:24px;

    --font-16:15px;
    --line-16:25px;

    --font-15:14px;
    --line-15:20px;

    --font-14:14px;
    --line-14:18px;

	--font-13:13px;
    --line-13:18px;

    --font-10:10px;
    --line-10:15px;

    --r-120: 100px;


}


.banner-text {
    min-height: 800px; max-width: 700px; padding-top: 90px;}












} 
@media only screen and (max-width: 1199px) {
:root{

    --container:960px;

    /* font-sizes */
    --font-80:50px;
    --line-80:60px;

    --font-60:35px;
    --line-60:45px;

    --font-48:30px;
    --line-48:40px;

    --font-40:28px;
    --line-40:38px;

    --font-32:25px;
    --line-32:35px;

    --font-30:22px;
    --line-30:32px;
    
    --font-28:20px;
    --line-28:30px;

    --font-26:20px;
    --line-26:30px;

    --font-24:18px;
    --line-24:25px;

	--font-20:16px;
    --line-20:26px;

    --font-18:15px;
    --line-18:24px;

    --font-16:14px;
    --line-16:25px;

    --font-15:14px;
    --line-15:20px;

    --font-14:13px;
    --line-14:18px;

	--font-13:12px;
    --line-13:18px;

    --font-10:10px;
    --line-10:15px;

    --r-120: 100px;


}

.ns-why-card, .ns-work-box{ padding: 31px 19px;}








}
@media only screen and (max-width: 991px) {

:root
{
   --container:100%;



}	
	
	
	
.navbar-toggler br{ display: none;}	
	
	
.nav_top .navbar-toggler{ border: none; background: none;padding: 20px 0; margin-right: 15px;box-shadow: none;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 34px;height: 3px;  border-radius: 16px; background-color: #6B2EE0;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 6px;}
.navbar-toggler .icon-bar{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navbar-toggler.showtoggle .icon-bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;}  
.navbar-toggler.showtoggle .icon-bar:nth-child(3) { transform: translateY(-10px) rotate(-45deg);} 
.header_sec .container{ padding: 0px;}
.navbar-collapse{ position: absolute; top: 100%; left: 0px; background: #fff; width: 100%; z-index: 11;}
.navbar-brand{ padding-left: 15px;}
.menu_sec li a{ width: 100%; padding: 10px 15px;}
.menu_sec li{ width: 100%;}  
  
.drop-arw {
    font-size: 15px;
    width: 43px;
    cursor: pointer;
    display: inline-block;
    height: 40px;
  }  
 .nav_top .dropdown .dropdown-menu {
    width: 100%;
    border-radius: 0px;
  }        
.butns-list a{width: 100% !important;
    margin: 0 !important;
    border-radius: 0px;}
.nav_top .dropdown .dropdown-menu1{ display: block !important;
    background: rgba(255,255,255,0.1) !important;}




.cdn-btn {
    position: relative !important;
    top: inherit !important;
    right: 0 !important;
}

    .navbar-collapse {
        position: fixed;
        top: 0;
        left: -240px;
        background: #f2f2f2;
        width: 240px;
        z-index: 11;
        height: 100%;
        padding: 105px 20px;
        display: block !important; transition: all 0.5s ease-in-out;
    }
.navbar-collapse.show{ left: 0px;}

.menu_sec li{ margin: 10px 0;}



.ns-counter-box {
    padding: 30px 18px;}
.ns-counter-section{ border-radius: 11px;}
.bannersec::before {     background-size: 100%;}

.tophead{ padding: 60px 0;}

.bultRtbx {
    padding-left: 30px;
} 
.bult-img img {
    border-radius: 20px;}

.bult-img img {
    border-radius: 15px;
    border: 1px solid #E8DECF;
    width: 100%;
}



.case-study-bottom{     padding: 18px 12px;}
.case-study-top {
    padding: 28px 12px 12px;
}
.case-study-tags li{     margin: 8px 0 0;}
.case-study-tags li em{ 
    padding: 6px 23px 5px 29px;}
.case-study-tags li em:before{     left: 15px;
    font-size: 27px;
    line-height: 85%;}

.inner-banner .banner-text {
    min-height: 500px;
     margin-top: 0px;
}


.header_sec{ padding: 34px 20px;}
.navbar{ border-radius: 20px;}






}

 
@media only screen and (max-width: 767px){

.banner-text {  min-height: 699px;
        max-width: 620px;
        padding-top: 0;
    }
.bannersec h6{ margin-bottom: 0;}
.btns a, .linkButton a{  line-height: 50px;  min-width: 255px;}

.tophead{ padding: 50px 0;}


.apsuBtn {
    position: relative;
    top: 0;
    right: inherit;
    width: 100% !important;
    text-align: center;
}
.mw-40 {
    max-width: 300px;
}
.ns-work-progress {
    max-width: 74%;
    margin: 14px auto 25px;
}
.work-icon {
    margin-bottom: 25px;
    min-height: 65px;
}

.ns-work-box{ min-height: auto;}

.mw-50 {
    max-width: 100%;
}

.bultRtbx {
    padding-left: 0;
    margin-top: 19px;
}
.tophead.fullRow .container p {
    max-width: 100%;
    margin: 0px auto 30px;
}
.banner-text .wp-block-list{     justify-content: center;}
.banner-text .wp-block-list li{     padding: 20px 5px 0;}

.footer-bottom {
    padding: 14px 0;
}

.colm {
  padding: 5px !important;
}
.mt-4 {
  margin-top: 0.5rem !important;
}

.mb-5 {
    margin-bottom: 2rem !important;
}

.accudionRow .wp-block-accordion-item{ padding: 15px 30px;}
.accudionRow .wp-block-accordion-heading__toggle-icon{ width: 40px;  height: 40px;  line-height: 24px;}
.accudionRow .wp-block-accordion-heading__toggle-icon::before{ font-size: 23px;}



.col-lg-3:first-child .ns-counter-box, .col-lg-3:nth-child(2) .ns-counter-box{ border-bottom: 1px solid #E9DFCE;}

.leadership-image{ width: 200px; margin: 0px auto; text-align: center;}
.leadership-social{ width: 35px; height: 35px; font-size: 16px;}
.leadership-content{ text-align: center;}



.builSec .align-items-center{ flex-direction: column-reverse;}






}




@media only screen and (max-width: 640px){ 

:root{

    /* font-sizes */
    --font-80:40px;
    --line-80:50px;

    --font-60:30px;
    --line-60:40px;

    --font-48:25px;
    --line-48:35px;

    --font-40:22px;
    --line-40:32px;

    --font-32:22px;
    --line-32:32px;

    --font-30:20px;
    --line-30:30px;
    
    --font-28:18px;
    --line-28:28px;

    --font-26:18px;
    --line-26:28px;

    --font-24:17px;
    --line-24:25px;

	--font-20:15px;
    --line-20:25px;

    --font-18:15px;
    --line-18:24px;

    --font-16:14px;
    --line-16:25px;

    --font-15:14px;
    --line-15:20px;

    --font-14:13px;
    --line-14:18px;

	--font-13:12px;
    --line-13:18px;

    --font-10:10px;
    --line-10:15px;

    --r-120: 100px;


}




.ns-counter-sec {
    width: 100%;
    margin-top: 0;
}

.sec-option li a{ padding: 3px 0;}

.center-button li {
    padding: 8px 5px;
    display: inline-block;
}
 
    
}


@media only screen and (max-width: 575px){ 


.banner-text {
        min-height: 626px;
        max-width: 620px;
        padding-top: 62px;
    }
.service-item{ padding: 18px;}

.sec-option.li50 li{ width: 50%;}
.sec-option.li50{ display: flex; flex-wrap: wrap;}







}

@media only screen and (max-width: 480px){ 

.ns-counter-box {
        padding: 12px 9px;
    }

.service-btn{     font-size: 12px;}

.bannersec h6 {
    font-size: 13px;
    line-height: 14px;}

.header_sec{ padding: 15px 14px;}




}
@media only screen and (max-width: 400px){ 

:root{

    --font-60:25px;
    --line-60:35px;

    --font-48:20px;
    --line-48:30px;

    --font-40:20px;
    --line-40:30px;

    --font-32:20px;
    --line-32:30px;


    --font-24:16px;
    --line-24:22px;

	--font-20:14px;
    --line-20:24px;

    --font-18:14px;
    --line-18:24px;

    --font-16:14px;
    --line-16:25px;

    --font-15:14px;
    --line-15:20px;

    --font-14:13px;
    --line-14:18px;

	--font-13:12px;
    --line-13:18px;

    --font-10:10px;
    --line-10:15px;

    --r-120: 100px;


}



.banner-text {
        min-height: 651px;
        max-width: 620px;
        padding-top: 129px;
    }


.ns-counter-box p{ font-size: 12px; line-height: 14px;}
.ns-counter-box h2{ font-size: 25px; line-height: 35px;}


}