body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #000;
}
iframe{
margin: 0;
}
sub, sup {
    font-size: 75%;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: 10px;
    left: 10px;
}
sub {
    bottom: 10px;
    right: 10px
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul li {
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6{
    padding: 0;
    margin:0;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    margin-bottom: 15px;
    letter-spacing: 0px !important;
	font-weight: 600;
}
h1 {
    font-size: 40px;
    line-height: 1.2;
    color: #131313;
    font-family: "Poppins", sans-serif;
    margin-bottom: 15px;
}
.homeslider h1{
    color: #fff !important;
    font-weight: normal !important;
    line-height: 1 !important;
}
h2 {
    font-size: 40px !important;
    line-height: 1.2;
    color: #131313 !important;   
    margin-bottom: 15px !important;
	font-weight: 700 !important;
}
h3 {
    font-size: 30px !important;
    line-height: 1.2;
    color: #131313 !important;
    margin-bottom: 15px !important;
}
h4 {
    font-size: 24px;
    line-height: 1.2;
    color: #131313 !important;
    margin-bottom: 15px !important;
}
h5 {
    font-size: 16px;
    line-height: 1.3;
    color: #222;
    margin-bottom: 15px;
}
p {
    padding: 0 0 20px 0 !important;
    margin:0 !important;
}
a {
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    color: var(--secondcolor);
    outline: none;
    text-decoration: none;
}
a:hover, a:focus {
    color: var(--primarycolor);
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    text-decoration: none !important;
    outline:none !important;
}
a > img {
    line-height: 0;
}
select, button, input{
    box-shadow:none;
    outline:none;
} 
select:hover, button:hover, input:hover, select:focus, button:focus, input:focus{
    box-shadow:none;
    outline:none;
}
select {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    background-image:url(images/seclect-arrow.png);
    background-repeat:no-repeat;
    background-position: 95% center;
}
.site, .site-branding{
    margin:0;
}
.site-inner{
    width:100%;
    max-width:100%;
    margin:0;
}
.site-header{
    padding:0;
}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {
    height: auto;
}
.site-branding, .site-header-menu, .header-image {
    margin-bottom: 0;
    margin-top: 0;
}
.main-navigation, .site-main{
    margin:0;
}
.site-header-main {
    display: block;
}
.site-content{
    padding:0;
}
.content-area {
    float: none;
    margin-right: 0;
    width: 100%;
}
.site-footer {
    display: block;
    padding: 0;
}
.entry-title {
    font-size: 2vw;
    line-height: 2vw;
    margin-bottom: 15px;
}
.srccch .entry-footer{
    margin-top:0;
    margin-bottom:20px;
    padding:10px;
    border-radius:4px;
    background:#f1f1f1;
}
body:not(.search-results) .entry-header + .entry-summary {
    margin-top: 0;
    margin-bottom:0;
}
.titbg{
    font-size:20px;
    line-height:20px;
    padding:15px;
    margin-bottom:20px;
    background:#f1f1f1;
    border-radius:4px;
}
.sidebar_wrp {
    padding: 5px;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
}
.sidebar_wrp .widget-title {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
    font-family: 'Poppins';
    
    font-style: normal;
    padding: 10px;
    background: #f1f1f1;
}
.sidebar_wrp > .widget {
    margin-bottom: 15px;
}
.sidebar_wrp .widget ul {
    margin-left: 10px;
}
.sidebar_wrp .widget ul li, .cont_con ul li {
    display: block;
    position: relative;
    margin: 10px 0;
    padding-left: 10px;
}
.sidebar_wrp .widget ul li a {
    color: #333;
}
.srchform .form-control {
    background: #fff;
    height: 36px;
    font-size: 16px;
    border: 1px solid #333;
    font-family: "Hind Madurai", sans-serif;
    font-weight: normal;
    font-style: normal;
}
.srchform .btn-secondary {
    background: #333;
    border-color: #333;
    color: #fff;
    height: 36px;
    width: 36px;
    padding: 0;
}
.srchform .btn-secondary {
    color: #fff;
}
.post-thumbnail {
    margin-bottom: 20px;
}
.post-thumbnail > img.attachment-post-thumbnail {
    padding: 4px;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    width:100%;
}
.single .entry-content, .archive .entry-content {
    float: none !important;
    width: 100% !important;
}
.single .entry-footer, .archive .entry-footer {
    margin-top: 0 !important;
    float: none !important;
    width: 100% !important;
    padding: 5px;
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 20px;
}
.entry-footer .byline {
    float: left;
    margin-right: 10px;
    margin-bottom: 0 !important;
}
.comments-title, .comment-reply-title {
    border-top: none;
    font-size: 20px;
    font-style: normal;
    color: #2a375e;
    margin-bottom: 20px;
}
.comment-form {
    padding-top: 0;
}
.comment-notes {
    padding: 0;
    margin: 0;
}
.comments-area, .post-navigation {
    margin-bottom: 0;
    border: none;
}
.post-navigation a {
    padding: 0;
}
.post-navigation div + div {
    border-top: none;
}
.nav-links:after, .nav-links:before {
    content: '';
    clear: both;
    display: table;
}
.nav-previous {
    float: left;
}
.nav-next {
    float: right;
}
.nav-links .post-title {
    display: none;
}
.btn_submit, input[type="submit"], input.btn_submit[type="submit"] {
    background: var(--primarycolor) !important;
    color: #fff;
    border: 1px solid var(--primarycolor) !important;
    border-radius: 5px;
    font-style: normal;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 14px 30px;
    display: inline-block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.btn_submit:hover, input[type="submit"]:hover, input.btn_submit[type="submit"]:hover, .btn_submit:focus, input[type="submit"]:focus, input.btn_submit[type="submit"]:focus {
    background: #222 !important;
    color: #fff !important;
    border: 1px solid #222 !important;
    outline: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
@media (min-width: 1200px){
    .container {
        max-width: 1320px;
    }
}
.store-locator-review-form > .store-locator-row:last-child{
    margin-top:10px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {
    background: #ffffff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    color: #686868;
    padding: 10px 15px;
    width: 100%;
    min-height: 48px;
    background-color: #bbb;
}

.logo{
/*  padding:5px; */
    border-radius: 5px;
}
.logo img{
    
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    width: 190px;
}
header.header.fixed .logo{
/*     background-color: var(--primarycolor); */
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

header.header {
    width: 100%;
    background: rgba(0,0,0,0);
    padding: 0;
}
.hdrbtm{
    padding: 15px 0;
    position: fixed;
    background: rgba(0,0,0,0);
    width: 100%;
    top: 0px;
    left: 0;
    z-index: 100;
    width: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
header.header.fixed .hdrbtm{
    top: 0;
}
.hdrbtm:after{
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    position: absolute;
    background: #fff;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
header.header.fixed .hdrbtm:after{
    background: rgba(0, 0, 0, .6);
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    height: 100%;
}
@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    header.header.fixed .hdrbtm:after {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(10px);
        background-color: rgb(255 255 255 / 70%);

    }
}
.headerlogo img {
    transition: all 0.5s;
}
header.header.fixed .headerlogo img {
    width: 150px;
}
header.header.fixed .hdrbtm{
    padding: 10px 0 !important;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.mnutog{
    display: none;
}

nav.nav .primary-menu > li.current-menu-item > a, 
nav.nav .primary-menu > li:hover > a, 
header.header.fixed nav.nav .primary-menu > li.current-menu-item > a, 
header.header.fixed nav.nav .primary-menu > li:hover > a{
     color: #ff1335;
}
nav.nav .primary-menu > li > ul {
    position: absolute;
    left: 0;
    top: 110%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
    background: #fff;
    z-index: 100;
    min-width: 300px;
    margin-top: 10px;
    border-radius: 10px;
    overflow: hidden;
	padding: 15px;
}
nav.nav .primary-menu > li:hover > ul{
    top:100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
nav.nav .primary-menu > li > ul > li > a {
    padding: 10px 15px;
    border-radius: 8px;
    color: #000;
    display: block;
    font-size: 16px;
    border-bottom: #43a2a845 1px solid;
	transition: all 0.3s;
}
nav.nav .primary-menu > li > ul > li:hover > a {
    background: linear-gradient(90deg, #51A3A3 0%, #059CB9 100%);
    color: #fff;
}
big{
    font-size: 130%;
    font-weight: 300;
    line-height: 1.8;
}
.title1{
    font-size: 46px;
    line-height: 1.2;
	letter-spacing: 2px !important;
    color: #0e0e0e;
	font-weight: normal;
}

@-webkit-keyframes rotate {
  from {
    background-position: -3000px;
  }
  to {
    background-position: 0px;
  }
}
@keyframes rotate {
  from {
    background-position: -3000px;
  }
  to {
    background-position: 0px;
  }
}
.wlcmimg{
    position: relative;
}
.wlcmimg img{
    width: 100%;
}
.play-btn {
  width: 50px;
  height: 50px;
  background: #22bdc9;
  border-radius: 50%;
  position: absolute;
  left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  box-shadow: 0px 0px 25px 3px rgba(0, 0, 0, 0.7);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.play-btn:hover{
    background: #00649b;  
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid #fff;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.play-btn:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .75);
  top: -25%;
  left: -25%; 
    transform: translate(-25%, -25%);
  background: rgba(198, 16, 0, 0);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}
@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}
.welcmsec {
    background: url(images/welcmbg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
}
.welcmsec h2{
    font-weight: normal;
    color: #0e0e0e;
    margin-bottom: 20px;
    font-size: 46px;
}
.welcmsec h4{
    font-size: 25px;
    margin-bottom: 10px;
}
.welcmsec h2 strong{
    
    color: var(--primarycolor);
}
.blg_thmb h3{
    
    font-size: 20px;
    margin-bottom: 5px;
}
.box-content p{
    padding: 0;
}
.contactform .form-control {
    background-color: #fff !important;
    border-top-color: #fff !important;
    border-left-color: #fff !important;
    border-right-color: #fff !important;
    box-shadow: none !important;
    padding-left: 0;
    border-radius: 0;
}
.contactform .wpcf7-textarea.form-control {
    height: 50px;
}
.contactform select.form-control{
    color: #848586;
    background-position: 98% center;
}
.confld i {
    height: 70px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    background: #377DC2;
    color: #fff;
    font-size: 20px;
}
.confld a {
    color: #333;
}
.contactform .wpcf7-form > p {
    padding: 0;
    position: relative;
}
.srchtog{
    line-height: 0;
}
.textwidget a{
    box-shadow: none !important;
}
.hdttop{
    padding: 5px 0;
    background: var(--primarycolor);
    color: #fff;
}
.hdttop a{
    color: #fff;
    cursor: pointer;
}
.hdrtoplft.soc ul li{
    background-color: rgba(0,0,0,0) !important;
}
.hdrtoplft.soc ul li a{
    padding: 0 !important;
    font-size: 18px;
}
.ovrsrchsec{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(1,155,193,0.6);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transform: scale(5);
    opacity: 0;
    visibility: hidden;
}
.ovrsrchsec.active{
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.ovrsrchsecinr{
    width: 90%;
    max-width: 800px;
    padding: 10px;
    border-radius: 5px;
    background: rgba(255,255,255,0.3);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.ovrsrchsecinr .btn{
    line-height: 0;
    box-shadow: none !important;
    outline: none !important;
    height: 50px;
    border: none !important;
}
.ovrsrchsecinr .form-control{
    height: 50px;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 4px 0 0 4px;
}
.bnrmidtxt h2{
    font-size: 60px;
    
    color: #fff;
    margin-bottom: 30px;
}
.cpy{
    background: #2e404e;
    color: #fff;
    font-size: 12px;
}
footer.footer  {
    width: 100%;
    background: rgba(0,0,0,0);
    padding:0;
}

.plyr__control--overlaid {
    background: #00b2ff;
    background: #eb1e27 ;
}

.overflow-hidden{
    overflow: hidden;
}
.hoverimg{
    transition: all 0.5s;
}
.hoverbox:hover .hoverimg{
    transform: scale(1.2);
}
.ftrtop{
    padding: 50px 0 20px;
    background: #28313c;
    font-size: 12px;
    color: #e1e1e1;
}
.ftrtop h3{
    color: #fff;
    font-size: 16px;
    
    padding-bottom: 5px;
    margin-bottom: 20px;
    position: relative;
}
.ftrtop h3:after{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    height: 3px;
    background: var(--primarycolor);
}
.ftrbtm{
    background: #0c2130;
    font-size: 12px;
    color: #e1e1e1;
}
.contactcon strong{
    display: block;
}
.contactinfo i{
    font-size: 22px;
}
.contactinfo .d-flex{
    align-items: center;
}
.contactinfo a{
    color:#e1e1e1; 
    margin-left: 5px;
}

.fadeUp {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
}
.fadeUp.in-view {
    opacity: 1;
    transform: translateX(0) translateY(0) translateZ(0);
    transition: opacity 1.5s ease 0s, transform 1.5s ease 0s;
}
.fadeLeft {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
}
.fadeLeft.in-view {
    opacity: 1;
    transform: translateX(0) translateY(0) translateZ(0);
    transition: opacity 1.5s ease 0s, transform 1.5s ease 0s;
}
.fadeRight {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    transform: translate(50px, 0);
}
.fadeRight.in-view {
    opacity: 1;
    transform: translateX(0) translateY(0) translateZ(0);
    transition: opacity 1.5s ease 0s, transform 1.5s ease 0s;
}
.fadePopup {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
}
.fadePopup.in-view {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1.5s ease 0s, transform 1.5s ease 0s;
} 
.overflowhidden{
    overflow: hidden;
}
.entry-content h2, .entry-summary h2, .comment-content h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

#buttonTop.show {
    opacity: 1;
    visibility: visible;
}
#buttonTop {
    display: inline-block;
    background-color: var(--primarycolor);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-align: center;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    transition: all 0.3s;
    cursor: pointer;
}
#buttonTop svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#buttonTop:hover {
    bottom: 34px;
}



/* ------------------------------new css start----------------------- */

:root {
  --primarycolor: #FDA736;
  --secondcolor: #007A92;
  --thirdcolor: #51A3A3;
}

a.hdricobtn {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: #fff;
}
.hdrtop .wp-social-link, .hdrtop .wp-block-social-link-anchor, .hdrtop li.wp-social-link.wp-social-link-facebook.wp-block-social-link {
    background-color: transparent !important;
}
.ftrbtm .wp-social-link, .ftrbtm .wp-block-social-link-anchor, .ftrbtm li.wp-social-link.wp-social-link-facebook.wp-block-social-link {
    background-color: var(--primarycolor) !important;
    border-radius: 5px;
}
.ftrbtm h3 {
    position: relative;
    display: inline-block;
    font-weight: normal;
    font-size: 20px !important;
    margin-top: 0;
    margin-bottom: 30px !important;
}
.ftrbtm h3::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 50%;
    height: 2px;
    background-color: var(--secondcolor);
}

.hdrtop .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .hdrtop .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, .hdrtop .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .hdrtop .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .hdrtop .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited {
    color: #fff;
    fill: #fff;
}

::-webkit-scrollbar {
     width:5px;
}
 ::-webkit-scrollbar-track {
     -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);
     border-radius: 0px;
     background: #ccc;
}
 ::-webkit-scrollbar-thumb {
     border-radius: 00px;
     background: var(--secondcolor);
     transition: all 0.8s;
}
::-webkit-scrollbar-thumb:hover {
     background: #222;
}
nav.nav .primary-menu > li {
    display: inline-block;
    margin-left: 10px;
    position: relative;
}
nav.nav .primary-menu > li > a {
    color: #000000;
    font-weight: 400;
    margin: 0 6px;
    font-size: 17px;
}
nav.nav .primary-menu > li.current-menu-item > a, nav.nav .primary-menu > li:hover > a, header.header.fixed nav.nav .primary-menu > li.current-menu-item > a, header.header.fixed nav.nav .primary-menu > li:hover > a {
    color: var(--secondcolor);
}
.ftrbtm p {
    padding: 0;
    margin: 0;
}

.ftrbtm {
    background: #0c2130;
    font-size: 14px;
    color: #fff;
}

.liststyle ul li {
    width: 100%;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
}
.liststyle ul {
    margin-bottom: 20px;
    margin-left: 5px;
}
.liststyle ul li:after {
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0;
    top: 5px;
    background-image: url(images/check-box.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 19px auto;
}
.modal .btn-close {
    box-sizing: content-box;
    position: absolute;
    right: -3px;
    top: -6px;
    width: 20px;
    height: 20px;
    padding: .25em .25em;
    color: #fff;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    background-size: 12px auto;
    border-radius: .25rem;
    opacity: 0.9;
    /* filter: brightness(100); */
    background-color: #fff;
    border-radius: 100%;
}
.btn-close:hover {
    background-color: #fff;
}
.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: visible;
}
.wpcf7 .form-control {
    background-color: #ebebeb;
    font-size: 14px;
    height: 50px;
    border-radius: 5px;
    padding: 15px;
    color: #000;
    border-left: var(--primarycolor) 3px solid;
}
.wpcf7 .form-select {
    background-color: #ebebeb;
    font-size: 14px;
    height: 50px;
    border-radius: 5px;
    padding: 15px;
    color: #000;
    border-left: var(--primarycolor) 3px solid;
}
.modal .btn_submit, .modal input[type="submit"], .modal input.btn_submit[type="submit"] {
    background: var(--primarycolor);
    color: #fff;
    border: 1px solid var(--primarycolor);
    border-radius: 5px;
    
    font-style: normal;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 14px 30px;
    text-transform: uppercase;
    width: 100%;
}
.modal span.wpcf7-spinner {
    position: absolute;
    right: 8px;
    top: 45%;
    transform: translatey(-50%)
}
[tabindex="-1"]:focus, input:read-write:focus, select:focus, textarea:focus {
    outline: 0;
    box-shadow: 0 0 3px 0 #ebebeb !important;
    --formfieldbordercolor: #ebebeb !important;
}
.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #f18806;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(196 98 0 / 17%);
}
.widget select, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, form input:read-write, form select, form select option, form textarea, form.wp-block-search input.wp-block-search__input {
    border-color: #ebebeb;
    border-width: 0px;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 12px !important;
    font-weight: normal;
    display: block;
}

.btn:hover, .button.button-primary:hover, .is-style-primary .wp-block-button__link:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    background-color: var(--secondcolor) !important;
    color: #fff !important;
   
}
li.breadcrumb-item a {
    color: #fff;
}
.accordion-button {
    font-size: 20px;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--secondcolor);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
    filter: brightness(100);
}
.accordion-button:hover:after {
    filter: brightness(100);
}
.accordion-button, .accordion-button:after{
    transition: all 0.5s;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner.submitbtn {
    width: 100%;
    border-radius: 5px;
    padding: 15px;
    background: var(--secondcolor) !important;
    border: var(--secondcolor) 1px solid !important;
    text-transform: uppercase;
	transition: all 0.5s;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.submitbtn:hover {
    background: var(--primarycolor) !important;
    border: var(--primarycolor) 1px solid !important;
}
.herobnrform span.wpcf7-spinner {
    position: absolute;
    right: 10px;
    top: 14px;
}
.herobnrform p {
    padding: 0 !important;
}
.herobnrform h3{
    font-size: 30px;
    text-transform: capitalize;
}
.text-dark.smallcaps {
    font-size: 13px;
    color: #000 !important;
}
.cpya{
	font-size: 12px;
}
.icon_box_icon {
    background: #2a7eba;
    width: 80px;
    height: 80px;
    padding: 15px;
    margin: 0 auto;
    border-radius: 100%;
}
.hdrcnt h2 {
    margin-top: 0;
	text-transform: capitalize;
}
.herdsmltxt {
    font-size: 20px;
    font-weight: 600;
    color: #f14f5a;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.boxhovertop, .hovericonbg, .icon_box_icon{
	transition: all 0.5s;
}
.boxhovertop:hover{
	transform: translatey(-10px);
}
.hovericonbg:hover .icon_box_icon{
	background: var(--secondcolor);
}
.pb-0 p {
    padding: 0 !important;
}
.testicnt h4{
	margin-top: 0!important;
}
.primary-bg{
	background-color: var(--primarycolor);
}

.videoModals .modal-content {
      background: transparent;
      border: none;
    }
   .videoModals .modal-body {
      padding: 0;
      position: relative;
    }
   .close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #fff;
    border-radius: 50%;
    border: none;
    width: 35px;
    height: 35px;
    font-size: 25px;
    text-align: center;
    z-index: 10;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    padding: 5px;
}
.filterhover{
	transition: all 0.5;
}
.filterhover:hover{
    filter: brightness(0.2);
}

@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .blurbluebg {
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        background-color: rgb(42 126 186 / 75%);
    }
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--secondcolor);
}
.swiper-pagination-bullet {
    background: var(--secondcolor);
}
.topratedsec h2{
    color: #fff !important;
}

@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .pricemaincnt {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background-color: rgb(241 79 90 / 83%);
    }
}
.bottomimgdv img{
	transition: all 0.5s;
}
.crsboxesxx:hover .bottomimgdv img{
	transform: scale(1.2);
}
.mobilefixedbottommenu {
    position: fixed;
    left: 0;
    bottom: 0;
    background: #ffff;
    padding: 10px 15px;
    z-index: 10;
    width: 100%;
	box-shadow: 0 10px 30px rgb(0 0 0 / 20%);
}
.contact_form span.wpcf7-spinner {
    position: absolute;
    right: 10px;
    top: 12px;
}
li#menu-item-38 a svg {
    width: 24px !important;
    height: 24px !important;
}

li.menu-item-has-children:hover a svg {
    transform: rotate(180deg);
}
li.menu-item-has-children a svg {
    transition: all 0.2s;
	width: 22px;
	height: 22px;
}
.single-post #secondary {
    width: 100%;
}
.single-post #add_payment_method table.cart td.actions .coupon .input-text, .single-post .woocommerce-cart table.cart td.actions .coupon .input-text, .single-post .woocommerce-checkout table.cart td.actions .coupon .input-text, .single-post input[type=date], .single-post input[type=email], .single-post input[type=password], .single-post input[type=search], .single-post input[type=tel], .single-post input[type=text], .single-post input[type=url], .single-post textarea {
    border: 1px solid rgb(143 143 143) !important;
}
.single-post #primary, .single-post #secondary {
    margin-top: 0;
    margin-bottom: 0;
}



/* baner section */

/* Hero Background */
.hero-section {
    clip-path: polygon(0 -1%, 100% 0, 100% 85%, 0% 100%);
    background: linear-gradient(90deg, #EFEFEF 2.85%, #FFFFFF 66.38%);
}

.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    background-image: url(images/bannerbg.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
	opacity: 0.6;
}
.z-index2{
 z-index: 2 !important;   
}

/* Title */
.hero-title h1 {
    font-weight: 700;
    font-size: 66px;
    line-height: 75px;
	margin-bottom: 10px;
}

.hero-title h1 em:nth-child(1) {
    color: #0289A3;
	font-style: normal;
}
.hero-title h1 em:nth-child(2) {
    color: #FDA736;
	font-style: normal;
}

.hero-subtitle p {
    color: #1F1F1F;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
}

/* Custom Button */
.btn-teal {
    background: linear-gradient(90deg, #51A3A3 0%, #007A92 100%);
    color: #fff;
    padding: 12px 28px;
    border-radius: 30px;
    transition: 0.3s;
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
}

.btn-teal:hover {
    background: linear-gradient(260deg, #6aa7a7 0%, #15b4d3 100%);
    color: #fff;
}

.trusted-txt p {
    font-weight: 500;
    font-size: 18px;
    line-height: 24.8px;
    color: #000000 !important;
}

/* Brand Text */
.brand {
    font-weight: 600;
    color: #555;
    font-size: 14px;
}

/* Image Shape */
.image-wrapper {
    overflow: hidden;
}

.img-wpr-zdex{
    position: relative;
    z-index: 1;
}

.bnr-img-wpr::before {
    content: "";
    position: absolute;
    background: url(images/grident1.webp);
    top: -100px;
    right: -500px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    object-fit: cover;
}

.bnr-img-wpr::after {
    content: "";
    position: absolute;
    background: url(images/grident2.webp);
    top: -140px;
    right: 150px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    object-fit: cover;
}

.image-wrapper img {
    width: 80%;
    height: 100%;
    object-fit: cover;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    z-index: 1;
}

/* Rating Card */
.rating-card {
    position: absolute;
    bottom: -22px;
    left: -1px;
    color: #fff;
    padding: 20px;
    text-align: center;
    z-index: 2;
    border-top-right-radius: 45px;
    border-bottom-left-radius: 45px;
    background: linear-gradient(180deg, #FFA123 0%, #F38300 100%);
    box-shadow: -4.43px 6.2px 26.59px 0px #FFA1232B;
    width: 190px;
    min-height: 190px;
}

.rating-number {
    font-weight: 700;
    font-size: 28px;
    line-height: 18px;
    text-transform: uppercase;
}

.rating-card {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.rating-txt h6{
    font-weight: 500;
    font-size: 13.65px;
    line-height: 18.8px;
    text-align: center;
    text-transform: uppercase;
	color: #fff;
}

.rating-decpt p{
    font-weight: 700;
    font-size: 12.75px;
    line-height: 19.3px;
    text-align: center;
    text-decoration: underline;
    text-decoration-style: solid;
}
.rating-decpt p a:hover{
	color: #0289A3;
}

/* slider part */

.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.case-study-section {
    overflow: hidden;
}
.mobile-right-part {
 text-align: left;
}

/* Right Content */
.main-heading h2 {
    font-weight: 700;
    font-size: 50px;
    line-height: 62px;
    color: #002127;
}

.main-heading h2 em {
    font-size: 66px;
    line-height: 75px;
    color: #007A92;
	font-style: normal;
}

.main-heading h2 strong {
    color: #FDA736;
    font-weight: 600;
	font-style: italic;

}

/* Tags */
.tag-wrapper span {
    display: inline-block;
    border: 1px solid #FFA123;
    color: #FA5D09;
    padding: 8px 18px;
    border-radius: 33px;
    margin: 5px 10px 5px 0;
    background: #FFF9F2;
    font-family: Noto sans-serif;
    font-weight: 400;
    font-size: 22px;
}

/* Stats Box */
.stats-box {
    background: #E6FBFF;
    box-shadow: 5px 7px 38px 0px #007A921C;
    padding: 24px 30px;
    border-radius: 27px;
    max-width: 448px;
}

.stats-box h3 {
    color: #FDA736 !important;
    font-weight: 700;
    font-size: 82px !important;
    line-height: 67px;
}

.stats-box p {
    margin: 0;
    font-weight: 400;
    font-size: 22px;
    line-height: 32.2px;
    color: #000000;
}

.stats-box p span {
    font-weight: 700;
}

/*  why choose us */

.why-choose-section {
    overflow: hidden;
}
.section-title h1 {
    font-size: 50px !important;
    line-height: 62px;
    color: #002127 !important;
	margin-top: 0 !important;
	margin-bottom: 15px !important;
}
.section-title h1 em {
    color: #FDA736;
}
.section-title h2 {
    font-size: 50px !important;
    line-height: 62px;
    color: #002127 !important;
	margin-top: 0 !important;
	margin-bottom: 15px !important;
}

.section-title h2 em {
    color: #FDA736;
}
.hero-title h1 em{
   font-style: normal;	
}

.icon-circle {
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: linear-gradient(237.14deg, #059CB9 -3.32%, #007A92 100%);
}

.phone-wrapper {
    z-index: 1;
}

.phone-wrapper .phone-img {
    width: 100%;
}

.arrow-right-decpt p {
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    color: #000000;
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    cursor: pointer;
    transition: 0.3s all ease;
}
.why-choose-section .play-btn::after{
	display: none;
}
.why-choose-section .play-btn:before {
    content: "";
    position: absolute;
    width: 180%;
    height: 150%;
    border-radius: 18px;
    left: -41%;
}
.why-choose-section .play-btn {
    width: 80px;
    height: 80px;
    background: transparent;
    border-radius: 10px;
}

.play-btn:hover {
    transform: scale(1.1);
    transform: translate(-50%, -50%);
}

/* Hidden by default */
.modal-overlay {
    display: none; 
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.8); /* Dark dim effect */
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.modal-content {
    position: relative;
    width: 90%;
    max-width: 800px;
}

.close-btn {
    position: absolute;
    top: -40px;
    right: 0;
    color: white;
    font-size: 30px;
    cursor: pointer;
}
/* counter part */

.growing-section {
    border-radius: 20px;
    padding: 40px 30px;
    background: #EBFCFF;
    box-shadow: 0px 1px 48px 1px #0000000D;
}

/* Heading */
.growing-title h2 {
    color: #002127 !important;
    font-family: Poppins;
    font-weight: 700;
    font-size: 46px!important;
    line-height: 56px!important;
	margin: 0 !important;
}

.growing-title h2 em {
    display: block;
    color: #FDA736!important;
    font-weight: 700;
}

/* Counter Number */
.counter-numbers {
    color: #0f8b9e !important;
    font-weight: 700 !important;
    font-size: 56.78px !important;
    line-height: 100% !important;
}

/* Counter Text */
.counter-text {
    color: #000000;
    font-weight: 700;
    font-size: 17px;
}

/* Divider line */

.counter-main {
    gap: 45px;
    align-items: center;
    justify-content: center;
}

/* Indian Top Education section  */

.company-logo-grid {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}

.company-card {
    background: #eef3f4;
    border-radius: 14px;
    padding: 30px 20px;
    text-align: center;
    transition: all 0.3s ease;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.company-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.company-card img {
    max-height: 100px;
    max-width: 100%;
    object-fit: cover;
}

/* Explore tab section */

:root {
    --primary-orange: #FDA736;
    --primary-teal: #008080;
    --bg-light: #DCFCE7;
}

/* Sidebar */
.sidebar-container {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
}

.tab-left-title {
    font-weight: 600;
    font-size: 17px;
}

.sub-menu-item {
    font-weight: 400;
    font-size: 15px;
    color: #171717;
    ;
    padding: 10px 15px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    margin-bottom: 5px;
    transition: .3s;
    cursor: pointer;
}

.sub-menu-item:hover {
    background: #fff8ef;
    color: var(--primary-orange);
}

.sub-menu-item.active {
    background: var(--primary-orange) !important;
    color: #fff !important;
}
.sub-menu-item.nav-link {
    color: #000;
    font-size: 17px;
    font-weight: 500;
	text-align: left;
    margin-bottom: 15px;
}
.sub-menu-item.nav-link.active svg{
	fill: #fff;
}
.sub-menu-item.nav-link svg{
	transition: all 0.4s;
}
.sub-menu-item.nav-link:hover svg{
	fill: #fff;
}
.tab-left-title {
    color: #000000 !important;
}

/* Make accordion button flex */
.accordion-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* Align content left */
    gap: 10px;
    padding: 10px 0;
}

/* Move arrow left (if not already done) */
.accordion-button::after {
    order: -1;
    margin-left: 0;
    transition: transform 0.3s ease;
}

.accordion-item2{
    border-bottom: none !important;
    padding: 0 !important;
}
/* Default (collapsed) → 90deg */
.accordion-button.collapsed::after {
    transform: rotate(270deg);
}

/* Open (expanded) → 180deg */
.accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
}


/* Remove accordion active background */
.accordion-button:not(.collapsed) {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #000000 !important;
}

/* Remove focus blue border */
.accordion-button:focus {
    box-shadow: none !important;
    border-color: transparent !important;
    outline: none !important;
}

/* Remove default border */
.accordion-button {
    border: none !important;
}

.accordion-item .active {
    border-bottom: none !important;
}


/* Right Content */
.content-container {
    background: #fff;
    border-radius: 12px;
    padding: 50px;
    min-height: 550px;
    position: relative;
}

.content-inner {
    transition: .3s ease;
}

.icon-box2 {
    width: 88px;
    height: 88px;
    background: #F3F4F6;
    color: var(--primary-teal);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.check-circle {
    width: 33px;
    height: 33px;
    background: #DCFCE7;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
    flex-shrink: 0;
}

.tab-top-title {
    font-weight: 500;
    font-size: 22px;
    color: #000000;
	margin-bottom: 10px !important;
}

.tab-top-decpt {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #141414;
}

.btn-big {
    padding: 20px 40px;
    border-radius: 30px;
    font-size: 17px;
    line-height: 18px;
    font-weight: bold;
    color: #fff;
    transition: all 0.5s;
    border: 1px solid transparent;
    text-transform: uppercase;
    background: linear-gradient(90deg, #FFB95B 0%, #FDA736 100%);
    box-shadow: 3px 9px 25px 0px #007A922B;
}

.tab-sec-btm-btn .btn:hover {
    color: #FFFFFF !important;
}

.tab-sec-btm-btn .btn-big:hover {
    background: linear-gradient(180deg, #cc9750 0%, #FDA736 100%);
}

/* Office group pic */

.culture-wrapper {
    border-radius: 34px;
    background: #EBFCFF;
    box-shadow: 0px 1px 48px 1px #0000000D;
}

.culture-card {
    background: #FFF3E3;
    transition: 0.3s;
    min-height: 297px;
}

.office-gp-pto2 {
    border-bottom-right-radius: 34px;
}

.culture-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.office-gp-pto1 {
    padding: 23px 0 0 28px;
    border-top-left-radius: 34px;
}

.img-gp-pto1 {
    padding-left: 20px;
}

.culture-card:hover {
    transform: translateY(-5px);
}

.gp-pto-title {
    font-weight: 500!important;
    font-size: 21px !important;
    line-height: 28px!important;
    color: #000000!important;
}

.highlight {
    color: #f58220;
    font-style: italic;
}

.title-btom {
    margin-bottom: 45px;
}

.office-gp-pto3 {
    border-top-right-radius: 34px;
    padding-top: 23px;
}

.office-gp-pto4 {
    border-bottom-left-radius: 34px;
    padding: 0 40px 0 0;
}

.office-gp-pto1::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    border: 4px solid #FFA123;
    height: 120px;
}

.office-gp-pto2::before {
    content: "";
    position: absolute;
    bottom: 43px;
    right: 37px;
    border: 4px solid #059CB9;
    height: 80px;
    rotate: 270deg;
}

.office-gp-pto3::before {
    content: "";
    position: absolute;
    top: 35px;
    left: 37px;
    border: 4px solid #059CB9;
    height: 80px;
    rotate: 270deg;
}

.office-gp-pto4::before {
    content: "";
    position: absolute;
    top: 0;
    right: 18px;
    border: 4px solid #FFA123;
    height: 140px;
}

.social-icons a {
    width: 66px;
    height: 66px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FAFEFF;
    border-radius: 50%;
    margin-right: 10px;
    transition: 0.3s;
    text-decoration: none;
    box-shadow: 7px 11px 21px 0px #007A922B;
    padding: 6px 0px 0 6px;
}

.social-icons a:hover {
    transform: translateY(-5px);
}

/* FAQ part */

.faq-section {
    background: #1A1A1A;
    padding: 50px 0 150px 0;
}

.custom-accordian-part {
    background: none !important;
}

.section-title-white h2 {
    color: #FFFFFF !important;
}

.section-title-white p {
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
    color: #FFFFFF;
}

.faq-wrapper {
    max-width: 750px;
    margin: auto;
    position: relative;
    overflow: hidden;
}

/* Accordion Style */
.accordion-item {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.accordion-button {
    background: transparent;
    color: #fff;
    box-shadow: none;
    display: flex;
    align-items: center;
}

.faq-btn-arrow-hide::after {
    display: none !important;
}

.faq-btn-arrow-hide:focus{
    color: #FFFFFF !important;
}

.faq-btn-arrow-hide:active{
    color: #FFFFFF !important;
}

.accordion-header .faq-btn-arrow-hide {
    color: #FFFFFF !important;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
}

.acc-icon-box {
    width: 30px;
    height: 30px;
    background: #ffb400;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
.collapsed .acc-icon-box{
	background: #373737;
}

.acc-icon-box i {
    color: #000;
    font-size: 18px;
    transition: 0.3s ease;
}

.accordion-collapse .accordion-body-txt{
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
}

.acco-plus-icon::before{
    font-weight: 800 !important;
    color: #FFFFFF !important;
}

.accordion-item {
   border-bottom: 1px solid #4C5559;
   padding: 10px 0;
}


/* Hide extra FAQs */
.more-faq {
    max-height: 0;
    overflow: hidden;
    transition: 0.5s ease;
}

.more-faq.show {
    max-height: 1000px;
}

/* Gradient Overlay */
.faq-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 380px;
    background: linear-gradient(to bottom, rgb(26 26 26 / 64%), #0f1116);
    pointer-events: none;
    transition: 0.4s;
}

.faq-overlay.hide {
    opacity: 0;
}

/* Expand Button */

.expand-btn {
    border: none;
    padding: 12px 30px;
    z-index: 9;
    position: relative;
}

.expand-btn img {
    width: 13px;
    margin-left: 6px;
}

/* footer upr section */

.footer-upr-bg-img {
    background: url('images/footer-upr-bg.webp');
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}


/* footer */

/* .foo-menu-top-wpr {
    margin: 0 120px;
} */

.footer-title {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 22px;
    color: #000000;
}

.footer-links a {
    display: inline-block;
    text-decoration: none;
    color: #3D3D3D;
    margin-bottom: 8px;
    transition: 0.3s;
    font-weight: 400;
    font-size: 15px;
    line-height: 31px;
}

.footer-links a:hover {
    color: #f38300;
}

.footer-divider {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding-left: 80px;
}

.certification-img {
    margin-right: 15px;
    margin-bottom: 15px;
    width: 100px;
    max-height: 70px;
    object-fit: contain;
}

.legal-text {
    color: #2E2E2E;
    margin-top: 15px;
    font-weight: 400;
    font-size: 16px;
}

.legal-text a {
    text-decoration: none;
    color: #2E2E2E;
}

.legal-text a:hover {
    text-decoration: underline;
}

.copyright-text {
    color: #2E2E2E;
    margin-top: 5px;
    font-weight: 400;
    font-size: 15px;
}
.contact-info {
    font-size: 17px;
    font-weight: 600;
    color: #000000;
}
.btn-get-touch {
    font-size: 18px;
    color: #fff;
    padding: 14px 30px;
    border-radius: 35px;
    font-weight: 700;
    transition: all 0.5s;
    background: linear-gradient(90deg, #51A3A3 0%, #059CB9 100%);
}
.btn-get-touch:hover {
    background: linear-gradient(260deg, #6aa7a7 0%, #15b4d3 100%);
    color: #fff;
}
.boxhovertop {
    transition: all 0.5s;
}
.boxhovertop:hover {
    transform: translatey(-10px);
}
.header-right-part{
	position: relative;
}
.header-right-part:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    background: #CACACA;
    width: 1px;
    height: 25px;
}
.case-study-section .swiper-slide {
    height: auto !important;
}

.case-study-section .two-sec-wpr-part {
    width: 100%;
    margin: 0;
}

.case-study-section .mobile-wrapper img {
    max-width: 100%;
    height: auto;
}

.case-study-section .swiper {
    overflow: hidden;
}
.case-study-section .swiper-button-next, .case-study-section .swiper-button-prev {
    background: linear-gradient(90deg, #059CB9 2.85%, #007A92 66.38%) !important;
    color: #fff;
    padding: 13px;
    border-radius: 100%;
}
.case-study-section .swiper-button-prev {
    left: -30px !important;
}
.case-study-section .swiper-button-next {
    right: -30px !important;
}
.faq-section button.accordion-button:hover {
    background: transparent !important;
	color: #FFB400 !important;
}
.faq-section .acco-plus-icon::before {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    background-image: url("images/plus-line-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.faq-section .accordion-button:not(.collapsed) .acco-plus-icon::before {
    background-image: url("images/minus-line-icon.svg");
}
.my-shaddow {
    box-shadow: -1px 12px 40px #00000012;
}
.technologies_list_loop_content p{
	padding: 0 !important;
}
.tab-top-decpt p {
    padding: 0 !important;
}
.wework-titte-wrap {
    display: flex;
    align-items: center;
    width: 30%;
    justify-content: space-between;
}
.dash-div {
    width: 59px;
    height: 4px;
    border-radius: 36px;
    background: linear-gradient(90deg, #0289a3 0%, rgba(202, 234, 240, 0) 100%);
    position: relative;
    right: 0;
    top: -6px;
}
.work-block-title h3 {
    font-family: Poppins;
    font-weight: 700;
    font-size: 22px !important;
    line-height: 100%;
    color: #0289a3 !important;
    text-align: left;
    min-width: max-content !important;
    margin: 0;
}
.wework-logo-list {
    width: 70%;
    display: grid;
    align-items: center;
    justify-content: flex-start;
    gap: 20px 17px;
    flex-wrap: nowrap;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.wework-logo-box {
    /* max-width: 200px; */
    height: 80px;
    border-radius: 11px;
    border: 1px solid #ebebeb;
    background: linear-gradient(
    180deg,
    #edfbfd 0%,
    rgba(228, 242, 244, 0.4) 100%
  );
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.wework-logo-box .we-work-lgo {
    max-height: 70px;
    object-fit: contain;
}
.wework-content {
    display: flex;
    flex-direction: column;
    row-gap: 0;
}
/* .wework-content .funded-content {
    padding-bottom: 47px;
    margin-bottom: 47px;
    border-bottom: 1px solid #DEDEDE;
} */

.life-at-skyram-rating-card {
    bottom: 0;
}
.funded-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.build-header p {
    font-weight: 400;
    font-size: 22px;
    line-height: 33px;
    text-align: center;
    color: #fff;
    margin-bottom: 16px;
}
.build-section h2 {
    color: #fff !important;
}
.build-section .employe-playbtn {
    width: 46px;
    height: 46px;
    bottom: -8px;
    right: -8px;
    z-index: 2;
    background: transparent;
    border: 0;
}
.pulsating-circle {
    position: absolute;
    right: 30px;
    bottom: 20px;
    /* transform: translateX(-50%) translateY(-50%); */
    width: 30px;
    height: 30px;
}
.empbox.show {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.rose{
  background:#0289A3;
}

.employe-playbtn img {
    width: 50px;
    position: absolute;
    z-index: 9;
    top: 0px;
    right: 0px;
}
.circle {
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: -11px;
    right: 12px;
    border-radius: 50%;
    box-shadow: 0px 0px 1px 1px #01a4e9;
    display: flex;
    align-items: center;
    justify-content: center;
}

img.rounded-12 {
    border-radius: 12px;
}

.pulse {
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(73, 241, 253, 0.2);
  }
  100% {
    box-shadow: 0 0 0 40px rgba(0, 0, 0, 0);
  }
}

/* aprts section */

.apart-section.about-apart {
    padding-top: 117px;
}

.apart-content {
    padding: 45px 0 74px;
    background-color: #ebfcff;
    border-radius: 34px;
    box-shadow: 0 1px 48px 1px #0000000d;
    position: relative;
}

.apart-header {
    margin-bottom: 27px;
}

.apart-grid {
    display: flex;
    column-gap: 32px;
    justify-content: center;
}

.apart-item-wrap {
    width: 208px;
    height: 230px;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    z-index: 99;
    background: linear-gradient(to bottom, #ffa123, #059cb9);
    padding: 2px;
}

.apart-item-wrap {
    padding: 1px;
}

.apart-box {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.apart-box img {
    margin-bottom: 27px;
}

.apart-box h5 {
    font-weight: 700;
    font-size: 28px;
    line-height: 27px;
    text-align: center;
    margin-bottom: 0;
}

.apart-box p {
    margin-bottom: 0;
    width: 85%;
    margin: 0 auto !important;
    font-size: 18px;
    line-height: 24px;
}

/* Fact Financial Section Start */

.financial-secton {
    padding: 55px 0;
}

.finacial-content {
    background-color: #f5f5f5;
    border-radius: 37px;
    padding: 68px 60px 75px;
}

.finance-top {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
}

.finance-header-block {
    padding-left: 65px;
    text-align: left;
}

.finance-header-block h2 {
    line-height: 100%;
    margin-bottom: 5px;
}

.back-mix {
    color: #002127 !important;
}

.finance-header-block ul {
    padding-top: 15px;
    padding-left: 0;
}

.finance-header-block ul li {
    font-weight: 500;
    font-size: 22px;
    line-height: 40px;
    color: #404040;
    position: relative;
    padding-left: 35px;
    list-style: none;
}

.finance-header-block ul li::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url("images/check.svg");
}

.finance-right-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.finacial-box {
    text-align: center;
    width: 100%;
    height: 328px;
    background-color: #fff;
    padding: 38px 0 40px;
    border: 1px solid #d2d2d2;
    transition: 0.3s all ease;
    position: relative;
    /* z-index: 0; */
}

.finance-right-col .finacial-box:first-child {
    border-radius: 15px 0 0 0;
}

.finance-right-col .finacial-box:nth-child(2) {
    border-radius: 0 15px 0 0;
}

.finacial-box-content {
    position: relative;
    z-index: 99;
}

.fact-img-wrap {
    width: 140px;
    height: 140px;
    margin: 0 auto 20px;
    background-color: #ffa123;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fact-box-value {
    font-weight: 700;
    font-size: 44px !important;
    line-height: 100%;
    color: #000 !important;
    transition: 0.3s all ease;
}

.fact-box-title {
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    color: #404040;
    margin: 10px 0 0;
    transition: 0.3s all ease;
}

.finacial-box::after {
    content: "";
    width: 100%;
    height: 0;
    background: #0289a3;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    border-radius: 7px;
    transform: scale(1.05);
    transition: 0.3s all ease;
}

.finacial-box:hover::after {
    box-shadow: 13px 10px 41px rgba(0, 122, 146, 0.2);
        height: 100%;
}

.finacial-box:hover .fact-box-value {
    color: #fff !important;
}

.finacial-box:hover .fact-box-title {
    color: #fff;
}

.finacial-box:hover .fact-img-wrap {
    background: #00a5c5;
}

.finacial-box-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

/* suscess section */

.sucess-section {
    padding: 60px 0 0;
}

.sucess-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: left;
    column-gap: 60px;
    align-items: center;
    margin-bottom: 65px;
}

.sucess-section .sec-header h2 {
    color: #002127;
}

.sucess-header p {
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    color: #000;
    margin: 0;
}

.sucess-content {
    padding-block: 80px 108px;
    /* margin-top: 380px; */
    position: relative;
}

.sucess-top-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
    position: relative;
    top: -80px;
}

.sucess-top-content .sucess-imgbox:first-child {
    top: 73px;
}

.sucess-imgbox {
    position: relative;
}

.sucess-imgbox img {
    border-radius: 40px;
    width: 100%;
}

.sucess-top-content .sucess-imgbox:nth-child(3) {
    top: 105px;
}

.sucess-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: center;
    margin-top: 97px;
}

.sucess-review-box:first-child {
    padding-left: 0;
    border-left: 0;
}

.sucess-content::after {
    content: "";
    width: 100%;
    height: 584px;
    background-color: #0289a3;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.sucess-review-box {
    text-align: center;
    padding-inline: 35px 42px;
    border-left: 1px solid #fff;
}

/* Testimonial Section Start */

.testimonial-section {
    padding: 128px 0 80px;
}

.heart-img {
    margin-bottom: 18px;
}

.test-header p {
    font-weight: 500;
    font-size: 30px;
    line-height: 45px;
    color: #0289a3;
    margin-bottom: 42px;
}

.review-site-list {
    display: flex;
    align-items: center;
    column-gap: 36px;
    justify-content: center;
}

.test-content {
    margin-top: 70px;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    column-gap: 82px;
}

.test-leftbox {
    display: flex;
    align-items: center;
    column-gap: 23px;
}

.test-box {
    width: 321px;
    padding: 35px 32px;
    box-shadow: 0 0 28px 0 #0000001c;
    border-radius: 6px;
}

.feedbck-sms {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 45px;
}

.client-info {
    margin: 12px 0 7px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4a4a4a;
}

.clent-nme {
    font-weight: 700;
    font-size: 19.85px;
    color: #000;
    display: block;
}

.place-nme {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #6a6a6a;
}

.test-list {
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.test-rightbox {
    background-image: url("../images/video_bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
    position: relative;
}

.play-butn {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    cursor: pointer;
    transition: 0.3s all ease;
}

.test-rightbox::after {
    content: "";
    width: 162px;
    height: 162px;
    background-color: rgb(255 161 35 / 27%);
    border-radius: 50%;
    position: absolute;
    right: 10px;
    bottom: -50px;
    z-index: -1;
    transform: rotate(-20deg);
    filter: blur(40px);
}
/* ============= Book Appointment ============ */
.fact-title {
    font-size: 44px;
    line-height: 100%;
    color: #002127;
}

.highlight-txt1 {
    color: #FDA736;
}

/* Check List */
.check-list li {
    list-style: none;
    color: #404040;
    display: flex;
    align-items: center;
    justify-content: start;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
}

.check-list li img {
    margin-right: 10px;
}

/* Card Style */
.stat-card {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 22px;
    text-align: center;
    transition: .3s ease;
    height: 100%;
    border: 0.8px solid #D2D2D2;
}

.stat-card:hover{
    transform:translateY(-5px);
}

.fact-icon-circle {
    width: 90px;
    height: 90px;
    background: #FDA736;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}

.fact-icon-circle img {
    max-width: 45px;
    max-height: 45px;
}

.stat-text {
    color: #404040;
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
}

.book-ap-wpr img {
    width: 100%;
}


/* Top Rated Company Start */

.boxhovertop {
    transition: all 0.5s;
}
.top-compny-contnt {
  width: 1133px;
  margin: auto;
  margin-top: 31px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 71px;
}
.compny-box {
  width: 230px;
  height: 230px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.compny-box h3 {
  /* font-family: Gotham Black; */
  font-weight: 700;
  font-size: 43.63px;
  line-height: 100%;
  margin: 10px 0 0;
}
.circle-bordr {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px dashed #000000;
  border-radius: 50%;
  animation-name: spin;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: 1s;
  /* animation-direction: reverse; */
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.hero-section-bg-part {
    background: linear-gradient(90deg, #EFEFEF 2.85%, #FFFFFF 66.38%);
}
.bnr-img-wpr8::after {
    top: -160px;
    right: 350px;
}
.bnr-img-wpr8::before {
    top: 120px;
    right: -340px;
}

/* TAB BUTTON STYLE */

.case-tab-btn {
    border: 1px solid #007A92;
    border-radius: 50px !important;
    padding: 14px 35px;
    margin: 0 8px;
    transition: 0.3s ease;
    min-width: 250px;
    font-weight: 700;
    font-size: 20px;
    color: #0289A3;
}

.nav-pills .nav-link.active.case-tab-btn {
    background: #f39c12;
    color: #fff;
    border: 0;
}

.nav-pills .nav-link {
    background: #F0FDFF;
}

.nav-link:focus, .nav-link:hover {
    color: #0289A3;
}

/* CARD DESIGN */

.case-card {
    background: #F5FDFF;
    border: 1px solid #D6E3E5;
    box-shadow: 0px 0px 4px 0px #0000000F;
    padding: 15px;
    border-radius: 15px;
    height: 100%;
    transition: 0.3s ease;
}

.case-card:hover {
    transform: translateY(5px);
}

.case-card p {
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}

.case-card a {
    color: #0289A3;
    font-family: Poppins;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    text-decoration: underline;
    transition: 0.3s ease;
}

.case-card a:hover {
    color: #f39c12;
}
/* Swiper arrows */
.swiper-button-next,
.swiper-button-prev {
    color: #0d6efd;
}

.swiper {
    padding-bottom: 40px;
}

.swiper-case-card img {
    height: 80px;
    width: 120px;
    object-fit: contain;
}

/* Your Goals section */

/* Cards */
.solution-card {
    background: #FFFFFF;
    padding: 20px 30px;
    border-radius: 16px;
    box-shadow: 0px 0px 33px 0px #0000001A;
    transition: 0.3s;
    border: 1px solid #F0F0F0;
}

.solution-card:hover{
    transform: translateY(-5px);
}

.goal-icon-box12 {
    min-width: 90px;
    height: 82px;
    background: #F3FDFF;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 11px 13px 22px 0px #00000014;
}

.solution-card h3 {
    font-weight: 700;
    font-size: 23px !important;
    line-height: 28px !important;
    color: #003D49;
}

.solution-card p{
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 0;
	font-weight: 500;
}

.faq-section2 {
    padding: 50px 0 80px 0;
}

/* our work  */

/* WORK SECTION */
.work-wrapper{
    position:relative;
    overflow:hidden;
    transition:all .5s ease;
}

/* Gradient Overlay */
.work-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 270px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 28.22%, #FFFFFF 54.57%);
    pointer-events: none;
    transition: opacity .3s ease;
    z-index: 1;
}

/* Remove overlay when expanded */
.work-wrapper.expanded{
    max-height:2000px;
}

.work-wrapper.expanded::after{
    opacity:0;
}

/* CARD STYLE */
.work-card {
    background: linear-gradient(180deg, rgba(5, 156, 185, 0.66) 0%, rgba(1, 123, 146, 0.66) 100%);
    border-radius: 16px;
    padding: 36px 17px;
    transition: 0.5s;
    position: relative;
}

.work-card:hover {
    transform: translateY(5px);
}

.work-card::before{
    content: "";
    position: absolute;
    background: url('images/our-work-shad.svg');
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;

}

.work-card img {
    width: 100%;
    position: relative;
    z-index: 1;
}

/* Expand Button */

.work-expland-btn-wpr {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.jsaddremovecls.showless-explan {
    position: inherit;
    bottom: 0;
}
.work-wrapper-remove::after {
    height: 0;
}

/* .work-expand-btn{
    background:#2aa4a9;
    color:#fff;
    border:none;
    padding:12px 40px;
    border-radius:30px;
    font-weight:600;
    box-shadow:0 8px 20px rgba(0,0,0,0.1);
    transition:.3s ease;
}

.work-expand-btn:hover{
    background:#1e8c91;
} */

.bnr-img-wpr7::after {
    top: -150px;
    right: 270px;
}
.bnr-img-wpr7::before {
    top: 110px;
    right: -280px;
}
/* blog section */

/* Blog Card */
.blog-card {
    background: #fff;
    border-radius: 16px;
    padding: 23px 20px;
    overflow: hidden;
    transition: 0.3s ease;
    box-shadow: 0px 1px 29px 0px #00000014;
}

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

/* Blog Image */
.blog-img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* Blog Content */
.blog-content {
    padding: 14px 6px 0 6px;
}

/* Meta */
.blog-meta {
    color: #686868;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.blog-meta span{
    margin-right:10px;
}

.blog-meta i{
    margin-right:5px;
}

/* Title */
.blog-card h5 {
    margin-bottom: 14px;
    font-weight: 700;
    font-size: 25px;
    line-height: 33px;
    color: #002127;
}

/* Paragraph */
.blog-card p {
    color: #404040;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

/* Read More */
.continue-reading {
    color: #0289A3;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    text-decoration: underline;
    display: flex;
    align-items: center;
}

.continue-reading i {
    color: #FFA123;
    margin-left: 6px;
    font-size: 22px;
    margin-top: 5px;
}

/* Arrow Button */
.arrow-btn {
    width: 54px;
    height: 54px;
    background: #FDA736;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
    transition: 0.3s;
    cursor: pointer;
}

.arrow-btn:hover{
    background:#d97f00;
}

/* Pagination Styling */
.custom-pagination .page-link {
    color: #ffab40;
    border: none;
    margin: 0 5px;
    font-weight: 700;
    font-size: 20px;
}

.prne-txt{
    color: #0289A3 !important;
}

.custom-pagination .page-item.active .page-link {
    background-color: #FFF1DF;
    color: #ffab40;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* ===============  Blog Details ===============  */

.reading-time {
    font-weight: 700;
    font-size: 24px;
    line-height: 33.2px;
    color: #000000;
}

.blog-detalis-section-cnt p {
    color: #2E2E2E;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}

.blog-detalis-section-cnt a{
    color:#0289A3;
    font-weight:500;
    text-decoration:none;
}

.blog-detalis-section-cnt a:hover{
    text-decoration:underline;
}

.blog-detalis-section-cnt h2 {
    font-weight: 700;
    font-size: 38px;
    color: #000000;
}

.blog-detalis-section-cnt h4 {
    margin-top: 25px;
    font-family: Poppins;
    font-weight: 700;
    font-size: 24px;
    line-height: 33.2px;
    color: #003D49;
    margin-bottom: 0;
}

.blog-detalis-section-cnt strong{
    font-weight:600;
}

/* recent blog */

.related-blog-cnr-bg {
    background: #F8F0DE;
    box-shadow: 0px 0px 30px 0px #0289A326;
    border-radius: 16px;
}
/* ===============  contact us ===============  */

.contact-title{
    line-height: 80px;
}

.bnr-img-wpr14::after {
    top: -190px;
    right: 247px;
}

.bnr-img-wpr14::before {
    top: 110px;
    right: -360px;
}

.rating-card14 {
    bottom: 10px;
    left: -110px;
}

/* from */
.contact-get .git-grid {
    align-items: start;
}

.git-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 100px;
    align-items: center;
}

.contact-get .git-leftbox .top {
    display: flex;
    gap: 38px;
}

.contact-get .git-leftbox .top .info h3 {
    font-weight: 600;
    font-size: 28px;
    line-height: 42px;
    color: #002127;
    margin-bottom: 0;
}

.contact-get .git-leftbox .top .bottom1 h4 {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #002127;
}

.contact-get .git-leftbox .top .info p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #404040;
}

.contact-get .git-leftbox .top .info a {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #404040;
    text-decoration: none;
    transition: 0.3s;
    cursor: pointer;
}

.contact-get .git-leftbox .top .info a:hover {
    color: #ffa123;
    text-decoration: none;
}

.git-rightbox img {
    width: 100%;
}

/* map */

.map-block iframe {
    height: 550px;
    width: 100%;
    border-radius: 20px;
    border: navajowhite;
    filter: grayscale(20);
}
.stat-number-txt {
    font-weight: 600;
    font-size: 20px;
}
.industiessubrt.rating-card {
    bottom: -86px;
    left: -56px;
}
/* ===================== solution page ================= */

/* PPC section */

.feature-box {
    background: #F6FEFF;
    padding: 30px 22px;
    border-radius: 16px;
    height: 100%;
    transition: 0.3s;
    border: 1px solid #CADDE0;
}

.feature-box img {
    width: 65px;
    max-width: 100%;
    height: 65px;
}

.feature-box p {
    font-weight: 400;
    font-size: 22px;
    line-height: 31px;
    color: #000000;
}

.feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* Claim section */

/* .cta-wpr-bg{
    background: url(images/claim-bg.webp);
    width: 100%;
    height: 100%;
} */

.cta-wrapper {
    border-radius: 20px;
    color: #fff;
    box-shadow: 0px 8px 48px 0px #0289A333;
    background: linear-gradient(to left, #007A92 0%, #0289A3 60%, #51A3A3 100%);
}
.cta-wrapper:before {
	content: "";
	background: url(images/claim-bg-new.webp);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: -80px;
}

/* Title */
.cta-title h2 {
    font-weight: 700 !important;
    font-size: 65px !important;
    line-height: 73px !important;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF !important;
	margin-top: 0 !important;
}

/* Subtitle */
.cta-subtitle p {
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
}

/* traffic-explor-section */

.traffic-contnt {
    padding-block: 71px 0px;
    background-color: #F3F3F3;
    border-radius: 40px;
    position: relative;
    background-image: url("images/explore-pattern.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto;
    position: relative;
    box-shadow: 0px 1px 55px 0px #0000001c;
}

.traffic-contnt::before {
    content: "";
    width: 148px;
    height: 148px;
    border-radius: 50%;
    background-color: #0289a336;
    position: absolute;
    left: -41px;
    bottom: 43px;
    filter: blur(55px);
    z-index: -1;
}

.traffic-explor-section .bgshapeimg {
    position: absolute;
    bottom: -90px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.explore-header h2 {
    width: 753px;
    margin: 0 auto 26px;
}

.explore-header p {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    width: 812px;
    margin: auto;
    color: #2D2D2D;
}

.traffic-img-wrapper {
    margin-top: 45px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    position: relative;
    z-index: 2;
}

.traffic-img-wrapper:after {
    content: "";
    position: absolute;
    bottom: -70px;
    right: 0;
    background-image: url("../images/layer-2.webp");
    z-index: -1;
    width: 500px;
    height: 500px;
    background-size: 100%;
    opacity: 0.5;
}

/* whats makes section */

.ppc-about-section{
    padding: 126px 0;
}

.section-desc{
    max-width:1130px;
    margin:auto;
}

/* Features */
.ppc-feature-item{
    margin-bottom:30px;
}

.icon-box {
    min-width: 87px;
    height: 87px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    box-shadow: 0px 8px 21px 0px #00000024;
}

.ppc-feature-txt-part h3{
    font-weight: 700;
    font-size: 26px !important;
    line-height: 32px;
    margin-bottom:5px;
    color: #003D49 !important;
}

.ppc-feature-txt-part p{
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #404040;
    margin:0;
}

/* we serve */

.row.equal-gap > [class^="col-"] {
    padding: 15px;
}

.imgbxcontent.imgbxcontent2 h3 {
    color: #0A0A0A !important;
    font-size: 18px !important;
    line-height: 27px !important;
    font-weight: 600;
}
.view-mor-btn-imgloopbox a.rd-mor-btn {
    bottom: 20px;
}

.scalehover {
    transition: all 0.5s;
}

.imgboxcnt {
    border-radius: 16px;
}

.imagescale:hover img.scalehover {
    transform: scale(1.2);
}

.imgbxcontent.imgbxcontent2 p {
    font-size: 14px;
    line-height: 22px;
    color: #4A5565;
}

.toprightshade {
    position: absolute;
    right: 0;
    top: -81px;
    z-index: -1;
}

svg:not(:root) {
    overflow: hidden;
}

/* TechnologiesÂ We Use */

/* LEFT SIDEBAR */
.st-sidebar{
    background:#ffffff;
    border-radius:14px;
}

.st-menu-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 18px !important;
    margin-bottom: 8px;
    border-radius: 8px !important;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease;
    position: relative;
    font-weight: 500 !important;
    color: #000000 !important;
}
/* Hover effect */
.st-menu-item:hover{
    background:#fff4e6 !important;
    color:#f39c12 !important;
}

/* Active state */
.st-menu-item.active{
    background:#f39c12 !important;
    color:#fff !important;
}


/* RIGHT CONTENT */
.st-content-box{
    background:#ffffff;
    border-radius:14px;
    padding:50px;
    min-height:300px;
    display:flex;
    align-items:center;
    transition:opacity .3s ease;
}

.st-icon-box {
    width: 220px;
    height: 90px;
    background: #F3F4F6;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.st-icon-box-txt h3{
    font-weight: 700 !important;
    font-size: 22px !important;
    color: #000000 !important;
}

.st-icon-box-txt p{
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #2E2E2E;
}

.tog-btm-decpt p {
    font-weight: 400;
    font-size: 16px;
    color: #4A5565;
}

/* our process */

/* =============================
   OUR PROCESS ARROW â€“ MASK FLOW
   ============================= */

.our_process_arrow {
    position: relative;
    display: inline-block;

    /* Mask animation â€“ horizontal by default */
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgb(255 161 35) 50%, #ffa123 100%);
    -webkit-mask-size: 200% 100%;
    -webkit-mask-repeat: repeat;
    -webkit-mask-position: 200% 0%;
    
    mask-image: linear-gradient(90deg, transparent 0%, rgb(255 161 35) 50%, #ffa123 100%);
    mask-size: 200% 100%;
    mask-repeat: repeat;
    mask-position: 200% 0%;

    animation: arrowMask 4s linear infinite;
}

/* ------------------------
   KEYFRAMES â€“ HORIZONTAL FLOW
   ------------------------ */
@keyframes arrowMask {
    from { -webkit-mask-position: 200% 0%; mask-position: 200% 0%; }
    to { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; }
}

/* ------------------------
   KEYFRAMES â€“ VERTICAL FLOW
   ------------------------ */
@keyframes arrowMaskVertical {
    from { -webkit-mask-position: 0% 200%; mask-position: 0% 200%; }
    to { -webkit-mask-position: 0% -200%; mask-position: 0% -200%; }
}

/* ------------------------
   DIRECTION PER ARROW
   ------------------------ */

/* Left â†’ Right */
.our_process_arrow1,
.our_process_arrow2 {
    animation-name: arrowMask;
    animation-direction: normal;
    animation-duration: 1.8s;
}

/* Right â†’ Left */
.our_process_arrow4,
.our_process_arrow5 {
    animation-name: arrowMask;
    animation-direction: reverse;
    animation-duration: 1.8s;
}

/* Top â†’ Bottom */
.our_process_arrow3 {
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #fff 50%, #ffa123 100%);
    mask-image: linear-gradient(180deg, transparent 0%, #fff 50%, #ffa123 100%);
    -webkit-mask-size: 100% 200%;
    mask-size: 100% 200%;
    animation-name: arrowMaskVertical;
    animation-direction: normal;
    animation-duration: 3s;
}

/* ------------------------
   OPTIONAL SMOOTH TUNING
   ------------------------ */
.our_process_arrow {
    animation-timing-function: linear; /* smooth uniform motion */
}
	
.our_process_arrow3 {
    position: absolute;
    bottom: -101px;
    right: -25px;
    z-index: 2;
}	
.our_process_arrow2 {
    position: absolute;
    top: -28px;
    right: -94px;
    z-index: 2;
}
.our_process_arrow1 {
    position: absolute;
    bottom: -23px;
    right: -93px;
    z-index: 2;
}
.our_process_arrow5 {
    position: absolute;
    top: -23px;
    right: -85px;
    z-index: 2;
}
.our_process_arrow4 {
    position: absolute;
    bottom: -23px;
    right: -93px;
    z-index: 2;
}
.our_process_arrow {
    height: 45px;
    max-height: 40px;
}
.our_process_arrow3.our_process_arrow {
    height: 140px;
    width: 45px;
    max-height: 140px;
}

.our-proces-cnr-bg {
    background: #F3FEFF;
    border-radius: 16px;
}

/* Premier PPC Company section */

/* Feature Box */
.premier-feature-box{
    border:1px solid #ddd;
    padding:30px 20px;
    transition:0.3s;
    background:#fff;
}

.premier-feature-box .premier-inner-box{
    text-align:center;
}

.premier-feature-box .icon {
    min-width: 71px;
    min-height: 71px;
    background: #E9FAFD;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    margin-right: 15px;
}

.premier-feature-box h3 {
    font-weight: 600;
    font-size: 20px !important;
    line-height: 28px;
    text-align: left;
    color: #003D49 !important;
}

.premier-feature-box p {
    color: #404040;
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
}

/* Hover & Active Highlight */
.premier-feature-box:hover{
    background: #FDA736;
    box-shadow: 4px 6px 41px 0px #FFA12340;
    color:#fff;
    border-radius: 16px;
    transform:translateY(-5px);
}

.premier-feature-box:hover p,
.premier-feature-box:hover h3{
    color:#fff !important;
}

.premier-feature-box:hover .icon{
    background:#fff;
    color:#FDA736;
}

/* 1. Remove Top Border for the first 3 items */
.premier-feature-box:nth-child(-n+3) {
    border-top: none;
    border-left: none;
}

/* 3. Remove Bottom Border for the last 3 items (Optional, for a clean look) */
.premier-feature-box:nth-child(n+4) {
    border-bottom: none;
    border-left: none;
    border-top: none;
}

/* EngagementÂ Models */

.engagement-item{
    margin-bottom:20px;
}

.engagement-item h3 {
    font-weight: 700;
    font-size: 22px !important;
    line-height: 33px;
    color: #003D49 !important;
	margin-top: 0 !important;
}

.engagement-item p {
    margin: 0;
    color: #404040;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.engagement-item img {
    min-width: 40px;
    min-height: 40px;
    margin-right: 30px;
}

/* Our Resources */

.image_box_loop2sec .cs-infobox a {
    bottom: 20px;
}

.rd-mor-btn:hover {
    color: #ffa123;
    text-decoration: none !important;
}

.cs-infobox a {
    font-weight: 700;
    font-size: 16px;
    line-height: 31px;
    color: #0289a3;
    transition: 0.3s all ease;
    position: absolute;
    bottom: 0;
    text-decoration: underline;
}

.image_box_loop2_caption {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.blog-anker {
    text-decoration: none;
}

.boxhovertop:hover {
    transform: translatey(-10px);
}

.boxhovertop {
    transition: all 0.5s;
}

.bottomleftshade {
    position: absolute;
    left: 0;
    bottom: -68px;
    z-index: -1;
}
.solutions-section .goal-image-wrapper {
    position: absolute;
    left: 0;
    top: 0;
}
.hero-section2 {
    clip-path: polygon(0 -1%, 100% 0, 100% 94%, 0% 100%);
    background: url(images/bg-img-bnr.png);
    width: 100%;
    height: 100%;
}
.bnr-img-wpr11::after {
    top: -120px;
    right: 272px;
}
.bnr-img-wpr11::before {
    top: 240px;
    right: -360px;
}
.youtube-section .circle {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.rating-card6 {
    bottom: -80px;
    left: 50px;
}
/* =============== Case Studies Details section ======================= */

/* baner */

.image-wrapper6 .img-fluid6 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bnr-img-wpr6::after {
    top: -190px;
    right: 270px;
}

.bnr-img-wpr6::before {
    top: 160px;
    right: -320px;
}
/* full case studie section */

.case-desc {
    color: #404040;
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
}

/* Result Box */
.result-box{
    background:#0289A3;
    color:#fff;
    border-radius:16px;
    box-shadow: 0px 0px 45px 0px #0289A347;
}

.result-box ul{
    padding-left:50px;
}

.result-box li {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 36px;
    color: #FFFFFF;
}

.result-box li::marker {
  color: #FFA123;
  font-size: 1.2em;
}

/* in brief section */

.brief-txt {
    font-weight: 800;
    font-size: 50px;
    color: #002127;
}

/* Section Pills */
.section-pill {
    display: inline-block;
    background: #F8F0DE;
    padding: 16px 40px;
    border-radius: 50px;
    color: #0289A3;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 32px;
}

/* Section Text */
.section-text {
    color: #404040;
    font-weight: 400;
    font-size: 17px;
    line-height: 27px;
}

/* Custom List */
.custom-list-icon {
    min-width: 42px;
    min-height: 42px;
    box-shadow: 4px 10px 19px 0px #00000014;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    color: #FFA123;
}

.custom-txt-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    color: #006377;
}

.custom-txt-decpt {
    font-weight: 400;
    font-size: 17px;
    line-height: 29px;
    color: #000000;
}

/* Comprehensive Audit section */

.footer-upr-bg-img2 {
    background: url('images/comprehensive-audit-bg.webp');
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.comprehensive-audit-box-title h2 {
    color: #002127;
    font-size: 43px;
    line-height: 58px;
}

.highlight12 {
    color: #FDA736;
    font-style: italic;
}

.comprehensive-btn {
   background: linear-gradient(90deg, #51A3A3 0%, #007A92 100%);
   box-shadow: 3px 9px 25px 0px #007A922B;
    color: #fff;
    padding: 16px 60px;
    border-radius: 30px;
    transition: 0.3s;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    border: 0;
    transition: 0.3s all ease;
}

.comprehensive-btn:hover {
    background: linear-gradient(260deg, #6aa7a7 0%, #15b4d3 100%);
    color: #fff;
}

/* Base Button */
.case-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 28px;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 3px 9px 25px 0px #007A922B;
    transition: 0.3s ease;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    border: 0;
}

/* Icon Circle */
.icon-und-circle {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

/* Prev Button Style */
.prev-btn{
    background:#ffffff;
    color:#000000;
}

.prev-btn .icon-und-circle{
    background:#0289A3;
    color:#fff;
}

.prev-btn:hover{
    background:#f0f0f0;
}

/* Next Button Style */
.next-btn{
    background:#0289A3;
    color:#fff;
}

.next-btn .icon-und-circle{
    background:#ffffff;
    color:#0f8a9d;
}

.next-btn:hover{
    background:#0c7484;
    color:#fff;
}
.custom-bullets {
    list-style: none;       /* Remove default bullets */
    padding-left: 0;
}

.custom-bullets li {
    position: relative;
    padding-left: 22px;     /* Space for bullet */
    margin-bottom: 10px;
}

/* Custom bullet */
.custom-bullets li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); /* Perfect vertical center */

    width: 8px;             /* Bullet size */
    height: 8px;
    background-color: #ff9f1a; /* Orange color */
    border-radius: 50%;     /* Makes circle */
}
.technologies_loop_sec .accordion-item {
    border-bottom: 0;
}
.technologies_loop_sec .accordion-button {
    color: #000;
    font-weight: 600;
    font-size: 17px;
}
.technologies_loop_sec .accordion-button:not(.collapsed)::after {
    filter: brightness(0.5);
}
.technologies_loop_sec .nav-pills .nav-link {
    background: transparent;
    font-size: 15px;
    font-weight: 400;
    /* color: #000 !important; */
	text-align: left;
}
button.mnutog {
    background: #fda731;
    border: #f9aa34 1px solid;
    border-radius: 4px;
    padding: 6px 10px;
}
.technologies_loop_content{
	width: 80%;
}
.blog-img-wpr img {
    object-fit: cover;
    border-radius: 20px;
}
.leadlackbtn {
    position: fixed;
    top: 50%;
    right: -70px;
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: center;
    color: #fff;
    padding: 8px 20px;
    text-decoration: none;
    font-weight: 600;
    z-index: 10;
    background: linear-gradient(90deg, #51A3A3 0%, #007A92 100%);
    border-radius: 10px 10px 0px 0px;
}
.btn.btn-light.load-more-videos {
    background: linear-gradient(90deg, #51A3A3 0%, #007A92 100%);
    color: #fff;
    border: #4aa3a5 1px solid;
    border-radius: 25px;
    padding: 10px 40px !important;
    transition: all 0.4s;
    font-size: 18px;
}
.btn.btn-light.load-more-videos:hover {
  background: linear-gradient(90deg, #007A92 0%, #51A3A3 100%);	
}
.our-founder-section {
    background: url(images/founder_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
}
.our_founder_content {
    width: 100%;
    padding-left: 140px;
    padding-right: 70px;
    padding-top: 65px;
    transform: rotate(
4deg);
    position: absolute;
    left: 0;
    top: 0;
}
.our_founder_content p{
	padding-bottom: 10px !important;
	color: #002127;
}
.our_founder_content h4 {
    font-size: 28px !important;
    font-family: 'Pacifico', cursive !important;
    font-weight: 400;
    line-height: 32px !important;
    margin-bottom: 5px !important;
}
.our-founder-section .section-title h3{
	margin-top: 0 !important;
}
.our-founder-section b, .our-founder-section strong {
    font-weight: 700;
}
/* Media Query*/

@media (min-width: 992px) {
li#menu-item-38 ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-width: 300px !important;
	
}
li#menu-item-256 ul, #menu-item-257 ul {
    display: block !important;
    padding: 15px;
    list-style: none;
	height: 420px;
	overflow: auto;
}
li#menu-item-256 ul li, li#menu-item-257 ul li {
    margin-bottom: 10px;
}
li#menu-item-256 ul{
    border-right: #ccc 1px dashed;
}
li#menu-item-38 ul li a{
background: #2a7eba;
    color: #fff;
    font-size: 16px;
    text-align: center;	
}
li#menu-item-256 ul li a, li#menu-item-257 ul li a {
    background: transparent;
	color: #000;
	transition: all 0.5s;
}
li#menu-item-256 ul li a:hover, li#menu-item-257 ul li a:hover {
	color: #f14f5a;
}	
}

@media only screen and (min-width: 992px) and (max-width:1250px){
.our-founder-section .section-title h3 {
    margin-top: 0 !important;
    padding-bottom: 30px;
    font-size: 24px !important;
}	
.our_founder_content {
    width: 100%;
    padding-left: 90px;
    padding-right: 50px;
    padding-top: 43px;
    transform: rotate(
4deg);
    position: absolute;
    left: 0;
    top: 0;
}	
.our_founder_content p {
    font-size: 14px;
}	
.wework-logo-box img {
    max-height: 50px;
}	
.wework-titte-wrap {
    width: 40%;
    justify-content: start;
    gap: 40px;
}	
.wework-logo-list {
    width: 60%;
    grid-template-columns: 1fr 1fr 1fr;
}	
.funded-content {
    flex-wrap: wrap;
}	
.apart-grid {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}	
.finacial-box-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}	
.finance-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
}	
.finance-header-block {
    padding-left: 0;
	padding-right: 15px;
    text-align: left;
}	
.certification-img {
    max-height: 60px;
}	
.foo-menu-top-wpr {
    margin: 0 40px;
}	
.hero-title h1 {
    font-size: 55px;
    line-height: 65px;
}	
.section-title h2 {
    font-size: 45px !important;
    line-height: 55px;
}	
.growing-title h2 {
    font-size: 40px!important;
    line-height: 50px!important;
    margin: 0 !important;
}	
.main-heading h2 {
   margin-top: 0 !important;
}	
.container, .container-lg, .container-md, .container-sm {
        max-width: 1100px;
    }	
a.headerlogo img {
    width: 130px;
}
nav.nav .primary-menu > li > a {
    margin: 0 0px;
    font-size: 14px;
}
.contact-info {
    font-size: 14px;
}	
.contact-info img {
    width: 20px;
    height: 20px;
}
.btn-get-touch {
    font-size: 14px;
    color: #fff;
    padding: 10px 20px;
}	
header.header.fixed .headerlogo img {
    width: 130px;
}
.counter-numbers {
    font-size: 45px !important;
    line-height: 100% !important;
}
.counter-main {
    gap: 0;
}
.fact-box-value {
    font-size: 30px !important;
}
.top-compny-contnt {
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 20px;
}
.test-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    align-items: center;
}
.case-study-section .swiper-button-next {
    right: 0px !important;
}
.case-study-section .swiper-button-prev {
    left: 0px !important;
}	
.finance-header-block h2 {
    margin-top: 0 !important;
}	
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.our-founder-section .section-title h3 {
    margin-top: 0 !important;
    font-size: 20px !important;
    padding-bottom: 20px !important;
}	
.our_founder_content {
    width: 100%;
    padding-left: 37px;
    padding-right: 37px;
    padding-top: 42px;
    transform: rotate(
0);
    position: absolute;
    left: 0;
    top: 0;
}	
.foundercntshade img {
    height: 776px;
    object-fit: cover;
}	
.blog-img-wpr img {
    height: 100%;
	width: 100%;
}	
.marketing-box .progress-wrapper {
    margin-top: 0px;
}	
.lead-calculator .industry-block h2 {
    font-size: 30px!important;
    line-height: 41px;
}	
.lead-calculator .revenue-monthly a {
    height: 60px !important;
    font-size: 15px !important;
}	
.lead-calculator form [type="submit"] {
    padding: 20px 20px !important;
    height: 60px !important;
    font-size: 15px !important;
    line-height: 30px;
}	
.marketing-box {
    padding: 20px;
}	
.indicative-wrap .inside-wrap {
    padding: 30px !important;
}	
.ppc-section {
    overflow: hidden;
}	
.contact-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}	
.funded-content {
    flex-wrap: wrap;
}	
.finacial-box-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
}	
.finance-right-col {
    display: grid;
    grid-template-columns: 1fr;
}	
.finance-header-block {
    padding-left: 0;
    padding-right: 20px;
    text-align: left;
}	
.finance-header-block ul li::before {
    width: 24px;
    height: 24px;
    top: 3px;
    background-repeat: no-repeat;
}	
.finance-header-block ul li {
    margin-bottom: 10px;
}	
.finance-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
}	
.apart-grid {
    flex-wrap: wrap;
    gap: 20px;
}	
.wework-logo-list {
    width: 100%;
}	
.wework-titte-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: start;
    gap: 34px;
    margin-bottom: 10px;
}	
.btn-teal {
    padding: 12px 20px;
    border-radius: 30px;
    font-size: 14px;
    text-transform: uppercase;
}	
.hero-section-bnr-bg {
    padding-top: 40px;
}	
.sub-menu-item.nav-link {
    font-size: 15px;
}	
.tab-top-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
}	
.content-container {
    padding: 30px;
}	
.counter-main {
    gap: 0;
}	
.counter-numbers {
    font-size: 50px !important;
}	
.section-title h2 {
    font-size: 40px !important;
    line-height: 50px;
}	
.stats-box h3 {
    font-size: 64px !important;
    line-height: 70px;
}	
.main-heading h2 em {
    font-size: 50px;
    line-height: 60px;
}	
.foo-menu-top-wpr {
    margin: 0 0;
}
.footer-divider {
    padding: 0 30px;
}	
.certification-img {
    max-height: 50px;
    margin-right: 15px;
}	
li.menu-item-has-children:hover a svg {
    transform: rotate(0deg);
}	
.menu-item-has-children.active > a > svg {
    transform: rotate(180deg) !important;
    transition: transform 0.3s ease;
}	
.header-right-part {
    gap: 20px;
}	
.rating-card {
    bottom: -130px;
    left: 22px;
}	
button.mnutog {
    background: #fda731;
    border: #f9aa34 1px solid;
    border-radius: 4px;
    padding: 6px 10px;
}	
.hero-title h1 {
    font-size: 40px;
    line-height: 50px;
}
	h2 {
    font-size: 30px !important;
    line-height: 1.2;
    color: #131313 !important;
    margin-bottom: 15px !important;
}
    .entry-summary, .entry-header, .post-thumbnail, .entry-content, .entry-footer, #comments, .navigation.post-navigation{
        margin: 0 0 15px 0 !important;
    }
    .entry-title {
        font-size: 24px;
        line-height: 1.2;
    }
nav.nav{
        position: fixed;
        right: 100%;
        width: 100%;
        top: 0;
        height: 100%;
        background: var(--primarycolor);
        z-index: 999;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    }
    header.header.active nav.nav{
        right: 0;
    }
    nav.nav .menu-main-menu-container{
        width: 300px;
        background: #fff;
        height: 100%;
        overflow: auto;
    }
    nav.nav .mnucls{
        background: transparent;
        width: auto;
        height: 100%;
        display: block;
		border: 0;
    }
    nav.nav .primary-menu {
    display: block;
}
    nav.nav .primary-menu{
        height: 100%;
        padding-top: 30px;
    }
    nav.nav .primary-menu > li{
        display: block;
        margin: 0;
    }
    nav.nav .primary-menu > li > a{
        color: #fff !important;
    }
  
    .logo img{
        width: 300px;
    }
nav.nav .primary-menu > li > a {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    nav.nav .primary-menu > li > ul{
    position: static;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
}
    nav.nav .primary-menu > li > ul > li a{
        padding-left: 30px;
    }
    .mnutog{
        display: block;
        margin-left: 0;
        color:#fff;
        font-size: 30px;
    }   
    .header.fixed .mnutog{
        color:#333;
    }
    
 .menu-item-has-children .sub-menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    padding-left: 0;
  }

  .menu-item-has-children .sub-menu.submenu-open {
    display: block;
    opacity: 1;
    visibility: visible;
	padding: 15px;
  }

  /* Optional: rotate SVG icon on toggle */
  .menu-item-has-children.active > a > svg {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
  }

  .menu-item-has-children > a > svg {
    cursor: pointer;
    transition: transform 0.3s ease;
  }	
	.mobilezined nav.nav {
		flex-wrap: nowrap;
	}	
	nav.nav .primary-menu {
		height: 600px !important;
		overflow: auto;
	}
	ul.sub-menu.submenu-open li {
    margin-bottom: 12px;
}
 nav.nav .primary-menu > li > ul > li a{
        font-size: 18px;
    }  
	#menu-primary-menu > li > a > svg {
    transform: rotate(0deg);
}
	#menu-primary-menu > li.active > a > svg {
    transform: rotate(180deg);
}
	ul.sub-menu.submenu-open li svg {
    transform: rotate(0deg);
}
	ul.sub-menu.submenu-open li.active svg {
    transform: rotate(180deg);
}
.ppc-section .position-sticky{
		position: inherit !important;
	}	
.modal-dialog-centered {
    justify-content: center;
}
.faq-section {
    padding: 50px 0 70px 0;
}
.premiercl2, .premiercl4 {
    border-right: 0 !important;
}
.premiercl3 {
    border-right: 1px solid #ddd !important;
}
.premiercl6 {
    border-top: 1px solid #ddd !important;
}	
.cta-title h2 {
    font-size: 48px !important;
    line-height: 55px !important;
}
.cta-subtitle p {
    font-size: 20px;
    line-height: 26px;
}	
.our_process_arrow {
    display: none !important;
}	
.customorder-4 {
    order: 6 !important;
}
.customorder-5 {
    order: 5 !important;
}
.bnr-img-wpr8::after {
    top: -160px;
    right: 211px;
}
.bnr-img-wpr7::after {
    top: -150px;
    right: 186px;
}
.bnr-img-wpr11::after {
    top: -120px;
    right: 183px;
}	
.git-grid {
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
}	
.contact-get .git-leftbox .top .info h3 {
    font-size: 24px !important;
    line-height: 33px;
}
.solutions-section .goal-image-wrapper {
    position: relative;
    left: -50px;
    top: 0;
}
.industiessubrt.rating-card {
    bottom: -182px;
    left: 21px;
}
.bnr-img-wpr14::after {
    top: -190px;
    right: 135px;
}
.hero-section .counter-numbers {
    font-size: 35px !important;
}	
.test-content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}
.top-compny-contnt {
    width: 100%;
    margin: auto;
    grid-template-columns: 1fr 1fr;
    column-gap: 0;
    gap: 30px;
}
.compny-box {
    margin: 0 auto;
}	
.section-title h1 {
    font-size: 40px !important;
    line-height: 52px;
}	
}
@media screen and (max-width: 767px){
.our-founder-section .section-title h3 {
    margin-top: 0 !important;
    font-size: 20px !important;
    padding-bottom: 20px !important;
}	
.our_founder_content {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 43px;
    transform: rotate(
0);
    position: absolute;
    left: 0;
    top: 0;
}	
.foundercntshade.position-relative img {
    height: 777px;
    object-fit: cover;
}	
.blog-img-wpr img {
    height: 100%;
	width: 100%;
}	
.lead-hero-section h1 {
    font-size: 40px;
    line-height: 50px;
}	
.marketing-box .progress-wrapper {
    margin-top: -4px;
}	
.lead-calculator .industry-block h2 {
    font-size: 34px!important;
    line-height: 44px;
}	
.lead-calculator form [type="submit"] {
    padding: 20px 25px !important;
    height: 70px;
    font-size: 18px !important;
    line-height: 20px !important;
    text-transform: uppercase;
    color: #FFFFFF;
}	
.lead-calculator .revenue-monthly a {
    width: 100%;
    height: 60px;
    font-size: 16px;
}	
.indicative-wrap .inside-wrap {
    padding: 45px;
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}	
.result-box li {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 25px;
}	
.result-box ul {
    padding-left: 10px;
}	
.section-pill {
    padding: 16px 25px;
    border-radius: 50px;
    font-size: 24px;
}	
.section-title h1 {
    font-size: 40px !important;
    line-height: 49px;
    margin-bottom: 0px !important;
}	
.finance-header-block h2 {
    margin-top: 0 !important;
}	
.compny-box {
    margin: 0 auto;
}	
.top-compny-contnt {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 30px;
}	
.hero-section .counter-numbers {
    font-size: 34px !important;
    line-height: 100% !important;
}	
.hero-section .stat-number-txt {
    font-weight: 600;
    font-size: 14px;
}	
.solutions-section .goal-image-wrapper {
    position: relative;
    left: -12px;
    top: 0;
}	
.industiessubrt.rating-card {
    bottom: 6px;
    left: 94px;
}	
.git-grid {
    grid-template-columns: 1fr;
}	
.contact-get .git-leftbox .top .info h3 {
    font-size: 21px !important;
    line-height: 26px;
}	
.premiercl1, .premiercl2, .premiercl3, .premiercl4, .premiercl5, .premiercl6{
    border-right: 0 !important;
}
.premiercl1, .premiercl2, .premiercl3, .premiercl4, .premiercl5 {
    border-bottom: 1px solid #ddd !important;
}	
.st-content-box {
    padding: 30px;
}	
.ppc-feature-txt-part h3 {
    font-size: 23px !important;
    line-height: 30px;
}	
.modal-dialog-centered {
    justify-content: center;
}	
.traffic-contnt {
    margin-top: 0px;
    padding-block: 0px 0px;
}	
.cta-subtitle p {
    font-size: 18px;
    line-height: 25px;
}	
.cta-title h2 {
    font-size: 34px !important;
    line-height: 44px !important;
}	
	.ppc-section .position-sticky{
		position: inherit !important;
	}	
.ppc-section {
    overflow: hidden;
}	
.contact-info {
    font-size: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}	
.wework-content {
    row-gap: 30px;
}	
.wework-content .funded-content {
    padding-bottom: 30px;
    margin-bottom: 0;
}	
.apart-section .section-title h2, .build-section .section-title h2, .we-work-section .section-title h2{
    text-align: center;
}	
.apart-section.about-apart {
    padding-top: 50px;
}	
.apart-content {
    padding: 30px;
}	
.apart-item-wrap {
    width: 100%;
}	
.financial-secton {
    padding: 50px 0 0;
}	
.finacial-content {
    border-radius: 20px;
    padding: 25px;
}	
.finance-right-col .finacial-box:nth-child(2) {
    border-radius: 0;
}	
.finance-right-col .finacial-box:first-child {
    border-radius: 0;
}	
.funded-content {
    flex-wrap: wrap;
}	
.finacial-box-wrap {
    display: grid;
    grid-template-columns: 1fr;
}	
.finance-right-col {
    display: grid;
    grid-template-columns: 1fr;
}	
.finance-header-block {
    padding-left: 0;
    padding-right: 20px;
    text-align: left;
}	
.finance-header-block ul li::before {
    width: 20px;
    height: 20px;
    top: 0px;
    background-repeat: no-repeat;
}
.finance-header-block ul li {
    margin-bottom: 10px;
	font-size: 15px;
    line-height: 30px;
}	
.finance-header-block ul {
    margin-bottom: 20px;
	
}		
.finance-top {
    display: grid;
    grid-template-columns: 1fr;
}	
.apart-grid {
    flex-wrap: wrap;
    gap: 20px;
}	
.wework-logo-box img {
    max-height: 50px;
}	
.wework-logo-list {
    width: 100%;
	grid-template-columns: 1fr 1fr;
	display: grid !important;
}	
.wework-titte-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: start;
    gap: 34px;
    margin-bottom: 10px;
}	
.test-leftbox {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}	
.testimonial-section {
    padding: 60px 0 40px;
}	
.sucess-bottom {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 60px;
}	
.sucess-top-content {
    grid-template-columns: 1fr;
    gap: 20px;
}	
.sucess-content {
    padding-block: 0px 50px;
    margin-top: 0;
    position: relative;
}	
.sucess-header {
    grid-template-columns: 1fr;
}	
.sucess-top-content .sucess-imgbox:nth-child(3) {
    top: 90px;
}	
.sucess-top-content .sucess-imgbox:nth-child(2) {
    top: 72px;
}
.sucess-top-content .sucess-imgbox:first-child {
    top: 50px;
}	
.sucess-review-box {
    text-align: center;
    padding-inline: 0;
    border-left: 0;
}	
.sucess-bottom img {
    width: 100%!important;
    max-height: 40px;
}	
.test-box {
    width: 100%;
}	
.test-content {
    grid-template-columns: 1fr;
    gap: 30px;
}	
.review-site-list {
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
}
.technologies_loop_content{
	width: 80%;
}	
li.menu-item-has-children:hover a svg {
    transform: rotate(0deg);
}	
.main-heading h2 {
    font-size: 40px;
    line-height: 52px;
}
.case-study-section .main-heading h2 {
    font-size: 24px !important;
    line-height: 30px;
}	
.header-right-part:before {
    display: none;
}	
.header-right-part {
    gap: 20px;
}	
.btn-get-touch {
    font-size: 15px;
    color: #fff;
    padding: 10px 20px;
}	
.case-study-section .swiper-button-prev {
    left: 0px !important;
    top: 34%;
}	
.case-study-section .swiper-button-next {
    right: 0px !important;
    top: 34%;
}
.bnr-img-wpr::after {
    top: 50px;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    object-fit: cover;
}	
.rating-card {
    position: inherit;
    bottom: 55px;
    left: 10px;
}	
.hero-section {
    clip-path: polygon(0 -1%, 100% 0, 100% 96%, 0% 100%);
    background: linear-gradient(90deg, #EFEFEF 2.85%, #FFFFFF 66.38%);
}	
.counter-main {
    gap: 0;
}	
.counter-numbers {
    font-size: 50px !important;
    line-height: 100% !important;
}	
.growing-title h2 {
    font-size: 40px!important;
    line-height: 50px!important;
}	
.tag-wrapper span {
    font-size: 16px;
}	
.main-heading h2 em {
    font-size: 40px;
    line-height: 50px;
}	
.stats-box h3 {
    font-size: 53px !important;
    line-height: 60px;
}	
.btn-teal {
    padding: 12px 28px;
    border-radius: 30px;
    font-size: 15px;
}	
.btn-big {
    padding: 20px 25px;
    border-radius: 30px;
    font-size: 15px;
    line-height: 18px;
	width: 100%;
}	
.tab-top-title {
    font-size: 20px;
    line-height: 24px;
}	
.content-container {
    padding: 30px;
}	
.social-icons a {
    width: 50px;
    height: 50px;
}	
.faq-section {
    background: #1A1A1A;
    padding: 30px 0 60px 0;
}	
.accordion-header .faq-btn-arrow-hide {
    font-size: 18px;
    line-height: 100%;
}	
.section-title h2 {
    font-size: 34px !important;
    line-height: 42px;
}	
.foo-menu-top-wpr {
    margin: 0 0;
}
.hero-title h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 10px;
}	
.footer-divider {
    border-right: 0;
    border-left: 0;
    padding: 15px;
}	
.customorder-4 {
    order: 6;
}
.customorder-6 {
    order: 4;
}
.customorder-5 {
    order: 5;
}	
	#menu-primary-menu > li > a > svg {
    transform: rotate(0deg);
}
	#menu-primary-menu > li.active > a > svg {
    transform: rotate(180deg);
}
	ul.sub-menu.submenu-open li svg {
    transform: rotate(0deg);
}
	ul.sub-menu.submenu-open li.active svg {
    transform: rotate(180deg);
}
	ul.sub-menu.submenu-open li {
    margin-bottom: 12px;
}
	nav.nav .primary-menu {
		height: 600px !important;
		overflow: auto;
	}
	
	.mobilezined nav.nav {
		flex-wrap: nowrap;
	}
	 .menu-item-has-children .sub-menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    padding-left: 0;
  }

  .menu-item-has-children .sub-menu.submenu-open {
    display: block;
    opacity: 1;
    visibility: visible;
	padding: 15px;
  }

  /* Optional: rotate SVG icon on toggle */
  .menu-item-has-children.active > a > svg {
    transform: rotate(180deg) !important;
    transition: transform 0.3s ease;
  }

  .menu-item-has-children > a > svg {
    cursor: pointer;
    transition: transform 0.3s ease;
  }
	
	section.innerpagebanner {
    padding: 120px 0px 70px;
}
	.page-id-17 section.iconboxsec {
    top: auto !important;
}
	.mobilezined  {
    position: relative;
    z-index: 999;
}
	#buttonTop:hover {
    bottom: 44px;
}
	#buttonTop {
    bottom: 40px;
}

    a.headerlogo img {
    width: 120px;
}
    header.header.fixed .headerlogo img {
    width: 110px;
}
    nav.nav{
        position: fixed;
        right: 100%;
        width: 100%;
        top: 0;
        height: 100%;
        background: var(--primarycolor);
        z-index: 999;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    }
    header.header.active nav.nav{
        right: 0;
    }
    nav.nav .menu-main-menu-container{
        width: 250px;
        background: #fff;
        height: 100%;
        overflow: auto;
    }
   nav.nav .mnucls {
    background: transparent;
    width: auto;
    height: 100%;
    display: block;
	   border: 0;
}
    nav.nav .primary-menu {
    display: block;
}
    nav.nav .primary-menu{
        height: 100%;
        padding-top: 0;
    }
    nav.nav .primary-menu > li{
        display: block;
        margin: 0;
    }
    nav.nav .primary-menu > li > a{
        color: #fff !important;
    }
  
    .logo img{
        width: 200px;
    }
.ftr-menu > li {
    margin: 0 10px !important;
}
.ftrmnu{
margin-bottom: 20px;
}

 big {
    font-size: 120%;
}

 nav.nav .primary-menu > li > a {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    nav.nav .primary-menu > li > ul{
    position: static;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
}
    nav.nav .primary-menu > li > ul > li a{
        font-size: 18px;
    }
    .mnutog{
        display: block;
        margin-left: 0;
        color:#ffffffa6;
    }
    .header.fixed .mnutog{
        color:#333;
    }
    
    .entry-summary, .entry-header, .post-thumbnail, .entry-content, .entry-footer, #comments, .navigation.post-navigation{
        margin: 0 0 15px 0 !important;
        width: 100%;
    }
    .entry-title {
        font-size: 24px;
        line-height: 1.2;
    }
    .bnrmidtxt h2 {
    font-size: 36px;
}
    .bnrmidtxt{
        text-align: center;
padding: 15px;
background: rgba(0,0,0,0.5);
    }
    .homebanner {
    padding: 50px 0;
}
    .bcmsec h2 {
    font-size: 30px;
    margin-bottom: 15px;
}
    h2 {
    font-size: 30px;
}
    .whycollimg {
    margin-bottom: 15px;
}
    .whycoll {
    padding: 15px !important;
}
    .mlappio .d-flex.align-items-center{
        display: block !important;
        text-align: center;
    }
    .contactcon{
        margin-bottom: 30px;
    }
    .ftr-menu {
    margin-top: 15px;
}
    .ftrsoc {
    text-align: center;
    margin-top: 15px;
}
    .hdrtoplft a span {
    display: none;
}
    h1 {
    font-size: 40px;
}
    .p-5.inrpgcont{
        padding: 15px !important;
    }
    .contactform{
        margin-bottom: 30px;
    }
	.footer-title {
		margin: 0;
	}
	.border-start-custom {
    	display: none;
	}
}