.elementor-78 .elementor-element.elementor-element-66c1daf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-78 .elementor-element.elementor-element-bbe2a61{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-78 .elementor-element.elementor-element-bbe2a61:not(.elementor-motion-effects-element-type-background), .elementor-78 .elementor-element.elementor-element-bbe2a61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-98322ca );}.elementor-78 .elementor-element.elementor-element-967dad2{text-align:center;}.elementor-78 .elementor-element.elementor-element-967dad2 .elementor-heading-title{color:var( --e-global-color-4f2ca81 );}.elementor-78 .elementor-element.elementor-element-1bf3b38{text-align:center;color:var( --e-global-color-4f2ca81 );}.elementor-78 .elementor-element.elementor-element-54cab50{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-78 .elementor-element.elementor-element-b0c5173{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-78 .elementor-element.elementor-element-7d708d5{text-align:center;}.elementor-78 .elementor-element.elementor-element-7d708d5 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-78 .elementor-element.elementor-element-2cea332{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-78 .elementor-element.elementor-element-2cea332:not(.elementor-motion-effects-element-type-background), .elementor-78 .elementor-element.elementor-element-2cea332 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-98322ca );}.elementor-78 .elementor-element.elementor-element-3007934{text-align:center;}.elementor-78 .elementor-element.elementor-element-3007934 .elementor-heading-title{color:var( --e-global-color-4f2ca81 );}.elementor-78 .elementor-element.elementor-element-9242480{text-align:center;}.elementor-78 .elementor-element.elementor-element-9242480 .elementor-heading-title{color:var( --e-global-color-4f2ca81 );}.elementor-78 .elementor-element.elementor-element-186c3e0{text-align:center;color:var( --e-global-color-4f2ca81 );}.elementor-78 .elementor-element.elementor-element-5da9ca15{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-78 .elementor-element.elementor-element-e65e355{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-78 .elementor-element.elementor-element-70c745e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-78 .elementor-element.elementor-element-4697efa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-78 .elementor-element.elementor-element-f3a4e95{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-78 .elementor-element.elementor-element-66a8450f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:112px;--margin-left:0px;--margin-right:0px;}.elementor-78 .elementor-element.elementor-element-66a8450f:not(.elementor-motion-effects-element-type-background), .elementor-78 .elementor-element.elementor-element-66a8450f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1F3E;}.elementor-78 .elementor-element.elementor-element-56fcfab7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-78 .elementor-element.elementor-element-6cc653f0{--display:flex;}.elementor-78 .elementor-element.elementor-element-e364f27.elementor-element{--align-self:center;}.elementor-78 .elementor-element.elementor-element-e364f27 .elementor-heading-title{color:#000000;}.elementor-78 .elementor-element.elementor-element-1568094d{--display:flex;}/* Start custom CSS for html, class: .elementor-element-a517201 *//* Setting background images for each slide"
/* Background for first slide */
.elementor-container-swiper .swiper-slide:nth-child(1) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Background for second slide */
.elementor-container-swiper .swiper-slide:nth-child(2) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Background for third slide */
.elementor-container-swiper .swiper-slide:nth-child(3) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Background for fourth slide */
.elementor-container-swiper .swiper-slide:nth-child(4) {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.elementor-container-swiper .slide-1 {
  background-image: url('/wp-content/uploads/2025/07/heroimage1.webp');
}
.elementor-container-swiper .slide-2 {
  background-image: url('/wp-content/uploads/2025/07/heroimage2.webp');
}
.elementor-container-swiper .slide-3 {
  background-image: url('/wp-content/uploads/2025/07/hero-image-3.webp');
}
.elementor-container-swiper .slide-4 {
  background-image: url('/wp-content/uploads/2025/07/heroimage4.webp');
}

/* the scrim */
.elementor-container-swiper .swiper-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);background:linear-gradient(180deg, rgba(28, 31, 62, 0.15) 0%, rgba(28, 31, 62, 0.74) 100%); /* Dark overlay */
  z-index: 1;
}

.elementor-container-swiper .swiped-text-container {
  position: relative;
  z-index: 2;
}


/* Overall container */
.elementor-container-swiper .swiper {
  width: 100%;
  height: 382px; /* Adjust based on your design */
}

/* Each slide element with unique transition properties */
.elementor-container-swiper .swiper-slide {
  display: flex; /* Better than block for centering */
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

/* Container background */
.elementor-container-swiper {
  background-color: #111;
}

/* Scoped Swiper variables */
.elementor-container-swiper .swiper {
  --swiper-pagination-bullet-width: 15px;
  --swiper-pagination-bullet-height: 15px;
  --swiper-pagination-color: #fff;
  --swiper-pagination-bullet-inactive-color: rgba(255, 255, 255, 0.3);
  --swiper-pagination-bullet-horizontal-gap: 3.5px;
}

/* Hide default Swiper SVG (if present as content) */
.elementor-container-swiper .swiper-button-next::after,
.elementor-container-swiper .swiper-button-prev::after {
  content: '';
  display: none;
}

/* Custom prev button */
.elementor-container-swiper .swiper-button-prev {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42" fill="none"%3E%3Cpath d="M25.742 30.2574C26.4245 29.5749 26.4245 28.4724 25.742 27.7899L18.952 20.9999L25.742 14.2099C26.4245 13.5274 26.4245 12.4249 25.742 11.7424C25.0595 11.0599 23.957 11.0599 23.2745 11.7424L15.242 19.7749C14.5595 20.4574 14.5595 21.5599 15.242 22.2424L23.2745 30.2749C23.9395 30.9399 25.0595 30.9399 25.742 30.2574Z" fill="white"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: 48px 48px;
  background-position: center;
  left: 12px;
}

/* Ensure default arrow stays hidden */
.elementor-container-swiper .swiper-button-prev:after {
  display: none;
}

/* Custom next button */
.elementor-container-swiper .swiper-button-next {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42" fill="none"%3E%3Cpath d="M16.258 11.7426C15.5755 12.4251 15.5755 13.5276 16.258 14.2101L23.048 21.0001L16.258 27.7901C15.5755 28.4726 15.5755 29.5751 16.258 30.2576C16.9405 30.9401 18.043 30.9401 18.7255 30.2576L26.758 22.2251C27.4405 21.5426 27.4405 20.4401 26.758 19.7576L18.7255 11.7251C18.0605 11.0601 16.9405 11.0601 16.258 11.7426Z" fill="white"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: 48px 48px;
  background-position: center;
  right: 12px; /* Adjust positioning */
}

.hero-swiper .swiper-slide h2, .hero-swiper .swiper-slide p {
    color: #fff;
    text-align: center;
}
.hero-swiper .swiper-slide p {
    font-weight: 700;
}
.hero-swiper .swiper-pagination{
    bottom: 5% !important;
    padding: 10px;
}
.hero-swiper .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.3) !important;
  opacity: 1 !important;
}
.hero-swiper .swiper-pagination-bullet-active {
  background-color: rgb(255, 255, 255) !important;
  opacity: 1 !important;
}

@media (max-width: 480px) {
.hero-swiper .swiped-text-container h2{
    font-size: 1.5rem !important;
}
}
@media (min-width: 766px) {
/* Overall container */
.elementor-container-swiper .swiper {
  width: 100%;
  height: 536px; /* Adjust based on your design */
}
}
@media (min-width: 1024px) {
/* Overall container */
.elementor-container-swiper .swiper {
  height: calc(100vh - 80px);
}
}
@media (min-width: 1440px) {

}





@media (min-width: 390px) {
	
}
@media (min-width: 766px) {

	}
@media (min-width: 1024px) {

}
@media (min-width: 1440px) {
	
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbe2a61 */.home-our-history h2{
    margin-top: 64px;
    margin-bottom: 32px;
}
 .home-our-history button{
    margin-top: 32px;
    margin-bottom: 32px;
}
@media (min-width: 768px) {
  .home-our-history h2{
    margin-top: 64px;
    margin-bottom: 32px;
}
 .home-our-history button{
    margin-top: 32px;
    margin-bottom: 32px;
}
}

@media (min-width: 1025px) {
 .home-our-history h2{
    margin-top: 64px;
    margin-bottom: 32px;
}
 .home-our-history button{
    margin-top: 64px;
    margin-bottom: 32px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cea332 */.home-our-history h2{
    margin-top: 64px;
    margin-bottom: 32px;
}
 .home-our-history button{
    margin-top: 32px;
    margin-bottom: 32px;
}
@media (min-width: 768px) {
  .home-our-history h2{
    margin-top: 64px;
    margin-bottom: 32px;
}
 .home-our-history button{
    margin-top: 32px;
    margin-bottom: 32px;
}
}

@media (min-width: 1025px) {
 .home-our-history h2{
    margin-top: 64px;
    margin-bottom: 32px;
}
 .home-our-history button{
    margin-top: 64px;
    margin-bottom: 32px;
}
}
.our-moto-container .image-section-container{
    margin-bottom: 0px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14cc18b3 */.abstract-svg{
    display: none !important;
    position: relative; 
    top: -100px;
}
.abstract-svg-mobile{
    width: 100%;
    position: relative; top: -100px;
}

.our-moto-video{
    width: calc(100% - 64px) !important;
    margin-left: 32px !important;
    margin-right: 32px !important;
}
@media (min-width: 800px) {
    .our-moto-video {
        width: calc(100% - 128px) !important;
        margin-left: 64px !important;
        margin-right: 64px !important;
    }
}
@media (min-width: 1020px) {
    .our-moto-video {
        width: calc(100% - 192px) !important;
        margin-left: 96px !important;
        margin-right: 96px !important;
    }
}
@media (min-width: 1320px) {
    .our-moto-video {
        width: calc(100% - 352px) !important;
        margin-left: 177px !important;
        margin-right: 177px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5da9ca15 */.elementor-element-260a7fb {
    padding: 0 !important;
    margin: 0 !important;
  }
  
.image-section-container{
      margin-bottom: 50px !important;
  }
 @media (min-width: 390px) {
	
}
@media (min-width: 766px) {
.image-section-container{
      margin-bottom: 180px !important;
  }
	}
@media (min-width: 1024px) {
.image-section-container{
      margin-bottom: 280px !important;
  }
}
@media (min-width: 1440px) {
	
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d49bda8 */.our-passion-container{
    margin: 20px 32px;
}
.our-passion-container .blue-center{
color: #fff;
background: #0075AB;
padding: 20px;
display: flex;
flex-direction: column;
position: relative;
}
.our-passion-container .blue-center .passion-text{
    
}
@media (min-width: 390px) {
.our-passion-container .blue-center .passion-text{
    padding: 40px;
}
}
@media (min-width: 766px) {
	.our-passion-container{
    margin: 20px 64px;
}
.our-passion-container .blue-center{
    flex-direction: row;
}
.blue-center > :first-child {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .blue-center > :last-child {
    flex: 0 0 40%;
    max-width: 40%;
  }
 
	}
	@media (min-width: 766px) and (max-width: 1023px){
	     .our-passion-container .blue-center img{
     position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  }
	}
@media (min-width: 1024px) {
	.our-passion-container{
    margin: 20px 96px;
}
}
@media (min-width: 1440px) {
		.our-passion-container{
    margin: 20px 128px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b0ac47 */.our-partners-section-home{
    background: #E7F7FF;
    padding: 64px;
    margin: 32px 32px;
}
.our-partners-section-home div{
     display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 50px ;
    margin-top: 48px;
}
.our-partners-section-home img{
    max-width: 100px;
}
.our-partners-section-home h2{
    text-align: center;
    color: #0075AB;
}
@media (min-width: 390px) {
	.our-partners-section-home{
    padding: 64px;
    margin: 32px 32px;
}
.our-partners-section-home img{
    max-width: 100px;
    width: 30%;
}
}
@media (min-width: 766px) {
.our-partners-section-home div{
     display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 50px ;
    margin-top: 48px;
}
.our-partners-section-home img{
    max-width: 140px;
}
	.our-partners-section-home{
    padding: 64px;
    margin: 96px 96px;
}
	}
	@media (min-width: 900px) {
	    .our-partners-section-home img{
    max-width: 170px;
}
	}
@media (min-width: 1024px) {
	.our-partners-section-home{
    padding: 64px 100px;
    margin: 64px 128px 96px 128px;
}
.our-partners-section-home div{
    gap: 2.5rem ;}
    .our-partners-section-home img{
    max-width: 250px;
}
.our-partners-section-home img:nth-of-type(2) {
  max-width: 150px !important;
}
}

@media (min-width: 1440px) {
	
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2ae9e2 */.home-our-brands-section  h2, .home-our-brands-section  p{
    text-align: center;
    color: #0075AB;
}

.home-our-brands-section{
    margin: 0 32px;
}
.home-our-brands-section > div:first-of-type {
    padding: 0 32px;
}
@media (min-width: 390px) {
.home-our-brands-section{
    margin: 0 64px;
}	
}
@media (min-width: 766px) {
.home-our-brands-section{
    margin: 0 96px;
}
	}
@media (min-width: 1024px) {
    .home-our-brands-section > div:first-of-type {
    padding: 0 128px;
}
.home-our-brands-section{
    margin: 0 128px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3faf8bf *//* Scoped styles for #home-brands-slide */
        #home-brands-slide {
            position: relative;
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px;
        }

        #home-brands-slide .swiper {
            width: 100%;
            max-width: 1300px;
            /*height: 400px;*/
            padding: 50px 0;
        }

        #home-brands-slide .swiper-slide {
            background-position: center;
            background-size: cover;
            width: 118px;
            height: 118px;
            cursor: pointer;
            border-radius: 12px;
            overflow: hidden;
            transition: transform 0.3s ease;
        }

        #home-brands-slide .swiper-slide:hover {
            transform: scale(1.02);
        }

        #home-brands-slide .slide-image-container {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        #home-brands-slide .slide-image-container img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            
        }

        #home-brands-slide .primary-image {
            opacity: 1;
            z-index: 1;
        }

        #home-brands-slide .hover-image {
            opacity: 0;
            z-index: 2;
        }

        #home-brands-slide .swiper-slide:hover .primary-image {
            opacity: 0;
        }

        #home-brands-slide .swiper-slide:hover .hover-image {
            opacity: 1;
        }

        #home-brands-slide .swiper-pagination {
            bottom: 10px;
        }

        #home-brands-slide .swiper-pagination-bullet {
            background: rgba(255, 255, 255, 0.5);
            opacity: 1;
        }

        #home-brands-slide .swiper-pagination-bullet-active {
            background: #fff;
        }

        /* Custom Navigation and Learn More */
        #home-brands-slide .custom-navigation-and-learn-more {
            display: flex;
            align-items: center;
            justify-content: space-between;
            
            
        }

        #home-brands-slide .learn-more-btn {
            background: rgb(1 117 171);
            color: white;
            border: none;
            padding: 4px 8px;
            border-radius: 6px;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            cursor: pointer;
            transition: all 0.3s ease;
            border: 1px solid rgb(1 117 171);
            
        }

        #home-brands-slide .learn-more-btn:hover {
           background: transparent;
           color: rgb(1 117 171);
        }

        #home-brands-slide .custom-navigation {
            display: flex;
            gap: 12px;
        }

        #home-brands-slide .nav-arrow {
            width: 30px;
            height: 30px;
            background: rgb(1 117 171);;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

       

        #home-brands-slide .nav-arrow svg {
            width: 24px;
            height: 24px;
            fill: rgba(255,255,255,.8);
            transition: fill 0.3s ease;
        }

       

        /* Dialog Styles */
        #home-brands-slide .brand-dialog-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
        }

        #home-brands-slide .brand-dialog-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        #home-brands-slide .brand-dialog {
            background: rgb(220 243 255);
            border-radius: 16px;
            max-width: 600px;
            width: 90%;
            max-height: 90vh;
            position: relative;
            overflow: hidden;
            transform: scale(0.8);
            display: flex;
            flex-direction: column;
        }

        #home-brands-slide .brand-dialog-overlay.active .brand-dialog {
            transform: scale(1);
        }

        #home-brands-slide .close-btn {
            position: absolute;
            top: 16px;
            right: 16px;
            background: rgba(0, 0, 0, 0.5);
            color: #fff;
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            font-size: 24px;
            cursor: pointer;
            z-index: 1001;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.2s ease;
        }

        #home-brands-slide .close-btn:hover {
            background: rgba(0, 0, 0, 0.7);
        }

        #home-brands-slide .dialog-content {
            display: flex;
            flex-direction: column;
            height: 100%;
            min-height: 0;
        }

        #home-brands-slide .dialog-image {
            width: 100%;
            overflow: hidden;
            flex-shrink: 0;
        }

        #home-brands-slide .dialog-image img {
            width: 100%;
            height: auto;
            object-fit: cover;
            display: block;
        }

        #home-brands-slide .dialog-text {
            padding: 24px;
            color: #333;
            overflow-y: auto;
            scrollbar-width: thin;
            scrollbar-color: rgba(0,0,0,0.3) transparent;
            flex: 1;
            min-height: 0;
            box-sizing: border-box;
        }

        /* Webkit scrollbar styling for better visibility */
        #home-brands-slide .dialog-text::-webkit-scrollbar {
            width: 6px;
        }

        #home-brands-slide .dialog-text::-webkit-scrollbar-track {
            background: rgba(0,0,0,0.1);
            border-radius: 3px;
        }

        #home-brands-slide .dialog-text::-webkit-scrollbar-thumb {
            background: rgba(0,0,0,0.3);
            border-radius: 3px;
        }

        #home-brands-slide .dialog-text::-webkit-scrollbar-thumb:hover {
            background: rgba(0,0,0,0.5);
        }

        #home-brands-slide .dialog-text h2 {
            margin: 0 0 16px 0;
            font-size: 24px;
            font-weight: bold;
            color: #222;
        }

        #home-brands-slide .dialog-text p {
            margin: 0 0 20px 0;
            line-height: 1.6;
            color: #000;
        }
         #home-brands-slide li{
            color: #000;
        }

        #home-brands-slide .read-more-btn {
            display: inline-block;
            padding: 4px 8px;
            background:rgb(1 117 171);
            color: #fff;
            text-decoration: none;
            border-radius: 6px;
            font-weight: 500;
            transition: background 0.2s ease;
            margin-bottom: 24px;
        }

        #home-brands-slide .read-more-btn:hover {
            opacity: .8;
        }

        /* Mobile Responsiveness */
        @media (max-width: 768px) {
           
           

            #home-brands-slide .custom-navigation-and-learn-more {
                gap: 20px;
                margin-top: 20px;
            }

            #home-brands-slide .learn-more-btn {
                order: 2;
            }

            #home-brands-slide .custom-navigation {
                order: 1;
            }


            #home-brands-slide .brand-dialog {
                width: 95%;
                margin: 20px;
                max-height: 95vh;
            }

            #home-brands-slide .dialog-text {
                padding: 20px;
            }

            #home-brands-slide .dialog-text h2 {
                font-size: 20px;
            }
        }

        @media (max-width: 480px) {
          


           

            #home-brands-slide .learn-more-btn {
                padding: 4px 8px;
                font-size: 13px;
            }

            #home-brands-slide .dialog-text {
                padding: 16px;
            }
        }
        
        
#home-brands-slide {
    padding: 0 32px 0 32px !important;
}

@media (min-width: 390px) {
#home-brands-slide .swiper-slide {
    width: 200px;
    height: 200px;
}
}
@media (min-width: 766px) {
        #home-brands-slide {
    padding: 0 96px 0 96px !important;
    margin-top: 40px;
}
#home-brands-slide .swiper-slide {
    width: 250px;
    height: 250px;
}
}
@media (min-width: 1024px) {
        #home-brands-slide {
    padding: 0 128px 0 128px !important;
}
#home-brands-slide .swiper-slide {
    width: 430px;
    height: 430px;
}
}
@media (min-width: 1440px) {}




@media (min-width: 390px) {}
@media (min-width: 766px) {}
@media (min-width: 1024px) {}
@media (min-width: 1440px) {}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-45116fc7 *//* Dark mode styling for news swiper cards */
.news-swiper-section {
  background-color: #1C1F3E; /* Dark background */
  padding: 0 32px 64px 32px;
  color: #fff;
}

.news-swiper-section .newscardsection__article {
  background: rgba(0,0,0,.15);
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.2s ease;
}

.news-swiper-section .newscardsection__article:hover {
  transform: translateY(-2px);
}

.news-swiper-section .newscardsection__image {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.news-swiper-section .newscardsection__content {
  padding: 20px;
}

.news-swiper-section .newscardsection__title {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 15px 0;
  color: #fff; /* Title in white */
}

.news-swiper-section .newscardsection__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.news-swiper-section .newscardsection__category {
  background: rgba(255,255,255,.1); /* Dark pill background */
  color: #fff;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 0.85rem;
  font-weight: 500;
}

.news-swiper-section .newscardsection__date {
  color: #bbb;
  font-size: 0.85rem;
}

/* Swiper navigation dark mode */
.news-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-nav {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 32px;
}
 .news-nav-container .learn-more-btn {
            background: #fff;
            color: #1C1F3E;
            border: none;
            padding: 4px 8px;
            border-radius: 6px;
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            cursor: pointer;
            transition: all 0.3s ease;
            border: 1px solid #fff;
            
        }

        .news-nav-container .learn-more-btn:hover {
           background: transparent;
           color: #fff;
        }

.news-nav .nav-arrow {
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.news-nav .nav-arrow svg {
  fill: #1C1F3E;
  width: 24px;
  height: 24px;
}

.news-swiper-section .swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.more-news-title h2{
    margin: 64px 0 32px 0 !important;
}

@media (min-width: 768px) {
   .news-swiper-section {
  padding: 0 96px 64px 96px;
} 
}
@media (min-width: 1024px) {
   .news-swiper-section {
  padding: 0 128px 64px 128px;
} 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16120fec *//* Parent container */
.contact-us-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Left and right sides */
.contact-fields,
.contact-message {
    flex: 1 1 300px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Button alignment */
.submit-wrapper {
    margin-top: auto;
    text-align: right;
}

/* Simple button styling */
button {
    background-color: #0074a6;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer;
}

/* Optional: make text inputs and textarea look clean */
input,
textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Labels spacing */
label {
    display: flex;
    flex-direction: column;
    font-weight: bold;
}

/* Optional: better spacing for captcha */
.captcha {
    margin-top: 12px;
}

/* Optional: adjust layout for larger screens (not mandatory since flex-wrap works) */
@media (min-width: 768px) {
    .contact-us-form {
        flex-wrap: nowrap;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56fcfab7 */#contact-form .e-con-inner{
    margin: 0 32px;
    padding: 0;
}

#contact-form h2{
    margin-bottom: 56px;
}

/* Parent container */
.contact-us-form .e-con-inner{
    margin: 0 32px;
    padding: 0;
}
.contact-us-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0 32px 112px 32px;
}

/* Left and right sides */
.contact-fields,
.contact-message {
    flex: 1 1 300px;
    display: flex;
    flex-direction: column;
    gap: 0 !important;
}

/* Button alignment */
.submit-wrapper {
    margin-top: auto;
    text-align: right;
}

/* Simple button styling */
.contact-us-form button {
    background-color: #0075AB;
    color: #fff;
    border: none;
    padding: 4px 20px;
    border-radius: 6px;
    cursor: pointer;
    border: 1px solid #0075AB;
}
.contact-us-form button:hover {
    color: #0075AB;
    background-color: transparent
}

/* Optional: make text inputs and textarea look clean */
.contact-us-form input,
.contact-us-form textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #1c1f3e !important;
    border-radius: 6px !important;
    margin-top: .25rem !important;
}

/* Labels spacing */
.contact-us-form label {
    display: flex;
    flex-direction: column;
    font-weight: bold;
    padding-bottom: 16px;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #1c1f3e !important;
    line-height: 24px !important;
}

/* Optional: better spacing for captcha */
.captcha {
    margin-top: 12px;
}

/* Optional: adjust layout for larger screens (not mandatory since flex-wrap works) */
@media (min-width: 768px) {
    .contact-us-form {
        flex-wrap: nowrap;
    }
}


/* Tablet and up */
@media (min-width: 768px) {
    .contact-first-h1{
    padding: 64px 64px;
}
.contact-us-form {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    padding: 0 64px 112px 64px;
}
}
/* Laptop and up */
@media (min-width: 1025px) {
  .contact-first-h1{
    padding: 96px 96px;
}
.contact-us-form {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    padding: 0 128px 112px 128px;
}
}/* End custom CSS */