button.tg-btn.mt-20.a1-know-more{margin:20px 0 30px;border:1px solid #02adee;background:#02adee;color:#fff;padding:1px 20px 3px;border-radius:3px;transition: all 0.5s ease-in-out;}

button.btn.btn-sm.btn-outline{border:1px solid #02adee;padding:1px 8px 2px;margin-top:10px}

button.tg-btn.mt-20.a1-know-more:hover{background:#022a3b;border-color:#022a3b}

 .select-location {

     margin-right: 20px;

 }

 

 div#location-marker {

     line-height: 10px;

 }

 

 #location-marker a {

     color: #2b3886;

 }

 

 #location-marker a:hover {

     color: #0143eb;

 }

 

 .left-right-middle {

     vertical-align: top;

     width: 500px;

     border-radius: 8px;

     box-shadow: 8px 8px 1px #e7e7e773;

     float: left;

     margin-right: 60px

 }

 

 .right-right-middle {

     vertical-align: top;

     width: 500px;

     border-radius: 8px;

     box-shadow: 8px 8px 1px #e7e7e773;

     float: right;

     margin-left: 40px

 }

 

 .city-area hr {

     margin: 40px 0 0;

     height: 1px;

     width: 100%;

     background: #9ab0e9 !important;

 }

 

 .rental-hero {

     padding: 170px 0 100px;

 }

 

 h1.title.heading1 {

     margin-bottom: 20px;

 }

 

 h2.title-heading2 {

     color: #fff;

     font-size: 1.5rem;

     line-height: 1.5;

     margin-top: 0px;

     margin-bottom: 40px;

 }

 /* =========================================

   A1 IT RENTAL - WHY CHOOSE US

========================================= */

 

 .a1-why-choose-section {

     width: 100%;

     padding: 90px 20px;

     background: #f7f9fc;

     box-sizing: border-box;

     font-family: Arial, Helvetica, sans-serif;

 }

 

 .a1-container {

     max-width: 1200px;

     margin: 0 auto;

 }

 /* Heading */

 

 .a1-section-heading {

     max-width: 850px;

     margin: 0 auto 55px;

     text-align: center;

 }

 

 .a1-subtitle {

     display: inline-block;

     margin-bottom: 12px;

     color: #05a9eb;

     font-size: 14px;

     font-weight: 700;

     letter-spacing: 2px;

     text-transform: uppercase;

 }

 

 .a1-section-heading h2 {

     margin: 0 0 18px;

     color: #172033;

     font-size: 42px;

     line-height: 1.2;

     font-weight: 700;

 }

 

 .a1-section-heading h2 span {

     color: #05a9eb;

 }

 

 .a1-section-heading p {

     margin: 0 auto;

     max-width: 760px;

     color: #667085;

     font-size: 17px;

     line-height: 1.8;

 }

 /* Benefits Grid */

 

 .a1-benefits-grid {

     display: grid;

     grid-template-columns: repeat(3, 1fr);

     gap: 25px;

 }

 /* Benefit Card */

 

 .a1-benefit-card {

     display: flex;

     gap: 18px;

     padding: 30px 25px;

     background: #ffffff;

     border: 1px solid #e8edf3;

     border-radius: 12px;

     box-sizing: border-box;

     transition: all 0.3s ease;

 }

 

 .a1-benefit-card:hover {

     transform: translateY(-6px);

     border-color: #05a9eb;

     box-shadow: 0 15px 35px rgba(23, 32, 51, 0.10);

 }

 /* Number Icon */

 

 .a1-icon {

     flex: 0 0 52px;

     width: 52px;

     height: 52px;

     display: flex;

     align-items: center;

     justify-content: center;

     background: #ecfaff;

     border-radius: 10px;

 }

 

 .a1-icon span {

     color: #05a9eb;

     font-size: 14px;

     font-weight: 800;

 }

 /* Content */

 

 .a1-benefit-content h3 {

     margin: 0 0 10px;

     color: #172033;

     font-size: 20px;

     line-height: 1.35;

     font-weight: 700;

 }

 

 .a1-benefit-content p {

     margin: 0;

     color: #667085;

     font-size: 15px;

     line-height: 1.7;

 }

 /* CTA */

 

 .a1-why-cta {

     margin-top: 50px;

     padding: 32px 40px;

     display: flex;

     align-items: center;

     justify-content: space-between;

     gap: 25px;

     background: #172033;

     border-radius: 14px;

 }

 

 .a1-why-cta h3 {

     margin: 0 0 7px;

     color: #ffffff;

     font-size: 24px;

     font-weight: 700;

 }

 

 .a1-why-cta p {

     margin: 0;

     color: #c8d0dc;

     font-size: 15px;

     line-height: 1.6;

 }

 

 .a1-cta-button {

     display: inline-flex;

     align-items: center;

     gap: 12px;

     padding: 14px 24px;

     background: #05a9eb;

     color: #ffffff !important;

     border-radius: 7px;

     text-decoration: none !important;

     font-size: 15px;

     font-weight: 700;

     white-space: nowrap;

     transition: all 0.3s ease;

 }

 

 .a1-cta-button:hover {

     background: #e56f0b;

     transform: translateY(-2px);

 }

 

 .a1-cta-button span {

     font-size: 20px;

     line-height: 1;

 }

 

 .a1-industries-section {

     width: 100%;

     padding: 90px 20px;

     background: #ffffff;

     box-sizing: border-box;

     font-family: Arial, Helvetica, sans-serif;

 }

 

 .a1-industries-container {

     max-width: 1200px;

     margin: 0 auto;

 }

 /* ----------------------------------------- SECTION HEADING ----------------------------------------- */

 

 .a1-industries-heading {

     max-width: 850px;

     margin: 0 auto 55px;

     text-align: center;

 }

 

 .a1-industries-subtitle {

     display: inline-block;

     margin-bottom: 12px;

     color: #05a9eb;

     font-size: 14px;

     font-weight: 700;

     letter-spacing: 2px;

     text-transform: uppercase;

 }

 

 .a1-industries-heading h2 {

     margin: 0 0 18px;

     color: #172033;

     font-size: 42px;

     line-height: 1.2;

     font-weight: 700;

 }

 

 .a1-industries-heading h2 span {

     color: #05a9eb;

 }

 

 .a1-industries-heading p {

     margin: 0 auto;

     max-width: 780px;

     color: #667085;

     font-size: 17px;

     line-height: 1.8;

 }

 /* ----------------------------------------- INDUSTRY GRID ----------------------------------------- */

 

 .a1-industries-grid {

     display: grid;

     grid-template-columns: repeat(2, 1fr);

     gap: 22px;

 }

 /* ----------------------------------------- INDUSTRY CARD ----------------------------------------- */

 

 .a1-industry-card {

     position: relative;

     display: flex;

     align-items: flex-start;

     gap: 20px;

     padding: 30px 55px 30px 28px;

     background: #f7f9fc;

     border: 1px solid #e7ebf1;

     border-radius: 12px;

     box-sizing: border-box;

     overflow: hidden;

     transition: all 0.3s ease;

 }

 

 .a1-industry-card:hover {

     background: #ffffff;

     border-color: #05a9eb;

     transform: translateY(-5px);

     box-shadow: 0 15px 35px rgba(23, 32, 51, 0.09);

 }

 /* ----------------------------------------- ICON ----------------------------------------- */

 

 .a1-industry-icon {

     flex: 0 0 58px;

     width: 58px;

     height: 58px;

     display: flex;

     align-items: center;

     justify-content: center;

     background: #d1f0fb;

     border-radius: 12px;

     color: #05a9eb;

     font-size: 20px;

     font-weight: 700;

     transition: all 0.3s ease;

 }

 

 .a1-industry-card:hover .a1-industry-icon {

     background: #05a9eb;

     color: #ffffff;

 }

 /* ----------------------------------------- CONTENT ----------------------------------------- */

 

 .a1-industry-content h3 {

     margin: 0 0 9px;

     color: #172033;

     font-size: 21px;

     line-height: 1.3;

     font-weight: 700;

 }

 

 .a1-industry-content p {

     margin: 0;

     color: #667085;

     font-size: 15px;

     line-height: 1.7;

 }

 /* ----------------------------------------- ARROW ----------------------------------------- */

 

 .a1-industry-arrow {

     position: absolute;

     top: 27px;

     right: 24px;

     color: #05a9eb;

     font-size: 23px;

     font-weight: 600;

     opacity: 0.7;

     transition: all 0.3s ease;

 }

 

 .a1-industry-card:hover .a1-industry-arrow {

     right: 18px;

     opacity: 1;

 }

 /* ----------------------------------------- BOTTOM CTA ----------------------------------------- */

 

 .a1-industries-bottom {

     margin-top: 45px;

     padding: 28px 35px;

     display: flex;

     align-items: center;

     justify-content: space-between;

     gap: 25px;

     background: #172033;

     border-radius: 12px;

 }

 

 .a1-industries-bottom p {

     margin: 0;

     color: #ffffff;

     font-size: 16px;

     line-height: 1.6;

 }

 

 .a1-industries-bottom strong {

     color: #05a9eb;

 }

 

 .a1-industries-button {

     display: inline-flex;

     align-items: center;

     gap: 10px;

     padding: 13px 23px;

     background: #05a9eb;

     color: #ffffff !important;

     text-decoration: none !important;

     border-radius: 7px;

     font-size: 15px;

     font-weight: 700;

     white-space: nowrap;

     transition: all 0.3s ease;

 }

 

 .a1-industries-button:hover {

     background: #e56f0b;

     transform: translateY(-2px);

 }

 

 .a1-industries-button span {

     font-size: 19px;

 }

 /* ========================================= A1 IT RENTAL - FAQ SECTION ========================================= */

 

 .a1-faq-section {

     width: 100%;

     padding: 90px 20px;

     background: #f7f9fc;

     box-sizing: border-box;

     font-family: Arial, Helvetica, sans-serif;

 }

 

 .a1-faq-container {

     max-width: 950px;

     margin: 0 auto;

 }

 /* ----------------------------------------- HEADING ----------------------------------------- */

 

 .a1-faq-heading {

     max-width: 780px;

     margin: 0 auto 50px;

     text-align: center;

 }

 

 .a1-faq-subtitle {

     display: inline-block;

     margin-bottom: 12px;

     color: #05a9eb;

     font-size: 14px;

     font-weight: 700;

     letter-spacing: 2px;

     text-transform: uppercase;

 }

 

 .a1-faq-heading h2 {

     margin: 0 0 18px;

     color: #172033;

     font-size: 42px;

     line-height: 1.2;

     font-weight: 700;

 }

 

 .a1-faq-heading h2 span {

     color: #05a9eb;

 }

 

 .a1-faq-heading p {

     margin: 0 auto;

     color: #667085;

     font-size: 17px;

     line-height: 1.8;

 }

 /* ----------------------------------------- FAQ LIST ----------------------------------------- */

 

 .a1-faq-list {

     display: flex;

     flex-direction: column;

     gap: 14px;

 }

 /* ----------------------------------------- FAQ ITEM ----------------------------------------- */

 

 .a1-faq-item {

     background: #ffffff;

     border: 1px solid #e4e9ef;

     border-radius: 10px;

     overflow: hidden;

     transition: all 0.3s ease;

 }

 

 .a1-faq-item:hover {

     border-color: #05a9eb;

 }

 

 .a1-faq-item[open] {

     border-color: #05a9eb;

     box-shadow: 0 8px 25px rgba(23, 32, 51, 0.07);

 }

 /* ----------------------------------------- QUESTION ----------------------------------------- */

 

 .a1-faq-item summary {

     position: relative;

     display: flex;

     align-items: center;

     justify-content: space-between;

     gap: 20px;

     padding: 22px 25px;

     color: #172033;

     font-size: 17px;

     font-weight: 700;

     line-height: 1.5;

     cursor: pointer;

     list-style: none;

 }

 

 .a1-faq-item summary::-webkit-details-marker {

     display: none;

 }

 

 .a1-faq-item summary::marker {

     display: none;

 }

 

 .a1-faq-item summary i {

     flex: 0 0 32px;

     width: 32px;

     height: 32px;

     display: flex;

     align-items: center;

     justify-content: center;

     background: #e7f7fd;

     color: #05a9eb;

     border-radius: 50%;

     font-size: 22px;

     font-style: normal;

     font-weight: 400;

     transition: all 0.3s ease;

 }

 

 .a1-faq-item[open] summary i {

     background: #05a9eb;

     color: #ffffff;

     transform: rotate(45deg);

 }

 /* ----------------------------------------- ANSWER ----------------------------------------- */

 

 .a1-faq-answer {

     padding: 0 25px 24px;

 }

 

 .a1-faq-answer p {

     margin: 0;

     padding-top: 3px;

     color: #667085;

     font-size: 15px;

     line-height: 1.8;

 }

 /* ----------------------------------------- CTA ----------------------------------------- */

 

 .a1-faq-cta {

     margin-top: 45px;

     padding: 30px 35px;

     display: flex;

     align-items: center;

     justify-content: space-between;

     gap: 25px;

     background: #172033;

     border-radius: 12px;

 }

 

 .a1-faq-cta-content h3 {

     margin: 0 0 7px;

     color: #ffffff;

     font-size: 23px;

     line-height: 1.3;

 }

 

 .a1-faq-cta-content p {

     margin: 0;

     color: #c8d0dc;

     font-size: 15px;

     line-height: 1.6;

 }

 

 .a1-faq-button {

     display: inline-flex;

     align-items: center;

     justify-content: center;

     gap: 10px;

     padding: 13px 24px;

     background: #05a9eb;

     color: #ffffff !important;

     text-decoration: none !important;

     border-radius: 7px;

     font-size: 15px;

     font-weight: 700;

     white-space: nowrap;

     transition: all 0.3s ease;

 }

 

 .a1-faq-button:hover {

     background: #e56f0b;

     transform: translateY(-2px);

 }

 

 .a1-faq-button span {

     font-size: 19px;

 }

 /* ========================================= A1 IT RENTAL OTHER CITIES ========================================= */

 

 .a1-cities-section {

     width: 100%;

     padding: 90px 20px;

     background: #ffffff;

     box-sizing: border-box;

     font-family: Arial, Helvetica, sans-serif;

 }

 

 .a1-cities-container {

     max-width: 1200px;

     margin: 0 auto;

 }

 /* ----------------------------------------- HEADING ----------------------------------------- */

 

 .a1-cities-heading {

     max-width: 820px;

     margin: 0 auto 50px;

     text-align: center;

 }

 

 .a1-cities-subtitle {

     display: inline-block;

     margin-bottom: 12px;

     color: #05a9eb;

     font-size: 14px;

     font-weight: 700;

     letter-spacing: 2px;

     text-transform: uppercase;

 }

 

 .a1-cities-heading h2 {

     margin: 0 0 18px;

     color: #172033;

     font-size: 42px;

     line-height: 1.2;

     font-weight: 700;

 }

 

 .a1-cities-heading h2 span {

     color: #05a9eb;

 }

 

 .a1-cities-heading p {

     margin: 0 auto;

     max-width: 780px;

     color: #667085;

     font-size: 17px;

     line-height: 1.8;

 }

 /* ----------------------------------------- CITIES GRID ----------------------------------------- */

 

 .a1-cities-grid {

     display: grid;

     grid-template-columns: repeat(4, 1fr);

     gap: 16px;

 }

 /* ----------------------------------------- CITY CARD ----------------------------------------- */

 

 .a1-city-card {

     display: flex;

     align-items: center;

     gap: 14px;

     min-height: 82px;

     padding: 18px;

     background: #f7f9fc;

     border: 1px solid #e5e9ef;

     border-radius: 10px;

     box-sizing: border-box;

     transition: all 0.3s ease;

 }

 

 .a1-city-card:hover {

     background: #ffffff;

     border-color: #05a9eb;

     transform: translateY(-4px);

     box-shadow: 0 10px 25px rgba(23, 32, 51, 0.08);

 }

 /* ----------------------------------------- CITY ICON ----------------------------------------- */

 

 .a1-city-icon {

     flex: 0 0 42px;

     width: 42px;

     height: 42px;

     display: flex;

     align-items: center;

     justify-content: center;

     background: #ddeff5;

     border-radius: 50%;

     font-size: 18px;

 }

 /* ----------------------------------------- CITY CONTENT ----------------------------------------- */

 

 .a1-city-card h3 {

     margin: 0 0 4px;

     color: #172033;

     font-size: 17px;

     line-height: 1.3;

     font-weight: 700;

 }

 

 .a1-city-card p {

     margin: 0;

     color: #7a8494;

     font-size: 13px;

     line-height: 1.4;

 }

 /* ----------------------------------------- FOOTER CTA ----------------------------------------- */

 

 .a1-cities-footer {

     margin-top: 45px;

     padding: 32px 35px;

     display: flex;

     align-items: center;

     justify-content: space-between;

     gap: 25px;

     background: #172033;

     border-radius: 12px;

 }

 

 .a1-cities-footer h3 {

     margin: 0 0 8px;

     color: #ffffff;

     font-size: 23px;

     line-height: 1.3;

 }

 

 .a1-cities-footer p {

     max-width: 700px;

     margin: 0;

     color: #c8d0dc;

     font-size: 15px;

     line-height: 1.7;

 }

 

 .a1-cities-button {

     display: inline-flex;

     align-items: center;

     justify-content: center;

     gap: 10px;

     padding: 14px 24px;

     background: #05a9eb;

     color: #ffffff !important;

     text-decoration: none !important;

     border-radius: 7px;

     font-size: 15px;

     font-weight: 700;

     white-space: nowrap;

     transition: all 0.3s ease;

 }

 

 .a1-cities-button:hover {

     background: #e56f0b;

     transform: translateY(-2px);

 }

 

 .a1-cities-button span {

     font-size: 19px;

 }

 /* ========================================= A1 IT RENTAL OUR CLIENTS SECTION ========================================= */

 

 .a1-clients-section {

     width: 100%;

     padding: 90px 20px;

     background: #f7f9fc;

     box-sizing: border-box;

     font-family: Arial, Helvetica, sans-serif;

 }

 

 .a1-clients-container {

     max-width: 1200px;

     margin: 0 auto;

 }

 /* ----------------------------------------- HEADING ----------------------------------------- */

 

 .a1-clients-heading {

     max-width: 820px;

     margin: 0 auto 50px;

     text-align: center;

 }

 

 .a1-clients-subtitle {

     display: inline-block;

     margin-bottom: 12px;

     color: #05a9eb;

     font-size: 14px;

     font-weight: 700;

     letter-spacing: 2px;

     text-transform: uppercase;

 }

 

 .a1-clients-heading h2 {

     margin: 0 0 18px;

     color: #172033;

     font-size: 42px;

     line-height: 1.2;

     font-weight: 700;

 }

 

 .a1-clients-heading h2 span {

     color: #05a9eb;

 }

 

 .a1-clients-heading p {

     margin: 0 auto;

     max-width: 780px;

     color: #667085;

     font-size: 17px;

     line-height: 1.8;

 }

 /* ----------------------------------------- CLIENT TYPES ----------------------------------------- */

 

 .a1-client-types {

     display: grid;

     grid-template-columns: repeat(4, 1fr);

     gap: 18px;

 }

 

 .a1-client-type {

     padding: 28px 22px;

     background: #ffffff;

     border: 1px solid #e5e9ef;

     border-radius: 12px;

     text-align: center;

     transition: all 0.3s ease;

 }

 

 .a1-client-type:hover {

     border-color: #05a9eb;

     transform: translateY(-5px);

     box-shadow: 0 12px 30px rgba(23, 32, 51, 0.08);

 }

 /* ----------------------------------------- CLIENT TYPE ICON ----------------------------------------- */

 

 .a1-client-type-icon {

     width: 55px;

     height: 55px;

     margin: 0 auto 18px;

     display: flex;

     align-items: center;

     justify-content: center;

     background: #ecfaff;

     border-radius: 50%;

     color: #05a9eb;

     font-size: 14px;

     font-weight: 800;

 }

 

 .a1-client-type h3 {

     margin: 0 0 9px;

     color: #172033;

     font-size: 18px;

     line-height: 1.3;

 }

 

 .a1-client-type p {

     margin: 0;

     color: #667085;

     font-size: 14px;

     line-height: 1.65;

 }

 /* ----------------------------------------- LOGOS AREA ----------------------------------------- */

 

 .a1-client-logos {

     margin-top: 55px;

     padding: 35px;

     background: #ffffff;

     border: 1px solid #e5e9ef;

     border-radius: 12px;

 }

 

 .a1-client-logos-title {

     margin-bottom: 25px;

     text-align: center;

 }

 

 .a1-client-logos-title span {

     color: #7a8494;

     font-size: 12px;

     font-weight: 700;

     letter-spacing: 2px;

 }

 /* ----------------------------------------- LOGO GRID ----------------------------------------- */

 

 .a1-logo-placeholder-grid {

     display: grid;

     grid-template-columns: repeat(6, 1fr);

     gap: 15px;

 }

 

 .a1-logo-placeholder {

     min-height: 70px;

     display: flex;

     align-items: center;

     justify-content: center;

     padding: 5px;

     background: #fff;

     border: 1px solid #edf0f4;

     border-radius: 8px;

     box-sizing: border-box;

     transition: all 0.3s ease;

 }

 

 .a1-logo-placeholder:hover {

     border-color: #05a9eb;

     background: #fffaf5;

 }

 

 .a1-logo-placeholder span {

     color: #9aa3af;

     font-size: 11px;

     font-weight: 700;

     letter-spacing: 1px;

 }

 /* ----------------------------------------- CTA ----------------------------------------- */

 

 .a1-clients-cta {

     margin-top: 45px;

     padding: 32px 35px;

     display: flex;

     align-items: center;

     justify-content: space-between;

     gap: 25px;

     background: #172033;

     border-radius: 12px;

 }

 

 .a1-clients-cta-content h3 {

     margin: 0 0 8px;

     color: #ffffff;

     font-size: 23px;

     line-height: 1.3;

 }

 

 .a1-clients-cta-content p {

     max-width: 700px;

     margin: 0;

     color: #c8d0dc;

     font-size: 15px;

     line-height: 1.7;

 }

 

 .a1-clients-button {

     display: inline-flex;

     align-items: center;

     justify-content: center;

     gap: 10px;

     padding: 14px 24px;

     background: #05a9eb;

     color: #ffffff !important;

     text-decoration: none !important;

     border-radius: 7px;

     font-size: 15px;

     font-weight: 700;

     white-space: nowrap;

     transition: all 0.3s ease;

 }

 

 .a1-clients-button:hover {

     background: #e56f0b;

     transform: translateY(-2px);

 }

 

 .a1-clients-button span {

     font-size: 19px;

 }

 

 .a1-logo-placeholder-grid {

     display: flex;

     overflow: hidden;

     width: 100%;

 }

 

 .a1-logo-placeholder {

     flex: 0 0 18.7%;

     box-sizing: border-box;

     padding: 15px;

     transition: transform 0.6s ease;

 }

 

 .a1-logo-placeholder figure {

     margin: 0;

 }

 

 .a1-logo-placeholder img {

     max-width: 100%;

     height: auto;

     display: block;

     margin: auto;

 }

 /* ========================================= A1 IT RENTAL SOCIAL MEDIA SECTION ========================================= */

 

 .a1-social-section {

     width: 100%;

     padding: 75px 20px;

     background: #172033;

     box-sizing: border-box;

     font-family: Arial, Helvetica, sans-serif;

 }

 

 .a1-social-container {

     max-width: 850px;

     margin: 0 auto;

     text-align: center;

 }

 /* ----------------------------------------- CONTENT ----------------------------------------- */

 

 .a1-social-content {

     width: 100%;

 }

 

 .a1-social-subtitle {

     display: inline-block;

     margin-bottom: 12px;

     color: #05a9eb;

     font-size: 13px;

     font-weight: 700;

     letter-spacing: 2px;

     text-transform: uppercase;

 }

 

 .a1-social-content h2 {

     margin: 0 0 15px;

     color: #ffffff;

     font-size: 40px;

     line-height: 1.2;

     font-weight: 700;

 }

 

 .a1-social-content h2 span {

     color: #05a9eb;

 }

 

 .a1-social-content p {

     max-width: 700px;

     margin: 0 auto;

     color: #c8d0dc;

     font-size: 16px;

     line-height: 1.8;

 }

 /* ----------------------------------------- SOCIAL ICONS ----------------------------------------- */

 

 .a1-social-icons {

     display: flex;

     justify-content: center;

     align-items: center;

     gap: 16px;

     margin-top: 35px;

 }

 /* ----------------------------------------- ICON BUTTON ----------------------------------------- */

 

 .a1-social-icon {

     width: 54px;

     height: 54px;

     display: flex;

     align-items: center;

     justify-content: center;

     border: 1px solid rgba(255, 255, 255, 0.18);

     border-radius: 50%;

     color: #ffffff !important;

     text-decoration: none !important;

     font-size: 20px;

     transition: all 0.3s ease;

 }

 /* ----------------------------------------- HOVER EFFECTS ----------------------------------------- */

 

 .a1-social-icon:hover {

     transform: translateY(-6px);

     color: #ffffff !important;

     border-color: transparent;

 }

 /* Facebook */

 

 .a1-social-icon.facebook:hover {

     background: #1877f2;

 }

 /* Instagram */

 

 .a1-social-icon.instagram:hover {

     background: #e4405f;

 }

 /* Twitter */

 

 .a1-social-icon.twitter:hover {

     background: #1da1f2;

 }

 /* YouTube */

 

 .a1-social-icon.youtube:hover {

     background: #ff0000;

 }

 /* Pinterest */

 

 .a1-social-icon.pinterest:hover {

     background: #bd081c;

 }

 

 .btn-sm.btn-outline {

     border: 1px solid #ddd;

     font-size: 12px;

 }

 

 .city-area h6 {

     font-size: 1.1rem;

     margin-bottom: 15px;

 }

 /* ================================

   A1 RENTAL QUOTE MODAL

================================ */

 

 .a1-modal {

     display: none;

     position: fixed;

     inset: 0;

     z-index: 99999;

 }

 

 .a1-modal.active {

     display: flex;

     align-items: center;

     justify-content: center;

 }

 

 .a1-modal-overlay {

     position: absolute;

     inset: 0;

     background: rgba(0, 0, 0, 0.70);

 }

 

 .a1-modal-box {

     position: relative;

     z-index: 2;

     width: 90%;

     max-width: 520px;

     max-height: 90vh;

     overflow-y: auto;

     background: #ffffff;

     padding: 35px;

     border-radius: 12px;

     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);

     animation: a1ModalShow 0.25s ease;

 }

 

 @keyframes a1ModalShow {

     from {

         opacity: 0;

         transform: translateY(-20px) scale(0.97);

     }

     to {

         opacity: 1;

         transform: translateY(0) scale(1);

     }

 }

 

 .a1-modal-close {

     position: absolute;

     top: 12px;

     right: 15px;

     width: 35px;

     height: 35px;

     border: 0;

     background: transparent;

     font-size: 30px;

     line-height: 30px;

     cursor: pointer;

     color: #333;

 }

 

 .a1-modal-header {

     margin-bottom: 25px;

 }

 

 .a1-modal-header>span {

     font-size: 12px;

     font-weight: 600;

     letter-spacing: 1px;

     color: #999;

 }

 

 .a1-modal-header h3 {

     margin: 6px 0 8px;

     font-size: 28px;

 }

 

 .a1-modal-header p {

     margin: 0;

     color: #666;

     font-size: 14px;

 }

 /* Form */

 

 .a1-form-group {

     margin-bottom: 18px;

 }

 

 .a1-form-group label {

     display: block;

     margin-bottom: 7px;

     font-size: 14px;

     font-weight: 600;

 }

 

 .a1-form-group label span {

     color: #e00000;

 }

 

 .a1-form-group input[type="text"],

 .a1-form-group input[type="email"],

 .a1-form-group input[type="tel"] {

     width: 100%;

     height: 48px;

     padding: 0 14px;

     border: 1px solid #ddd;

     border-radius: 6px;

     font-size: 14px;

     box-sizing: border-box;

     outline: none;

 }

 

 .a1-form-group input:focus {

     border-color: #111;

 }

 /* Plan */

 

 .a1-plan-options {

     display: flex;

     gap: 10px;

     flex-wrap: wrap;

 }

 

 .a1-plan-option {

     position: relative;

     cursor: pointer;

 }

 

 .a1-plan-option input {

     position: absolute;

     opacity: 0;

 }

 

 .a1-plan-option span {

     display: block;

     padding: 10px 16px;

     border: 1px solid #ddd;

     border-radius: 6px;

     font-size: 13px;

     cursor: pointer;

 }

 

 .a1-plan-option input:checked+span {

     background: #111;

     border-color: #111;

     color: #fff;

 }

 /* Submit */

 

 .a1-submit-btn {

     width: 100%;

     height: 50px;

     border: 0;

     border-radius: 6px;

     background: #111;

     color: #fff;

     font-size: 15px;

     font-weight: 600;

     cursor: pointer;

     transition: 0.3s;

 }

 

 .a1-submit-btn:hover {

     opacity: 0.85;

 }

 

 .a1-submit-btn:disabled {

     opacity: 0.6;

     cursor: not-allowed;

 }

 /* Message */

 

 #a1FormMessage {

     margin-top: 15px;

     text-align: center;

     font-size: 14px;

 }

 

 #a1FormMessage.success {

     color: #198754;

 }

 

 #a1FormMessage.error {

     color: #dc3545;

 }

  /* Tablet */

 

 @media (max-width: 991px) {

     .a1-why-choose-section {

         padding: 70px 20px;

     }

     .a1-section-heading h2 {

         font-size: 34px;

     }

     .a1-benefits-grid {

         grid-template-columns: repeat(2, 1fr);

     }

     .a1-why-cta {

         align-items: flex-start;

         flex-direction: column;

     }

     .a1-industries-section {

         padding: 70px 20px;

     }

     .a1-industries-heading h2 {

         font-size: 35px;

     }

     .a1-industries-grid {

         grid-template-columns: 1fr;

     }

     .a1-industries-bottom {

         flex-direction: column;

         align-items: flex-start;

     }

     .a1-faq-section {

         padding: 70px 20px;

     }

     .a1-faq-heading h2 {

         font-size: 35px;

     }

     .a1-cities-section {

         padding: 70px 20px;

     }

     .a1-cities-heading h2 {

         font-size: 35px;

     }

     .a1-cities-grid {

         grid-template-columns: repeat(3, 1fr);

     }

     .a1-cities-footer {

         flex-direction: column;

         align-items: flex-start;

     }

     .a1-clients-section {

         padding: 70px 20px;

     }

     .a1-clients-heading h2 {

         font-size: 35px;

     }

     .a1-client-types {

         grid-template-columns: repeat(2, 1fr);

     }

     .a1-logo-placeholder-grid {

         grid-template-columns: repeat(3, 1fr);

     }

     .a1-clients-cta {

         flex-direction: column;

         align-items: flex-start;

     }

 }

 /* Mobile */

 

 @media (max-width: 767px) {

     .a1-why-choose-section {

         padding: 55px 15px;

     }

     .a1-section-heading {

         margin-bottom: 35px;

     }

     .a1-section-heading h2 {

         font-size: 28px;

     }

     .a1-section-heading p {

         font-size: 15px;

     }

     .a1-benefits-grid {

         grid-template-columns: 1fr;

         gap: 18px;

     }

     .a1-benefit-card {

         padding: 24px 20px;

     }

     .a1-benefit-content h3 {

         font-size: 18px;

     }

     .a1-benefit-content p {

         font-size: 14px;

     }

     .a1-why-cta {

         margin-top: 35px;

         padding: 28px 22px;

     }

     .a1-why-cta h3 {

         font-size: 21px;

     }

     .a1-cta-button {

         width: 100%;

         justify-content: center;

     }

     .a1-industries-section {

         padding: 55px 15px;

     }

     .a1-industries-heading {

         margin-bottom: 35px;

     }

     .a1-industries-heading h2 {

         font-size: 29px;

     }

     .a1-industries-heading p {

         font-size: 15px;

     }

     .a1-industries-grid {

         gap: 16px;

     }

     .a1-industry-card {

         padding: 23px 45px 23px 20px;

         gap: 15px;

     }

     .a1-industry-icon {

         flex: 0 0 48px;

         width: 48px;

         height: 48px;

         font-size: 17px;

     }

     .a1-industry-content h3 {

         font-size: 18px;

     }

     .a1-industry-content p {

         font-size: 14px;

     }

     .a1-industry-arrow {

         top: 22px;

         right: 17px;

     }

     .a1-industries-bottom {

         margin-top: 30px;

         padding: 25px 20px;

     }

     .a1-industries-button {

         width: 100%;

         justify-content: center;

     }

     .a1-cities-section {

         padding: 55px 15px;

     }

     .a1-cities-heading {

         margin-bottom: 35px;

     }

     .a1-cities-heading h2 {

         font-size: 29px;

     }

     .a1-cities-heading p {

         font-size: 15px;

     }

     .a1-cities-grid {

         grid-template-columns: repeat(2, 1fr);

         gap: 12px;

     }

     .a1-city-card {

         min-height: 75px;

         padding: 14px;

         gap: 10px;

     }

     .a1-city-icon {

         flex: 0 0 35px;

         width: 35px;

         height: 35px;

         font-size: 15px;

     }

     .a1-city-card h3 {

         font-size: 14px;

     }

     .a1-city-card p {

         font-size: 11px;

     }

     .a1-cities-footer {

         margin-top: 30px;

         padding: 25px 20px;

     }

     .a1-cities-footer h3 {

         font-size: 20px;

     }

     .a1-cities-footer p {

         font-size: 14px;

     }

     .a1-cities-button {

         width: 100%;

     }

     .a1-clients-section {

         padding: 55px 15px;

     }

     .a1-clients-heading {

         margin-bottom: 35px;

     }

     .a1-clients-heading h2 {

         font-size: 29px;

     }

     .a1-clients-heading p {

         font-size: 15px;

     }

     .a1-client-types {

         grid-template-columns: 1fr;

         gap: 14px;

     }

     .a1-client-type {

         padding: 24px 20px;

     }

     .a1-client-logos {

         margin-top: 35px;

         padding: 22px 15px;

     }

     .a1-logo-placeholder-grid {

         grid-template-columns: repeat(2, 1fr);

         gap: 10px;

     }

     .a1-logo-placeholder {

         min-height: 65px;

     }

     .a1-clients-cta {

         margin-top: 30px;

         padding: 25px 20px;

     }

     .a1-clients-cta-content h3 {

         font-size: 20px;

     }

     .a1-clients-cta-content p {

         font-size: 14px;

     }

     .a1-clients-button {

         width: 100%;

     }

     .a1-social-section {

         padding: 55px 15px;

     }

     .a1-social-content h2 {

         font-size: 29px;

     }

     .a1-social-content p {

         font-size: 14px;

         line-height: 1.7;

     }

     .a1-social-icons {

         gap: 10px;

         margin-top: 28px;

     }

     .a1-social-icon {

         width: 47px;

         height: 47px;

         font-size: 17px;

     }

 }