/* @import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@800&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Montserrat';
}
body, html {
    overflow-x: hidden; /* Hide horizontal scroll */
}

.navbar-light .navbar-nav .nav-link {
    opacity: 1;
}
.common-padding{
    padding: 0px 20px !important;
}

.navbar{
    box-shadow: 0px 9px 10px -10px rgba(86, 86, 86, 0.578);
}
.navbar-nav .nav-link,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:active {
    color: #000000 !important; /* Default color */
    text-decoration: none; /* Remove underline */
}
.navbar-nav .nav-link {
    color: #000000 !important; /* Default color */
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding-bottom: 5px; /* Adjust spacing */
}
.navbar-nav .nav-link::after {
    content: "";
    display: block;
    width: 0%; /* Initially hidden */
    height: 2px;
    background-color: #4E4E4E; /* Default underline color */
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%); /* Center the underline */
    transition: width 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

/* Expand underline when active */
.navbar-nav .nav-link.nav_active::after,
.navbar-nav .nav-link:hover::after {
    width: 50%; /* Set width to 50% */
}

/* Change text color on hover */
.navbar-nav .nav-link:hover {
    color: #BB5700 !important;
    
}

/* Active state text color */
.navbar-nav .nav-link.nav_active {
    color: #BB5700 !important;
    font-weight:800;
}

/* Keep underline color consistent for active state */
.navbar-nav .nav-link.nav_active::after {
    width: 50%;
    background-color: #4E4E4E;
}

/* Change underline color when hovering over the active link */
.navbar-nav .nav-link.nav_active:hover::after {
    background-color: #002244;
}
.text-color3{
    color:#323232;
}


.btn-no-outline:focus {
    outline: none;
    box-shadow: none; 
}


.navbar ul li .active{
    color:#05199F !important;
    width: 100%;
  }

/* html {
    scroll-behavior: smooth; 
    scroll-padding-top: 70px; 
} */

.navbar-light .navbar-toggler {
    color: #2D5BAD;
    border-color: transparent;
}


.navbar-toggler {
    border: none;
}
.navbar-toggler:focus {
    outline: none;
}
.navbar-toggler:active {
    box-shadow: none;
}

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: none;
    box-shadow: none;
    border: none;
}

.navbar-toggler{
    border:0;
}
.navbar-light .navbar-toggler{
    border:none !important
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus{
    outline:none;
    box-shadow: none;
    border:0;
}
.navbar .btn-outline-success{
    font-size: 20px;
    border-width:2px ;
    font-weight: 300;
    width:7rem;
}
.btn-outline-success {
    color: #323232 !important;
    background-color: transparent;
    background-image: none;
    border:2px solid #E26900 !important;
    border-radius: 25px !important;
}
.btn-outline-success:hover {
    color: #fff !important;
    background-color:#E26900 !important;
    border-color:#E26900 !important;
}

.btn-outline-success:focus, .btn-outline-success:active {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

.middle-bar{
    margin: 5px auto;
}
.toggler-icon{
    width: 30px;
    height: 3px;
    background-color:#002244;
    display: block;
    transition: all 0.2s;
}
.navbar-toggler  .top-bar{
    transform:rotate(45deg);
    transform-origin: 17% 0%;
}
.navbar-toggler  .middle-bar{
    opacity: 0;
    filter: alpha(opacity=0);
}
.navbar-toggler  .bottom-bar{
    transform:rotate(-45deg);
    transform-origin: 5% 0%;
}
.navbar-toggler.collapsed .top-bar{
    transform: rotate(0);
}
.navbar-toggler.collapsed .middle-bar{
    opacity: 1;
    filter: alpha(opacity=100);
}
.navbar-toggler.collapsed .bottom-bar{
    transform: rotate(0);
}
.navbar-toggler.collapsed .toggler-icon{
    background-color: #777777;
}
.navbar .btn-outline-success{
    font-size: 20px;
    border-width:2px ;
    font-weight: 300;
    width:7rem;
}
.btn-outline-success {
    color: #ffffff !important;
    background-color: #002244 !important;
    background-image: none;
    border-color:#002244 !important;
    border-radius: 25px !important;
}

.btn-outline-success:hover {
    color: #fff !important;
    background-color: #E26900 !important;
    border-color: #E26900 !important;
}

.btn-outline-success:focus, .btn-outline-success:active {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
}
.btn-outline-success1{
    color: #323232 !important;
    background-color: transparent !important;
    background-image: none;
    border:2px solid #E26900 !important;
    border-radius: 25px !important;
    width:10rem;
}
.btn-outline-success1:hover{
    color: #fff !important;
    background-color:#002244!important;
    background-image: none;
    border:2px solid #002244 !important;
    border-radius: 25px !important;
    width:10rem;
}
.btn-outline-success1:focus, .btn-outline-success1:active {
    outline: none !important;
    box-shadow: none !important;

}
.logo {
    width: 150px;
    height:auto;
    margin: 0rem 0rem;
}
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: none !important;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
#home-banner h1{
    font-size: 45px !important;
}
#home-banner button{
    font-weight: 600;
    height: 3rem;
    width: 11rem;
    font-size: 18px;
    border: none;
    background-color: #D28D02;
    color: #FFFFFF;
    border-radius: 10px;
}
#home-banner button:hover{
    background-color:#D28D02 ;
    color:#FFFFFF;
}

.set-text{
    margin-top:10%;
}
.text-color{
    color:#E26900;
}
.text-color1{
    color:#323232;
}
.text-color2{
    color:#ffffff;
}
.text-coloring{
    color:#040404;
}
.text-color4{
    color:#BB5700;
    font-weight:700;
}
.integration-section {
  background-image: url('../images/integration_bg.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 30px 30px 30px 30px;
  text-align: center;
}
.integration-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap:20px;
}

#integration-title {
  color: #E26900;
  font-weight:700;
  margin-bottom: 40px;
}

.integration-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  /* padding-left: 50px; */
}
.integration-box img{
    width:350px;
}
.integration-icon-wrapper {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  height: 80px;
  background: white;
  border-radius: 50%;
  border: 3px solid #f58220;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.integration-icon-wrapper img {
  width: 40px;
  height: 40px;
}

.integration-description {
  font-weight: 600;
  color:#BB5700;
  font-size: 19px;
  margin-top: 10px;
}


.integration-box {
  font-weight: 700;
  padding: 0px 30px 0px 30px;
  display: inline-block;
  min-width: 250px;
  text-align: left;
}

/* Define the keyframes for pulsing */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}


/* Content Section */
.content {
    display: flex;
    flex-wrap: wrap;
    border-radius: 34px;
    overflow: hidden;
}

/* Left Image Section */
.image-container {
    flex: 1;
    min-width: 300px;
}

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

/* Right Text Section */
.text-container {
    flex: 1;
    padding: 20px;
    position: relative;
    text-align: left;
    align-items: center;
    justify-content: center;
    display: flex;
    border:1px solid #707070;
    border-top-right-radius:34px;
    border-bottom-right-radius:34px;
}

/* Icon Styling */
.icon {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.icon img {
    width: 95px;
    height: 95px;
}

.contact-box {
    background: white;
    border-radius:50px;
    /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); */
    overflow: hidden;
    border:1px solid #4E4E4E;
    /* display: flex;
    flex-wrap: wrap; */
}

.contact_img{
    width:100%;
    height:100%;
    object-fit: cover;
    position: relative;
    top: 0;
    left: 0;
}


/* Ended here */
.contact-us-input{
    padding:5px 10px 5px 10px;
    outline: none;
    border:none;
    width: 100%;
    color: #8E8E8E;
    background: transparent;
    height: 3rem;
    border-bottom: 1px solid #8E8E8E;
    border-radius: 0;
    margin-top:1rem ;
    font-size: 16px;
}

.navbar-toggler {
    padding:0px !important;
}
.image-about-us{
    width: 100%;
    height: auto;
}
.fw-100{
    font-weight:100 !important;
}
.fw-200{
    font-weight:200 !important;
}
.fw-300{
    font-weight:350 !important;
}
.fw-400{
    font-weight: 400 !important;
}
.fw-500{
    font-weight: 500 !important;
}
.fw-600{
    font-weight:600 !important;
}
.fw-bold{
    font-weight: 700 !important;
}
.fw-800{
    font-weight: 800 !important;
}
.fs-11{
    font-size:10px !important;
}
.fs-12{
    font-size:12px !important;
}
.fs-13{
    font-size:13px !important;
}
.fs-16{
    font-size:16px !important;
}
.fs-18{
    font-size: 18px !important;
}
.fs-15{
    font-size:20px !important;
}
.fs-20{
    font-size:20px !important;
}
.fs-21{
    font-size:21px !important;
}
.fs-22{
    font-size:22px !important;
}
.fs-23{
    font-size:23px !important;
}
.fs-24{
    font-size: 24px !important;
}
.fs-28{
    font-size: 28px !important;
}
.fs-30{
    font-size: 30px !important;
}
.fs-36{
    font-size: 36px !important;
}
.fs-38{
    font-size:38px !important;
}
.fs-45{
    font-size:45px !important;
}
.fs-60{
    font-size:60px !important;
}

a .link {
    
    text-decoration: none;
}
a.link:hover {
     
    text-decoration: none;
}
/*  */
#footer{
    background-image:url('../images/footer.png');
    width: 100%;
    height:auto;
    margin-top: 6rem;
    position: relative;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.logo-footer{
    /* width: 100px; */
    height:4rem;
    margin-bottom:1rem;
}
 .shadow-lg{
    box-shadow:#00000029;
 }

.features {
    width: 90%;
    max-width: 800px;
    margin: 40px auto;
}
.input-box {
    width: 100%;
    text-align: left;
}

label {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}

input, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #707070;
    border-radius:5px;
    font-size: 14px;
}

textarea {
    height: 100px;
    resize: none;
}
.submit-btn:hover {
    background: #002244;
}

.product-card {
    border: 2px solid transparent;
    box-shadow: 0px 0px 5px #E26900;
    border-radius: 10px;
}

.icon1 img {
    width: 60px;
    height: 60px;
}

.why-agency {
    background: #F9B070;
    color: white;
    padding:0px 20px;
    margin-top:-9rem;
    border-radius:20px;
}

.set-top {
    padding-top:12rem;
}
.set-padding{
    padding:0px 70px;
}
/* Screenshot container: flex row to slide images */
.screenshot-slider {
    position: absolute;
    top: 0.17%;
    left: 3%;
    width: 94%;
    height: 76%;
    overflow: hidden;
}

.screenshot-slider-inner {
    display: flex;
    transition: transform 0.6s ease-in-out;  /* smooth sliding */
    height: 100%;
}

.screenshot-slider-inner img {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.agency-section {
    position: relative;
    background: url('../images/agency_bg.png') no-repeat center center/cover;
    color: #fff;
    padding: 80px 0;  /* space for text */
}

.monitor-wrapper {
    position: absolute;   /* place on top of background */
    left:52%;            /* adjust to move horizontally */
    bottom: 0;            /* stick to bottom */
    max-width: 550px;     /* adjust size */
}

.monitor-frame {
    width: 100%;
    height: auto;
    display: block;
}

/* Screenshot inside monitor */
.screenshot-slider {
    position: absolute;
    top: 0.17%;       /* lower value pushes screenshot upward */
    left: 3%;      /* lower value pushes screenshot left */
    width: 94%;    /* wider */
    height: 76%;   /* taller */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.screenshot-slider img.screenshot {
    max-width: 100%;
    max-height: 100%;
    width: auto;   /* ✅ keep natural aspect */
    height: auto;  /* ✅ keep natural aspect */
    display: none;
}

.screenshot-slider img.active {
    display: block;
}

/* Dots overlay inside monitor */
.dots {
    position: absolute;
    bottom: 20.5%;   /* place inside bezel area */
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
}

.dot {
    width: 12px;
    height: 12px;
    background-color: #B8B8B8;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s;
}

.dot.active {
    background-color: #1D2856;
}

/* Apply to all anchors you’re scrolling to */
[id^="integration-"] {
  scroll-margin-top: 160px; /* adjust to your header height */
}

.integrations-section {
  text-align: center;
  padding: 50px 0;
}

.logo-slider {
  background: #F3F3F3;
  border-radius: 12px;
  padding: 30px 30px; /* added spacing top/right/bottom/left */
  margin-top: 30px;
}

.logo-slider img {
    height:auto;         /* smaller height for consistency */
    width: auto;           /* maintain aspect ratio */
    object-fit: contain;
    display: block;
    margin: 0;
}

.swiper-wrapper{
    padding:30px 20px 30px 0px;
}

.swiper-pagination {
    position: static !important; 
    margin-top: 20px;            
    text-align: center;          
    transform: none !important;  
    z-index: auto;                
    opacity: 1 !important;       
}


.swiper-pagination-bullet {
  background: #222;
  width: 30px;        
  height: 30px;
  border-radius: 50%; 
  opacity: 1;
  margin: 0 6px;
  transition: transform 0.3s ease; 
}

.swiper-pagination-bullet-active {
  background: #1D2856 !important;
  transform: scale(1.6); 
}

.product{
    background-image:url('../images/product_type_bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/* Individual backgrounds */
.header-ownership::before {
    background-image: url('../images/owner_service.png'); 
}
.header-lien::before { 
    background-image: url('../images/lien_services.png'); 
}
.header-valuation::before { 
    background-image: url('../images/condition_services.png'); 
}
/* Card box */
.product-box {
    border-radius: 25px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px #00000029;
}

/* Product Header with background image + dark overlay */
.product-header {
    position: relative;
    text-align: center;
    padding: 20px 18px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    z-index: 2;
}
.product-header_1 {
    position: relative;
    text-align: left;
    /* padding: 20px 18px; */
    font-size: 18px;
    font-weight: 700;
    color: #000;
    z-index: 2;
}
/* Column Specific Styles */
.col-lg-4:first-child .product-box,
.col-lg-4:last-child .product-box {
    background: #F1F9FC;
    border: 2px solid transparent;
    box-shadow: 0 4px 12px #00000029;
}

.col-lg-4:nth-child(2) .product-box {
    background: #FFF5F3;
    border: 2px solid transparent;
    box-shadow: 0 4px 12px #00000029;
}
/* Override only for 2nd column items */
.col-lg-4:nth-child(2) .product-item_1 {
    border: 2px solid #EBCFC9;
}
.col-lg-4:nth-child(2) .product-item {
    border: 2px solid #EBCFC9;
}
/* Background image (different for each card) */
.product-header_1::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-size: cover;
    background-position: center;
    z-index: -1;
}
.product-header::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

/* Overlay */
.product-header::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: -1;
}
.product-header_1::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: -1;
}
/* Product Items */
.product-item_1 {
    display: flex;
    align-items: center;
    gap: 10px;                
    padding: 10px 15px;    
    background: #fff;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #B5DCEB; 
    border-radius: 8px;
    margin: 10px 0px;        
    box-shadow: 0 2px 6px #00000029;
    transition: 0.2s ease;
}

.product-item {
    display: flex;
    align-items: center;
    gap: 30px;                
    padding: 14px 22px;       
    background: #fff;
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #B5DCEB; 
    border-radius: 8px;
    margin: 12px 16px;      
    box-shadow: 0 2px 6px #00000029;
    transition: 0.2s ease;
}
/* Hover effect */
/* Hover effect */
.product-item_1:hover {
    color: #f97316;                  
    border-color: #f97316;           
    background-color: #FFF3E9;      
    transition: all 0.3s ease;       
}
.product-item:hover {
    color: #f97316;                  
    border-color: #f97316;           
    background-color: #FFF3E9;      
    transition: all 0.3s ease;       
}

.pdf-link.active .product-item_1 {
    color: #f97316;                  
    border-color: #f97316;           
    background-color: #FFF3E9;      
}

#pdf-fallback {
    font-size: 18px;
    text-align: center;
    color: #dc3545; 
    border: 1px dashed #dc3545;
    padding: 40px;
    background-color: #fff0f0;
    margin-top: 20px;
}

#pdf-viewer {
    max-height: 180vh; 
    width: 100%;   
    overflow-y: auto;
    /* padding-right: 10px; */
}

#pdf-viewer canvas {
    display: block;
    margin: 0 auto;
    box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075), 0 0.3px 0.4px hsla(0, 0%, 0%, 0.02), 0 0.9px 1.5px hsla(0, 0%, 0%, 0.045), 0 3.5px 6px hsla(0, 0%, 0%, 0.09), 0 2px 4px -2px hsla(0, 0%, 100%, 0.15);
    max-width: 100%;
    padding: 20px;
}

.pdf-link {
    text-decoration: none;
    color: #000;
}

.pdf_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #222;
    color: #fff;
    padding: 15px;
}

.product-item_1:hover img {
    transform: none;                 
    transition: transform 0.3s ease;
}

.product-item:hover img {
    transform: none;                 
    transition: transform 0.3s ease;
}

/* Icon inside product items */
.product-item_1 img {
    height: 30px;
    width: auto;
}
.product-item img {
    height: 30px;
    width: auto;
}
/* Hover effect override only for 2nd column items */
.col-lg-4:nth-child(2) .product-item_1:hover {
    color: #000; 
    border-color: #B5DCEB; 
    background-color: #F1F9FC;
}

.col-lg-4:nth-child(2) .product-item:hover {
    color: #000; 
    border-color: #B5DCEB; 
    background-color: #F1F9FC; 
}


/* Footer Background */
.footer {
    background-image: url('../images/footer_bg.png');
    background-size: cover;
    background-position: center;
    color: white;
    padding-top: 50px;
}
/* Footer Text */
.footer-text {
   
    margin-top: 10px;
    color: #000000;
    line-height:1.7;
    font-weight:400;
}

/* Social Icons - Inside Circles */
.social-icons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.social-icons a {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: rgba(255, 255, 255, 0.2); */
    border-radius: 50%;
    border:1px solid #fff;
    color: white;
    font-size: 16px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.social-icons a:hover {
    background-color: #ff7f00;
    color: white;
}

/* Footer Links */
.footer-title {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 15px;
    color:#E26900;
    font-weight:600;
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 8px;
}

.footer-links a {
    text-decoration: none;
    color: #000000;
    font-weight:400;
    transition: color 0.3s ease;
}
.footer-links li span {
    text-decoration: none;
    color: #000000;
    font-weight:400;
    transition: color 0.3s ease;
}
.footer-links a:hover {
    color: #BB5700;
    text-decoration:underline;
}

/* Contact Info */
.footer-contact {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-contact li {
    /* display: flex; */
    margin-bottom: 30px;
}



.contact-label {
    font-size: 14px;
    color: #000;
}

.footer-contact p {
    margin: 0;
    font-size: 14px;
    color: #000;
}

/* Subscribe Box */
.subscribe-box {
    position: relative;
    margin-bottom: 10px;
}

.subscribe-box input {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 5px;
    outline: none;
}

.subscribe-box .subscribe-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #8C8989;
    font-size: 16px;
    cursor: pointer;
}

/* Separator Line Before Copyright */
.footer-line {
    width: 100%;
    height: 1px;
    background: #000;
    margin: 20px 0 0 0;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: transparent !important;
    background-clip: padding-box;
    border: 1px solid #707070 !important;
    border-radius: .25rem;
    transition: border-color .15sease-in-out, box-shadow .15sease-in-out;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: none !important;
}
/* Copyright */
.copyright {
    font-size: 14px;
    margin-top: 10px;
    color: #000;
    margin-bottom:10px !important;
}



/* Card Styling */
.card {
background: #ECECEC !important;
padding: 20px;
border-radius: 15px !important;
text-align: center;
position: relative;
height:200px;
border:0px !important;
}

/* Card Title */
.card-title {
font-size: 18px;
font-weight: bold;
color: #222;
margin-bottom: 10px;
}


/* Card Text */
.card-text {
font-size: 15px;
color: #555;
line-height: 1.5;
}

/* Icon Positioning */
.card-icon {
position: absolute;
bottom: 6px;
right: 10px;
border-radius: 50%;
padding: 12px;
display: flex;
justify-content: center;
align-items: center;
}

.card-icon img {
width: 60px;
height:60px;
}


.contact-item {
    display: flex;
    align-items: center;
    text-align: left;
}

.contact-text i {
    font-size: 18px;
    margin-right: 10px;
    color: #ffffff;   
    min-width: 20px;
}


.contact-text {
    /* display: flex; */
    flex-direction: column;
}

.contact-label {
    font-weight: 600;
}
.form-group.d-flex .input-box {
  min-width: 250px;
}
.input-box select, 
.input-box input, 
.input-box textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.input-box select {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff !important; 
  color: #000 !important;             
  font-size: 16px;
  cursor: pointer;
}

.input-box select option {
  background-color: #fff !important; 
  color: #000 !important;            
}
select, option {
  color: #000 !important;
}


/* Section background */
.advantages-section {
  background-image: url('../images/advantages_bg.png');
  background-repeat:no-repeat;
  background-size: 100% 100%;
  padding: 40px;
}

/* Card wrapper */
.advantage-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  transition: transform 0.3s ease;
    box-shadow: 0px 3px 8px #00000029;
    border-bottom-left-radius: 85px;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 85px;
    border-top-left-radius: 15px;
}

/* Header background */
.advantage-header {
  background-size: cover;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
}

/* Title inside header */
.advantage-title {
  font-size:20px;
  font-weight: 600;
  line-height: 1.3;
}

/* Highlighted word */
.highlight {
  color: #FFFFFF;
  font-weight: 800;
}

/* Card content/body */
.advantage-body {
  padding: 20px;
  font-size: 17px;
  color: #333;
  line-height: 1.5;
  border-bottom-left-radius:85px;
  border-bottom-right-radius: 15px;
  flex-grow: 1;
  /* box-shadow: 10px 10px 5px #00000029; */
  display: flex;
  /* align-items: center; */
  text-align: center;
  background:#fff;
}

/* Title Styling */
.section-title {
    font-size: 28px;
    font-weight: bold;
    color: #323232;
    margin-bottom: 30px;
}


/* Image Styling */
.icon-img {
    width: 75px;
    height: 75px;
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
}
ul li{
    text-align:center;
}
.orange-shape img {
    max-width: 100%;
    height: auto;
    overflow:hidden;
}


.integration-icon {
    width: 40px;
    height: 40px;
    transition: transform 0.3s ease-in-out;
}

.integration-card:hover .integration-icon {
    transform: scale(1.05);
}

.integration-text {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    transition: color 0.3s ease-in-out;
}

.integration-card:hover .integration-text {
    font-weight:bold;
}
.banner_sm {
    width: 100%;
    overflow-x: hidden;
    position: relative;
}  
.responsive-padding {
  padding-left: 6vw; 
}




/* Responsive Styles */
@media (max-width: 768px) {
    .contact-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .contact-item i {
        margin-bottom: 5px;
    }
}
@media screen and (min-width:320px) and (max-width:375px){
    .orange-shape {
        position: absolute;
        left:-230px !important;
        top:70px;
        height: auto;
        transform: rotate(0deg); 
        z-index: 0; 
        overflow:hidden;
    }
    .footer-title {
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 0px;
        color:#000000;
        font-weight:600;
    }
    .footer-contact li {
        
        margin-bottom: 20px;
    }
    .fs-55{
        font-size:30px !important
    }
}
@media screen and (min-width: 375px) and (max-width: 425px) { 
    .orange-shape {
        position: absolute;
        left:-265px !important;
        top:65px;
        height: auto;
        transform: rotate(0deg); 
        z-index: 0; 
        overflow:hidden;
    }
    .footer-contact li {
        
        margin-bottom: 20px;
    }
    .fs-55{
        font-size:30px !important
    }
     .agency-section {
        position: relative;
        background: url(../images/agency_bg.png) no-repeat center center / cover;
        color: #fff;
        padding: 0px 0 385px 0;
    }
   .monitor-wrapper {
        position: absolute;   
        left: 13% !important;
        right: 13% !important;           
        bottom: 0;            
        max-width: 300px;     
    }
}

    
/* sm devices to sml  */
@media screen and (min-width: 320px) and (max-width: 425px) {  
    /* Footer Background */
    .footer {
        background-image: url('../images/footer_sm_bg.webp');
        background-size: cover;
        background-position: center;
        color: white;
        padding-top: 50px;
    }
    
    .footer-links li {
        margin-bottom: 8px;
        display:inline;
        font-size: 16px;
        margin-right: 1rem;
    } 
    
    .submit-btn {
        width: 100%; 
        padding: 12px;
        border: none;
        border-radius: 40px;
        background: #BB5700;
        color: white;
        font-weight:700;
        font-size: 16px;
        cursor: pointer;  
        display: block;
        margin-left: auto; 
        margin-top: 25px;  
    }
    .card {
        background: #ECECEC !important; 
        padding: 20px;
        border-radius: 15px !important;
        text-align: center;
        position: relative;
        height:300px;
        /* border:0px !important; */
    }
    /* .orange-shape {
        position: absolute;
        left:-300px;
        top:-85px;
        height: auto;
        transform: rotate(0deg); 
        z-index: 0; 
        overflow:hidden;
    }
   */
    
    .common-padding {
        padding: 0px 10px !important;
    }
    .icon {
        left: 50%;
        top: -30px;
        transform: translateX(-50%);
    }
    /* Right Text Section */
    .text-container {
        flex: 1;
        padding: 20px;
        position: relative;
        text-align: left;
        align-items: center;
        justify-content: center;
        display: flex;
        border:1px solid #707070;
        border-top-right-radius:0px;
        border-bottom-left-radius:34px;
        border-bottom-right-radius:34px;
    }
    .padding-set{
        padding:25px;
    }
    html {
        scroll-behavior: smooth; 
        scroll-padding-top: 75px !important; 
    }
    .fs-22{
        font-size:14px !important;
    }
     .fs-24{
        font-size: 14px  !important;
     }
    .footer-links{
        text-decoration: none !important;
        color:white;
        font-size: 18px;
    }
    .footer-link{
        text-decoration: none !important;
        color:white;
        font-size: 18px;
    }
    
    .footer-link a:hover{
        text-decoration: none !important;
        color:white;
        font-size: 18px;
    }
    .footer-links:hover{
        color:#D28D02;
        transform: scale(1.1);
        transition: all .1s ease;
    }

   
    #home-banner{
        background-image: url('../images/banner_bg.png') !important;
        background-repeat: no-repeat;
        background-position: 0% 75%;
        background-size: cover;
        max-height: 1400px;
        position: relative;
    }

    .fs-28{
        font-size: 14px !important;
    }
    .banner {
        padding-top: 3px !important;
    
    } 
    .banner-image {
        position: relative !important;
        top: 0;
        bottom: 0;
        right: 0;
        width: 300px !important; 
        height: auto;
    }
    /* .orange-shape {
        position: absolute;
        left: -260px !important;
        top: 100px !important;
        height: auto;
        transform: rotate(0deg);
        z-index: 0;
    } */
    .footer-text{
        text-align:center;
    }
    #pdf-viewer {
        max-height: 100vh; 
        width: 100%;   
        overflow-y: auto;
        padding-right: 10px;
    }
}

@media screen and (min-width: 320px) and (max-width: 395px) {
     .agency-section {
        position: relative;
        background: url(../images/agency_bg.png) no-repeat center center / cover;
        color: #fff;
        padding: 0px 0 300px 0;
    }
    .monitor-wrapper {
        position: absolute;   
        left:5%;
        right:5%;            
        bottom: 0;            
        max-width: 300px;     
    }
    
    /* Footer Background */
     .footer {
        background-image: url('../images/footer_sm_bg.webp');
        background-size: cover;
        background-position: center;
        color: white;
        padding-top: 50px;
    }
    .footer-title {
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 0px;
        color:#E26900;
        font-weight:600;
    }
    .footer-links li {
        margin-bottom: 8px;
        display:inline;
        font-size: 16px;
        margin-right: 1rem;
    } 
    .footer-links {
        list-style: none;
        padding: 0;
        text-align:center;
    }
    .card-text {
        font-size: 14px;
        color: #555;
        line-height: 1.5;
        }
    .slider-container {
        background: #F4A261;
        padding: 2px 20px;
        border-radius: 20px;
        text-align: center;
    }
    
    .banner_sm{
        background-image: url('../images/banner_bg_sm.webp')!important;
        background-size:100% 100%;
        background-repeat: no-repeat;
        position:relative;
        overflow-x: hidden;
    }
    .submit-btn {
        width: 60%; 
        padding: 12px;
        border: none;
        border-radius: 40px;
        background: #BB5700;
        color: white;
        font-weight:700;
        font-size: 16px;
        cursor: pointer;  
        display: block;
        margin-left:inherit; 
        margin-top: 25px;  
    }

    .banner-image {
        position: relative !important;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100% !important; 
        height: auto;
    }
    .fs-16{
     font-size:16px !important;
    }
    .fs-18{
        font-size: 16px !important;
    }
    .fs-20{
        font-size:14px !important;
    }
    .fs-15{
        font-size:11px !important;
    }
    .fs-21{
        font-size:15px !important;
    }
    .fs-22{
        font-size:22px !important;
    }
    .fs-24{
        font-size: 24px !important;
    }
    .fs-25{
        font-size: 16px !important;
    }
    .fs-28{
        font-size: 17px !important;
    }
    .fs-30{
        font-size: 20px !important;
    }
    .fs-36{
        font-size: 36px !important;
    }
    .fs-38{
        font-size:38px !important;
    }
    .fs-45{
        font-size:25px !important;
    }
    .fs-50{
        font-size:25px !important;
    }
    .fs-55{
        font-size:30px !important;
    }
    .content {
        flex-direction: column;
        text-align: center;
    }
    .text-container {
        flex: 1;
        padding: 20px;
        position: relative;
        text-align: left;
        align-items: center;
        justify-content: center;
        display: flex;
        border:none;
    }
    .icon {
        left: 50%;
        top: -30px;
        transform: translateX(-50%);
    }
    
    html {
        scroll-behavior: smooth; 
        scroll-padding-top: 80px !important; 
    }
 
    /* .orange-shape {
        position: absolute;
        left: -300px !important;
        top: 35px !important;
        height: auto;
        transform: rotate(0deg);
        z-index: 0;
    } */
    .padding-set{
        padding:25px;
    }
    .footer-text{
        text-align:center;
    }
    .feature-text{
        text-align:center;
    }
    
    /* .advantages-section {
        padding: 40px 30px 70px 30px; 
    } */
}

@media screen and (min-width: 396px) and (max-width: 500px) {
     /* Footer Background */
     .footer {
        background-image: url('../images/footer_sm_bg.webp');
        background-size: cover;
        background-position: center;
        color: white;
        padding-top: 50px;
    }
    .monitor-wrapper {
        position: absolute;   
        left: 13% !important;
        right: 13% !important;           
        bottom: 0;            
        max-width: 300px;     
    }
   
    .fs-21{
        font-size:15px !important;
    }
    /* .advantages-section {
        padding: 0px 30px 50px 30px; 
    } */
    .agency-section {
        position: relative;
        background: url(../images/agency_bg.png) no-repeat center center / cover;
        color: #fff;
        padding: 0px 0 385px 0;
    }
    .monitor-wrapper {
        position: absolute;  
        left:10%;            
        bottom: 0;           
        max-width: 350px;   
    }

    #pdf-viewer {
        max-height: 100vh; 
        width: 100%;   
        overflow-y: auto;
        padding-right: 10px;
    }
}
@media screen and (min-width: 501px) and (max-width: 670px) {
    .monitor-wrapper {
        position: absolute;   
        left: 15% !important;
        right: 15% !important;           
        bottom: 0;            
        max-width: 300px;     
    }
    #pdf-viewer {
        max-height: 100vh; 
        width: 100%;   
        overflow-y: auto;
        padding-right: 10px;
    }
}
@media screen and (min-width: 671px) and (max-width: 768px) {
        .monitor-wrapper {
        position: absolute;   
        left: 18% !important;
        right: 18% !important;           
        bottom: 0;            
        max-width: 300px;     
    }
    #pdf-viewer {
        max-height: 100vh; 
        width: 100%;   
        overflow-y: auto;
        padding-right: 10px;
    }
}
@media screen and (min-width: 501px) and (max-width: 768px) {
     /* Footer Background */
     .footer {
        background-image: url('../images/footer_sm_bg.webp');
        background-size: cover;
        background-position: center;
        color: white;
        padding-top: 50px;
    }
    
  
    .fs-21{
        font-size:21px !important;
    }
}

@media screen and (min-width: 396px) and (max-width: 768px) {
    .agency-section {
        position: relative;
        background: url(../images/agency_bg.png) no-repeat center center / cover;
        color: #fff;
        padding: 0px 0 385px 0;
    }
    .footer-title {
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 0px;
        color:#E26900;
        font-weight:600;
    }
    .footer-contact li {
        
        margin-bottom: 20px;
    }
    .monitor-wrapper {
        position: absolute;   
        left:15%;           
        bottom: 0;           
        max-width: 450px;    
    }
    /* Footer Background */
     .footer {
        background-image: url('../images/footer_sm_bg.webp');
        background-size: cover;
        background-position: center;
        color: white;
        padding-top: 50px;
    }
    .footer-links li {
        margin-bottom: 8px;
        display:inline;
        margin-right: 1rem;
    }
    .slider-container {
        background: #F4A261;
        padding: 2px 20px;
        border-radius: 20px;
        text-align: center;
    }
    .card {
        background: #ECECEC !important; 
        padding: 20px;
        border-radius: 15px !important;
        text-align: center;
        position: relative;
        height:285px;
    }

    .fs-16{
     font-size:16px !important;
    }
    .fs-18{
        font-size: 16px !important;
    }
    .fs-20{
        font-size:16px !important;
    }
    .fs-15{
        font-size:15px !important;
    }
    
    .fs-22{
        font-size:22px !important;
    }
    .fs-24{
        font-size: 24px !important;
    }
    .fs-25{
        font-size: 16px !important;
    }
    .fs-28{
        font-size: 17px !important;
    }
    .fs-30{
        font-size: 20px !important;
    }
    .fs-36{
        font-size: 36px !important;
    }
    .fs-38{
        font-size:38px !important;
    }
    .fs-45{
        font-size:25px !important;
    }
    .fs-55{
        font-size:44px !important;
    }
    .fs-50{
        font-size:30px !important;
    }
    .common-padding{
        padding: 0px 20px !important;
    }
    html {
        scroll-behavior: smooth; 
        scroll-padding-top:80px !important; 
    }
    .content {
        flex-direction: column;
        text-align: center;
    }
    .icon {
        left: 50%;
        top: -30px;
        transform: translateX(-50%);
    }
    .text-container {
        flex: 1;
        padding: 20px;
        position: relative;
        text-align: left;
        align-items: center;
        justify-content: center;
        display: flex;
        border:none;
    }
    .banner-image {
        position: relative !important;
        top: 0;
        bottom: 0;
        right: 0;
        width: 98% !important; 
        height: auto;
    }
    .orange-shape {
        position: absolute;
        left: -300px;
        top: 100px !important;
        height: auto;
        transform: rotate(0deg);
        z-index: 0;
    }
    .submit-btn {
        width: 50%; 
        padding: 12px;
        border: none;
        border-radius: 40px; 
        background: #BB5700;
        color: white;
        font-weight:700;
        font-size: 16px;
        cursor: pointer;  
        display: block;
        margin-left:inherit;
        margin-top:25px;  
    }
    .padding-set{
        padding:25px;
    }
    .footer-text{
        text-align:center;
    }
    .footer-links {
        list-style: none;
        padding: 0;
        text-align:center;
    }

}


@media screen and (min-width: 768px) and (max-width: 991px) {
    .agency-section {
        position: relative;
        background: url(../images/agency_bg.png) no-repeat center center / cover;
        color: #fff;
        padding: 0px 0 385px 0;
    }
    .footer-title {
        font-size: 25px;
        font-weight: 500;
        margin-bottom: 0px;
        color:#E26900;
        font-weight:600;
    }
    .footer-contact li {
        
        margin-bottom: 20px;
    }
    .monitor-wrapper {
        position: absolute; 
        left:21%;            
        bottom: 0;           
        max-width: 450px;     
    }
    .footer-links li {
        margin-bottom: 8px;
        display:inline;
        margin-right:5.5rem;
        text-align:center;
    }
    .set-right li{
        margin-right:4.0rem !important;
    }
    
    /* Remove margin from last item */
    .footer-links li:last-child {
        margin-right: 0 !important;
    }
    .feature-text{
        text-align:center;
    }
    .slider-container {
        background: #F4A261;
        padding: 2px 20px;
        border-radius: 20px;
        text-align: center;
    }
    
    .card {
        background: #ECECEC !important; 
        padding: 20px;
        border-radius: 15px !important;
        text-align: center;
        position: relative;
        height:250px;
    }
    
    
    .common-padding{
        padding: 0px 50px !important;
    }
    .card-top{
        margin-top:5px !important;
    }
    .social-icon ul li{
        margin: 0px 15px;
    }
    .img-text-banner{
        
        padding-left: 58px !important;
    }
    .member-name{
        text-align: center !important;
    }
    .img-set{
        width:100%;
        height:100%;
    }
    html {
        scroll-behavior: smooth; 
        scroll-padding-top: 70px !important; 
    }
    .text-container {
        flex: 1;
        padding: 20px;
        position: relative;
        text-align: left;
        align-items: center;
        justify-content: center;
        display: flex;
        border:none;
        /* border-top-right-radius:0px;
        border-bottom-left-radius:34px;
        border-bottom-right-radius:34px; */
    }
    .content {
        flex-direction: column;
        text-align: center;
    }
    .icon {
        left: 50%;
        top: -30px;
        transform: translateX(-50%);
    }
    .footer-text{
        text-align:center;
    }
    /* .advantages-section {
        padding: 40px 30px 50px 30px; 
    } */
    .fs-16{
        font-size:16px !important;
    }
    .fs-18{
        font-size: 18px !important;
    }
    .fs-20{
        font-size:20px !important;
    }
    .fs-15{
        font-size:15px !important;
    }
    .fs-21{
        font-size:21px !important;
    }
    .fs-22{
        font-size:20px !important;
    }
    .fs-24{
        font-size: 20px !important;
    }
    .fs-25{
        font-size: 22px !important;
    }
    .fs-28{
        font-size: 22px !important;
    }
    .fs-30{
        font-size: 24px !important;
    }
    .fs-36{
        font-size: 36px !important;
    }
    .fs-38{
        font-size:38px !important;
    }
    .fs-45{
        font-size:32px !important;
    }
    .fs-46{
        font-size:28px !important;
    }
    .fs-50{
        font-size:35px !important
    }
    .card-top{
        margin-top:6px !important;
    }
    .banner-image {
        position: relative !important;
        top: 0;
        bottom: 0;
        right: 0;
        width: 450px !important; 
        height: auto;
    }
    
    #home-banner{
        background-image: url('../images/banner_bg.png') !important;
        background-repeat: no-repeat;
        background-position: 0% 75%;
        max-height:1091px;
        position: relative;
    }
    .orange-shape {
        position: absolute;
        left: -300px;
        top: 100px !important;
        height: auto;
        transform: rotate(0deg);
        z-index: 0;
    }
    .common-padding {
        padding: 0px 50px !important;
    }
    .submit-btn {
        width: 30%; 
        padding: 12px;
        border: none;
        border-radius: 40px; 
        background: #BB5700;
        color: white;
        font-weight:700;
        font-size: 16px;
        cursor: pointer;  
        display: block;
        margin-left: inherit;
        margin-top: 25px;  
    }
    .navbar-nav .nav-link.nav_active::after {
        width: 50%;
        background-color: #4E4E4E; 
    }

    /* Prevent double underline in mobile */
    #home-banner-lg .nav-link.nav_active::after {
        display: none;
    }
    .padding-set{
        padding:25px;
    }
    .footer-links {
        list-style: none;
        padding: 0;
        text-align:center;
    }
    #pdf-viewer {
        max-height: 200vh; 
        width: 100%;   
        overflow-y: auto;
        padding-right: 10px;
    }
}
@media screen and (min-width:992px) and (max-width: 1030px){
    .orange-shape {
        position: absolute;
        left: -42rem !important;
        top: -85px;
        height: auto;
        transform: rotate(0deg);
        z-index: 0;
    }
   
}
@media screen and (min-width:992px) and (max-width: 1150px){
     .monitor-wrapper {
        position: absolute;
        left: 52%;
        bottom: 0;
        max-width: 450px;
    }

    #pdf-viewer {
        max-height: 200vh; 
        width: 100%;   
        overflow-y: auto;
        padding-right: 10px;
    }
}
@media screen and (min-width:991px){
    .submit-btn {
        width: 25%; 
        padding: 12px;
        border: none;
        border-radius: 40px;
        background: #BB5700;
        color: white;
        font-weight:700;
        font-size: 16px;
        cursor: pointer;  
        display: block;
        margin-left: auto; 
        margin-top: 55px;  
    }
    .padding-set{
        padding:25px;
    }
    .footer-links li {
        margin-bottom: 8px;
        display:inline;
        /* margin-right:5.5rem; */
        text-align:center;
    }

    .footer-text{
        text-align:center;
    }
    
}

@media screen and (min-width:993px) {
    .advantage-header {
        height: 130px;
        background-size: cover;
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-align: center;
    }
    .agency-section img.agency-image {
        max-width: 100%;
        height: auto;
        display: block;
        margin: -120px auto 0; 
    }
    .footer-text{
        padding-right:1rem;
        text-align:start;
    }
    .footer-links li {
        text-align:start;
    }
    .navbar ul li{
        margin: auto 0.9rem;
    }
    .common-padding-nav{
        padding: 0px 100px !important;
        max-width: 1350px;
    }
    .common-padding{
        padding: 0px 100px !important;
        max-width: 1350px;
    }
    .banner-image {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: auto; 
        height: auto;
    }
    html {
        scroll-behavior: smooth; 
        scroll-padding-top:60px !important; 
    }
    #home-banner{
        background-image: url('../images/banner_bg.png') !important;
        background-repeat: no-repeat;
        background-position: 0% 75%;
        background-size: cover;
        max-height: 1400px;
        position: relative;
    }
    .footer-links li {
        margin-bottom: 8px;
        display:block;
        font-size:16px;
    }
    .padding-set{
        padding:40px;
    }
    .fs-16{
        font-size:16px !important;
    }
    .fs-18{
        font-size: 18px !important;
    }
    .fs-19{
        font-size:19px !important;
    }
    .fs-20{
        font-size:20px !important;
    }
    .fs-15{
        font-size:15px !important;
    }
    .fs-21{
        font-size:21px !important;
    }
    .fs-22{
        font-size:22px !important;
    }
    .fs-24{
        font-size: 24px !important;
    }
    .fs-25{
        font-size: 25px !important;
    }
    .fs-28{
        font-size: 28px !important;
    }
    .fs-30{
        font-size: 30px !important;
    }
    .fs-36{
        font-size: 36px !important;
    }
    .fs-38{
        font-size:38px !important;
    }
    .fs-45{
        font-size:45px !important;
    }
    .fs-55{
        font-size:50px !important;
    }
    .fs-46{
        font-size:46px !important;
    }
    .fs-50{
        font-size:43px !important;
    }
    .contact_img{
        border-top-left-radius:50px;
        border-bottom-left-radius:50px;
    }
    .captcha-submit-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .submit-btn {
        margin-left: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {


    .feature-text {
        text-align: center;
    }
}
@media (max-width: 1023px) {
 
    .feature-text {
        flex: 1;
    }
}
@media screen and (min-width: 992px) and (max-width: 1334px) {
    .fs-45{
        font-size:18px !important;
    }
    .fs-50{
        font-size:22px !important;
    }
    .navbar ul li{
        margin: auto 0.9rem;
    }
    .col-1{
        padding-right: 0px !important;
    }

    .col-5{
        padding-left: 0px !important;
    }

    .fs-20 {
        font-size: 13px !important;
    }
    .fs-15{
        font-size:11px !important;
    }
    .fs-18 {
        font-size: 14px !important;
    }
    .fs-55{
        font-size:30px !important;
    }
   
    html {
        scroll-behavior: smooth; 
        scroll-padding-top: 60px !important; 
    }
    .orange-shape {
        left: -50rem;
        top: -50px;
        width: 300px;
        position: absolute
    }
    .submit-btn {
        width: 35%; 
        padding: 12px;
        border: none;
        border-radius: 40px;
        background: #BB5700;
        color: white;
        font-weight:700;
        font-size: 16px;
        cursor: pointer;  
        display: block;
        margin-left: auto; 
        margin-top: 55px; 
    }
    .contact_img{
        border-top-left-radius:50px;
        border-bottom-left-radius:50px;
    }
}

@media screen and (min-width: 1334px){
    .fs-45{
        font-size:35px !important;
    }
    .fs-50{
        font-size:39px !important;
    }
    .fs-20 {
        font-size: 16px !important;
    }
    .fs-15{
        font-size:15px !important;
    }
    .fs-18 {
        font-size: 16px !important;
    }
    html {
        scroll-behavior: smooth; 
        scroll-padding-top: 60px !important; 
    }
    .navbar ul li{
        margin: auto 0.9rem;
    }
    /* .orange-shape {
        left: -60rem;
        position: absolute
    } */
}

@media screen and (min-width:1360px){
    #home-banner .banner{
        margin-top: 10rem;
    }
    .bd-highlight{
        margin-top:8rem;
        margin-bottom:0rem !important;
    }
}
@media screen and (min-width:1030px) and (max-width:1200px){
    /* .bd-highlight{
        margin-top:8rem;
        margin-bottom:8rem !important;
    } */
 
    .orange-shape {
        position: absolute;
        left: -46rem !important;
        top: -85px;
        height: auto;
        transform: rotate(0deg);
        z-index: 0;
    }
   
}
@media (min-width: 1440px) {
    .submit-btn {
        width: 25%;
        padding: 12px;
        border: none;
        border-radius: 40px;
        background: #BB5700;
        color: white;
        font-size: 16px;
        font-weight:700;
        cursor: pointer;  
        display: block;
        margin-left: auto; 
        margin-top: 10px;  
    }
    .form-group {
        display: flex;
        gap: 10px;
    }
    .right-space{
        padding-right:75px;
    }

    #pdf-viewer {
        max-height: 145vh; 
        width: 100%;   
        overflow-y: auto;
        padding-right: 10px;
    }
    
}
@media screen and (min-width:2000px){
    #home-banner .banner{
        margin-top: 10rem;
    }
    .banner-info{
       padding: 90px;
    }
    .orange-shape {
        left: -250px;
        top: -70px;
        width: 350px;
    }

    #pdf-viewer {
        max-height: 120vh; 
        width: 100%;   
        overflow-y: auto;
        padding-right: 10px;
    }
    
}
.orange-shape {
  position: absolute;
  left: -114%; 
  top: 0;
  z-index: 1;
  width: auto;
  max-width: none;
  transform: translateX(-20%); 
}
/* ============ Zoom-Level Based Padding Fixes ============ */

/* Zoom ~125%: width < 1300px */
@media (max-width: 1299.98px) {
  .responsive-padding {
    padding-left: 68px;
  }
}

/* Zoom ~110%: width 1300–1439px */
@media (min-width: 1300px) and (max-width: 1439.98px) {
  .responsive-padding {
    padding-left: 85px;
  }
  .orange-shape {
    left: -110%;
    transform: translateX(-10%);
  }
}

/* Zoom ~100%: width 1440–1599px */
@media (min-width: 1440px) and (max-width: 1599.98px) {
  .responsive-padding {
    padding-left: 153px;
  }
  .orange-shape {
    left: -108%;
    transform: translateX(-8%);
  }
}

/* Zoom ~90%: width 1600–1699px */
@media (min-width: 1600px) and (max-width: 1699.98px) {
  .responsive-padding {
    padding-left: 165px;
  }
  .orange-shape {
    left: -100%;
    transform: translateX(-5%);
  }
}

/* Zoom ~80%: width 1700–1799px */
@media (min-width: 1700px) and (max-width: 1799.98px) {
  .responsive-padding {
    padding-left: 235px;
  }
  .orange-shape {
    left: -105%;
    transform: translateX(-4%);
  }
}

/* Zoom ~75%: width 1800–1999px */
@media (min-width: 1800px) and (max-width: 1999.98px) {
  .responsive-padding {
    padding-left:339px;
  }
  .orange-shape {
    left: -100%;
    transform: translateX(-3%);
  }
}

/* ============ Fluid Padding for Ultra-Wide Screens ============ */

@media (min-width: 2000px) {
  .responsive-padding {
    padding-left: 19.5vw;
  }
  .orange-shape {
    left: -100%;
    transform: translateX(-2%);
  }
}


.banner {
    /* padding-top: 45px; */
    background-image: url('../images/banner_bg.png')!important;
    background-size: 100% 100%;
    position: relative;
    z-index: 1; 
}
.banner-section {
    position: relative;
    background-image: url('../images/banner_bg.png')!important;
    background-size: 100% 100%;
}
.banner-image-style {
    width: 100%;
    height: auto;
    display: block;
} 

.banner_sm{
    background-image: url('../images/banner_bg_sm.webp')!important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position:relative;
    overflow-x: hidden;
}


.banner-image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto; 
    height: 100%;
}
.heading_banner {
display: flex; 
flex-direction: column;
height: 100%; 
}
  
.headings, 
.text-img,
.banner-button {
max-width: 50%; 
}