@font-face {
    font-family: 'Roboto Regular';
    src: url('../font/Roboto/Roboto-Regular.eot');
    src: url('../font/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Roboto/Roboto-Regular.woff2') format('woff2'),
        url('../font/Roboto/Roboto-Regular.woff') format('woff'),
        url('../font/Roboto/Roboto-Regular.ttf') format('truetype'),
        url('../font/Roboto/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins bold';
    src: url('../font/Poppins/Poppins-Bold.eot');
    src: url('../font/Poppins/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-Bold.woff2') format('woff2'),
        url('../font/Poppins/Poppins-Bold.woff') format('woff'),
        url('../font/Poppins/Poppins-Bold.ttf') format('truetype'),
        url('../font/Poppins/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins ExtraBold';
    src: url('../font/Poppins/Poppins-ExtraBold.eot');
    src: url('../font/Poppins/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-ExtraBold.woff2') format('woff2'),
        url('../font/Poppins/Poppins-ExtraBold.woff') format('woff'),
        url('../font/Poppins/Poppins-ExtraBold.ttf') format('truetype'),
        url('../font/Poppins/Poppins-ExtraBold.svg#Poppins-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins ExtraLight';
    src: url('../font/Poppins/Poppins-ExtraLight.eot');
    src: url('../font/Poppins/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-ExtraLight.woff2') format('woff2'),
        url('../font/Poppins/Poppins-ExtraLight.woff') format('woff'),
        url('../font/Poppins/Poppins-ExtraLight.ttf') format('truetype'),
        url('../font/Poppins/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins Light';
    src: url('../font/Poppins/Poppins-Light.eot');
    src: url('../font/Poppins/Poppins-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-Light.woff2') format('woff2'),
        url('../font/Poppins/Poppins-Light.woff') format('woff'),
        url('../font/Poppins/Poppins-Light.ttf') format('truetype'),
        url('../font/Poppins/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Poppins Medium';
    src: url('../font/Poppins/Poppins-Medium.eot');
    src: url('../font/Poppins/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-Medium.woff2') format('woff2'),
        url('../font/Poppins/Poppins-Medium.woff') format('woff'),
        url('../font/Poppins/Poppins-Medium.ttf') format('truetype'),
        url('../font/Poppins/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins Regular';
    src: url('../font/Poppins/Poppins-Regular.eot');
    src: url('../font/Poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-Regular.woff2') format('woff2'),
        url('../font/Poppins/Poppins-Regular.woff') format('woff'),
        url('../font/Poppins/Poppins-Regular.ttf') format('truetype'),
        url('../font/Poppins/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins SemiBold';
    src: url('../font/Poppins/Poppins-SemiBold.eot');
    src: url('../font/Poppins/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-SemiBold.woff2') format('woff2'),
        url('../font/Poppins/Poppins-SemiBold.woff') format('woff'),
        url('../font/Poppins/Poppins-SemiBold.ttf') format('truetype'),
        url('../font/Poppins/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Poppins Thin';
    src: url('../font/Poppins/Poppins-Thin.eot');
    src: url('../font/Poppins/Poppins-Thin.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-Thin.woff2') format('woff2'),
        url('../font/Poppins/Poppins-Thin.woff') format('woff'),
        url('../font/Poppins/Poppins-Thin.ttf') format('truetype'),
        url('../font/Poppins/Poppins-Thin.svg#Poppins-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins ThinItalic';
    src: url('../font/Poppins/Poppins-ThinItalic.eot');
    src: url('../font/Poppins/Poppins-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Poppins/Poppins-ThinItalic.woff2') format('woff2'),
        url('../font/Poppins/Poppins-ThinItalic.woff') format('woff'),
        url('../font/Poppins/Poppins-ThinItalic.ttf') format('truetype'),
        url('../font/Poppins/Poppins-ThinItalic.svg#Poppins-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

.font15 {font-size: 15px;}
.font12 {font-size: 12px;}
.font10 {font-size: 10px;}
.font18 {font-size: 18px;}
.font75 {font-size: 75px;}
.font128 {font-size: 128px;}
.font48 {font-size: 48px;}
.font64 {font-size: 64px;}
.font24 {font-size: 24px;}
.font32 {font-size: 32px;}
.font20 {font-size: 20px;}
.font36 {font-size: 36px;}
.font28 {font-size: 28px;}
.font40 {font-size: 40px;}
.font48 {font-size: 48px;}
.font21 {font-size: 21px;}
.font90 {font-size: 90px;}
.font96 {font-size: 96px;}
.font16 {font-size: 16px;}

.lh28 {line-height: 28px;}
.lh18 {line-height: 18px;}
.lh15 {line-height: 15px;}
.lh24 {line-height: 24px;}
.lh22 {line-height: 22px;}
.lh27 {line-height: 27px;}
.lh88 {line-height: 88px;}
.lh192 {line-height: 192px;}
.lh64 {line-height: 64px;}
.lh66 {line-height: 66px;}
.lh80 {line-height: 80px;}
.lh36 {line-height: 36px;}
.lh48 {line-height: 48px;}
.lh37 {line-height: 37px;}
.lh77 {line-height: 77px;}
.lh30 {line-height: 30px;}
.lh70 {line-height: 70px;}
.lh67 {line-height: 67px;}
.lh36 {line-height: 36px;}
.lh60 {line-height: 60px;}
.lh53 {line-height: 53px;}
.lh54 {line-height: 54px;}
.lh51 {line-height: 51px;}
.lh42 {line-height: 42px;}
.lh45 {line-height: 45px;}
.lh21 {line-height: 21px;}
.lh96 {line-height: 96px;}
.lh144 {line-height: 144px;}

.poppins-medium {font-family: 'Poppins Medium';font-weight: 500;}
.poppins-regular {font-family: 'Poppins Regular';font-weight: 400;}
.poppins-light {font-family: 'Poppins Light';font-weight: 300;}
.poppins-sb {font-family: 'Poppins SemiBold';font-weight: 600;}
.poppins-b {font-family: 'Poppins bold';font-weight: 700;}
.roboto-regular {font-weight: 400;font-family: 'Roboto Regular';}

.white {color: rgb(255, 255, 255)}
.green {color: rgb(0, 158, 77)}
.dark-blue {color: rgb(0, 56, 59);}
.pink {color: rgb(241, 91, 98);}

.d-none {display: none;}
.d-none-removed {display: block;}
.fade-left, .fade-right {opacity: 0;transition: opacity 2s, transform 2s;}
.fade-left {transform: translateX(-20px);}
.fade-right {transform: translateX(20px);}
.fade-left.visible, .fade-right.visible {opacity: 1;transform: translateX(0);}



.container2 {max-width: 1380px;margin: 0 auto;padding: 0 20px;}
html,body {padding: 0;margin: 0;height: 100%;}
body::-webkit-scrollbar{display: none}
.mobile {display: none;}

.mobile-menu, .top-nav {display: none;}


.footer {background: rgb(0, 56, 59);padding: 70px 0 50px 0;}
.footer-top-border {border: 1px solid rgba(255, 255, 255, 0.5);margin:0px 0 50px 0;}
.footer .footer-content .footer-top {display: flex;}
.footer .footer-content .footer-top .footer-menu-column ul {list-style-type: none;margin: 0 40px;}
.footer .footer-content .footer-top .footer-menu-column ul li a {text-decoration: none;}
.footer .footer-content .footer-top .top-one p {max-width: 400px;margin-top: 45px;}
.footer .footer-content .footer-middle {display: flex;justify-content: space-between;align-items: baseline;}
.footer .footer-content .footer-middle .social-icons a {margin: 0 20px;}
.footer .footer-content .footer-middle .social-icons a:first-child {margin-left: 0;}
.footer .footer-content .footer-middle .footer-image {display: inline-flex;align-items: flex-end;}
.footer .footer-content .footer-middle .footer-image p {margin: 0 10px 10px 0;}
.footer .footer-content .footer-bottom-text {display: flex;justify-content: space-between;align-items: center;margin-top: 30px;}
.footer .footer-content .footer-bottom-text .links ul {display: inline-flex;list-style-type: none;padding: 0;margin: 0;}
.footer .footer-content .footer-bottom-text .links ul li a {text-decoration: none;margin: 0 35px;}
.footer .footer-content .footer-bottom-text .links ul li a:first-child {margin-left: 0;}
.footer .footer-content .footer-top .top-one img {width: 190px;}
.footer .footer-content .footer-middle .footer-image img {height: 100px;}


.contact-form-container {background: rgb(0, 56, 59);padding: 100px 0 0px 0;}
.contact-form-container h2 {text-align: center;}
.contact-form-container .contact-form {display: flex;flex-direction: row;justify-content: space-between;}
.contact-form-container .contact-form .form-row {display: flex;flex-direction: column;width: 50%;}
.contact-form-container .contact-form .form-row:first-child {margin-right: 50px;}
.contact-form-container .contact-form .form-row input {background: rgba(0, 0, 0, 0.15);margin-bottom: 10px;border: none;outline: none;padding: 25px 20px;color: #ffffff;}
.contact-form-container .contact-form .form-row button {border-radius: 100px;background: rgb(241, 91, 98);outline: none;border: none;margin-top: 20px;padding: 15px 50px;width: 150px;align-self: flex-end;cursor: pointer;}
.contact-form-container .contact-form .form-row .form-select-phone select {background: rgba(0, 0, 0, 0.15);border: none;outline: none;padding: 0px 20px;color: #ffffff;width:50%;height: 66px;}
.contact-form-container .contact-form .form-row .form-select-phone input {width:50%;}
.contact-form-container .contact-form .form-row .form-select-phone select option {background-color: white !important;color: #00383B;}
.contact-form-container .contact-form .form-row textarea {background: rgba(0, 0, 0, 0.15);border: none;outline: none;padding: 25px 20px;color: #ffffff;height: 245px;resize: none;}
.contact-form-container .contact-form .form-row input::placeholder , .contact-form-container .contact-form .form-row textarea::placeholder {font-size: 15px;line-height: 22px;color: rgba(255, 255, 255, 0.2);font-style: italic;font-family: 'Poppins Light';font-weight: 300;}
.contact-form-container .contact-form .form-row .form-select-phone {display: flex;}
#thank-you-message {text-align: center;background: rgba(0, 0, 0, 0.15);height: 200px;padding-top: 100px;margin: 0;}



.background-image {position: relative;background-image: url('/assets/images/AdobeStock_4286643921.jpg');background-size: cover;height:750px;background-position: center;background-attachment: fixed;box-shadow: inset 0 0 0 2000px rgba(0,0,0,.5);}
.background-image .text-left p {max-width: 550px;}
.background-image .text-left {position: absolute;}
.background-image .box-right {border-radius: 60px;background: rgb(0, 56, 59);display: flex;justify-content: space-between;align-items: start;padding-top: 90px;padding-right: 50px;padding-bottom: 160px;position: absolute;right: 70px;bottom: -50px;gap: 50px;}
.background-image .box-right img {background: rgb(0, 158, 77);padding: 5px;margin-left: -10px;}
.background-image .box-right .text-box p {max-width: 470px;}
.background-image .box-right .text-box p:first-child {margin-top: 0;}
.background-image .box-right .text-box p:nth-child(2) {margin-bottom: 70px;}
.background-image .box-right .text-box a {border-radius: 100px;background: rgb(255, 74, 92);padding: 16px 50px;outline: none;border: none;text-decoration: none;}

.content-section {background: rgb(0, 56, 59);padding: 330px 0 100px 0 ;}
.content-section .button-container {margin-top: 50px;}
.content-section .container2 {max-width: 1110px;margin: 0 auto;padding: 0 20px;}
.content-section .button-container a {border-radius: 100px;background: rgb(241, 91, 98);padding: 15px 45px;text-decoration: none;}
.content-section .info-container .info-box h3 , .content-section .info-container .info-box .info-unit {text-transform: uppercase;}
.content-section .info-container {display: flex;flex-wrap: wrap;justify-content: end;gap: 70px;}
.content-section .info-container .info-box {text-align: left;width: 100%;max-width: 410px;}
.content-section .info-container .info-box .info-value {margin: 18px 0;}
.content-section .info-container .info-box .info-description {margin-top: 70px;}
.banner-width {width: calc(100vw - calc((100vw - 1380px) / 2));margin: 0 0 0 auto;padding: 0 0 0 20px;max-width: calc(100% - 20px)}
.banner img {width: 100%;border-radius: 100px 0px 0px 0px;height: 370px;}
.banner {position: relative;top: 300px;}
.banner .banner-text {position: absolute;top: 50px;left: calc((100vw - 1250px) / 2)}
.banner-first .banner-text h1 {max-width: 820px;}
.banner .banner-text h1 {max-width: 1100px;}


.why-ardroid .grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 50px;max-width: 1200px;margin: 0 auto;}
.why-ardroid {margin-bottom: -200px;padding-top: 100px;background: rgb(255, 255, 255);}
.why-ardroid p {max-width: 665px;}
.why-ardroid .grid .grid-item .item-top p {max-width: 270px;}


.banner-first img {width: 100%;border-radius: 0px 0px 100px 0px;height: 380px;}
.banner-width2 {width: calc(100vw - calc((100vw - 1380px) / 2));margin: 0 auto 0 0;padding: 0 20px 0 0;max-width: calc(100% - 20px);}
.banner-first {position: relative;top: 90px;margin-top: -350px;}
.banner-first .banner-text {position: absolute;top: 50px;left: calc((100vw - 1110px) / 2)}
.banner-first .banner-text a {border-radius: 100px;background: rgb(255, 74, 92);padding: 16px 50px;outline: none;border: none;text-decoration: none;}


.power {background: rgba(0, 56, 59, 0.05);padding-bottom: 300px;padding-top: 130px;}
.power h1 {max-width: 770px;margin-left: 25px;}
.power p {max-width: 780px;margin-left: 25px;}
.power .grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 90px;max-width: 1110px;padding: 0 20px;margin: 50px auto;}
.power .grid .grid-item {display: flex; gap: 40px;align-items: start;border-radius: 30px;background: rgb(255, 255, 255);padding-top: 33px;padding-right: 33px;}
.power .grid .grid-item h2 {margin-top: 0;}
.power .grid .grid-item img {padding: 5px;background: rgb(0, 158, 77);margin-left: -10px;margin-top: 15px;}

header {background: rgb(0, 56, 59);position: fixed;top: 0;width: 100%;z-index: 1000;}
.navbar {display: flex;justify-content: space-between;align-items: center;padding: 10px 20px}
.navbar .menu {display: flex;align-items: center;list-style: none}
.navbar .menu li a {text-decoration: none;padding: 0px 40px;display: block;}
.navbar .menu li .login {border-radius: 100px;background: rgb(241, 91, 98);padding: 8px 24px;}
.navbar .menu .dropdown {position: relative;}
.navbar .menu .dropdown .dropbtn {text-transform: uppercase;}
.navbar .menu .dropdown .dropbtn i {padding-left: 5px;}
.navbar .menu .dropdown .dropdown-content {display: none;position: absolute;z-index: 1;}
.navbar .menu .dropdown .dropdown-content a {color:#ffffff;padding: 8px 40px;text-decoration: none;display: block;}
.navbar .menu .dropdown:hover .dropdown-content {display: block;}



.animation-images {background: rgb(0, 56, 59); height: calc(100vh - 91px);margin-top: 91px;}
.animation-images > div {width: calc(100vw - calc((100vw - 1380px) / 2)); margin: 0 0 0 auto; max-width: calc(100% - 20px); display: flex; box-sizing: border-box}
.animation-images .image-wrapper {cursor: pointer;transition: flex 0.5s ease-in-out, transform 0.5s ease-in-out;;position: relative; flex: 0.5; overflow: hidden}
.animation-images .image-wrapper:first-child{z-index: 3}
.animation-images .image-wrapper:first-child video {border-radius: 0px 0px 0px 100px !important;}
.animation-images .image-wrapper:first-child img {border-radius: 0px 0px 0px 30px;}
.animation-images .image-wrapper:nth-child(2){z-index: 2}
.animation-images .image-wrapper:last-child{z-index: 1}
.animation-images .image-wrapper:nth-child(2) .text-bottom, .animation-images .image-wrapper:last-child .text-bottom{transition: .5s}
.animation-images .image-wrapper.active, .animation-images .image-wrapper:first-child{flex: 3}
.animation-images .image-wrapper.active{left: 0}
.animation-images .image-wrapper.inactive {flex: 0.5;}
.animation-images .image-wrapper h2, .animation-images .image-wrapper .text-bottom-second{transition: 1s}
.animation-images .image-wrapper.inactive h2, .animation-images .image-wrapper.inactive .text-bottom-second{opacity: 0; visibility: hidden}
.animation-images .image-wrapper.active h2, .animation-images .image-wrapper.active .text-bottom-second{opacity: 1; visibility: visible}
.animation-images .image {height: 100vh;transition: transform 0.5s ease-in-out; object-fit: cover; width: 100%}
.animation-images .image-wrapper:nth-child(2) video , .animation-images .image-wrapper:last-child video {width: 100%}
.animation-images .image-wrapper:nth-child(2) img , .animation-images .image-wrapper:last-child img {width: 100%}
.animation-images .image-wrapper .vertical-text {position: absolute;top: 50px;left: 10px;writing-mode: vertical-rl;}
.animation-images .image-wrapper .text-bottom {position: absolute;bottom: 0;left: 10px;}
.animation-images .image-wrapper .text-bottom-second {position: absolute;bottom: 115px;left: 220px;max-width: 675px;margin-bottom: 0;}
.animation-images .image-wrapper h2 {position: absolute;top: 50px;left: 100px;max-width: 500px;margin-top: 0;}
.animation-images .image-wrapper:last-child .text-bottom-second , .animation-images .image-wrapper:nth-child(2) .text-bottom-second {max-width: 500px;}


button.back-to-top.show {display: block;background: rgb(0, 56, 59);color: #FFFFFF;font-size: 25px;right: 25px;bottom: 50px;height: 55px;width: 55px;visibility: visible;box-shadow: 0 2px 4px 1px rgba(0,0,0,.25);-webkit-box-shadow: 0 2px 4px 1px rgba(0,0,0,.25);-moz-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .25);}
button.back-to-top {margin: 0 !important;padding: 0 !important;background: rgb(0, 56, 59);height: 0;width: 0;overflow: hidden;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;color: transparent;clear: both;visibility: hidden;position: fixed;cursor: pointer;display: block;border: none;right: 50px;bottom: 75px;font-size: 0;outline: 0 !important;z-index: 99;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
button.back-to-top.show .arrow-icon {background-image: url('/assets/images/backtotop.svg'); background-size: contain; background-repeat: no-repeat; display: block; width:35px; height:35px; position: absolute; top: 11px; left: 10px;}

.certificate-container {background: rgb(0, 56, 59);text-align: center;padding: 100px 0 0 0;}
.certificate-container .certificate-images img {padding: 0 10px;}
.certificate-container h2 {margin-bottom: 40px;}


@media (max-width: 960px) {
    .desktop {display: none !important;}
    .mobile {display: block !important;}
    .d-none {display: none;}
    .certificate-container {padding: 50px 0;}
    .certificate-container .certificate-images img {width: 70px;padding: 0 5px;}

    .top-nav {color: rgb(208, 205, 205);display: inline-block;}
    #menu-toggle {display: none;}
    .menu-button-container {display: flex;}
    .menu-button, .menu-button::before, .menu-button::after {display: block;background-color: #FFFFFF;position: absolute;height: 2.5px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
    .menu-button::before {content: '';margin-top: -8px;}
    .menu-button::after {content: '';margin-top: 8px;}
    .navbar .menu  {display: none;}
    .navbar {padding: 30px 50px 30px 20px}
    .mobile-menu {position: fixed;top: 0;width: 100%;background: rgb(0, 56, 59);z-index: 12;height: 100%;}
    .mobile-menu .mobile-menu-header {max-width: 100%;margin: auto;padding: 30px 50px 30px 20px;}
    .mobile-menu .menu-move {overflow: hidden;-webkit-overflow-scrolling: touch;bottom: 0;left: 0;position: absolute;z-index: 11;right: 0;margin: auto;top: 130px;}
    .menu-container {width: 100%;z-index: 10;position: relative;list-style-type: none;text-align: center;padding-left: 0;}
    .mobile-menu-header {display: flex;justify-content: space-between;padding: 16px 0 0;align-items: center;}
    .top-nav-x .menu-button-container .menu-button::before {margin-top: 0;transform: rotate(405deg);}
    .menu-move .menu-container li a {text-decoration: none;}
    .menu-move .menu-container li:last-child {border-top: 1px solid #ffffff;max-width: 350px;margin: 20px auto;opacity: 0.5;}
    .menu-button::before {content: '';margin-top: -8px;}
    .menu-move .menu-container .login-menu {margin-top: 50px;}
    .menu-button::after {content: '';margin-top: 8px;}
    .top-nav-x .menu-button-container .menu-button::after { margin-top: 0;transform: rotate(-405deg);}
    .top-nav-x .menu-button-container .menu-button {background: transparent;}

    footer.mobile .footer-content {background: rgba(0, 56, 59, 0.05);padding-top: 40px;}
    footer.mobile .footer-content .footer-bottom {background: rgb(0, 56, 59);padding: 25px 0;}
    footer.mobile .footer-content .footer-bottom .container2 {display: flex;justify-content: space-between;align-items: flex-end;}
    footer.mobile .footer-content .footer-menu ul {list-style-type: none;margin: 0;padding: 0;}
    footer.mobile .footer-content .footer-menu .footer-menu-columns {display: flex;margin: 0 auto 30px auto;}
    footer.mobile .footer-content .footer-menu .footer-menu-columns .footer-column {margin-right: 100px;}
    footer.mobile .footer-content .footer-menu .footer-menu-columns .footer-column li {padding-bottom: 6px;}
    footer.mobile .footer-content .footer-bottom .container2 .flex {display: inline-flex;align-items: flex-end;}
    footer.mobile .footer-content .footer-bottom .container2 .flex p {margin-right: 15px;margin-bottom: 7px;}
    footer.mobile .footer-content .footer-bottom .container2 .flex img {height: 58px;}
    footer.mobile .footer-content .footer-bottom .container2 .rr {margin-bottom: 0;}
    footer.mobile .footer-content .footer-logo-section {margin-top: 60px;}
    footer.mobile .footer-content .footer-logo-section p {padding-top: 10px;max-width: 290px;}
    footer.mobile .footer-content .social-icons {margin-top: 40px;}
    footer.mobile .footer-content .social-icons a {margin: 0 20px;}
    footer.mobile .footer-content .social-icons a:first-child {margin-left: 0;}
    footer.mobile .footer-content .footer-policies ul {list-style-type: none;margin: 0;padding: 0;display: inline-flex;}
    footer.mobile .footer-content .footer-policies {margin: 30px 0 50px 0;}
    footer.mobile .footer-content .footer-policies ul li a {text-decoration: none;padding-right: 20px;}


    .contact-form-container h2 {font-size: 24px;line-height: 35px;text-align: start;}
    .contact-form-container {padding: 40px 0;}
    .contact-form-container .contact-form .form-row {width: 100%;}
    .contact-form-container .contact-form {flex-direction: column;}
    .contact-form-container .contact-form .form-row button {font-size: 14px;line-height: 21px;width: 160px;}
    .contact-form-container .contact-form .form-row input , .contact-form-container .contact-form .form-row textarea {background: transparent;border-bottom: 0.25px solid #FFFFFF;opacity: 0.5;padding: 15px 20px 10px 0px;}
    .contact-form-container .contact-form .form-row input::placeholder, .contact-form-container .contact-form .form-row textarea::placeholder {font-size: 14px;color: rgb(255, 255, 255);}
    .contact-form-container .contact-form .form-row .form-select-phone {gap: 20px;}
    .contact-form-container .contact-form .form-row textarea {height: 150px;}
    .contact-form-container .contact-form .form-row .form-select-phone select {background: transparent;padding: 0;width: 45%;}
    .contact-form-container .contact-form .form-row .form-select-phone input {width: calc(55% - 20px);}


    .background-image .box-right .text-box p {font-size: 14px;line-height: 21px;}
    .background-image .text-left p {font-size: 24px;line-height: 28px;padding-top: 20px;padding-right: 20px;margin: 0;}
    .background-image .box-right {border-radius: 30px 0px 0px 0px;right: 0;left: 20px;flex-direction: column;padding : 0 20px 100px 20px;gap: 35px;position: relative;}
    .background-image .box-right .text-box p:nth-child(2) {margin-bottom: 50px;}
    .background-image .box-right .text-box a {font-size: 14px;list-style: 21px;width: 150px;}
    .background-image .box-right img {margin-top: -15px;margin-left: 0;}
    .background-image {height: auto;}
    .background-image .text-left {position: relative;}

    .content-section h2 {font-size: 24px;}
    .content-section .info-container .info-box h3  {font-size: 13px;margin-bottom: 0;}
    .content-section .info-container .info-box .info-value {font-size: 40px;margin: 0;padding: 5px 0;}
    .content-section .info-container .info-box .info-unit {margin-top: 0;font-size: 20px;}
    .content-section .info-container .info-box .info-description {font-size: 14px;line-height: 21px;margin-top: 40px;max-width: 100%;}
    .content-section .info-container {flex-wrap: nowrap;gap: 30px;}
    .content-section .button-container a {font-size: 14px;line-height: 21px;width: 150px;}
    .content-section {padding: 50px 0 50px 0;}

    .banner.mobile {top: 5px;}
    .banner.mobile img {height: 200px;border-radius: 30px 0px 0px 0px;}
    .banner.mobile .banner-text h1 {font-size: 24px;line-height: 28px;}
    .banner.mobile .banner-text {top: 35px;left: 20px;}

    .why-ardroid h1 {font-size: 28px;line-height: 35px;}
    .why-ardroid p {width: 100%;font-size: 14px;line-height: 21px;}
    .why-ardroid .grid {grid-template-columns: repeat(1, 1fr);gap: 0;}
    .why-ardroid {margin-bottom: 50px; padding-top: 50px;}
    .why-ardroid .grid .grid-item h3 {font-size: 20px;line-height: 30px;}
    .why-ardroid .grid .grid-item {display: flex;gap: 50px;align-items: flex-start;border-bottom: 1px solid #00383B;}
    .why-ardroid .grid .grid-item h2 {font-size: 20px;line-height: 39px;margin-top: 15px;}
    .why-ardroid .grid .grid-item:last-child {border-bottom: none;}

    .banner-first.mobile {top: 50px;margin-top: -50px;}
    .banner-first.mobile  img {height: 230px;border-radius: 0px 0px 30px 0px;}
    .banner-first.mobile .banner-text h1 {font-size: 26px;line-height: 30px;padding-bottom: 20px;}
    .banner-first.mobile .banner-text {top: 25px;left: 20px;}
    .banner-first .banner-text a {font-size: 14px;line-height: 21px;}
    


    .power h1 {font-size: 28px;line-height: 35px;max-width: 100%;margin-left: 0;}
    .power p {font-size: 14px;line-height: 21px;max-width: 100%;margin-left: 0;margin-top: 0;}
    .power .grid .grid-item {flex-direction: column;padding: 0 20px 20px 20px;align-items: flex-start;gap: 20px;}
    .power .grid {gap: 30px;grid-template-columns: repeat(1, 1fr);padding: 0;}
    .power .grid .grid-item h2 {font-size: 18px;line-height: 30px;margin-bottom: 0;}
    .power .grid .grid-item img {width: 28px;margin-left: 0;margin-top: -15px;margin-bottom: 0;}
    .power {padding-bottom: 2px;padding-top: 190px;}


    .animation-images  .image {width: 100%;height: 430px;border-radius: 0px 0px 0px 30px;}
    .animation-images > div {width: 100%;max-width: 100%;margin: 0;flex-direction: column;position: relative;}
    .animation-images .image-wrapper .vertical-text {font-size: 14px;line-height: 21px;top: 35px;}
    .animation-images .image-wrapper h2 , .animation-images .image-wrapper h2 span {font-size: 32px !important;line-height: 38px;top: 110px;left: 35px;max-width: 205px;}
    .animation-images .image-wrapper .text-bottom {font-size: 44px;line-height: 66px;}
    .animation-images .image-wrapper .text-bottom-second {font-size: 17px;line-height: 28px;bottom: 40px;left: 100px;max-width: 200px !important;}
    .animation-images .image-wrapper .text-bottom {left: 35px !important;bottom: 0px;}
    .animation-images {height: 430px;}
    .animation-images .image-wrapper .vertical-text {right: 30px;left: auto;writing-mode: horizontal-tb;}
    .animation-images .image-wrapper {width: 100%;position: absolute;}
    .animation-images .image-wrapper:nth-child(2) {top: 90px;}
    .animation-images .image-wrapper:last-child {top: 180px;}
    .animation-images .image-wrapper.active {z-index: 3;}
    .animation-images .image-wrapper.active {border-radius: 0px 0px 0px 30px;}
    .animation-images .image-wrapper.inactive , .animation-images .image-wrapper {z-index: 1;}
    .animation-images .image-wrapper:nth-child(2) {z-index: 2;}
    .animation-images .image-wrapper:nth-child(2).inactive .text-bottom , .animation-images .image-wrapper:first-child.inactive .text-bottom {top: -33px;}
    .animation-images .image-wrapper:last-child .vertical-text , .animation-images .image-wrapper:last-child.inactive .vertical-text {bottom: 40px;top: auto;}
    .animation-images .image-wrapper:nth-child(2) .vertical-text {bottom: 40px;top: auto;}
    .animation-images .image-wrapper:last-child.active .vertical-text {bottom: auto;top: 50px;}
    .animation-images .image-wrapper:nth-child(2).active .vertical-text , .animation-images .image-wrapper:nth-child(2).inactive .vertical-text {bottom: auto;top: 35px;}
    .second-wrapper-text-modified {top: auto !important;bottom: 0 !important; }
    .second-wrapper-text-modified-two {bottom: 50px !important;top: auto !important;}
    .animation-images .image-wrapper .overlay {position: absolute;top: 0;left: 0;width: 100%;height:100%;background: rgba(0, 0, 0, 0.5);border-radius: 0px 0px 0px 30px;}
    .animation-images {margin-top: 88px;}
    .animation-images .image-wrapper .text-bottom {margin-bottom: 25px;}
    .image-resize {height: 115px !important;}
    .image-resize2 {height: 150px !important;}
    .on-it {z-index: 5 !important;}
    .m-40 {margin-top: -43px;}
    .top {top:95px !important}
    .top2 {top:160px !important}
    .text-mo {top:15px !important}
    .text-mod {top: 90px !important;}
    .on-it2 {z-index: 4 !important;margin-top: -35px;}
    #thank-you-message {font-size: 16px;line-height: 24px;}
    .animation-images .image-wrapper h2, .animation-images .image-wrapper .text-bottom-second , .animation-images .image-wrapper , .animation-images .image-wrapper.active h2, .animation-images .image-wrapper.active .text-bottom-second {  -webkit-transition: none !important;-moz-transition: none !important;-o-transition: none !important;transition: none !important;}


}

@media (min-width: 961px) and (max-width:1160px) {
.footer .footer-content .footer-top .footer-menu-column ul li a {font-size: 16px;}
.footer .footer-content .footer-top .footer-menu-column ul {margin: 0 11px;padding: 0;}
.contact-form-container h2 {font-size: 45px;}
.background-image .text-left p {font-size: 25px;}
.why-ardroid {margin-bottom: 50px; padding-top: 50px;}
.banner {top: 4px;}
.navbar .menu li a {padding: 0 15px;}
.banner-first {top: 50px;margin-top: -50px;}
.banner-first .banner-text {top: 10px;left: 50px;}
.banner-first .banner-text h1 {font-size: 35px;line-height: 50px;}
.content-section {padding: 60px 0;}
.banner .banner-text h1{font-size: 38px;line-height: 45px;}
.banner .banner-text {top: 80px;left: 20px;}
.content-section .info-container {flex-wrap: nowrap;}
.power {padding-bottom: 50px;}
.animation-images .image-wrapper .text-bottom-second {font-size: 39px;}
.animation-images .image-wrapper .text-bottom {font-size: 90px;}

}

@media (min-width: 1151px) and (max-width:1290px) {
.background-image .text-left p {font-size: 35px;max-width: 500px;}
.banner .banner-text h1{font-size: 60px;line-height: 65px;}
.banner .banner-text {top: 10px;left: 15px;}
.navbar .menu li a {padding: 0 25px;}
.banner-first {top: 50px;margin-top: -50px;}
.banner-first .banner-text {top: 10px;left: 50px;}
.banner-first .banner-text h1 {font-size: 45px;line-height: 55px;}
.power {padding-bottom: 50px;}

}