@charset "UTF-8";

/* Local Web Fonts (exact filenames) */
/* Poppins: light(300), regular(400), medium(500) */
@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins-light-webfont.woff2") format("woff2"),
        url("../fonts/poppins-light-webfont.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins-regular-webfont.woff2") format("woff2"),
        url("../fonts/poppins-regular-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins-medium-webfont.woff2") format("woff2"),
        url("../fonts/poppins-medium-webfont.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: block;
}

/* DIN Next LT Arabic (DINNextW1G) weights via OTF */
/* Mapping common weights based on filenames available */
@font-face {
    font-family: "DIN Next LT Arabic";
    src: url("../fonts/DINNextW1G-UltraLight.otf") format("opentype");
    font-weight: 200;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "DIN Next LT Arabic";
    src: url("../fonts/DINNextW1G-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "DIN Next LT Arabic";
    src: url("../fonts/DINNextW1G-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "DIN Next LT Arabic";
    src: url("../fonts/DINNextW1G-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "DIN Next LT Arabic";
    src: url("../fonts/DINNextW1G-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "DIN Next LT Arabic";
    src: url("../fonts/DINNextW1G-Heavy.otf") format("opentype");
    font-weight: 800;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "DIN Next LT Arabic";
    src: url("../fonts/DINNextW1G-Black.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: block;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    overflow-x: hidden;
    font-family: "Poppins";
}

body {
    background-color: #fff;
    position: relative;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    padding-left: 1rem;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.container-fluid {
    padding: 24px;
}


nav {
    background: linear-gradient(90deg,
            rgba(14, 23, 35, 1) 0%,
            rgba(16, 29, 43, 1) 100%);
    height: 88px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

nav.navbar {
    position: absolute;
    background: linear-gradient(102.1deg, rgba(14, 23, 35, 0.4) 0%, rgba(16, 29, 43, 0.4) 100%);
    backdrop-filter: blur(16px);
}

.btn-main {
    font-family: 'DIN Next LT Arabic', sans-serif;
    background: linear-gradient(78.6deg, #0C93F1 8.39%, #03E8DB 91.61%);
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
    display: inline-block;
    padding: 15px 60px;
    transition: transform 0.3s ease;
}

.banner {
    background: linear-gradient(108.72deg, rgba(14, 23, 35, 0.65) 0%, rgba(16, 29, 43, 0.65) 100%), url("../images/hero-background.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #ffffff;
    position: relative;
    margin-top: 0px;
    padding-top: 170px;
    padding-bottom: 113px;
}


.banner h1 {
    font-family: 'DIN Next LT Arabic';
    font-style: normal;
    font-size: 2.5rem;
    line-height: 55px;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    background: linear-gradient(258.3deg, #0C93F1 18.05%, #03E8DB 75.57%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 18px;
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmer 5s ease-in-out infinite;
}

.banner-left-content {
    margin: 0;
}

/* Banner bullet list (left column) */
/* Match Figma: compact text with gradient icon badges */
/* Remove oversized typography that caused clipping */


ul.custom-list {
    list-style: none;
    padding: 0;
    font-size: 18px;
    color: #fff;
    line-height: 3.5rem;
}

ul.custom-list li {
    position: relative;
    padding: 0px 0 0px 55px;
    overflow: visible;
    font-size: 1.5rem;    
}

ul.custom-list li:last-child {
    margin-bottom: 0px;
}

ul.custom-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background-size: 45px 45px;
    /* prevent any part from being cut */
}

/* Banner form (right side) */
.banner-form-card {
    background: #fff;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0px 40px;
    color: #ffffff;
}

.banner-form-header {
    padding-bottom: 8px;
}

.banner-form-title {
    font-family: 'DIN Next LT Arabic';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(78.6deg, #0C93F1 8.39%, #03E8DB 91.61%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    padding: 35px 30px 0 30px;
}

.banner-form-subtitle {
    font-family: 'poppinsregular', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #666666;
}

.banner-form .form-control {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    font-size: 14px;
}

.banner-form .form-control::placeholder {
    color: #6c757d;
}

.btn.btn-gradient {
    background: linear-gradient(78.6deg, #0C93F1 8.39%, #03E8DB 91.61%);
    border-radius: 4px;
    padding: 16px 16px 20px;
    gap: 16px;
    height: 71px;
    transition: transform 0.3s ease;
}

.banner-btn {
    font-family: 'DIN Next LT Arabic';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    text-transform: uppercase;
    color: #FFFFFF;
}


ul.custom-list li:nth-child(1)::before {
    background-image: url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24.3453" cy="24.4645" r="23.0026" stroke="url(%23paint0_linear_225_81)" stroke-width="1.31443"/><path d="M20.1096 17.209L16.6893 27.8802C16.669 27.9395 16.6631 28.0027 16.672 28.0648C16.6809 28.1268 16.7044 28.1859 16.7406 28.237C16.7767 28.2882 16.8245 28.3301 16.88 28.3592C16.9355 28.3884 16.9972 28.4039 17.0598 28.4046H18.0175C18.103 28.4043 18.1861 28.3764 18.2544 28.3251C18.3227 28.2737 18.3726 28.2016 18.3966 28.1196L18.9324 26.4095H23.6153L23.5497 26.304L24.1369 28.1196C24.1609 28.2016 24.2107 28.2737 24.2791 28.3251C24.3474 28.3764 24.4305 28.4043 24.516 28.4046H25.4736C25.5364 28.405 25.5983 28.3904 25.6543 28.3622C25.7103 28.334 25.7588 28.2928 25.7958 28.2422C25.8329 28.1915 25.8573 28.1328 25.8672 28.0709C25.8771 28.0089 25.8721 27.9455 25.8527 27.8859L22.4325 17.2147C22.4081 17.1329 22.3581 17.0611 22.2899 17.0098C22.2216 16.9585 22.1388 16.9304 22.0534 16.9297H20.4801C20.3968 16.9314 20.3162 16.9593 20.2496 17.0094C20.1831 17.0596 20.1341 17.1294 20.1096 17.209ZM19.5025 24.6993L21.2667 19.207L23.0453 24.6993H19.5025Z" fill="url(%23paint1_linear_225_81)"/><path d="M29.7701 16.9326H28.858C28.6376 16.9326 28.459 17.1113 28.459 17.3316V28.0028C28.459 28.2232 28.6376 28.4018 28.858 28.4018H29.7701C29.9905 28.4018 30.1691 28.2232 30.1691 28.0028V17.3316C30.1691 17.1113 29.9905 16.9326 29.7701 16.9326Z" fill="url(%23paint2_linear_225_81)"/><path d="M25.1126 32.6801H16.8185C16.2017 32.6801 15.6101 32.435 15.174 31.9989C14.7378 31.5627 14.4928 30.9711 14.4928 30.3543V15.6245C14.4928 15.0076 14.7378 14.4161 15.174 13.9799C15.6101 13.5437 16.2017 13.2987 16.8185 13.2987H31.5484C32.1652 13.2987 32.7568 13.5437 33.1929 13.9799C33.6291 14.4161 33.8741 15.0076 33.8741 15.6245V22.9894C33.8794 23.1449 33.9458 23.292 34.0589 23.3988C34.1721 23.5055 34.3229 23.5633 34.4784 23.5594C34.9637 23.5579 35.4428 23.6692 35.8778 23.8843C35.9681 23.9307 36.0689 23.9528 36.1703 23.9486C36.2717 23.9443 36.3703 23.9139 36.4564 23.8602C36.5426 23.8065 36.6133 23.7314 36.6618 23.6422C36.7102 23.5531 36.7347 23.4528 36.7329 23.3514V15.6245C36.7329 14.944 36.5987 14.2703 36.3381 13.6417C36.0774 13.0132 35.6954 12.4422 35.2139 11.9615C34.7323 11.4807 34.1607 11.0996 33.5318 10.84C32.9028 10.5804 32.2288 10.4474 31.5484 10.4485H16.8185C15.4458 10.4485 14.1293 10.9938 13.1586 11.9645C12.1879 12.9352 11.6426 14.2517 11.6426 15.6245V30.3543C11.6426 31.727 12.1879 33.0436 13.1586 34.0143C14.1293 34.9849 15.4458 35.5303 16.8185 35.5303H26.3097C26.4263 35.5304 26.5404 35.496 26.6375 35.4313C26.7345 35.3667 26.8103 35.2747 26.8551 35.1671C26.8999 35.0594 26.9119 34.9409 26.8894 34.8265C26.8669 34.712 26.811 34.6068 26.7287 34.5241C26.2852 34.1173 25.9259 33.6273 25.6713 33.0819C25.6305 32.9658 25.555 32.8651 25.4551 32.7932C25.3552 32.7213 25.2357 32.6818 25.1126 32.6801Z" fill="url(%23paint3_linear_225_81)"/><path d="M37.7897 33.7636L40.372 32.7461C40.4252 32.725 40.4708 32.6885 40.5029 32.6413C40.5351 32.594 40.5522 32.5382 40.5522 32.481C40.5522 32.4238 40.5351 32.368 40.5029 32.3207C40.4708 32.2734 40.4252 32.2369 40.372 32.2159L37.7897 31.1984C37.3326 31.0177 36.9174 30.7451 36.5698 30.3975C36.2222 30.0499 35.9497 29.6347 35.7689 29.1776L34.7514 26.6124C34.7303 26.5594 34.6937 26.5139 34.6465 26.4819C34.5992 26.4499 34.5434 26.4328 34.4863 26.4329C34.4292 26.4328 34.3735 26.4499 34.3262 26.4819C34.2789 26.5139 34.2424 26.5594 34.2213 26.6124L33.2037 29.1776C33.0234 29.635 32.751 30.0504 32.4034 30.398C32.0557 30.7457 31.6403 31.0181 31.1829 31.1984L28.6178 32.2159C28.5646 32.2369 28.519 32.2734 28.4868 32.3207C28.4547 32.368 28.4375 32.4238 28.4375 32.481C28.4375 32.5382 28.4547 32.594 28.4868 32.6413C28.519 32.6885 28.5646 32.725 28.6178 32.7461L31.1829 33.7636C31.6403 33.9439 32.0557 34.2163 32.4034 34.5639C32.751 34.9116 33.0234 35.327 33.2037 35.7844L34.2213 38.3496C34.2419 38.4031 34.2783 38.4492 34.3256 38.4817C34.3729 38.5143 34.4289 38.5318 34.4863 38.532C34.5437 38.5318 34.5998 38.5143 34.6471 38.4817C34.6944 38.4492 34.7307 38.4031 34.7514 38.3496L35.7689 35.7844C35.9497 35.3273 36.2222 34.9121 36.5698 34.5645C36.9174 34.2169 37.3326 33.9443 37.7897 33.7636Z" fill="url(%23paint4_linear_225_81)"/><defs><linearGradient id="paint0_linear_225_81" x1="24.9199" y1="-55.9883" x2="-4.83448" y2="-49.8263" gradientUnits="userSpaceOnUse"><stop stop-color="%230C93F1"/><stop offset="1" stop-color="%2303E8DB"/></linearGradient><linearGradient id="paint1_linear_225_81" x1="16.668" y1="16.9297" x2="27.8695" y2="25.9145" gradientUnits="userSpaceOnUse"><stop stop-color="%230C93F1"/><stop offset="1" stop-color="%2303E8DB"/></linearGradient><linearGradient id="paint2_linear_225_81" x1="28.459" y1="16.9326" x2="31.8048" y2="17.4315" gradientUnits="userSpaceOnUse"><stop stop-color="%230C93F1"/><stop offset="1" stop-color="%2303E8DB"/></linearGradient><linearGradient id="paint3_linear_225_81" x1="11.6426" y1="10.4485" x2="36.7244" y2="35.5389" gradientUnits="userSpaceOnUse"><stop stop-color="%230C93F1"/><stop offset="1" stop-color="%2303E8DB"/></linearGradient><linearGradient id="paint4_linear_225_81" x1="28.4375" y1="26.4329" x2="40.5366" y2="38.5476" gradientUnits="userSpaceOnUse"><stop stop-color="%230C93F1"/><stop offset="1" stop-color="%2303E8DB"/></linearGradient></defs></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

ul.custom-list li:nth-child(2)::before {
    background-image: url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24.3453" cy="24.1552" r="23.0026" stroke="url(%23paint0_linear_225_82)" stroke-width="1.31443"/><path d="M38.6934 18.6858H24.0739C23.5693 18.6858 23.1602 19.0949 23.1602 19.5995V22.3407H39.6071V19.5995C39.6071 19.0949 39.198 18.6858 38.6934 18.6858ZM24.9876 21.4269C24.483 21.4269 24.0739 21.0179 24.0739 20.5132C24.0739 20.0086 24.483 19.5995 24.9876 19.5995C25.4922 19.5995 25.9013 20.0086 25.9013 20.5132C25.9013 21.0179 25.4922 21.4269 24.9876 21.4269ZM27.7288 21.4269C27.2242 21.4269 26.815 21.0179 26.815 20.5132C26.815 20.0086 27.2242 19.5995 27.7288 19.5995C28.2334 19.5995 28.6425 20.0086 28.6425 20.5132C28.6425 21.0179 28.2334 21.4269 27.7288 21.4269Z" fill="url(%23paint1_linear_225_82)"/><path d="M23.1602 23.2544V30.5641C23.1602 31.0687 23.5692 31.4779 24.0739 31.4779H38.6934C39.198 31.4779 39.6071 31.0687 39.6071 30.5641V23.2544H23.1602ZM29.4223 28.8706C29.6008 29.049 29.6008 29.3381 29.4223 29.5166C29.3331 29.6058 29.2162 29.6504 29.0993 29.6504C28.9824 29.6504 28.8655 29.6058 28.7763 29.5166L26.9489 27.6891C26.7704 27.5107 26.7704 27.2216 26.9489 27.0431L28.7763 25.2157C28.9548 25.0372 29.2439 25.0372 29.4223 25.2157C29.6008 25.3941 29.6008 25.6832 29.4223 25.8617L27.9179 27.3661L29.4223 28.8706ZM32.2836 25.6493L31.3699 29.3042C31.3181 29.5121 31.1321 29.6504 30.9273 29.6504C30.8907 29.6504 30.8532 29.646 30.8162 29.6366C30.5712 29.5755 30.4222 29.3274 30.4838 29.0829L31.3975 25.428C31.4582 25.1827 31.7067 25.031 31.9512 25.0957C32.1961 25.1568 32.3451 25.4048 32.2836 25.6493ZM35.8184 27.6891L33.9909 29.5166C33.9017 29.6058 33.7848 29.6504 33.6679 29.6504C33.551 29.6504 33.4341 29.6058 33.3449 29.5166C33.1664 29.3381 33.1664 29.049 33.3449 28.8706L34.8493 27.3661L33.3449 25.8617C33.1664 25.6832 33.1664 25.3941 33.3449 25.2157C33.5234 25.0372 33.8125 25.0372 33.9909 25.2157L35.8184 27.0431C35.9968 27.2216 35.9968 27.5107 35.8184 27.6891Z" fill="url(%23paint2_linear_225_82)"/><path d="M24.0731 32.3916C23.0638 32.3916 22.2456 31.5734 22.2456 30.5641V19.5995C22.2456 18.5902 23.0638 17.7721 24.0731 17.7721H28.6417V15.0309C28.6417 14.5263 28.2326 14.1172 27.728 14.1172H24.0731C24.0731 15.1264 23.2549 15.9446 22.2456 15.9446C21.2364 15.9446 20.4182 15.1264 20.4182 14.1172H16.7633C16.2587 14.1172 15.8496 14.5263 15.8496 15.0309V35.1327C15.8496 35.6374 16.2587 36.0464 16.7633 36.0464H27.728C28.2326 36.0464 28.6417 35.6374 28.6417 35.1327V32.3916H24.0731Z" fill="url(%23paint3_linear_225_82)"/><path d="M29.5547 32.3916V35.1328C29.5547 36.1406 28.7351 36.9602 27.7273 36.9602H16.7626C15.7548 36.9602 14.9352 36.1406 14.9352 35.1328V15.031C14.9352 14.0231 15.7548 13.2035 16.7626 13.2035H27.7273C28.7351 13.2035 29.5547 14.0231 29.5547 15.031V17.7721H30.4684V15.031C30.4684 13.5194 29.2388 12.2898 27.7273 12.2898H16.7626C15.2511 12.2898 14.0215 13.5194 14.0215 15.031V35.1328C14.0215 36.6443 15.2511 37.8739 16.7626 37.8739H27.7273C29.2388 37.8739 30.4684 36.6443 30.4684 35.1328V32.3916H29.5547Z" fill="url(%23paint4_linear_225_82)"/><defs><linearGradient id="paint0_linear_225_82" x1="24.9199" y1="-56.2976" x2="-4.83448" y2="-50.1356" gradientUnits="userSpaceOnUse"><stop stop-color="%230C93F1"/><stop offset="1" stop-color="%2303E8DB"/></linearGradient><linearGradient id="paint1_linear_225_82" x1="23.1602" y1="18.6858" x2="24.7081" y2="25.6516" gradientUnits="userSpaceOnUse"><stop stop-color="%230C93F1"/><stop offset="1" stop-color="%2303E8DB"/></linearGradient><linearGradient id="paint2_linear_225_82" x1="23.1602" y1="23.2544" x2="29.7389" y2="36.4119" gradientUnits="userSpaceOnUse"><stop stop-color="%230C93F1"/><stop offset="1" stop-color="%2303E8DB"/></linearGradient><linearGradient id="paint3_linear_225_82" x1="15.8496" y1="14.1172" x2="34.9383" y2="25.2523" gradientUnits="userSpaceOnUse"><stop stop-color="%230C93F1"/><stop offset="1" stop-color="%2303E8DB"/></linearGradient><linearGradient id="paint4_linear_225_82" x1="14.0215" y1="12.2898" x2="37.2966" y2="27.2524" gradientUnits="userSpaceOnUse"><stop stop-color="%230C93F1"/><stop offset="1" stop-color="%2303E8DB"/></linearGradient></defs></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

ul.custom-list li:nth-child(3)::before {
    background-image: url('data:image/svg+xml,<svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24.3453" cy="23.8458" r="23.0026" stroke="url(%23paint0_linear_225_83)" stroke-width="1.31443"/><g clip-path="url(%23clip0_225_83)"><path fill-rule="evenodd" clip-rule="evenodd" d="M30.283 11.1274H18.0867C16.8615 11.1274 15.8691 12.1203 15.8691 13.345V35.5201C15.8691 36.1083 16.102 36.6723 16.5178 37.0881C16.9336 37.5039 17.499 37.7376 18.0867 37.7376H30.283C30.8706 37.7376 31.436 37.5039 31.8518 37.0881C32.2676 36.6723 32.5005 36.1083 32.5005 35.5201C32.5005 30.9027 32.5005 17.9624 32.5005 13.345C32.5005 12.7568 32.2676 12.1927 31.8518 11.7769C31.436 11.3611 30.8706 11.1274 30.283 11.1274ZM27.7799 25.8185L27.0315 27.8417L25.0081 28.5903L27.0315 29.339L27.7799 31.3622L28.5283 29.339L30.5518 28.5903L28.5283 27.8417L27.7799 25.8185ZM22.7989 18.8887L21.4517 22.5304L17.8095 23.8781L21.4517 25.2258L22.7989 28.8675L24.146 25.2258L27.7883 23.8781L24.146 22.5304L22.7989 18.8887ZM20.027 18.3344V17.78C20.027 17.474 19.7775 17.2256 19.4726 17.2256C19.1677 17.2256 18.9182 17.474 18.9182 17.78V18.3344H18.3638C18.0589 18.3344 17.8095 18.5827 17.8095 18.8887C17.8095 19.1947 18.0589 19.4431 18.3638 19.4431H18.9182V19.9975C18.9182 20.3035 19.1677 20.5519 19.4726 20.5519C19.7775 20.5519 20.027 20.3035 20.027 19.9975V19.4431H20.5814C20.8863 19.4431 21.1357 19.1947 21.1357 18.8887C21.1357 18.5827 20.8863 18.3344 20.5814 18.3344H20.027ZM26.4328 12.2362H21.9368L22.3526 13.345H26.0171L26.4328 12.2362Z" fill="url(%23paint1_linear_225_83)"/></g><defs><linearGradient id="paint0_linear_225_83" x1="24.9199" y1="-56.6069" x2="-4.83448" y2="-50.445" gradientUnits="userSpaceOnUse"><stop stop-color="%230C93F1"/><stop offset="1" stop-color="%2303E8DB"/></linearGradient><linearGradient id="paint1_linear_225_83" x1="15.8691" y1="11.1274" x2="39.7884" y2="26.077" gradientUnits="userSpaceOnUse"><stop stop-color="%230C93F1"/><stop offset="1" stop-color="%2303E8DB"/></linearGradient><clipPath id="clip0_225_83"><rect width="26.6101" height="26.6101" fill="white" transform="translate(10.8809 11.1274)"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

ul.custom-list li:nth-child(4)::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24.3453' cy='24.5365' r='23.0026' stroke='url(%23paint0_linear_270_104)' stroke-width='1.31443'/%3E%3Cg clip-path='url(%23clip0_270_104)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.338 34.1761L17.3706 35.851C17.1256 36.2761 16.5799 36.4222 16.1557 36.1772C15.7325 35.9331 15.5855 35.3846 15.8299 34.9616L16.797 33.2864C17.0424 32.8613 17.5877 32.7152 18.0128 32.9606C18.437 33.2062 18.5837 33.751 18.338 34.1761V34.1761ZM20.3437 34.3065C20.2043 34.2261 20.0515 34.1877 19.9005 34.1877C19.5929 34.1877 19.2932 34.3473 19.1288 34.6323L17.5605 37.3484C17.3151 37.7729 17.4622 38.3187 17.8862 38.564C18.3107 38.8094 18.8561 38.6633 19.1012 38.2382L20.6696 35.5221C20.9146 35.097 20.7685 34.5523 20.3438 34.3065L20.3437 34.3065ZM14.1311 23.2253C14.167 23.195 14.1621 23.143 14.1208 23.1204L12.4581 22.1954C12.3378 22.1291 12.2077 22.1395 12.0996 22.224C9.64081 24.1634 8.26881 27.5899 8.83714 30.3707C8.85974 30.4833 8.9221 30.5594 9.02785 30.6041L10.3324 31.158C10.3761 31.1763 10.421 31.1476 10.421 31.0998C10.453 27.9646 11.7358 25.2419 14.1311 23.2252V23.2253ZM23.0884 36.1935C23.0266 35.9626 22.8798 35.7709 22.6753 35.6522C22.5358 35.572 22.3825 35.5337 22.232 35.5337C21.9244 35.5337 21.6247 35.6933 21.4597 35.9782L20.1524 38.243C19.926 38.6645 20.0744 39.1943 20.4917 39.4349C20.6962 39.553 20.9357 39.5842 21.1663 39.5222C21.3969 39.4603 21.5885 39.3136 21.7073 39.1091L23.0011 36.868C23.1192 36.6632 23.1504 36.4241 23.0884 36.1935ZM32.5783 32.5508L28.4066 30.1417C27.5919 29.6706 26.8319 29.228 25.8589 29.228C24.9892 29.2331 24.2025 29.6176 23.4413 29.9899C22.2404 30.5765 20.8795 31.2413 19.4103 30.0251C18.9931 29.6789 18.7546 29.1614 18.787 28.6726C18.8171 28.2243 19.0654 27.8324 19.4867 27.5698L22.9152 25.4328C21.9145 24.9352 20.9932 25.0148 19.9532 25.1054C18.5799 25.2238 17.0231 25.3596 15.0124 24.2285L14.6202 24.0076C12.5181 25.8195 11.414 28.1414 11.3375 30.9129L14.6545 32.6235C14.7016 32.6474 14.7437 32.6794 14.7796 32.718L15.5764 33.5751L16.007 32.8299C16.5038 31.9696 17.6078 31.6736 18.469 32.1704C18.932 32.4377 19.2314 32.881 19.3319 33.3676C19.8034 33.2115 20.3368 33.2491 20.7999 33.5164C21.2632 33.7836 21.5628 34.227 21.6634 34.7135C22.1351 34.5574 22.6686 34.5951 23.1314 34.8624C23.5474 35.1024 23.8446 35.4913 23.9696 35.9569C23.9789 35.9912 23.987 36.0254 23.9941 36.0598C24.4658 35.9035 24.9996 35.9411 25.463 36.2083C25.8055 36.4063 26.0681 36.7056 26.2198 37.066L28.2306 38.2263C28.6212 38.4527 29.1284 38.317 29.3538 37.9259C29.5747 37.5423 29.4491 37.0447 29.0712 36.8136L26.6094 35.3918C26.3914 35.2658 26.3163 34.9871 26.4419 34.7688C26.5685 34.5501 26.8475 34.4759 27.0659 34.6016C28.0175 35.151 28.9692 35.7006 29.9208 36.25C30.3529 36.4998 30.9077 36.3512 31.1572 35.9189C31.4033 35.4931 31.2582 34.9393 30.8357 34.6881L28.4191 33.2933C28.2014 33.167 28.1262 32.888 28.2522 32.6696C28.3785 32.4512 28.6575 32.3768 28.8752 32.5028C29.815 33.0453 30.7547 33.5878 31.6944 34.1303C32.1246 34.3786 32.6821 34.2295 32.9304 33.7991C33.2062 33.3222 32.9914 32.8524 32.5783 32.5509V32.5508ZM36.2718 22.224C36.2101 22.1765 36.1426 22.1518 36.0729 22.1518C36.0192 22.1518 35.9652 22.1668 35.913 22.1954L34.2497 23.1204C34.2268 23.1332 34.2196 23.144 34.217 23.1707C34.2145 23.1967 34.2195 23.2083 34.24 23.2253C36.6353 25.242 37.9181 27.9647 37.9502 31.1C37.9502 31.1478 37.9951 31.1764 38.0388 31.1581L39.3429 30.6042C39.4485 30.5596 39.5107 30.483 39.5339 30.3708C40.1023 27.59 38.7303 24.1635 36.2718 22.224ZM33.7407 23.9992L32.9245 24.4535C31.5779 25.2025 30.0767 25.3379 28.5835 24.8458C27.2614 24.4104 25.8752 24.6627 24.3432 25.6174L19.9695 28.3443C19.7967 28.4524 19.7081 28.5793 19.6977 28.7338C19.6839 28.9321 19.8001 29.1627 19.9921 29.322C20.9611 30.1244 21.7424 29.8042 23.0403 29.1699C23.8537 28.7722 24.7762 28.3219 25.8528 28.3153C27.0288 28.3153 27.8791 28.7825 28.8636 29.3518L33.0554 31.7726C33.2675 31.8916 33.5471 32.1826 33.678 32.391L37.0314 30.8397C36.9376 28.0962 35.831 25.7965 33.7407 23.9992ZM27.0285 38.5864L26.3179 38.1761C26.2782 38.3475 26.213 38.5138 26.1227 38.6702L25.6398 39.5067L26.021 39.7211C26.6886 40.1062 27.1241 39.8971 27.3104 39.5744C27.4798 39.2807 27.4615 38.8498 27.0285 38.5864H27.0285ZM25.0067 36.9984C24.5829 36.7561 24.0384 36.8967 23.7911 37.3243L22.8238 39.0001C22.5789 39.4242 22.7257 39.9705 23.1495 40.2154C23.5747 40.4605 24.1194 40.3144 24.3648 39.8899L25.3319 38.214C25.5775 37.7909 25.4289 37.2436 25.0067 36.9984ZM17.6567 16.3896C17.6567 12.7838 20.5798 9.86072 24.1856 9.86072C27.7913 9.86072 30.7144 12.7838 30.7144 16.3896C30.7144 19.9953 27.7914 22.9185 24.1856 22.9185C20.5798 22.9185 17.6567 19.9954 17.6567 16.3896ZM20.359 16.4201L21.8847 19.0626C22.0373 19.3271 22.281 19.4899 22.5838 19.5298C22.8865 19.5696 23.1641 19.4754 23.3799 19.2595L27.8701 14.7693C28.2187 14.4208 28.2187 13.8504 27.8701 13.5019C27.5216 13.1534 26.9513 13.1534 26.6027 13.5019L22.8883 17.2163L21.9112 15.524C21.6651 15.0977 21.1133 14.9499 20.6871 15.196C20.2602 15.4424 20.1126 15.9933 20.3591 16.4201L20.359 16.4201ZM33.6051 14.6613C33.7309 13.3936 34.7337 12.3908 36.0014 12.2649C34.7337 12.1391 33.7309 11.1363 33.6051 9.86862C33.4792 11.1363 32.4764 12.1391 31.2088 12.2649C32.4764 12.3908 33.4792 13.3936 33.6051 14.6613ZM14.4011 20.181C14.5041 19.1438 15.3246 18.3233 16.3618 18.2204C15.3246 18.1174 14.5041 17.2969 14.4011 16.2597C14.2982 17.2969 13.4777 18.1174 12.4405 18.2204C13.4777 18.3233 14.2982 19.1438 14.4011 20.181Z' fill='url(%23paint1_linear_270_104)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_270_104' x1='24.9199' y1='-55.9163' x2='-4.83448' y2='-49.7543' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230C93F1'/%3E%3Cstop offset='1' stop-color='%2303E8DB'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_270_104' x1='8.70947' y1='9.86072' x2='39.1793' y2='40.8091' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230C93F1'/%3E%3Cstop offset='1' stop-color='%2303E8DB'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_270_104'%3E%3Crect width='31.8679' height='31.8679' fill='white' transform='translate(8.25073 9.16406)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}

/* form */

.banner-form {
    padding: 0px 30px;
    padding-bottom: 30px;

}

.banner-form input,
.banner-form textarea {
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 11.9821px;
    gap: 7.49px;
    width: 100%;
    height: 61px;
    background: #FFFFFF;
    border: 0.74888px solid #ABABAB;
    box-shadow: 0px 0px 2.99552px rgba(18, 18, 18, 0.08);
    border-radius: 4px;
    align-self: stretch;
    font-size: 18px;
}

.banner-form textarea {
    height: 121px;
}

.spacer {
    padding: 80px 0 80px 0;
}

.spacer-minus {
    padding: 80px 0 60px 0;
}


/* dev partner */
.dev-partner {
    background-color: #fff;
}

.dev-partner .dev-left-card {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    border-radius: 0px 40px;

}

.dev-partner .dev-left-card .card-body {
    padding: 45px;
}

.dev-partner .dev-left-card h6 {
    font-family: 'DIN Next LT Arabic';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    color: #666666;
}

.dev-partner .dev-left-card p {
    font-size: 18px;
    line-height: 27px;
}

.left-me {
    margin-right: 36px;
}

/* .dev-right-card {
    padding-left: 60px;
} */

.dev-partner .dev-right-card h3 {
    font-family: 'DIN Next LT Arabic';
    font-style: normal;
    font-size: 34px;
    line-height: 40px;
    background: linear-gradient(115.86deg, #0C93F1 18.15%, #03E8DB 83.73%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
   
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmer 5s ease-in-out infinite;
}

.dev-partner .dev-right-card p {
    font-size: 25px;
    line-height: 38px;
}

.btn-talk-ai {
    font-family: 'DIN Next LT Arabic';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 35px;
    text-transform: uppercase;
    color: #FFFFFF;
    background: linear-gradient(78.6deg, #0C93F1 8.39%, #03E8DB 91.61%);
    border-radius: 4px;
    padding: 15px 75px;
    text-decoration: none;
    display: inline-block;
    transition: transform 0.3s ease;
    border: none;
}

/* Services Section */
.services-section {
    background-image: url('../../assets-ai/images/ai-service-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.section-title {
    font-family: 'DIN Next LT Arabic';
    font-weight: 700;
    font-size: 37px;
    line-height: 44px;
    text-align: center;
    background: linear-gradient(115.86deg, #0C93F1 18.15%, #03E8DB 83.73%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 20px;
    background-size: 200% 100%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: shimmer 5s ease-in-out infinite !important;
}



.common-btn .btn-primary {
    background: #ffffff;
    color: #0C93F1;
    border: none;
    padding: 15px 40px;
    font-family: 'DIN Next LT Arabic';
    font-weight: 700;
    font-size: 18px;
    border-radius: 4px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.common-btn .btn-primary:hover {
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.service-card {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    position: relative;
    margin-top: 38px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
    border-radius: 0px 40px;
    height: calc(100% - 35px);
}

.service-card:hover {
    transform: translateY(-5px);
}

.service-icon {
    position: absolute;
    top: -38px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 0;
}

.service-card h4,
.service-boxes h4 {
    font-family: 'DIN Next LT Arabic';
    font-weight: 700;
    font-size: 1.2rem;
    color: #333;
    margin-bottom: 10px;
    text-transform: uppercase;
    margin-top: 1.1rem;
}

.service-card p,
.service-boxes p {
    color: #666;
    font-size: 18px;
    line-height: 1.6;
}

/* .service-boxes {
    margin-top: 16%;
} */

/* Service Icon Color Classes */
.service-icon-pink svg rect {
    fill: url(#a);
}

.service-icon-blue svg rect {
    fill: url(#A);
}

.service-icon-orange svg rect {
    fill: url(#paint0_linear_1_3358);
}

.service-icon-red svg rect {
    fill: url(#paint0_linear_1_3364);
}

/* Case Studies Section */
.case-studies-section {
    background-color: #fff;
    padding: 80px 0;
}

/* Showcase Cards - New Design */
.showcase-card {
    min-height: 700px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.showcase-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    display: flex;
    flex-direction: column;
    padding: 50px;
    color: white;
}

.fintech-bg {
    background: url('../images/1-mvps-image.png') center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.edtech-bg {
    background: url('../images/2-mvps-image.png') center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.healthtech-bg {
    background: url('../images/3-mvps-image.png') center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.ecommerce-bg {
    background: url('../images/4-mvps-image.png') center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.card-title {
    font-family: 'DIN Next LT Arabic';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 59px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.feature-list li {
    font-size: 20px;
    margin-bottom: 12px;
    position: relative;
    padding-left: 20px;
}

.feature-list li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: #4ade80;
    font-weight: bold;
}

.tech-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 2rem;
    opacity: 0.3;
}

.case-studies-section .content-wrapper {
    margin-top: auto;
    padding-top: 80px;
    /* padding-bottom: 30px; */
}

/* Legacy Case Study Cards (keeping for reference) */
.case-study-card {
    background: #f8f9fa;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    height: 100%;
}

.case-study-card:hover {
    transform: translateY(-5px);
}

.case-study-image {
    padding: 30px;
    background: linear-gradient(135deg, #0C93F1 0%, #03E8DB 100%);
    text-align: center;
}

.case-study-content {
    padding: 30px;
}

.case-study-content h4 {
    font-family: 'DIN Next LT Arabic';
    font-weight: 700;
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
}

.case-study-content ul {
    list-style: none;
    padding: 0;
}

.case-study-content li {
    color: #666;
    font-size: 14px;
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative;
}

.case-study-content li::before {
    content: "•";
    color: #0C93F1;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* Hire Developers Section */
.hire-developers-section {
    background-image: url('../../assets-ai/images/hire-developers-background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #ffffff;
}

.feature-card {
    padding: 25px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    position: relative;
}

.feature-card {
    border-right: 2px solid;
    border-image: linear-gradient(258.3deg, #0C93F1 18.05%, #03E8DB 75.57%) 1;
}

.feature-card.last {
    border-right: none;
}

/* Responsive vertical lines */
@media (max-width: 991.98px) {
    .vertical-divider-svg {
        display: none;
    }

    .feature-card:not(:last-child) {
        border-bottom: 2px solid;
        border-image: linear-gradient(to right, #0C93F1 0%, #03E8DB 100%) 1;
        margin-bottom: 20px;
    }
}

.feature-icon {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feature-icon svg {
    filter: none;
}

.feature-content {
    flex: 1;
}



.feature-card h4 {
    font-family: 'DIN Next LT Arabic';
    font-weight: 700;
    font-size: 18px;
    color: #03E8DB;
    margin-bottom: 15px;
    text-align: left;
    background: linear-gradient(258.3deg, #0C93F1 18.05%, #03E8DB 75.57%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.feature-card p {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
}

/* Process Section */
.process-section {
    background-color: #fff;
    padding: 80px 0;
}

.section-subtitle {
    font-size: 18px;
    color: #666;
    text-align: center;
    margin-bottom: 20px;
}

.process-step {
    text-align: center;
    padding: 30px 20px;
    /* Disable any animations or transitions */
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    /* Ensure no AOS or other library animations */
    will-change: auto !important;
    backface-visibility: visible !important;
    perspective: none !important;
}

.process-number {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'DIN Next LT Arabic';
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    margin: 0 auto 20px;
    /* Disable any animations or transitions */
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    /* Ensure perfect vertical centering */
    line-height: 1;
    text-align: center;
    vertical-align: middle;
}

.process-number-1 {
    background: #032D74;
    display: flex;
    align-items: center;
    justify-content: center;
}

.process-number-2 {
    background: #046B96;
    display: flex;
    align-items: center;
    justify-content: center;
}

.process-number-3 {
    background: #048B96;
    display: flex;
    align-items: center;
    justify-content: center;
}

.process-number-4 {
    background: #14CFD1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.process-step h4 {
    font-family: 'DIN Next LT Arabic';
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 10px;
    color: #303030;
}

.process-step p {
    color: #666;
    font-size: 1rem;
    line-height: 1.6;
    font-weight: 500;
}



/* Testimonials Section */
.testimonials-section {
    background-color: #fff;
}

.testimonials-section .container {
    box-shadow: 0px 0px 24px rgba(12, 150, 241, 0.16);
    border-radius: 16px;
}

.client-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
    flex-wrap: wrap;
}

.logo-item {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-card {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    position: relative;
    background-color: #f5fcfe;
}

.testimonial-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    padding: 1px;
    background: linear-gradient(115.86deg, #0C93F1 18.15%, #03E8DB 83.73%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    cursor: pointer;
}


.star {
    color: #FFD700;
    font-size: 20px;
}

.testimonial-content p {
    font-size: 18px;
    line-height: 1.6;
    font-style: italic;
    font-weight: 400;
    text-align: justify;
}

.testimonial-author {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.author-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.author-info {
    flex: 1;
}

.testimonial-rating {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating-image {
    width: auto;
}

/* Testimonials Slider Styles */
.testimonials-slider {
    position: relative;
}

.testimonials-slider .slick-dots {
    bottom: -40px;
    list-style: none;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.testimonials-slider .slick-dots li {
    margin: 0;
    width: 12px;
    height: 12px;
}

.testimonials-slider .slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #DADADA;
    border: none;
    font-size: 0;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.testimonials-slider .slick-dots li.slick-active {
    width: 40px;
    height: 10px;
}

.testimonials-slider .slick-dots li.slick-active button {
    width: 40px;
    height: 10px;
    border-radius: 5px;
    background: linear-gradient(78.6deg, #0C93F1 8.39%, #03E8DB 91.61%);
    transform: scale(1.1);
}

.testimonials-slider .slick-dots li button:hover {
    background: linear-gradient(78.6deg, #0C93F1 8.39%, #03E8DB 91.61%);
    transform: scale(1.05);
}

/* Hide default slick arrows */
.testimonials-slider .slick-prev,
.testimonials-slider .slick-next {
    display: none !important;
}

/* Ensure testimonial cards work properly in slider */
.testimonials-slider .testimonial-card {
    margin: 0 10px;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.testimonials-slider .slick-active .testimonial-card {
    opacity: 1;
}

/* Add some spacing for the dots */
.testimonials-section {
    padding-bottom: 60px;
}

.author-info h5 {
    font-family: 'DIN Next LT Arabic';
    font-weight: 700;
    font-size: 18px;
    color: #333;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.author-info span {
    color: #666;
    font-size: 14px;
}

/* Ratings Section */
.ratings-section {
    background-image: url('../images/rating-section-background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ratings-section .container {
    position: relative;
    z-index: 2;
}

/* Ratings Content */
.ratings-content {
    color: #fff;
}

.ratings-title {
    font-family: 'DIN Next LT Arabic';
    font-weight: 700;
    font-size: 45px;
    color: #fff;
    margin-bottom: 30px;
    line-height: 71px;
    text-transform: uppercase;
}

.ratings-description {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 33px;
    color: #FFFFFF;
}

.ratings-cta {
    background: #ffffff;
    color: #0C93F1;
    border: none;
    padding: 15px 40px;
    font-family: 'DIN Next LT Arabic';
    font-weight: 700;
    font-size: 18px;
    border-radius: 4px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.ratings-cta:hover {
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

/* Ratings Cards Container */
.ratings-cards-container {
    position: relative;
    height: 400px;
    width: 100%;
}


/* Ratings grid */
.ratings-grid {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 10px;
}

.rating-card {
    background: #fff;
    color: #111;
    padding: 20px 30px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-weight: bold;
    text-align: center;
    min-width: 140px;
}

.rating-card span {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    color: #444;
}

.ratings-grid .rating-card:nth-child(3) {
    grid-column: 1 / span 2;
    /* center bottom */
    justify-self: center;
    padding: 0px;
    margin-top: 30px;
}

.ratings-grid .rating-card:nth-child(1) {
    margin-right: 35px;
}


.rating-card-img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}


.consultation-benefits {
    margin-bottom: 30px;
}

.benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 25px;
}

.benefit-number {
    width: 40px;
    height: 40px;
    background: linear-gradient(78.6deg, #0C93F1 8.39%, #03E8DB 91.61%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'DIN Next LT Arabic';
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    flex-shrink: 0;
}

.benefit-content h4 {
    font-family: 'DIN Next LT Arabic';
    font-weight: 700;
    font-size: 18px;
    color: #333;
    margin-bottom: 8px;
}

.benefit-content p {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

.consultation-image {
    text-align: center;
}

/* Button Styles */
.btn-primary {
    font-family: 'DIN Next LT Arabic';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 35px;
    text-transform: uppercase;
    color: #FFFFFF;
    background: linear-gradient(78.6deg, #0C93F1 8.39%, #03E8DB 91.61%);
    border-radius: 4px;
    padding: 15px 75px;
    text-decoration: none;
    display: inline-block;
    transition: transform 0.3s ease;
}



.btn-primary:hover,
.btn-talk-ai:hover,
.btn.btn-gradient:hover,
.btn-main:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(12, 147, 241, 0.3);
}



/* Responsive Design */
@media (max-width: 768px) {
    .section-title {
        font-size: 28px;
        line-height: 36px;
    }

    .client-logos {
        gap: 0px;
    }

    .logo-item {
        font-size: 18px;
        padding: 25px;
    }

    .footer-achievements {
        gap: 15px;
    }

    .achievement-item {
        font-size: 14px;
        padding: 10px 15px;
    }

    .stat-number {
        font-size: 36px;
    }

    .stat-label {
        font-size: 16px;
    }
}

/* .container-custom {
    padding-left: 7%;
    padding-right: 7%;
    width: 100%;
    margin: 0;
}

@media (min-width: 1400px) {
    .container-custom {
        padding-left: 7%;
        padding-right: 7%;
        max-width: 100%;
        margin: 0;
    }
} */


.banner-form .input-container {
    position: relative;
    width: 100%;
    margin-top: 25px;
}

.banner-form .input-container.outlined-input {
    margin-top: 0;
}

.banner-form input,
.banner-form textarea,
.banner-form select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    outline: none;
    background: transparent;
    resize: none;
    /* for textarea */
}



/* Show placeholder text */
.banner-form input::placeholder,
.banner-form textarea::placeholder {
    color: #888;
}

/* Outlined Input Design - Clean Light Theme */
.outlined-input {
    position: relative;
    margin-bottom:0px;
}

.outlined-input input,
.outlined-input textarea,
.outlined-input select {
    width: 100%;
    padding: 16px 12px 12px 12px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 16px;
    background: #ffffff;
    outline: none;
    transition: all 0.3s ease;
    color: #333333;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.outlined-input label {
    position: absolute;
    top: -8px;
    left: 12px;
    background: #ffffff;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 500;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 1;
}

.outlined-input input:focus,
.outlined-input textarea:focus,
.outlined-input select:focus {
    border-color: #0C93F1;
    box-shadow: 0 0 0 2px rgba(12, 147, 241, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
}

.outlined-input input:focus+label,
.outlined-input textarea:focus+label,
.outlined-input select:focus+label {
    color: #0C93F1;
}

.outlined-input input:not(:placeholder-shown)+label,
.outlined-input textarea:not(:placeholder-shown)+label,
/* .outlined-input select:not([value=""]) + label {
    color: #0C93F1;
} */

/* Required field asterisk styling */
.outlined-input label[for*="name"]:after,
.outlined-input label[for*="email"]:after,
.outlined-input label[for*="msg"]:after {
    content: '';
    /* color: #ff4444; */
    /* font-weight: 700; */
}

/* Special handling for textarea */
.outlined-input textarea {
    min-height: 100px;
    resize: vertical;
}

/* Select dropdown styling for outlined inputs */
.outlined-input select {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
}

/* Placeholder text styling for light theme */
.outlined-input input::placeholder,
.outlined-input textarea::placeholder {
    color: #999999;
    opacity: 0.8;
}

/* Select option styling for light theme */
.outlined-input select option {
    background: #ffffff;
    color: #333333;
    padding: 8px;
}



/* services */

/* Process Connector - Dotted Line */
.process-connector {
    position: absolute;
    top: 60px;
}

/* Disable AOS animations for process section */
.process-section [data-aos] {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
}

.process-section * {
    /* animation: none !important; */
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    z-index: 9;
}

.connector-line {
    height: 2px;
    background: repeating-linear-gradient(to right,
            #0C93F1 0px,
            #0C93F1 4px,
            transparent 4px,
            transparent 8px);
    margin: 0 auto;
    width: 75%;
}

.process-row {
    position: relative;

}


/* Consultation Section */
.consultation-details-section {
    background-color: #fff;
    padding: 80px 0;
}

.consulation-image-ul.custom-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 45px;
}

.consulation-image-ul.custom-list li {
    font-family: 'DIN Next LT Arabic';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 44px;
    color: #666666;
    align-items: center;
    min-height: 70px;
    padding-left: 85px;
    margin-bottom: 20px;
}

.consulation-image-ul.custom-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 45px 45px;
}



.consulation-image-ul.custom-list li:nth-child(1)::before {
    background-color: #032D74;
    background-image: url('../../assets-ai/images/1-consultation-icon.svg');
    width: 60px;
    height: 60px;
}

.consulation-image-ul.custom-list li:nth-child(2)::before {
    background-color: #046B96;
    background-image: url('../../assets-ai/images/2-consultation-icon.svg');
    width: 60px;
    height: 60px;
}

.consulation-image-ul.custom-list li:nth-child(3)::before {
    background-color: #048DB4;
    background-image: url('../../assets-ai/images/3-consultation-icon.svg');
    width: 60px;
    height: 60px;
}

.consulation-image-ul.custom-list li:nth-child(4)::before {
    background-color: #14CFD1;
    background-image: url('../../assets-ai/images/4-consultation-icon.svg');
    width: 60px;
    height: 60px;
}

/* .consultancy-right {
    padding-left: 75px;
} */

.consultancy-btn {
    width: 100%;

}

.consultancy-btn a {
    transition: all 0.3s ease;
    width: 90%;
    text-align: center;
}

.consultancy-btn a:hover {
    transform: translateY(-2px);
}



/* Team Section */
.team-section {
    background-color: #f5fdfe;
}

.team-title {
    font-family: 'DIN Next LT Arabic';
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 59px;
    text-transform: uppercase;
    background: linear-gradient(78.6deg, #0C93F1 8.39%, #03E8DB 91.61%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.team-description {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 36px;
    color: #444444;
}

.team-card {
    width: 100%;
    text-align: center;
}

.team-card h6,
.team-card span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #121212;
    display: block;
}

/* Statistics Section */
.statistics-section {
    background: linear-gradient(258.3deg, #0C93F1 18.05%, #03E8DB 75.57%);
    color: #fff;
    padding-bottom: 40px;
}

.stat-card {
    text-align: center;
    padding: 15px 0px;
}

.stat-number {
    font-family: 'DIN Next LT Arabic';
    font-style: normal;
    font-weight: 700;
    font-size: 85px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.stat-label {
    font-family: 'DIN Next LT Arabic';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 35px;
    text-transform: uppercase;
    color: #121212;
    line-height: inherit;
}


/* FAQ Section */

.faq-section .faq-small-title {
    font-family: 'DIN Next LT Arabic';
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
    color: #666666;
}

.faq-section .section-title {
    font-size: 32px;
}

.faq-section {
    background-color: #fff;
    padding: 80px 0 60px 0;
}

.accordion-item {
    margin-bottom: 15px;
    overflow: hidden;
    box-shadow: 0px 0px 24px rgba(12, 150, 241, 0.16);
    border-radius: 8px;
    border: none;
}

.accordion-button {
    background: #fff;
    border: none;
    font-family: 'DIN Next LT Arabic';
    font-weight: 700;
    font-size: 16px;
    /* color: #333 !important; */
    padding: 20px 25px;
    text-transform: uppercase;
}

.accordion-button:not(.collapsed) {
    background: #FFFFFF;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-body {
    background: #fff;
    padding: 20px 25px;
    color: #666;
    font-size: 16px;
    line-height: 1.6;
    padding-top: 0;
}

.accordion-button::after {
    background-image: url("../images/accordian-close.svg");
    width: 24px;
    height: 24px;
    background-size: contain;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("../images/accordian-open.svg");
    width: 30px;
    height: 30px;
    background-size: contain;
}

/* Final CTA Section */
.final-cta-section {
    position: relative;
    /* background-image: url('../images/cta-background-new.png'); */
    background-image: url('../images/man-background.png');
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    z-index: 1;
    overflow: visible;
    /* min-height: 500px; */
    /* padding: 100px 0 45px 0;
    padding-top: 14%; */
}

.final-cta-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    z-index: 2;
}

/* Ensure your content stays above the overlay */
.final-cta-section>* {
    position: relative;
    z-index: 3;
}

.final-cta-section .card-title {
    font-family: 'DIN Next LT Arabic';
    font-style: normal;
    font-weight: 700;
    font-size: clamp(24px, 4vw, 48px);
    line-height: 1.2;
    text-transform: uppercase;
    color: #FFFFFF;
}

.final-cta-section .section-subtitle {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: clamp(16px, 2.5vw, 24px);
    line-height: 1.4;
    color: #FFFFFF;
    text-align: inherit;
}

.final-cta-section a.btn {
    font-size: clamp(14px, 2vw, 20px);
    line-height: 1.4;
    padding: 12px 50px;
}

/* Ensure content doesn't overlap with background image */
.final-cta-section .container {
    position: relative;
    z-index: 3;
}

/* Adjust content positioning for better visibility */
.final-cta-section .row.align-items-center {
    min-height: 400px;
}

/* Ensure text content is visible over background */
.final-cta-section .col-lg-6 {
    background: transparent;
    padding: 0;
    border-radius: 0;
    backdrop-filter: none;
}

/* .final-cta-section .mancls{
    position: absolute;
    top: -8%;
} */

/* Better spacing for screens above 991px */
@media (min-width: 992px) {
    /* .final-cta-section .col-lg-6 {
        padding-left: 60px;
        padding-right: 40px;
    } */

    .final-cta-section .card-title {
        margin-bottom: 20px;
        padding-right: 20px;
    }

    .final-cta-section .section-subtitle {
        margin-bottom: 40px;
        padding-right: 30px;
        max-width: 500px;
    }

    .final-cta-section .row.mt-5 {
        margin-top: 50px !important;
    }

    .final-cta-section .custom-btn {
        padding: 15px 40px;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.5px;
    }

    /* .final-cta-section .row.align-items-center {
        min-height: 500px;
        padding: 40px 0;
    } */
}




/* Contact Section */
.contact-section .section-title {
    margin-bottom: 10px;
}

.contact-section {
    background-color: #f8f9fa;
    padding: 80px 0;
}

.contact-form-card {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Floating Placeholder Styles for Contact Form */
.contact-form .input-container {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}

.contact-form .input-container.outlined-input {
    margin-bottom: 20px;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    background: transparent;
    outline: none;
    transition: all 0.3s ease;
}

.contact-form textarea {
    resize: vertical;
    min-height: 120px;
}

/* Select dropdown styling */
.banner-form select,
.contact-form select {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 40px;
    font-weight: normal;
    color: #888888;
}

.footer-form select {


    color: #9f9292;
    font-weight: 400;

}

.banner-form select:focus,
.contact-form select:focus {
    border-color: #0C93F1;
    box-shadow: 0 0 0 2px rgba(12, 147, 241, 0.2);
}

/* Privacy checkbox styling */
.privacy-checkbox-container {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    /* padding: 0 15px; */
}

.privacy-checkbox-container input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
    accent-color: #0C93F1;
    flex-shrink: 0;
}

.privacy-label {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 1.4;
    cursor: pointer;
    margin: 0;
    position: static;
    transform: none;
    transition: none;
    font-weight: 500;
    margin-top: 6px;
}

.privacy-checkbox-container input[type="checkbox"]:checked+.privacy-label {
    color: #333333;
}

.privacy-checkbox-container input[type="checkbox"]:focus {
    outline: 2px solid #0C93F1;
    outline-offset: 2px;
}

.contact-form input:focus,
.contact-form textarea:focus {
    border-color: #0C93F1;
    box-shadow: 0 0 0 2px rgba(12, 147, 241, 0.1);
}





/* Show placeholder text */
.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #999;
}

/* Responsive Design for Outlined Inputs - Light Theme */
@media (max-width: 768px) {
    .outlined-input {
        margin-bottom: 16px;
    }

    .outlined-input input,
    .outlined-input textarea,
    .outlined-input select {
        padding: 14px 10px 10px 10px;
        font-size: 16px;
        /* Prevent zoom on iOS */
        background: #ffffff;
        color: #333333;
        border: 1px solid #e0e0e0;
    }

    .outlined-input label {
        font-size: 11px;
        left: 10px;
        top: -7px;
        background: #ffffff;
        color: #333333;
    }

    .outlined-input textarea {
        min-height: 80px;
    }
}

@media (max-width: 480px) {
    .outlined-input {
        margin-bottom: 14px;
    }

    .outlined-input input,
    .outlined-input textarea,
    .outlined-input select {
        padding: 12px 8px 8px 8px;
        font-size: 16px;
        border-radius: 6px;
        background: #ffffff;
        color: #333333;
        border: 1px solid #e0e0e0;
    }

    .outlined-input label {
        font-size: 10px;
        left: 8px;
        top: -6px;
        letter-spacing: 0.3px;
        background: #ffffff;
        color: #333333;
    }

    .outlined-input textarea {
        min-height: 70px;
    }
}

/* Optional dark mode support - only if needed */
@media (prefers-color-scheme: dark) {
    .outlined-input label {
        background: #ffffff;
        color: #333333;
    }

    .outlined-input input,
    .outlined-input textarea,
    .outlined-input select {
        background: #ffffff;
        color: #333333;
        border-color: #e0e0e0;
    }

    .outlined-input input:focus,
    .outlined-input textarea:focus,
    .outlined-input select:focus {
        border-color: #0C93F1;
        background: #ffffff;
    }
}


/* Footer */
.footer {
    background: #101C29;
    color: #fff;
    padding: 60px 0 30px;
}

.footer-achievements {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.achievement-item {
    font-family: 'DIN Next LT Arabic';
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding: 15px 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.footer-message {
    margin-bottom: 30px;
}

.footer-message p {
    font-size: 18px;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
}

.footer-links {
    margin-bottom: 20px;
}

.footer-links a {
    color: #fff;
    text-decoration: none;
    margin: 0 10px;
    font-size: 14px;
}

.footer-links a:hover {
    text-decoration: underline;
}

.footer-copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 20px;
}

.footer-copyright p {
    font-size: 14px;
    opacity: 0.8;
    margin: 0;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #FFFFFF;

}

.footer-copyright p svg {
    margin-top: -7px;
    margin-left: -5px;
}

.footer-icon-image img {
    margin: 0 auto;
    margin-bottom: 15px;
    max-height: 35px;
    height: 35px;
}

.footer-stat-item {}

.footer-stat-item h4 {
    margin: 20px 0 5px 0;
    font-weight: bold;
}


#scrollTopBtn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    z-index: 1000;
    padding: 0;
    box-shadow: none;
    border: none;
}

#scrollTopBtn img {
    position: absolute;
    width: 24px;
    height: 24px;
    z-index: 2;
    /* Above spinner */
}

/* Spinner effect */
.spinner {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-image: linear-gradient(rgb(186, 66, 255) 35%, rgb(0, 225, 255));
    animation: spinning82341 1.7s linear infinite;
    filter: blur(1px);
    box-shadow: 0px -3px 10px 0px rgb(186, 66, 255),
        0px 3px 10px 0px rgb(0, 225, 255);
    top: 0;
    left: 0;
    z-index: 0;
    border: 1px solid #fff;
}

/* Inner dark circle */
.spinner1 {
    background-color: rgb(36, 36, 36);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    filter: blur(10px);
    margin: 5px auto;
    /* center inside spinner */
}

/* Animation */
@keyframes spinning82341 {
    to {
        transform: rotate(360deg);
    }
}

@keyframes shimmer {
    0% {
        background-position: 200% 0;
    }

    50% {
        background-position: 0% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.footer-copyright {
    text-align: center;
    color: #b0b0b0;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 36px;
}

.footer-last-line {
    text-align: center;
    margin-top: 15px;
    color: #00ffcc;
    font-size: 20px;
    line-height: 30px;
}


/* Custom Gradient Button */
.custom-btn {
    display: inline-block;
    color: #ffffff;
    font-family: 'DIN Next LT Arabic', sans-serif;
    font-weight: 600;
    font-size: 18px;
    /* base size */
    padding: 12px 28px;
    border: none;
    border-radius: 4px;
    background: linear-gradient(78.6deg, #0C93F1 8.39%, #03E8DB 91.61%);
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
    text-transform: uppercase;
    /* prevents text wrapping */
}

.custom-btn.big-btn {
    font-weight: 500;
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.custom-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(12, 147, 241, 0.3);
    opacity: 0.9;
    color: #ffffff;
    /* keep text white */
    text-decoration: none;
}



.custom-btn-secondary {
    display: inline-block;
    color: #0C93F1;
    font-family: 'DIN Next LT Arabic', sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding: 20px 28px;
    border: none;
    border-radius: 4px;
    background: #fff;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 20px;
}

.custom-btn-secondary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(12, 147, 241, 0.3);
    opacity: 0.9;
    color: #0C93F1;
    /* keep text white */
    text-decoration: none;
}


/* Responsive scaling */
@media (max-width: 768px) {
    .custom-btn {
        font-size: 14px;
        padding: 10px 22px;
    }
}

@media (max-width: 480px) {
    .custom-btn {
        font-size: 13px;
        padding: 8px 18px;
    }
}



/*

.cta-image {
    position: relative;
    text-align: right;
    margin-top: -181px;
    margin-right: -100px;
    margin-bottom: -145px;
    overflow: visible;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.cta-image img {
    max-width: 120%;
    height: auto;
    object-fit: contain;
    transform: translateY(-20px);
    align-self: flex-end;
}

@media (max-width: 991px) {
    .cta-image {
        margin-top: 0;
        margin-right: 0;
        text-align: center;
    }

    .cta-image img {
        max-width: 100%;
        transform: none;
    }
}
*/

/* .gravity-hidden-custom label{
    display: none;
}

.uncheck-gravity_wrapper .gform_heading{
    display: none;
} */

.uncheck-gravity .gform_button,
.gform_footer .gform_button {
    display: inline-block;
    color: #ffffff;
    font-family: 'DIN Next LT Arabic', sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding: 12px 28px;
    border: none;
    border-radius: 4px;
    background: linear-gradient(78.6deg, #0C93F1 8.39%, #03E8DB 91.61%);
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
    text-transform: uppercase;
}


.gform_wrapper.gravity-theme .gfield_label {
    font-size: inherit !important;
    font-weight: 500 !important;
    margin: auto !important;
    padding: 0 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333333 !important;
}

form .gfield_validation_message {
    margin: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important
}

.gform_wrapper.gravity-theme textarea,
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme select
{
width: 100% !important;
padding: 16px 12px 12px 12px !important;
border: 1px solid #e0e0e0 !important;
border-radius: 8px !important;
font-size: 16px !important;
background: #ffffff !important;
outline: none !important;
transition: all 0.3s ease !important;
color: #333333 !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
background: #ffffff !important;
color: #333333 !important;
border-color: #e0e0e0 !important;
gap: 7.49px !important;
height: 61px !important;
margin: 0 !important;
}

.gform_wrapper.gravity-theme .gfield input[type=checkbox]{
    width: auto !important;
    margin-right: 5px !important;
}

.gform_footer input[type=submit]{
    text-align: center;
    margin: 0 auto;
    width: 50% !important;
}



.outlined-input .gform-field-label{
    font-size: 12px !important;
}

.gform_wrapper.gravity-theme select{
    color: #9e9e9e !important;
}

select:valid {
    color: #333333 !important;
}