@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/*Default css start*/
:root {
    --bgPrimaryColor: #f7fffe;
    --bodyColor: #6E6E6E;
    --CyanColor: #f21011;
    --blackColor: #000000;
    --leadColor: #404040;
    --btnBgColor: #E8F6F5;
    --primaryBorderRadius: 12px;
    --btnBorderRadius: 30px;
}
a,a:hover{color:var(--CyanColor)}
body,ul li,ul li a{color:var(--bodyColor)}
.btn-custom,a{transition:.2s ease-in-out;outline:0}
body{ font-family: "Lato", sans-serif;line-height:1.8}
p{font-size:16px}a{text-decoration:none}
ul{display:block;padding-left:17px}
ul li{list-style:none}
ul li::marker{color:var(--blackColor)}
h1,h2,h3,h4,h5,h6{font-family: "Source Sans 3", sans-serif;font-weight:700;color:var(--blackColor);margin:0 0 30px;line-height:1.3}
h1{font-size:39px}
h2{font-size:36px}
h3{font-size:30px}
h4{font-size:24px}
h5{font-size:21px}
.lead,h6{font-size:18px}
table{font-size:14px}
.mt-80{margin-top:80px}
.mb-80{margin-bottom:80px}
.pt-80 { padding: 80px 0 0 0;}
.py-80 { padding: 80px 0;}
.pb-80{padding-bottom:80px!important}
.lead{font-weight:600;color:#404040;font-size: 16px;}
.btn-custom,.sub-title{font-size:16px;font-weight:600;}
::-webkit-scrollbar{width:5px;height:2px}
::-webkit-scrollbar-button{width:0;height:0}
::-webkit-scrollbar-thumb{background:#525965;border:0 #fff;border-radius:0}
::-webkit-scrollbar-thumb:hover{background:#525965}
::-webkit-scrollbar-thumb:active{background:#525965}
::-webkit-scrollbar-track{background:0 0;border:0 #fff;border-radius:50px}
::-webkit-scrollbar-track:hover{background:0 0}
::-webkit-scrollbar-track:active{background:0 0}
::-webkit-scrollbar-corner{background:0 0}

.btn:hover {color: #f21011!important;background-color: #f21011!important;border-color: #f21011!important;}

.sub-title{color:var(--CyanColor);margin:0}

.btn-custom, .btn-custom:hover {color: #fff!important;}
.btn-custom {display: inline-flex;gap:5px;height: 45px;background-color: #f21011;font-size: 15px;padding: 0 24px;transition: .5s ease-in-out;border-radius: 30px;align-items: center;margin: 30px 0 0;}
.btn-custom .btn-custom-holder {display: inline-block;position: relative;overflow: hidden;line-height: 1.5;}
.btn-custom .btn-custom-holder .btn-custom-text.text-one {position: relative;display: inline-block;transform: translateY(0);transition: transform .3s ease-out .15s;}
.btn-custom .btn-custom-holder .btn-custom-text.text-two {position: absolute;left: 0;top: 0;transform: translateY(-105%);transition: transform .3s ease-out;}
.btn-custom:hover .btn-custom-holder .btn-custom-text.text-one {-webkit-transform: translateY(100%);transform: translateY(100%);transition: transform .3s ease-out;}
.btn-custom:hover .btn-custom-holder .btn-custom-text.text-two {-webkit-transform: translateY(0);transform: translateY(0);transition: transform .3s ease-out .15s;}
.btn-custom .btn-custom-icon-holder {margin-right: 3px;}
.btn-custom .btn-custom-icon-holder svg line {stroke-dashoffset: 0;stroke-dasharray: 10; transition: stroke-dashoffset .6s ease-out;}
.btn-custom:hover .btn-custom-icon-holder svg line {stroke-dashoffset: 20;}

.iq-button .iq-btn-text-holder,.iq-button .iq-btn-text-holder .btn_text.one {position: relative;display: inline-block;}
.iq-button {display: inline-flex;background-color: transparent;color: #f21011;padding: 0;transition: .5s ease-in-out;border-radius: 0; align-items: center;margin: 15px 0 0 0;}
.iq-button.linked-btn {background: 0 0;color: var(--red-500);padding: 0;cursor: pointer;}
.iq-button.link-btn .iq-btn-icon-holder svg line,.iq-button.linked-btn .iq-btn-icon-holder svg line {stroke: var(--red-500);}
.iq-button:hover .iq-btn-text-holder .btn_text.one {transform: translateY(100%);transition: transform .3s ease-out;}
.iq-button .iq-btn-text-holder .btn_text.one,.iq-button:hover .iq-btn-text-holder .btn_text.two {transform: translateY(0);transition: transform .3s ease-out .15s;}
.iq-button:hover .iq-btn-icon-holder svg line {stroke-dashoffset: 20;}
.iq-button .iq-btn-text-holder {overflow: hidden;line-height: 1.5;font-weight: 600;font-size: 16px;}
.iq-button .iq-btn-text-holder .btn_text.two {position: absolute;left: 0;top: 0;transform: translateY(-105%);transition: transform .3s ease-out;}
.iq-button .iq-btn-icon-holder {margin-right: 5px;height: 25px;width: 25px;border: 1px solid #f21011;border-radius: 100%;display: flex;align-items: center;justify-content: center}
.iq-button .iq-btn-icon-holder svg line {stroke-dashoffset: 0;stroke-dasharray: 10;transition: stroke-dashoffset .6s ease-out;}

.form-floating>.form-control, .form-floating>.form-control-plaintext {padding: 1rem 28px;border: 1px solid #b5b5b5;}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {height: calc(3.0rem + 2px);line-height: 1.25;border-radius: 30px;background-color: transparent;}
.form-floating>label {position: absolute;top: 0;left: 15px;color: #000000;padding: 8px 10px;}
.form-control:focus {color: #000000;border-color: #f21011;outline: 0;box-shadow: 0 0 0 .25rem rgb(242 16 17 / 14%);}

/* ✅******************************** Owl Navigation Styling css Start **********************/
.owl-nav {position: absolute;top: 40%;width: 100%;display: flex;justify-content: space-between;opacity: 0;transition: opacity 0.3s ease;pointer-events: none;}
.owl-carousel:hover .owl-nav {opacity: 1;pointer-events: auto;}
.owl-nav button {background: rgba(0, 0, 0, 0.6) !important;color: #fff !important;border: none !important;border-radius: 50%;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.owl-nav button:hover {background: #0d6efd !important;}
.owl-nav button.disabled {opacity: 0.3 !important;cursor: not-allowed !important;}
.owl-nav .owl-prev {position: absolute;left: -24px;}
.owl-nav .owl-next {position: absolute;right: -24px;}

.owl-dots {margin-top: 24px;text-align: center;position: relative;}
.owl-dots .owl-dot span {width: 14px;height: 14px;background: #ccc;border: 2px solid #ffffff;display: inline-block;border-radius: 50%;margin: 0 2px;transition: all 0.3s ease;}
.owl-dots .owl-dot.active span {background: #f21011;border: 2px solid #f21011;transform: scale(1);}
.owl-dots .owl-dot:hover span {background: #f21011;}

.main-slider-section {position: relative;overflow: hidden;}
.carousel-inner .carousel-item img {height: 768px; object-fit: cover;object-position:center;}
.carousel-indicators {justify-content: start;padding: 0;max-width: 1320px;margin: 0 auto 30px auto; padding: 0 15px;}
.carousel-caption {background: #ffffff;background: linear-gradient(90deg, rgb(0 0 0 / 69%) 0%, rgb(255 255 255 / 0%) 70%, rgba(255, 255, 255, 0) 100%);display: flex;align-items: start;top: 0;bottom: 0;left: 0;right: 0;padding: 0;width: 100%;flex-direction: column;justify-content: center;text-align: start;}
.carousel-caption h1 {margin: 0 0 15px 0;color: #ffffff;}
.carousel-caption h1.display-6 {font-weight:600;font-size: 54px;}
.carousel-caption h5 {color: var(--sub-heading-color);font-weight: 500;margin: 0 0 20px 0;}
.carousel-caption .btn-custom {height: 52px;font-size: 18px;padding: 0 30px;font-weight: 500;}

.slider-overlay {position: absolute; right: 0;left: 0;top:0;bottom:0;background-color: transparent; z-index: 1;display: flex;align-items: center;}
.slider-overlay .head-contact-form {padding: 30px 24px;background-color: #ffffff;backdrop-filter: blur(6px);border-radius: var(--primaryBorderRadius);width: 100%;}
.slider-overlay .head-contact-form .btn-custom {height: calc(3.0rem + 2px);font-size:18px;font-weight: 600;}
.slider-overlay .head-contact-form h3 {margin:0 0 10px 0;font-size: 27px;}
.slider-overlay .head-contact-form .lead {font-size: 16px; margin: 0 0 24px 0;}

.new-section-right-image{position:relative}
.new-section-right-image .absolute-text {position: absolute;top: auto;left: 30px;right: auto;margin-left: auto;margin-right: 0;width: 180px;height: 240px;padding: 15px;border-radius: 100px;display: flex;align-items: center;justify-content: center;text-align: center;outline: #ffffff dashed 2px;outline-offset: -10px;background-color: #00000094;bottom: -20px;backdrop-filter: blur(10px);}
.new-section-right-image .absolute-text h4, .new-section-right-image .absolute-text span.h3 {color: #f21011; font-weight: 600;}
.new-section-right-image .absolute-text h4 {font-size: 16px;}
.new-section-right-image .absolute-text h3 {display: block;font-size: 72px;line-height: 0.8;color:#ffffff;position: relative;display: inline-block;} 
.about-area .content-text p{margin:0}

.new-section-2 h2 {margin:0 0 15px 0;}
.new-section-2 h2 span{color:#f21011}
.new-section-2-img{position:relative;width:100%;margin:70px 0 0;overflow:hidden;border-radius:5px}
.new-section-2-img img{width:100%;display:block;transition:transform .5s}
.new-section-2-img:hover img{transform:scale(1.05)}
.new-section-2-img::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4)}
.new-section-2-img .content{position:absolute;top:0;left:0;transform:translateY(0);color:#fff;z-index:1;max-width:100%;bottom:0;right:0;display:flex;align-items:start;flex-direction:column;justify-content:center;padding:45px}
.new-section-2-img .content h4{font-size:18px;color:#fff;margin:0 0 10px;font-weight:400}
.new-section-2-img .content h3{margin:0 0 30px;font-size:24px;color:#fff}

 /* Section styling */
.power-section {padding: 45px  0 0 0;}
.power-section h2 {color: #d92128;font-size: 36px;font-weight:800;margin-bottom:45px;line-height: 1;text-transform: uppercase;}
.power-section h2 small {color:#000000;}
.power-section h3 {font-size: 30px;margin-bottom: 45px;line-height: 1;text-transform: uppercase;}
.feature-box {border-radius: var(--primaryBorderRadius);padding: 30px 30px 20px;position: relative;transition: all 0.3s ease;background: linear-gradient(#f9f9f9, #fff);text-align: center; min-height: 110px}
.feature-box:hover {transform: translateY(-2px);box-shadow: 0 5px 10px rgba(98, 98, 98, 0.1);}/**/
.feature-box span {position: absolute;top: -18px;left: 50%;transform: translateX(-50%);background: #d92128;color: #fff;font-weight: 700;border-radius: 50%;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;font-size: 16px;}
.feature-box p {font-weight: 600;font-size: 16px;margin: 0;color: #000000;}

.transformer-section {text-align: center;background: #fff;}
.transformer-section h2 {margin-bottom: 10px;}
.transformer-section h2 span {color: #d92128;}
.transformer-section h3 {font-size: 27px;}
.transformer-card {position: relative;padding:12px;border-radius: var(--primaryBorderRadius);background: #f21011;transition: all 0.3s ease;}
.transformer-card:hover {transform: translateY(-6px);}
.transformer-card .a-1 {content: "";position: absolute;top: auto;left: -10px;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #fff;bottom: 30px;z-index: 999;transform: rotate(90deg);}
.transformer-card .a-2 {content: "";position: absolute;top: auto;right: -28px;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #f21011;bottom: 30px;z-index: 999;transform: rotate(90deg);}
.transformer-card img {width: 100%;height: 350px;object-fit: cover;border-radius: var(--primaryBorderRadius);}
.transformer-card .card-body {padding: 24px 15px;text-align: start;}
.transformer-card .card-body h5 {font-size: 24px;margin: 0; color: #ffffff;}
.transformer-bottom {margin-top: 40px;}
.transformer-bottom .display-3 {font-size: 48px;font-weight: 700;margin-bottom: 0;} 

/* ✅******************************** Category Section css Start **********************/
.about-section {background: #FFF2EF url("../images/home/bg-1.png") no-repeat center bottom / cover;}
.slider-section {width: 100%;max-width: 1320px;height: 35vh;margin: 0 auto;}
.slider-section .slider {display: flex;gap: 24px;width: 100%;height: 100%;}
.slider-section .slide {flex: 1;position: relative;overflow: hidden;border-radius: var(--primaryBorderRadius);cursor: pointer;transition: filter 0.4s ease;}
.slider-section .slide img {width: 100%;height: 100%;object-fit: cover;border-radius: var(--primaryBorderRadius);transition: transform 0.4s ease;}
.slider-section .slide .overlay {background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(255,255,255,0) 80%);height: 50%;display: flex;align-items: end;justify-content: space-between;position: absolute;left: 0;bottom: 0;right: 0;padding: 24px 45px;opacity: 0;transform: translateY(20px);transition: all 0.4s ease;z-index: 2;}
.slider-section .slide.show-content .overlay {opacity: 1;transform: translateY(0);}
.slider-section .slider .slide .overlay h4 {margin-bottom: 10px;color: #ffffff;font-size: 36px;}
.slider-section .slider .slide .overlay p {opacity: 0.9; margin: 0;color: #ffffff;}
.slider-section .slide.show-content img {transform: scale(1.05);}

@media (max-width: 575px) {
  .slider-section .slider {flex-direction: column;gap: 20px;}
  .slider-section .slide {flex: none !important;height: auto;cursor: default;border-radius: var(--primaryBorderRadius);}
  .slider-section .slide img {width: 100%;height: 220px;border-radius: var(--primaryBorderRadius);transform: none !important;}
  .slider-section .slide .overlay {position: relative;background: #000000cc;/* dark semi-transparent bg */color: #fff;opacity: 1 !important;transform: none !important;height: auto;padding: 16px;display: block;}
  .slider-section .slide .overlay .l-side h4, .slider-section .slide .overlay .l-side p {opacity: 1 !important;transform: none !important;margin: 0 0 8px;}
}

/* ✅******************************** Why choose Section css Start **********************/
.why-choose-section {background-color: #FFF2EF;}
.why-choose-section .lead {margin: 0 0 30px 0;}
.card-custom {border: none;border-radius: 12px;background: #fff;padding: 25px;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(0,0,0,0.05);}
.card-custom h3 {font-size: 60px; margin: 0;line-height: 1;position:relative;display:inline-block;}
.card-custom h3::after {    font-family: bootstrap-icons !important;content: "\F64D";position: absolute;top: 10px;right: -45px;font-size: 36px;left: auto;}
.card-custom p.lead {font-size: 16px;margin: 0 0 24px 0; color: #f21011;display:block;}
.card-custom:hover {transform: translateY(-6px);box-shadow: 0 8px 20px rgba(0,0,0,0.1);}
.card-custom h5 {margin-bottom: 12px;}
.card-custom p {color: #555;font-size: 15px;margin: 0;}
.card-footer-text {font-weight: 600;color: #0d6efd;margin-top: 15px;display: flex;justify-content: space-between;align-items: center;}
.card-footer-text small {display: block;}
.arrow {color: #f21011;transition: transform 0.3s ease;font-size: 42px;}
.card-custom:hover .arrow {transform: translateX(6px);color: #0d6efd;}
.img-card {overflow: hidden;border-radius: 12px;}
.img-card img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}
.img-card:hover img {transform: scale(1.05);}

.right-section {flex: 1 1 45%;display: flex;justify-content: space-between;flex-wrap: wrap;}  

/* ✅******************************** City Section css Start **********************/
#team-carousel .item {margin: 5px 0;}
.dashboard-section {background-color: #FFF2EF;}
/* .dashboard-section span {color: #f21011;} */
.dashboard-section h5{margin: 0 0 30px 0;}

.ev-transformer-section {background-image: url("../images/home/ev-bg.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;padding: 80px 0;}
.ev-transformer-section h5 {font-weight:600;font-size:21px;}
.ev-transformer-section h6 {font-size: 21px; color: #ffffff;margin: 30px 0;font-style:italic;}
.ev-transformer-section ul {margin: 0;}
.ev-transformer-section ul li  { list-style: disc; color: #ffffff; margin: 0;}
.ev-transformer-section ul li b {font-size: 16px;}
.ev-transformer-section ul li:last-child {margin: 0;}
.ev-transformer-section ul li::marker { color: #ffffff;}


.dashboard-section .city-card {transition: transform 0.4s ease;margin: 0;border-radius: var(--primaryBorderRadius);padding: 0;background-color: transparent;box-shadow: rgb(60 64 67 / 0%) 0px 1px 2px 0px, #3c404326 0px 1px 3px 1px;}/**/
.dashboard-section .city-card:hover {transform: translateY(-5px);} 
.dashboard-section .city-card .city-card-img {overflow: hidden;border-radius: var(--primaryBorderRadius);position:relative}
.dashboard-section .city-card .city-card-img img {transition: transform 0.4s ease;width:100%;height: 420px;object-fit: cover;border: none;border-radius: var(--primaryBorderRadius);}
.dashboard-section .city-card:hover .city-card-img img {transform: scale(1.05);}
.dashboard-section .city-card-content {display: flex;align-items: start;padding: 24px;position: absolute;bottom: 0;right: 0;left: 0;height: 30%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.91) 0%, rgba(0, 0, 0, 0) 100%);flex-direction: column;justify-content: end;}
.dashboard-section .city-card-content h3 {margin: 0;color: #ffffff;font-size:24px;}
.dashboard-section .city-card-content p {margin: 0;color: #ffffff;font-size: 16px;font-weight:600;}

.dashboard-section .team-card {transition: transform 0.4s ease;margin: 0;box-shadow: rgb(60 64 67 / 0%) 0px 1px 2px 0px, #3c404326 0px 1px 3px 1px;border-radius: var(--primaryBorderRadius);padding: 15px;background-color: #ffffff;}
.dashboard-section .team-card:hover {transform: translateY(-5px);} 
.dashboard-section .team-card .team-card-img {overflow: hidden;border-radius: var(--primaryBorderRadius);position:relative;border: 1px solid rgb(230 15 16 / 20%);}
.dashboard-section .team-card .team-card-img img {height: 220px;width:100%;object-fit: cover;border-radius: var(--primaryBorderRadius);transition: transform 0.4s ease;}
.dashboard-section .team-card .team-card-img.team-card-image-big img {height: 600px;}
.dashboard-section .team-card:hover .team-card-img img {transform: scale(1.05);}
.dashboard-section .team-card-content {display: flex;align-items: self-start;flex-direction:column;padding: 15px 0 0 0;height:100%;}
.dashboard-section .team-card-content h4 {margin: 0; font-size: 21px;}
.dashboard-section .team-card-content h4:first-child {margin-top: 0;} 

/* ✅******************************** Quote Section css Start **********************/
.project-wide-section {background-color: #000;overflow: hidden;}
.project-wide-section .iq-button {margin: 30px 0 0 0;}
.project-wide-section .iq-button .iq-btn-icon-holder {margin-right: 5px;height: 45px;width: 45px;border: 2px solid #f21011;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.project-wide-section .iq-btn-text-holder {font-size: 30px;}
.project-wide-section h2 {margin: 0 0 15px 0;}
.project-wide-section .product-list{max-width:100%;}
.project-wide-section .product-list h4{font-size:15px;font-weight:700;margin-bottom:12px}
.project-wide-section .product-list .list-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px}
.project-wide-section .product-list .list-item{display:flex;align-items:flex-start;font-size:15px;color:#ffffff;line-height:1.4}
.project-wide-section .product-list .list-item .check-icon{background:#f21011;color:#fff;font-size:12px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0}
.project-wide-section .three-image-row {padding: 30px 0 0 0;}
.project-wide-section .three-image-row .image-grid {justify-content: center;display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 3fr));gap: 15px;}
.project-wide-section .three-image-row .image-grid .image-box {position: relative;overflow: hidden;border-radius: var(--primaryBorderRadius);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);transition: transform 0.4s ease;}
.project-wide-section .three-image-row .image-grid .image-box:hover {transform: translateY(-5px);}
.project-wide-section .three-image-row .image-grid .image-box img {width: 100%;height: 100%;object-fit: cover;border-radius: var(--primaryBorderRadius);}

/* ✅******************************** Client Section css Start **********************/
.marquee-vertical-wrapper {position: relative;height: 520px;overflow: hidden;}
.marquee-vertical-track {display: flex;flex-direction: column;gap: 15px;will-change: transform;}
.marquee-vertical-row {gap: 15px;background: #ffffff;padding: 0;align-items: center;justify-content: flex-start;display: grid;grid-template-columns: repeat(4, 1fr);margin: 0;}
.marquee-vertical-row img {width: 145px;height: auto;display: block;margin: 0 auto;border-radius: var(--primaryBorderRadius);border: 1px solid #e5e5e5;}
.marquee-vertical-wrapper:hover .marquee-vertical-track {animation-play-state: paused;}
.marquee-vertical-track:hover .marquee-vertical-row {filter: blur(0px);transition: filter 0.3s ease;}
.marquee-vertical-track:hover .marquee-vertical-row:hover {filter: blur(0);}

/* .last-section {background: #FFF2EF url("../images/home/bg-2.jpg") no-repeat center bottom / cover;height: 768px;} */
.last-section .last-section-img a img {object-fit: cover;height:100%;width:100%;}

/* Floating Buttons Wrapper */
.floating-buttons {position: fixed;bottom: 15px;right: 15px;display: flex;flex-direction: column;gap: 5px;z-index: 1;opacity: 0;visibility: hidden;transition: all 0.4s ease-in-out;}
.float-btn {width: 50px;height: 50px;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 21px;text-decoration: none;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.float-btn:hover {transform: scale(1.1);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);}
.call-btn {background-color: #f21011;color: #fff;}
.call-btn:hover{color: #fff;}
.whatsapp-btn {background-color: #25D366;}
.whatsapp-btn:hover{color: #fff;}
.floating-buttons.show {opacity: 1;visibility: visible;bottom: 30px;}

.thankyou-section {background: linear-gradient(275deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%), url('../images/thankyou/thankyou-bg.png') no-repeat center center/cover;height:80vh;display: flex;align-items: center;justify-content: center;}
.thankyou-card {max-width: 600px;width: 100%;margin: 100px auto 0 auto;background-color: #0000000a;padding: 45px;text-align: center;backdrop-filter: blur(3px);border-radius: 15px;}
.thankyou-card .thankyou-icon {width: 100px;margin: 0 auto;}
.thankyou-card h1 {font-weight: 600; color: #f21011; line-height: 1;margin: 30px 0 24px 0;}
.thankyou-card p {margin-bottom: 15px;}
.thankyou-card p.lead {line-height: 1.3;}
.thankyou-contact-detail {display: flex;align-items: center;justify-content: center;gap:30px;margin: 24px 0 0 0;}

/* ✅******************************** Footer Section css Start **********************/
footer {background-color: #0d0d0d;color: #fff;padding: 50px 0 20px;}
footer a {color: #ddd;text-decoration: none;transition: color 0.3s ease;}
footer a:hover {color: var(--hoverColor);}
.footer-contact {border-left: 1px solid #444444;padding: 30px 0 30px 30px;}
.footer-contact p {margin-bottom: 8px;font-size: 15px;color: #bbbbbb;}
.footer-contact p i {font-size: 18px;color: #ffffff;}
.footer-logo img {width: 340px;margin-bottom: 20px;}
.footer-links li {margin-bottom: 8px;list-style: none;}
.footer-links a {font-size: 15px;}
.footer-social {display: flex;gap: 15px;align-items: center;margin: 24px 0 0 0;}
.footer-social a {color: #bbbbbb;font-size: 24px;}
.footer-social a:hover {color: var(--hoverColor);}
.footer-bottom {margin-top: 30px;padding-top:0;color: #bbb;}