@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
}
.container-fluid.header-in {
    background-color: #fff;
    z-index: 999;
}
.row.align-items-center .col-md-6 img {
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52%;
    
}
.team-section button.btn-view-all {
    margin-bottom: 44px;
}


.swiper-button-prev {
    left: 53% !important;
    top:  97% !important;
    font-size: 30px;
}


.team-section .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
}
.swiper-button-next {
    left: 56%  !important;
    top:  97% !important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 22px !important;
    color: #d63130 !important;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 22px !important;
    color: #d63130 !important;
}



.team-info {
  padding: 20px;
}
.team-info h3 {
  font-weight: bold;
  margin-bottom: 10px;
}
.btn-view-all {
  margin-top: 15px;
  background: #007bff;
  color: #fff;
  border: none;
  padding: 8px 15px;
  border-radius: 5px;
}


ul {
    padding-left: 0px;
    z-index: 99999999;
    position: relative;
}

.insight-details-content {
    overflow: auto;
}
.banner-details.banner-details-rights h1 {
    width: 50% !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Playfair Display", serif;
}

p {
    font-family: "Montserrat", sans-serif;
}

.main-head header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: #132337;
    position: relative;
    z-index: 1000;
}




/* Desktop Navigation */
.main-head .desktop-nav ul {
    list-style: none;
}

.main-head .desktop-nav ul li {
    margin-left: 25px;
    position: relative;
    float: left;
}

.main-head .desktop-nav ul li a {
    text-decoration: none;
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.main-head .desktop-nav ul li a:hover {
    color: #BC3535;
}

.main-head .dropdown-arrow {
    font-size: 10px;
    transition: transform 0.3s ease;
}

.main-head .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    min-width: 200px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 1000;
}

.main-head .dropdown-menu li {
    margin: 0;
    padding: 0px 15px;
}

.main-head .dropdown-menu li a {
    text-transform: none;
    white-space: nowrap;
}

.main-head li.active .dropdown-arrow {
    transform: rotate(180deg);
}

.main-head li.active .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.list-menu-drop li {
    margin-left: 0px !important;
}

.list-menu-drop li a {
    color: #000 !important;
    font-weight: 600;
    margin-left: 0px !important;
}

.desktop-nav .dropdown-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    list-style: none;
    margin: 0;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 999;
}

/* Show when parent has .active */
.desktop-nav .dropdown.active .dropdown-menu {
    display: inline-grid;
}

/* Mobile Navigation */
.hamburger {
    display: none;
    cursor: pointer;
    z-index: 1001;
}

.hamburger div {
    width: 25px;
    height: 2px;
    background-color: #fff;
    margin: 5px 0;
    transition: all 0.3s ease;
}

.mobile-nav {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    max-width: 300px;
    height: 100vh;
    background: white;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    z-index: 1000;
    padding: 70px 20px 20px;
    overflow-y: auto;
}

.mobile-nav.active {
    left: 0;
}

.mobile-nav ul {
    list-style: none;
}

.mobile-nav ul li {
    margin-bottom: 15px;
}

.mobile-nav ul li a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-dropdown-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding-left: 15px;
}

.mobile-dropdown-menu.active {
    max-height: 500px;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 999;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Responsive Styles */
@media (max-width: 992px) {
    .desktop-nav {
        display: none;
    }

    .hamburger {
        display: block;
    }

    .hamburger.active div:nth-child(1) {
        transform: rotate(-45deg) translate(-5px, 6px);
    }

    .hamburger.active div:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active div:nth-child(3) {
        transform: rotate(45deg) translate(-5px, -6px);
    }
}

/* Banner Start */
.bg-banner {
    background: url('../img/banner/banner.png');
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 504px !important;
}
.bg-banner-one {
    background: url('../img/banner/banner1.png');
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 658px !important;
}

/*.insight-topic {
    height: 500px;
    overflow: scroll;
    overflow-x: hidden;
}*/
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

section.banner-mobile{
    display:none;
}

.bg-banner.banner-mobile{
    background: url('../img/banner/bannermobile.png');
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 400px !important;
}

.bg-banner1 {
    background: url(../img/banner/banner1.png);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 595px !important;
}

.banner-mobile {
    background: url(../img/banner/bannermobile.png);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
   height: 350px;
   width: 100%;
}

.banner-mobile-one {
    background: url(../img/banner/bannermobile.png);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
   height: 350px;
   width: 100%;
}




.banner-details {
    padding-top: 41%;
    padding-left: 20px;
    color: #fff;
}

.banner-details.banner-details-rights {
    display: flex;
    align-items: end;
    height: 90vh;
}


@media not all and (min-resolution:.001dpcm) { 
  @supports (-webkit-appearance:none) {
    .banner-details {
        padding-top: 62%;
        padding-left: 20px;
        color: #fff;
    }
  }
}


.banner-details.banner-home{
    padding-top: 26%;
    padding-left: 20px;
    color: #fff;
}

.banner-details2 {
    padding-top: 39%;
    padding-left: 20px;
    color: #fff;
}


.banner-details2 h1 {
    font-size: 30px;
}


.banner-details p {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.banner-details h1 {
    font-size: 30px;
}

/* Banner End */

/* insight */

.insight h2 {
    text-align: center;
    margin-bottom: 40px;
    color: #132337;
}

.custom-slider-section {
    padding: 40px 20px;
    background: #F5F5F5;
}

.slide-details {
    padding: 0px 15px;
    height: 150px;
    
}
section.bg-insight-details .slide-details{
    padding: 0px;
}
.swiper-slide a{
    text-decoration: none;
}
.custom-slide {
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
/*    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);*/
    transition: all 0.3s ease-in-out;
    height: 100%;
    margin-bottom: 20px;
}

.custom-slide .slide-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    margin-bottom: 15px;
    border-radius: 0px;
}

.custom-slide h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.custom-slide h5 a {
    color: #000;
    text-decoration: underline;
    font-size: 17px;
}

.custom-slide .tag {
    display: inline-block;
    background: transparent;
    color: #000;
    padding: 5px 10px;
    border: 1px solid #000;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}

.tag-box i {
    color: #BC3535;
}

.tag-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    margin-top: 18px;
}

.custom-slide .date {
    font-size: 13px;
    color: #4D5869;
}

.btn-view-all {
    margin-top: 20px;
    padding: 10px 30px;
    color: #fff;
    border: none;
    border-radius: 5px;
    background: #BC3535;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    text-decoration: none;
}

/*section.custom-slider-section .col-md-4{
    display: flex;
}*/

.btn-view-all:hover {
    background-color: #a72824;
}

.view-all-wrapper {
    margin-top: 4px;
}

/* insight */


/* levearing */
.bg-leavearing {
    padding: 40px 20px;
    background: #fff;
}

.leveraging-content p {
    color: #707070;
    font-size: 16px;
}

.partner-align {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.red-more {
    border-radius: 5px;
    background: #BC3535;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: none;
    color: #fff;
    padding: 5px 12px;
    text-decoration: none;
}

.leveraging-img img {
    width: 80%;
}

/* levearing */

/* Awards */
.award h2 {
    text-align: center;
    margin-bottom: 60px;
}

.award-swiper {
    margin-bottom: 40px;
}

.award-slider {
    padding: 40px 0;
    background: #fff;
}

.award-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.9;
}

.award-swiper .swiper-slide img {
    width: 159px;
  
    object-fit: contain;
    transition: transform 0.3s ease;
}

.award-swiper .swiper-slide img:hover {
    transform: scale(1.1);
}

/* Awards */


/* partices areas */
.custom-card {
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    padding: 25px 20px;
    transition: 0.3s ease-in-out;
    min-height: 110px;
    margin-bottom: 30px;
    cursor: pointer;
    height: 235px;
    flex: 1;
    align-items: start;
    display: flex;
    flex-direction: column;
}

.custom-card:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}

.custom-card h5 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #222;
    font-size: 28px;
}

.custom-card p {
    font-size: 16px;
    color: #555;
}

.custom-card a {
    display: inline-block;
    margin-top: 10px;
    color: #BC3535;
    font-weight: 500;
    text-decoration: underline;
}

.custom-card a:hover {
    text-decoration: underline;
}

.view-all-btn {
    background-color: #BC3535;
    color: #fff;
    border: none;
    padding: 10px 25px;
    border-radius: 4px;
    font-size: 15px;
    margin-top: 20px;
    transition: 0.3s;
    text-decoration: underline;
}

.view-all-btn:hover {
    background-color: #a61919;
}

/* partices areas */

/* Teams */
.team-section {
    padding: 60px 0;
    background: #f9f9f9;
}

.team-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.team-info {
    max-width: 500px;
    text-align: left;
    padding: 20px 30px;
}

.team-info h3 {
    font-size: 28px;
    margin: 0;
    color: #132337;
    font-weight: 600;
}

.team-info p {
    
    font-size: 14px;
    color: #132337;
    font-weight: 500;
}

.rr-legal {
    margin-top: 10px !important;
    font-size: 22px !important;
    color: #707070 !important;
    
}

.mission-statement h6{
font-family:"Montserrat", sans-serif;
}


.mission-statement h5{
font-family:"Montserrat", sans-serif;
}


.team-info p:nth-of-type(3) {
    color: #707070;
    height: 191px;
    overflow-y: scroll;
}

.swiper-thumb {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.swiper-thumb img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
    cursor: pointer;
/*    opacity: 0.6;*/
    transition: 0.3s ease;
    border: 2px solid transparent;
    filter: grayscale(100%);
}
div#thumbs{
    height: fit-content;
}

.swiper-thumb img.active {
    opacity: 1;

}

.swiper-thumb {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    align-items: end;
}

img.active {
    height: 500px;
    width: 200px;
    filter: none;
    transition: filter 0.3s ease;
}

.section-title {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

.section-title::after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #1f2d41;
    margin: 6px auto 0;
}


.section-title-white {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

.section-title-white::after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #fff;
    margin: 6px auto 0;
}

/* Teams */

/* testimionals start */
.bg-testimionals {
    background: #132337;
    padding: 40px 20px;
}

.testimional h2 {
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
}

.testimional-content {
    text-align: left;
}

.testimional-content img {
    width: 47px !important;
    margin-bottom: 20px;
}

.testimional-content h4 {
    color: #707070;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    line-height: 31px;
    font-size: 18px;
}
.location-wrapper.mb-3 a {
    color: #fff;
}

.location-wrapper a{
    color: #fff;
}


.testimional-content span {
    color: #132337;
    font-size: 16px;
}

.testswiper .swiper {
    width: 100%;
    height: 100%;
}

.testswiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    padding: 40px;
    margin-bottom: 40px;
}

.testswiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testswiper .swiper-pagination-bullet {
    background: rgb(184, 184, 184);
}

.testswiper .swiper-pagination-bullet-active {
    background: #fff !important;
}


.testswiper .swiper-pagination {
    bottom: 0px !important;
    z-index: 999999999999;
}

/* testimionals end */

/* footer start */
.bg-footer {
    background: #132337;
    padding: 40px 20px;
    position: relative;
    border-top: 2px solid #fff;
}

.social-brand {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.social-link ul li {
    list-style: none;
    float: left;
}

.social-link li a {
    color: #b3b3b3;
    margin-left: 18px;
    font-size: 20px;
}

.address-content h6 {
    color: #fff;
    font-family: 'Montserrat';
    font-weight: 300;
}

.address-content p {
    font-size: 16px;
    color: #fff;
}

.btn-view-all:hover {
    
    color: #fff !important;
}

/*a:hover {
   color: #fff !important;
}*/
.connect-us ul li a {
    color: #fff;
    text-decoration: none;
    margin-right: 5px;
    font-size: 15px;
}

.connect-us ul li {
    float: left;
    list-style: none;
}

.qucik-link h6 {
    color: #FFF;
    font-size: 18px;
    text-decoration: underline;
    margin-bottom: 25px;
}

.qucik-link ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
}

.qucik-link ul li {
    margin-bottom: 10px;
}

.btn-subscribe {
    background: #BC3535;
    color: #fff;
    border: none;
    width: 100%;
    border-radius: 8px;
    padding: 12px 0px;
    margin-bottom: 10px;
}

.btn-subscribe:hover {
    border: 1px solid #fff;
    background: transparent;
}

.btn-view-past:hover {
    background: #BC3535;
    border: none;
}

.btn-view-past {
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    width: 100%;
    border-radius: 8px;
    padding: 12px 0px;
    margin-bottom: 10px;
}

.divider {
    background: #E2E8F0;
    width: 100%;
    height: 1px;
    margin: 24px 0px;
}

.copy-right p {
    color: #fff;
    margin-bottom: 0;
}

.global {
    position: absolute;
    bottom: 90px;
    left: 146px;
}

.global img {
    width: 100%;
}

/* footer end */

/* insight page */

.bg-insight-details {
    background-color: #fff;
    padding: 40px 20px;
}

.divider-insight {
    width: 100%;
    height: 1px;
    margin: 30px 0px;
    background: #00000066;
}

.insight-details p {
    text-align: center;
    color: #020A1C;
    font-weight: 400;
    margin-bottom: 50px;
}

.insight-details h2 {
    margin-bottom: 15px;
}


.insighttabview {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px;
    border-radius: 10px;
}

.insighttabview .tab-btn-categories {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 12px;
    background: #BC3535;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.insighttabview .tab-btn {
    border: none;
    border-radius: 0px;
    padding: 6px 19px;
    background: white;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    border-right: 1px solid #D0D5DD;
    border-top: 1px solid #D0D5DD;
    border-bottom: 1px solid #D0D5DD;
}

.insighttabview .tab-btn:hover {
    background: #f0f0f0;
}

.insighttabview .tab-btn.active {
    color: white;
    border-color: transparent;
    border-radius: 0px;
    background: #132337;
}

.insighttabview .tab-btn.all-tab {
    background-color: #132337;
    color: white;
    border-color: transparent;
    border-radius: 8px 0px 0px 8px;
    margin-left: 10px;
}

.location-wrapper.mb-3 a {
    color: #fff;
    text-decoration: none !important;
}

.insighttabview::-webkit-scrollbar {
    display: none;
}

.custom-box-slide h5 a {
    color: #132337;
    font-size: 21px;
    margin-bottom: 14px;
}

.construction-img img {
    width: 100%;
    height: 325px;
}

.custom-slide-box .dated {
    margin-bottom: 16px;
    font-size: 13px;
    color: #4D5869;
}

.custom-box-slide {
    display: flex;
    flex-direction: column;
    height: 325px;
    justify-content: space-between;
    padding-right: 30px;
}


 /* Add this CSS to make the left section sticky */
        .insight-left-wrapper {
            position: relative;
            height: 100%;
        }
        
        #sticky-left {
            position: sticky;
            top: 20px; /* Adjust this value based on your header height */
            padding-right: 30px;
        }
        
        /* Optional: Add some spacing between sections */
        .insight-details-content h6 {
            margin-top: 30px;
        }
        
        /* Make social icons sticky when they reach the bottom */
       /* #social-icons {
            position: sticky;
            bottom: 20px;
            background: white;
            padding: 15px 0;
            margin-top: 30px;
        }*/




p.dated {

    margin-bottom: 0px;
}
.custom-slide-box.remove-border {
    border-bottom: 0px;
}

.custom-slide-box {
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
/*    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);*/
    transition: all 0.3s ease-in-out;
    height: auto;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0dcdc;
}

.custom-slide-box .slide-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    margin-bottom: 15px;
    border-radius: 0px;
}

.custom-slide-box h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.custom-slide-box h5 a {
    color: #000;
    text-decoration: underline;
}

.custom-slide-box .tag {
    display: inline-block;
    background: transparent;
    color: #000;
    padding: 5px 10px;
    border: 1px solid #000;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}

.tag {
    display: inline-block;
    background: transparent;
    color: #000 !important;
    padding: 5px 10px;
    border: 1px solid #000;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}

.tag-box p {
    margin: 0;
    font-size: 14px;
}

.tag-boxed {
    display: flex;
}

.tag-boxed p {
    margin: 0;
    font-size: 14px;
    margin-left: 12px;
    color: #020A1C;
}

.insight-topic h2 {
    font-size: 25px;
}

.insight-topic span {
    color: #D63131;
    font-weight: 600;
}

.insight-details-content h4 {
    color: #020A1C;
    font-weight: 600;
    font-size: 16px;
    font-family: Montserrat;
    margin-bottom: 20px;
    line-height: 25px;
}

.insight-details-content p {
    color: #707070;
    font-weight: 400;
    font-size: 16px;
}

.insight-details-content img {
    width: 100%;
    margin-bottom: 30px;
}

.insight-details-content h6 {
    font-size: 18px;
    font-family: Montserrat;
    font-weight: 600;
}

.insight-details-content h5 {
    font-size: 18px;
    font-family: Montserrat;
    font-weight: 600;
}

.details-social h5 {
    font-family: 'Montserrat';
    font-weight: 600;
}

.details-social ul li {
    list-style: none;
    float: left;
    margin-right: 15px;
    background: #CBD5E133;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.divider-detailed {
    width: 100%;
    height: 1px;
    background: #CBD5E166;
    margin: 40px 0px 0px 0px;
}

/* insight page */


.request-call {
    padding: 15px;
    background: #D63130;
    position: fixed;
    bottom: 15%;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    right: -40px;
    transform: translateY(-50%) rotate(-90deg);
    z-index: 99;
    border-radius:8px 8px 0px 0px;
}
.request-call a {
    text-decoration: none !important;
}
.request-call p {
    color: #fff !important;
    font-weight: 500;
    line-height: 1.2;
    margin-left: 10px;
    font-size: 15px;
}


/* Desktop hover functionality */
.desktop-nav .dropdown:hover > .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Smooth transitions for dropdown */
.desktop-nav .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    pointer-events: none;
}

.desktop-nav .dropdown:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

/* Ensure proper positioning */
.desktop-nav .dropdown {
    position: relative;
}

.desktop-nav .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 200px;
    padding: 0.5rem 0;
    margin: 0;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.175);
}

/* Style dropdown items */
.desktop-nav .dropdown-menu li {
    margin: 0;
}

.desktop-nav .dropdown-menu a {
    display: block;
    padding: 0.5rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

ul.dropdown-menu.list-menu-drop li:hover {
    display: inline-block;
    background-color: #d63130;
    width: 100%;
    color: #fff;
}

ul.dropdown-menu.list-menu-drop li a:hover {
    color: #fff !important;
}

.team-info {
    max-width: 100%;
   
}
.team-info p:nth-of-type(3) {
    color: #707070;
    height: auto;
    overflow-y: auto;
}

.leveraging-img img {
    width: 55%;
}
.request-call p {
    color: #fff !important;
    font-weight: 500;
    line-height: 1.2;
    margin-left: 10px;
    font-size: 15px;
    
}
.row.test {
    display: flex;
    align-items: center;
    justify-content: center;
}
a.red-more:hover {
    color: #fff;
background-color: #a72824;
}



.testswiper .swiper-slide{
    padding: 73px 40px

}

.leveraging-img {
    text-align: center;
}
.practice-article-wrapper.position-relative img {
    height: 298px;
}
.slide-details a {
    text-decoration: none;
}


@media (min-width: 1199.98px) and (max-width: 1290px) {
.banner-details.banner-details-rights {
    height: 70vh;
}
}


@media (max-width: 480px) {
    
    .team-info p:nth-of-type(3) {
    
    height: 142px;
   
}
.mission-statement h6 {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
}
.team-section {
    padding: 13px 0;
    background: #f9f9f9;
}
.testimional-content h4 {
    color: #707070;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    line-height: 31px;
    font-size: 14px;
}
}
