body{font-family: "Poppins", sans-serif;}
img{max-width: 100%;}
.home-hero-slider {
    width: 100%;
    
}
.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-content {
    text-align: center;
}

.text-primary{color: #c1947f !important;}
.text-secondary {color: #2f4858 !important;}
.bg-primary {background: #c1947f !important;}
html { scroll-behavior: smooth;}
.btn {font-size: 16px; text-decoration: none;}
h1, h2, h3, h4, h5, h6{margin-top: 0;}

.badge-primary{background: #c1947f;}
.badge{ font-size: 16px; font-weight: 400; border-radius: 0; padding: 10px 15px;}
.arrow:after{content:""; display:inline-block; vertical-align: middle; width: 18px; height: 18px; background: url(https://www.viableaccountinglegal.com/wp-content/uploads/2025/04/btn-arrow.png) no-repeat; background-size: contain; background-position: center; margin-left: 10px;}
.btn-primary{background: #c1947f !important; border-color: #c1947f !important; color: #fff !important; outline-color: #c1947f !important; }
.btn-primary.arrow:after{background: url(https://www.viableaccountinglegal.com/wp-content/uploads/2025/04/btn-arrow-white-1.png) no-repeat;}
.btn-primary:focus{box-shadow: 0 0 0 .2rem rgba(234, 189, 85, .5) !important;}
.read-more:hover{color: #fff !important; background: #000 !important;}
.section-heading {font-size: 32px; color: #000; font-weight: 700; margin-top: 0;}
section{padding: 0;}
.section{padding: 6rem 0;}

header {background: #e6e3dc; display: flex; flex-wrap: wrap; overflow: hidden; position: relative; z-index: 9;}
header .row{justify-content: space-between;}
header .brand-logo-panel{display: flex; align-items: center; width: 256px;}
header .brand-logo-panel img{ height: auto !important;}
header .nav-elements{ width: calc(100% - 276px);}
header .nav-elements .top-panel{ background: #000; color: white; font-size: 12px; display: flex; justify-content: flex-end; width: 100%; padding: 5px; position: relative;}
header .nav-elements .top-panel:after{content: ""; display: block; width: 100%; left: 100%; background: #000; position: absolute; top: 0; height: 100%;}
header .nav-elements .top-panel p{margin-left: 2rem;}
header .nav-elements .top-panel p img { max-height: 13px;}
header .nav-elements .top-panel p a{text-decoration: none;}
header .nav-elements .bottom-panel{width: 100%; display: flex; justify-content: flex-end; color: #000; padding-top: 1.2rem; font-weight: 600;}
header .nav-elements .bottom-panel span{cursor: pointer;}

/** Full page navigation **/
.overlay { height: 0%; width: 100%; position: fixed; z-index: 9; top: 0; left: 0; background:url(https://www.viableaccountinglegal.com/wp-content/uploads/2025/04/menu-background-1.jpg) no-repeat; background-size: cover; background-position: center; overflow-y: hidden; transition: 0.5s; display: flex; justify-content: center; align-items: center; }
.overlay:after{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.9);}
.overlay .closebtn{position: relative; z-index: 9;}
.menu-panel { max-width: 1200px; width: 80%; display: flex; position: relative; z-index: 9; display: flex; align-items: center; flex-wrap: wrap;}
.menu-panel .overlay-content{width: 50%;}
.menu-panel .right-panel {width: 50%;}
.menu-panel .right-panel .contact-info a{color: #000; transition: all .4s ease; text-decoration: none;}
.menu-panel .right-panel .contact-info a:hover {color: #c1947f; }
.menu-panel .menu{ list-style: none; padding-left: 0; margin-bottom: 0;}
.menu-panel .soc-list{ list-style: none; padding-left: 0; display: flex; margin-left: 0;}
.menu-panel .soc-list li{margin:0 10px 0 0;}
.menu-panel .soc-list li a{ display: flex; height: 45px; width: 45px; align-items: center; justify-content: center; background: #c1947f; color: #fff; font-size: 20px; padding: 0; border-radius: 50px; text-decoration: none; transition: all .3s ease;}
.menu-panel .soc-list li a:hover {background: #000; color: #c1947f;}
.overlay .menu a { padding: 8px; text-decoration: none; font-size: 36px; color: #000; display: inline-block; transition: 0.3s; }
.overlay a:hover, .overlay a:focus { color: #c1947f; }
.overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; color: #000; text-decoration: none; }
.mobile-brand-logo{display: none;}
.menu-heading{position: relative; padding-bottom: 10px; margin-bottom: 1rem;}
.menu-heading:after {content:""; display: block; width: 15%; height: 2px; background: #000; position: absolute; left: 0; bottom: 0; }
.home-hero:before{content: ""; display: block; position: absolute; left: 0; top: -35px; width: 100%; height: 50px; background: linear-gradient(180deg, rgba(230, 227, 220, 1) 72%, rgba(87, 199, 178, 0) 100%);}
.menu-panel .nav-link{list-style: none; padding-left: 0; font-size: 36px;}
.menu-panel .nav-link li{margin: 0; padding: 12px 0;}
.menu-panel .nav-link li a{text-decoration: none; color: #000; transition: .3s ease;}
.menu-panel .nav-link li a:hover {color: #c1947f;}

@media screen and (max-height: 450px) {
   .overlay {overflow-y: auto;}
   .overlay a {font-size: 20px}
   .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; }
}

/** Home Hero **/
.home-hero {background: url(https://www.viableaccountinglegal.com/wp-content/uploads/2025/04/home-hero-1.jpg) no-repeat; background-size: cover; background-position: center; height: calc(100vh - 110px); display: flex; justify-content: center; align-items: center;}
.home-hero .hero-content h1{font-size: 65px; font-weight: 800;}
.home-hero:after{content: ""; display: block; position: absolute; left: 0; bottom: -35px; width: 100%; height: 50px; transform: scaleY(-1); background: #FFF; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 72%, rgba(87, 199, 178, 0) 100%);}
.home-hero-slider .wp-post-image{width: 100% !important; height: auto !important;}
.home-hero-slider .hero-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 0 5%; box-sizing: border-box;}

/** About Section **/
.about-section .meta-image .meta-img{border: 2px solid #2f4858;}
.about-section .meta-image {display: inline-block; position: relative;}
.about-section .meta-image .circle-art-work { width: 40%; position: absolute !important; right: -18%; top: 0; bottom: 0; margin: auto; height: 215px;}
.about-section .meta-image .circle-meta{width: 100%; padding-top: 100%; background: url(https://www.viableaccountinglegal.com/wp-content/uploads/2025/04/circle-text.png) no-repeat; background-position: center; background-size: cover; position:relative; animation: rotate360 10s linear infinite;}
.about-section .meta-image .center-img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.swiper-button-next:after, .swiper-button-prev:after {color: #fff !important;}
.swiper-pagination-bullet-active {background: #c1947f !important;}

/** Service Section **/
.service-section{background: url(https://www.viableaccountinglegal.com/wp-content/uploads/2025/04/service-background-1.jpg) no-repeat; background-size: cover; background-position: center; background-attachment: fixed; position: relative; overflow: hidden;}
.service-section:before {content: ""; display: block; position: absolute; left: 0; top: -35px; width: 100%; height: 50px; background: #FFF; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 72%, rgba(87, 199, 178, 0) 100%);}
.service-section:after {content: ""; display: block; position: absolute; left: 0; bottom: -35px; width: 100%; height: 50px; transform: scaleY(-1); background: #FFF; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 72%, rgba(87, 199, 178, 0) 100%);}
.card-service{border: 4px solid #c1947f; height: 100%; transition: all .4s ease;}
.card-service .card-img-top{position: relative; padding-top: 56%; overflow: hidden; }
.card-service .card-img-top img{position: absolute; height: 100%; width: auto; max-width: none; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto; transition: all .4s ease;}
.card-service .card-title{font-weight: 600;}
.service-section .read-more-txt{transition: all .3s ease;}
.service-section .read-more-txt:hover{color: #c1947f !important; text-decoration: none; opacity: 0.7;}
.card-service:hover .card-img-top img{transform: scale(1.1);}

/** Testimonial Section **/
.testimonial-section{background: url(https://www.viableaccountinglegal.com/wp-content/uploads/2025/04/testimonial-background-1.jpg) no-repeat; background-size: cover; background-position: center; position: relative;}
.testimonial-section:after {content: ""; display: block; position: absolute; left: 0; bottom: -35px; width: 100%; height: 50px; transform: scaleY(-1); background: #FFF; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 72%, rgba(87, 199, 178, 0) 100%);}
.testimonial-section .slider-panel{max-width: 1000px; width: 100%; margin: auto; text-align: center;}
.testimonial-section .carousel{position: relative; padding-top: 3rem; padding-bottom: 3rem;}
.testimonial-section .carousel:before {content: ""; display: block; width: 100px; height: 100px; background: url(https://www.viableaccountinglegal.com/wp-content/uploads/2025/04/quotes-1.png) no-repeat; background-size: contain; background-position: center; position: absolute; left: 0; top: 0;}
.testimonial-section .carousel-indicators li{background: rgba(0,0,0,0.5); cursor: pointer;}
.testimonial-section .carousel-indicators li:hover {background: rgba(0,0,0,0.9);}
.testimonial-section .author-panel{display: flex; justify-content: center; align-items: center;}
.testimonial-section .carousel-indicators{margin-bottom: 0;}

.our-team .connector{position:relative; height: 200px; top: -1rem;}
.our-team .connector:after {content: ""; display: block; width: 2px; height: 100%; background: #000; position: absolute; left: 0; right: 0; top: 0; margin: auto;}
.our-team .down{ margin: 0 -15px; position: relative; z-index: 9;}
.our-team .items{width: 25%;}
.our-team .meta-image{position: relative; padding-top: 61%; overflow: hidden;}
.our-team .meta-image img{ position: absolute; height: 100%; width: auto; max-width: none; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto; transition: all .4s ease; transition: all .4s ease;}
.our-team .items:hover .meta-image img{ transform: scale(1.1);}
.our-team .team-para{max-width: 900px; margin: auto;}

.consolutation{background: url(https://www.viableaccountinglegal.com/wp-content/uploads/2025/04/consultation-background.jpg) no-repeat; background-position: center; background-size: cover; background-attachment: fixed; position:relative;}
.consolutation:before {content: ""; display: block; position: absolute; left: 0; top: -35px; width: 100%; height: 50px; background: #FFF; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 72%, rgba(87, 199, 178, 0) 100%);}
.consolutation:after {content: ""; display: block; position: absolute; left: 0; bottom: -35px; width: 100%; height: 50px; transform: scaleY(-1); background: #FFF; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 72%, rgba(87, 199, 178, 0) 100%);}
.consolutation .row{align-items: center;}
.consolutation h2{font-weight: 700;}
.consolutation .btn{ font-weight: 600; padding: 1rem 3rem;}
.consolutation img {height: auto;}

.card-blog{ transition: all .4s ease; background: #f2f2f4; height: 100%;}
.card-blog .date{display:inline-block;}
.card-blog .card-img-top{position: relative; padding-top: 67%; overflow: hidden; }
.card-blog .card-img-top img{position: absolute; height: 100%; width: auto; max-width: none; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto; transition: all .4s ease;}
.card-blog .card-title{font-weight: 600; font-size: 20px;}
.card-blog .card-body{position: relative; z-index: 9; margin-top: -3rem;}
.card-blog .card-body p{font-size: 16px;}
.card-blog:hover .card-img-top img{transform: scale(1.1);}
.card-blog .btn{color: #fff !important; font-size: 14px; transition: all .3s ease;}

footer{position:relative; overflow: hidden; padding: 55px 0 0;}
footer .wp-block-image {margin-top: 0 !important;}
footer:before {content: ""; display: block; position: absolute; left: 0; top: -35px; width: 100%; height: 50px; background: #FFF; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 72%, rgba(87, 199, 178, 0) 100%);}
footer .menu-list{list-style: none; padding-left: 0;}
footer .menu-list li{padding: 5px 0; margin-left: 0; margin-top: 0;}
footer .menu-list li a{color: #fff; text-decoration: none; transition: all .4s ease;}
footer .menu-list li a:hover{color: #000;}
footer .soc-list{ list-style: none; padding-left: 0; display: flex; margin-left: 0;}
footer .soc-list li{margin-right: 10px; margin-left: 0;}
footer .soc-list li a{ display: flex; height: 40px; width: 40px; align-items: center; justify-content: center; background: #fff; color: #c1947f; font-size: 20px; padding: 0; border-radius: 50px; transition: all .4s ease; text-decoration: none;}
footer .soc-list li a:hover{background: #000; }
.logo-panel{display: inline-block;}
.copyright-panel {border-top:1px solid rgba(255,255,255,0.3);}
footer h5{font-weight: 600;}
footer .widget-content p{ font-family: "Poppins", sans-serif; font-size: 18px;}
footer .menu-list{margin-left: 0;}
footer p a{color: #fff; text-decoration: none; transition: all .3s ease;}
footer p a:hover {color: #000 !important;}


/** inner-page **/
.banner:before{content: ""; display: block; position: absolute; left:0; top: 0; width: 100%; height: 100%; background: rgba(47, 72, 88, 0.6);}
.banner .banner-content {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; padding: 0 5%;}
.banner .banner-content h1{font-size: 65px; color: #c1947f; font-weight: 700; margin-left: 0;}
.banner:after{ content: "";  display: block;  position: absolute;  left: 0;  bottom: -35px;  width: 100%;  height: 50px;  transform: scaleY(-1);  background: #FFF;  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 72%, rgba(87, 199, 178, 0) 100%);}
.contact-panel {display: flex; justify-content: space-between;}
.contact-panel .icon{width: 45px; height: 45px; border-radius: 50px; background: #000; display: flex; justify-content: center; align-items: center; color: #fff; margin-right: 1rem;}
.contact-panel .items{display: flex; align-items: center; font-weight: 600; width: 50%;}
.about-section-one .row{align-items: center;}

.about-section-two{overflow: hidden;}
.about-section-two .image{position: relative; overflow: hidden; padding-top: 115%;}
.about-section-two .image img{position: absolute; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto; height: 100%; width: auto; max-width: none; transition: all .4s ease; z-index: 9;}
.about-section-two .image .content{position: absolute; left: 0; bottom: 0; width: 100%; padding: 2rem; color: #fff; z-index: 9;}
.about-section-two .image:hover img{filter: grayscale(1); transform: scale(1.1);}
.about-section-two:before { content: "";  display: block;  position: absolute;  left: 0;  top: -36px;  width: 100%;  height: 50px;  background: #FFF;  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 72%, rgba(87, 199, 178, 0) 100%); z-index: 99;}
.about-section-two:after { content: "";  display: block;  position: absolute;  left: 0;  bottom: -36px;  width: 100%;  height: 50px; transform: scaleY(-1);   background: #FFF;  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 72%, rgba(87, 199, 178, 0) 100%);  z-index: 99;}

.about-section-four{overflow: hidden;}
.about-section-four:before { content: "";  display: block;  position: absolute;  left: 0;  top: -36px;  width: 100%;  height: 50px;  background: #FFF;  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 72%, rgba(87, 199, 178, 0) 100%); z-index: 99;}
.about-section-four:after { content: "";  display: block;  position: absolute;  left: 0;  bottom: -36px;  width: 100%;  height: 50px; transform: scaleY(-1);   background: #FFF;  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 72%, rgba(87, 199, 178, 0) 100%);  z-index: 99;}
.about-section-four .play-button{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 13rem; } 
.about-section-four .play-button a{color: #c1947f;}
.about-section-four .play-button a:hover {animation: pulse 1s infinite;}

.vid-modal { background: rgba(255, 255, 255, 0.8);}
.vid-modal .close{ position: absolute; z-index: 99; top: -3rem; right: -3rem; outline: 0; margin: 0; padding: 0;}
.vid-modal .close span{color: #000; font-weight: 300;  font-size: 3rem;}
.vid-modal video{width: 100% !important; height: 100% !important; display: flex;}
.vid-modal .modal-dialog{ max-width: 1200px; width: 80%; margin: auto;}

.service-section-one{overflow: hidden; background: url(https://www.viableaccountinglegal.com/wp-content/uploads/2025/04/testimonial-background.jpg) no-repeat; background-size: cover; background-position: center; position: relative;}
.service-section-one .service-items{display: flex ; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 2.5rem 1.5rem; border-left: 4px solid #2f4858; background: #dce3e8; height: 100%; position:relative; transition: all .4s ease;}
.service-section-one .service-items:before{content: ""; display: block; width: 4px; position: absolute; height: 0; top: 0; bottom: 0; left: -4px; margin: auto; background: #c1947f; transition: all .4s ease;}
.service-section-one .service-items:hover:before {height: 100%; }
.service-section-one .service-items:hover{background: #e6e3dc;}
.service-section-one .service-items .top-panel { -webkit-box-flex: 1;   -ms-flex: 1 1 auto; flex: 1 1 auto;}
.service-section-one .service-items .top-panel h5{ font-weight: 600; color: #2f4858;}
.service-section-one .service-items .learn-more{color: #2f4858; font-weight: 600; text-decoration: none; transform: all .3s ease;}
.service-section-one .service-items .learn-more:after{ content: ""; display: inline-block;  vertical-align: middle;  width: 18px;  height: 18px;  background: url(../images/learn-more-arw.png) no-repeat;  background-size: contain;  background-position: center;  margin-left: 10px;}
.service-section-one .service-items .learn-more:hover {opacity: 0.7;}

.service-section-two .counter-container{display: flex; flex-wrap: wrap; width: 100%;}
.service-section-two .counter-box{width: 25%; text-align: center;}
.service-section-two .counter-box .count{font-weight: 800; font-size: 100px; color: #c1947f; margin-bottom: 0;}
.service-section-two .counter-box p{ font-size: 20px; color: #000; font-weight: 600; margin-bottom: 0;}

.team-section .team-image{overflow: hidden;}
.team-section .team-image .team-content{position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background: #2F4858; padding: 1.5rem;   background: linear-gradient(0deg,rgba(47, 72, 88, 0.65) 58%, rgba(87, 199, 178, 0) 100%); transition: all .4s ease;  display: flex; align-items: flex-end; color: #fff;}
.team-section .team-image img{width: 100%; transition: all .3s ease;}
.team-section .team-image:hover .team-content {top: 0;}
.team-section .team-image:hover .team-content h5{font-weight: 700;}
.team-section .team-image:hover img{transform: scale(1.1);}

.blog-section-one .card-blog .card-footer { padding: 0 1.25rem 1.25rem 1.25rem; background: none !important; border: 0;}
.contact-section-one .contact-info .icon { width: 95px; height: 95px;  background: #c1947f;  display: flex;  justify-content: center;  align-items: center;  border-radius: 100px;  font-size: 3rem;  margin: auto; margin-bottom: 2rem;}
.contact-section-one .contact-info h5{font-weight: 700; margin-bottom: 1rem;}
.contact-section-one .contact-info p a{color: #000;}

.contact-section-two{background: url(https://www.viableaccountinglegal.com/wp-content/uploads/2025/04/contact-appoinment-bg-1.jpg) no-repeat; background-size: cover; background-position: center;}
.contact-section-two h2{ font-size: 50px; font-weight: 700;  color: #fff;  margin-bottom: 3rem;}
.contact-section-two .read-more {font-weight: 600;   padding: 1rem 3rem;}

.contact-section-three h2{ font-size: 50px; font-weight: 700;}
.contact-section-three .form-control{border-radius: 0; border-left: 0; border-right: 0; border-top: 0; outline: 0; box-shadow: none;  padding: .375rem 0;}
.contact-section-three .form-control:focus{border-color: #000;}
.contact-section-three textarea.form-control{ font-size: 16px;}

.contact-section-three input[type="submit"]:hover {background: #000 !important; outline: #000;}
.contact-section-three input[type="submit"].wpcf7-form-control {background: #c1947f; text-decoration: none;}

.contact-section-four iframe{width: 100%; height: 500px !important;}
.inner-blog-contant {padding-top: 50px;}
.blg_img img{width: 100%; height: auto !important;}
.blg_txt.update{padding-top: 20px;}
.blg_txt.update h2{font-size: 30px; margin-bottom: 16px; font-weight: 600;}
.blg_txt.update h6{ font-size: 14px; font-weight: 400; margin-bottom: 16px;}
.blg_txt.update p{font-size: 18px;}
.inner-blog-contant .widget-content h2.wp-block-heading { margin-bottom: 0; font-size: 20px; color: #c1947f; font-weight: 600; letter-spacing: 0.4px;}
.wp-block-latest-posts__list {margin-top: 0 !important;}
.inner-blog-contant .widget  {margin-top: 1rem;}
.inner-blog-contant .wp-block-latest-posts__list li .wp-block-latest-posts__post-title{ font-size: 18px; font-weight: 400; color: #000; transition: all .4s ease; text-decoration: none;}
.inner-blog-contant .wp-block-latest-posts__list li .wp-block-latest-posts__post-title:hover {color: #c1947f;}
.inner-blog-contant .wp-block-latest-posts__list li { margin-top: 0; padding: 7px 10px; border-bottom: 1px solid #ccc;}
.inner-blog-contant .wp-block-archives{margin: 0 !important;}
.inner-blog-contant .wp-block-archives a{ font-size: 18px; font-weight: 400; color: #000;}
.inner-blog-contant .sidebar-panel{ background: #f4f4f4; padding: 2rem; height: 100%;}
footer .wp-block-gallery.has-nested-images figure.wp-block-image img{max-width: 400px !important; margin-top: 0 !important;}
footer .wp-block-gallery{margin-top: 0 !important;}
footer .quick-link {padding-left: 10%;}

@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}

@media (min-width: 1200px) {
  .contact-panel .items{width: 64%;}
}

@media(max-width: 1199px) {
    header .nav-elements{width: 50%; display: flex ; align-items: center;}
    header .nav-elements .top-panel{display: none;}
    header .nav-elements .bottom-panel{padding-top: 0;}
    .home-hero .hero-content h1{font-size: 45px;}
    .about-section .meta-image .circle-art-work{ height: 148px; width: 35%; right: -13%;}
    .about-section .meta-image .center-img img{width: 45%; }
    .about-section-four .play-button{font-size: 7rem;}
    .contact-panel{flex-wrap: wrap;}
    .contact-panel .items{padding: 5px 0; width: 100%; }
    .about-section-two .image .content{padding: 1.5rem;}
    .about-section-two .image .content h4{font-size: 1.3rem;}
    .banner .banner-content h1{font-size: 45px;}
}

@media(max-width: 991px) {
    .about-section .meta-image .meta-img{width: 100%;}
    .about-section .meta-image{width: 100%;}
    .about-section .meta-image .circle-art-work{display: none;}
    .our-team .items{width: 50%;}
    .our-team .connector{height: 100px;}
    .consolutation{text-align: center;}
    .consolutation img{max-width: 150px;}
    .consolutation h2{ margin-top: 2rem; font-size: 45px;}

    .menu-panel .overlay-content {width: 100%;}
    .menu-panel .menu{display: flex; justify-content: center;}
    .overlay a{font-size: 18px;}
    .mobile-brand-logo { display: block; position: absolute; left: 45px; top: 2rem; z-index: 9;}
    .mobile-brand-logo img{max-width:200px;}
    .menu-panel .right-panel {width: 100%; display: flex; align-items: baseline;}
    .menu-panel .right-panel .contact-info{width: 50%; }
    .menu-panel .right-panel .social-info {width: 50%;}
    .menu-heading{font-size: 1.2rem;}
    .menu-panel .right-panel .contact-info p{font-size: 0.8rem;}
    .menu-panel .soc-list li a{height: 35px; width: 35px; font-size: 16px;}
    .about-section-four .play-button{font-size: 5rem;}
    .contact-panel .items{width: 50%;}
    .banner .banner-content h1{font-size: 35px;}
    .service-section-two .counter-box .count{ font-size: 5rem;}
    .service-section-two .counter-box p{ font-size: 1.2rem;}
    .contact-section-two h2{font-size: 40px;}
    .contact-section-two .read-more{ padding: 1rem 2rem;}
    .contact-section-three h2{ font-size: 40px;}
    .menu-panel .nav-link li a{ text-decoration: none; color: #000; transition: .3s ease; display: flex  ;}
    .menu-panel .nav-link {margin-left: 0;}
    .menu-heading{font-size: 20px;}
    .menu-panel .right-panel .contact-info p{font-size: 16px;}
    .mobile-brand-logo img{height: auto;}
    footer .quick-link {padding-left: 15px;}
}

@media (max-width: 767px) {
  header .nav-elements{width: 40%;}
  header .brand-logo-panel{width: 200px;}
  .overlay a{ font-size: 18px; padding: 5px;}
  .section{padding: 3rem 0;}
  .about-section-four .play-button{font-size: 3rem;}
  .contact-panel .items{width: 100%;}
  .service-section-two .counter-box .count{font-size: 4rem;}
  .service-section-two .counter-box p{font-size: 1rem;}
  .service-section-two p br{display: none;}
  .home-hero-slider .hero-content{padding: 0 10%;}
  .home-hero-slider .hero-content h1{margin-bottom: 0; font-weight: 700;}
}

@media (max-width: 575px) {
  .menu-panel .right-panel .contact-info{width: 100%;}
  .menu-panel .right-panel .social-info{width: 100%;}
  .menu-panel .right-panel{flex-wrap: wrap; margin-top: 0rem;}
  .menu-heading{margin-top: 1rem !important;}
  .menu-panel .menu li{width: 100%;}
  .menu-panel .menu{ flex-wrap: wrap; }
  .consolutation .btn{ padding: 1rem 2rem;}
  .consolutation h2{font-size: 36px;}
  .section-heading{font-size: 28px;}
  .section-heading br{display: none;}
  .menu-panel{margin-top: 7rem;}
  .overlay .closebtn{top: 6px; right: 45px; font-size: 40px;}
  .mobile-brand-logo{top: 1rem;}
  .mobile-brand-logo img {max-width: 150px;}
  .overlay a{font-size: 16px; padding: 3px;}
  .vid-modal .close{ top: -2rem; right: -2rem;}
  .banner .banner-content h1{font-size: 30px;}
  .section-heading{ font-size: 25px;}
  .service-section-two .counter-box .count{font-size: 3rem;;}
  .service-section-two .counter-box p{ font-size: 0.8rem;}
  .contact-section-two h2{ font-size: 30px;}
  .contact-section-three h2{font-size: 30px;}
  .contact-section-one .contact-info .icon{width: 65px; height: 65px; font-size: 2rem; margin-bottom: 1rem;}
  .menu-panel .nav-link li{padding: 2px 0;}
  
}