@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

    /* Comman css start */
    *{font-family:bakura-reguler; font-weight: 700;outline-color: var(--primaryColor); outline: none !important;}

    ::-moz-selection {
        color: var(--blackColor);
        background: var(--primaryColor);
    }

    ::selection {
        color: var(--blackColor);
        background: var(--primaryColor);
    }

    /* Bold Font Family */
    @font-face {
        font-family:bakura-bold;
        src:  url('../fonts/alfont_com_AlFont_com_4_CA.ttf');
    }
    @font-face {
        font-family:bakura-extra-bold;
        src:  url('../fonts/alfont_com_AlFont_com_29ltbukrabolditalic.otf');
    }
    @font-face {
        font-family:bakura-reguler;
        src:  url('../fonts/alfont_com_AlFont_com_4_CA.ttf'), url('../fonts/alfont_com_AlFont_com_4_CA.ttf'), url('../fonts/alfont_com_AlFont_com_4_CA.wo');
    }

    :root{
        --primaryColor : #f58220;
        --blackColor : #000;
        --whiteColor: #FFF;
        --borderColor: #c0c0c0;
        --lightColor: #fef5ea;
        --lightBackground:#e7ebf5;
        --requireFieldEN : 'Required field';
        --invalidFileEN : 'Invalid file';
        --invalidEmailEN : 'Invalid email address';
        --requireFieldAR : 'يتطلب حقلا';
        --invalidFileAR : 'ملف غير صالح';
        --invalidEmailAR : 'عنوان البريد الإلكتروني غير صالح';
    }

    body{
        overflow-x: hidden;
        width: 100vw;
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -o-font-smoothing: antialiased;
    }

    :focus-visible {outline: -webkit-focus-ring-color auto 0px !important;}

    h1 , h1 *{font-size:40px;line-height:50px;font-weight: 400;font-family:bakura-extra-bold;color:var(--blackColor);}
    h2 , h2 *{font-size:35px;line-height:45px;font-weight: 400;font-family:bakura-extra-bold;color:var(--blackColor);}
    h3 , h3 *{font-size:25px;line-height:32px;font-weight: 400;font-family:bakura-extra-bold;color:var(--blackColor);}
    h4 , h4 *{font-size:20px;line-height:42px;font-weight: 400;font-family:bakura-extra-bold;color:var(--blackColor);}

    h5{font-size: 15px; line-height:22px;}

    h5.line{position: relative;margin-bottom: 30px; font-weight: 600;display: inline-block;}

    pre{white-space: normal;}

    p{font-size: 18px; line-height:28px;}

    .custom-btn{border:solid 1px var(--primaryColor);border-radius:100px;display: inline-block; text-decoration: none;color: var(--primaryColor);font-weight: 800;font-size: 13px;transition-duration: .3s;font-family:bakura-extra-bold;}

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {  -webkit-appearance: none;  margin: 0;}
    input[type=number] {  -moz-appearance: textfield;}

    input:autofill { background: #fff;}
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active  {
        -webkit-box-shadow: 0 0 0 30px white inset !important;
    }

    input:focus-visible, textarea:focus-visible, select:focus-visible{outline: none !important;border: solid 2px var(--primaryColor) !important;}
    input[type="submit"], input[type="button"]{border: none !important;}

    /* Header Css start */
    .header {width: 100%;display: inline-block;padding: 38px 0px;position: relative;z-index: 111;transition-duration: .3s;position: fixed;top:0;left: 0;}
    .header .header-wrapper { display: flex; justify-content: space-between; align-items: center; }
    .header .header-wrapper .left-part svg { width: 36px; height: 36px; }
    .header .header-wrapper .left-part { display: flex; }
    .header .header-wrapper .left-part .menu-icon svg { width: 20px; }
    .header .header-wrapper .left-part .menu ul { list-style: none; padding-left: 0px; margin: 0; }
    .header .header-wrapper .left-part .menu ul li a { text-decoration: none; font-size: 13px; line-height: 40px; font-weight: 800; color: var(--blackColor); position: relative; }
    .header .header-wrapper .left-part .menu ul li {float: left;padding: 0px 20px;}
    .header .header-wrapper .left-part .menu-icon { padding: 0px 30px 0px 0px; display: none;}
    .header .header-wrapper .left-part .trolley-icon { padding: 0px 20px 0px 0px; }
    .header .header-wrapper .left-part .menu ul li a:after { content: ''; display: block; left:50%; position: absolute; width: 0px; background-color: var(--primaryColor); height: 3px; bottom: -6px; transition-duration: .3s; }
    .header .header-wrapper .left-part .menu ul li a:hover{color: var(--primaryColor);}
    .header .header-wrapper .left-part .menu ul li a.active{color: var(--primaryColor);}
    .header .header-wrapper .left-part .menu ul li a:hover:after{width:100%;left: 0;}
    .header .header-wrapper .right-part .custom-btn{width: 155px; height: 41px; padding: 13px 22px;margin-left: 10px; color: var(--primaryColor);line-height: 13px;transition-duration: .3s;}
    .header .header-wrapper .right-part .custom-btn.alter-btn { padding: 13px 37px; }
    .header .header-wrapper .right-part .custom-btn:hover{ color:var(--blackColor);border-color: var(--blackColor);}
    .header .header-wrapper .right-part .custom-btn.alter-btn{background-color: var(--primaryColor);color: var(--whiteColor);}
    .header .header-wrapper .right-part .custom-btn.alter-btn:hover{background-color: var(--blackColor);}
    .header .menu-backlayer  a.close-icon{display: none;}
    .header .header-wrapper .left-part .menu-icon svg path{fill: var(--primaryColor);}
    .header .header-wrapper .left-part svg path {fill: var(--primaryColor);}
    .header .header-wrapper .right-part a.language-switch {font-size: 16px;color: var(--primaryColor);margin-left: 18px;transition-duration: .3s;font-weight: 700;}
    .header .header-wrapper .right-part a.language-switch:hover{color:var(--blackColor) !important;}
    .header .header-wrapper .left-part .menu ul li.active a::after{width:100%;left:0;}
    .header .header-wrapper .left-part .menu ul li.active a{color: var(--primaryColor) !important;font-family: bakura-extra-bold; font-weight: 400;}

    .header.fixed {position: fixed;top: 0;left: 0;width: 100%;}

    .header.black-menu .header-wrapper .left-part .trolley-icon svg path {fill: var(--blackColor);}
    .header.black-menu .header-wrapper .right-part .custom-btn{border-color:var(--whiteColor);color:var(--whiteColor);}
    .header.black-menu .header-wrapper .right-part .custom-btn.alter-btn{background-color:var(--whiteColor);color:var(--primaryColor);}
    .header.black-menu .header-wrapper .left-part .menu ul li a:after {background-color: var(--blackColor);}
    .header.black-menu .header-wrapper .left-part .menu ul li a:hover{color: var(--blackColor);}
    .header.black-menu .header-wrapper .right-part .custom-btn:hover{color: var(--primaryColor); border-color:var(--primaryColor);}
    .header.black-menu .header-wrapper .right-part .custom-btn.alter-btn:hover{background-color:var(--primaryColor);color: var(--whiteColor); border-color:var(--primaryColor);}

    .header.background.black-menu .header-wrapper .right-part .custom-btn{border-color:var(--primaryColor);color:var(--primaryColor);}
    .header.background.black-menu .header-wrapper .right-part .custom-btn.alter-btn{background-color:var(--primaryColor);color:var(--whiteColor);}

    .header.black-menu.home-page-menu .header-wrapper .left-part ul li a:after{ background:#fff; }
    .header.black-menu.home-page-menu .header-wrapper .left-part .trolley-icon svg path { fill: #fff; }
    .header.black-menu.home-page-menu .header-wrapper .left-part ul li a, .header.black-menu.home-page-menu .header-wrapper .left-part ul li a:hover { color: #fff; }
    .header.home-page-menu .header-wrapper .right-part a.language-switch{color: var(--whiteColor);}

    .header.background.black-menu.home-page-menu .header-wrapper .left-part ul li a, .header.background.black-menu.home-page-menu .header-wrapper .left-part ul li a:hover { color: var(--primaryColor); }
    .header.background.black-menu.home-page-menu .header-wrapper .left-part ul li a:after{ background:var(--primaryColor); }
    .header.background.black-menu.home-page-menu .header-wrapper .left-part .trolley-icon svg path { fill: var(--primaryColor); }


    /* Dark Header */
    .header.header-dark svg rect { fill: var(--whiteColor); }
    .header.header-dark svg path { fill: var(--whiteColor); }
    .header.header-dark .header-wrapper .left-part .menu ul li a {color:var(--whiteColor);}
    .header.header-dark .header-wrapper .left-part .menu ul li a:hover{color:var(--primaryColor);}
    .header.header-dark .header-wrapper .left-part .menu ul li a::after{background-color: var(--primaryColor);}
    .header.header-dark .header-wrapper .right-part .custom-btn{border:solid 1px var(--primaryColor);background-color:transparent;color:var(--primaryColor);}
    .header.header-dark .header-wrapper .right-part .custom-btn:hover{border-color:var(--whiteColor);color:var(--whiteColor);}
    .header.header-dark .header-wrapper .right-part .custom-btn.alter-btn{background-color: var(--primaryColor); color:var(--whiteColor);}
    .header.header-dark .header-wrapper .right-part .custom-btn.alter-btn:hover{border-color: var(--whiteColor); background-color: var(--whiteColor); color: #000;}
    .header.header-dark .header-wrapper .right-part .language-switch{color:var(--whiteColor);}

    /* banner css start */
    .banner-section {width: 100%;display: flex;padding: 0px 0px;overflow-x: hidden;height: 45vw;background-repeat: no-repeat;background-position: right;background-size: contain;align-items: center;}
    .banner-section .banner-wrapper { display: flex; align-items: center; }
    .banner-section .banner-wrapper .right-image {width: 60%;position: relative;}
    .banner-section .banner-wrapper .right-image img {width: 100vw;height: 100vw;object-fit: contain;}
    .banner-section .banner-wrapper .left-text { width: 45%;transform: translateY(-80px);}
    .banner-section .banner-wrapper .left-text h1 {    max-width: 540px; font-size: 35px; line-height: 40px; }
    .banner-section .banner-wrapper .left-text p {max-width: 410px; font-weight: 600; margin-top: 15px; font-size: 18px;}
    .banner-section .banner-wrapper .left-text h5.line { font-weight: 700; font-size: 20px; }
    .banner-section .banner-wrapper .left-text h5.line::after{display: none;}
    .banner-section .banner-wrapper .reponsive-image{display: none;}

    /* Counter Section Css start */
    .counter-section{padding-bottom: 70px;margin-top:-150px;}
    .counter-section .about-wrapper {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-gap: 30px;position: relative;}
    .counter-section .about-wrapper .info-text h3 {font-size: 25px;font-weight: 400;text-align: left;line-height: 32px;}
    .counter-section .about-wrapper h5 {margin-bottom: 0px;text-align: left; font-size: 17px; font-weight: 600;color: var(--blackColor);}
    .counter-section .about-wrapper .short-info { background-color: var(--lightColor); display: flex; align-items: center; padding:40px 25px; justify-content: space-between; border-radius: 24px; }
    .counter-section .about-wrapper .short-info i { font-size: 33px; color: var(--primaryColor); }
    .counter-section .about-wrapper .box-column:nth-child(even) { transform: translateY(30px); }
    .counter-section { padding: 0px 0px 90px; }


    /* slider section css start */
    .slider-section { padding: 70px 0px; overflow-x: hidden;}
    .slider-section h5.line { margin-bottom: 25px; font-weight: 600; }
    .slider-section h2 {max-width: 200px;}
    .slider-section .text p { font-weight: 600; margin-top: 20px; font-size: 18px;line-height:28px;max-width:250px;}
    .slider-section .slider-wrapper{width: 100%; display: block;}
    .slider-section .slick-track img {width: 130px;height: 100px;object-position: center;display: block;object-fit: contain;margin: 60px auto;}
    .slider-section .slick-dots li button:before { display: none; }
    .slider-section .slick-dots{ bottom:-50px; }
    .slider-section .slick-dots li button { width: 10px; height: 10px; background: #fcd9bc; border-radius: 100px; margin: 0px; transition-duration:.3s; }
    .slider-section .slick-dots li{ width:auto; }
    .slider-section .slick-dots li.slick-active button{ width:0px; background-color:var(--primaryColor) }


    /* Cta section */
    .cta-section { padding: 100px 0px; background-size: cover; }
    .cta-section .text-wrapper h5 { color: var(--whiteColor); margin-bottom: 28px; font-weight: 700; }
    .cta-section .text-wrapper h2 {color: var(--whiteColor);}
    .cta-section a.custom-btn {padding: 11px 20px; height: 41px; margin-top: 20px;border: none;font-size: 13px;color: var(--primaryColor);font-weight: 800;transition-duration: .3s;background-color: var(--whiteColor);}
    .cta-section a.custom-btn:hover { background: var(--primaryColor); color:var(--whiteColor);}


    /* footer css start */
    footer { padding: 100px 0px; background-color: var(--blackColor); border-top: solid 1px #151515; }
    footer .custom-row {display: grid;grid-template-columns: 2fr 1fr 1fr 2fr;}
    footer .custom-row > .custom-column:last-child{padding-left: 80px;}
    footer a.logo img {width: 123px;height: auto;}
    footer div h3 { color: var(--whiteColor); max-width: 340px; margin-top: 30px;font-size: 24px; font-weight: 500; }
    footer div ul li { list-style: none; margin-bottom: 20px; }
    footer div ul { padding-left: 0px; }
    footer div ul li a { color: #999999; font-size: 16px; text-decoration: none; display: inline-block;width: max-content; }
    footer div ul li.active a{color: var(--primaryColor); font-family: 'bakura-extra-bold';}
    footer div ul li a:hover{color: var(--primaryColor);}
    footer h4 { font-weight: 400; color:var(--whiteColor); margin-bottom: 10px; font-size: 15px; line-height: 24px;}
    footer .social-media-links a{font-size:13px;color:var(--whiteColor);}
    footer .contact-wrapper { display: flex;margin-bottom: 8px; }
    footer .contact-wrapper span { width: 18px; text-align: center; margin-right: 10px; }
    footer .social-media-links a { color: #999; margin-right: 23px; }
    footer .contact-wrapper { color: #999; }
    footer .conact-info { margin-bottom: 30px; }
    footer .contact-wrapper a { color: #999; text-decoration: none; display: flex; }
    footer .contact-wrapper a:hover { color: var(--primaryColor); }
    footer .social-media-links a:hover { color: var(--primaryColor); }
    footer .contact-wrapper span{font-size: 12px;}
    footer .contact-wrapper h6{font-size: 12px;font-weight: 800;}
    footer .custom-row > .custom-column .social-media-links { transform: translateY(-5px); }

    .footer-bottomline { padding: 15px 0px; background-color: #151515; }
    .footer-bottomline .bottom-row { display: flex; justify-content: space-between; }
    .footer-bottomline .bottom-row p { margin-bottom: 0px; font-size: 10px; color: #999; }
    .footer-bottomline .bottom-row .right-link ul { padding-left: 0px; list-style: none; display: flex; margin-bottom: 0px; padding-top: 5px; }
    .footer-bottomline .bottom-row .right-link ul li {margin-left: 40px;}
    .footer-bottomline .bottom-row .right-link ul li a { color: #999; font-size: 10px; }
    .footer-bottomline .bottom-row .right-link ul li a:hover{color:var(--whiteColor);}
    .footer-bottomline .bottom-row .right-link ul li:not(:last-child):after {content: '|'; color: #999; position: absolute; right: -20px; font-size: 12px; margin-top: 5px; }
    .footer-bottomline .bottom-row .right-link ul li { position: relative; }
    .footer-bottomline .left-line a { color: #999; text-decoration: none;transition-duration: .3s; }
    .footer-bottomline .left-line a:hover{color:var(--whiteColor);}


    .inner-page-banner { width: 100%; display: inline-block; background-color: #000; border-radius: 0px 0px 75px 75px;}
    .inner-page-banner .breadcrumbs { margin: 20px 0px; }
    .inner-page-banner .breadcrumbs ul { padding-left: 0px; list-style: none; }
    .inner-page-banner .breadcrumbs ul li { font-size: 14px; color: #ffffff; float: left; margin-right: 35px; position: relative;    font-family: 'bakura-extra-bold'; }
    .inner-page-banner .breadcrumbs ul li a { font-size: 14px; color: #8b8b8d; text-decoration: none; }
    .inner-page-banner .breadcrumbs ul li a:hover{color: #fff;}
    .inner-page-banner .breadcrumbs ul li a:after {content: url('../images/arrow.svg');position: absolute;top: 0px;right: -28px;}

    .inner-page-banner{height:510px;}

    .form-content-section::after{content: ''; display: block; width: 100%;height: 100%; background-color:var(--lightBackground);position: absolute;z-index:-1;top:0;}
    .form-content-section {margin-top: -340px;position: relative;padding-bottom: 50px;}
    .form-content-section .form-wrapper {background-color: #ffff;margin: 0px 0px;border-radius: 8px;padding: 60px 150px;box-shadow: 0px 0px 20px #0000001a;}
    .form-content-section .form-wrapper .title-line { display: flex; justify-content: space-between; }
    .form-content-section .form-wrapper .progress-bar ul { display: flex; padding-left: 0; list-style: none; background-color: #fff; justify-content: space-between; }
    .form-content-section .form-wrapper .progress-bar ul li { width: 15px; height: 15px; background: var(--primaryColor); border-radius: 20px; }
    .form-content-section .form-wrapper .progress-bar { background-color: #fff; margin-top: 40px; overflow: inherit; position: relative; left: 7.5px; width: calc(100% - 15px); }
    .form-content-section .form-wrapper .progress-bar .progress-line { width: 100%; height: 2px; background: #e9eaee; position: absolute; top: 7px; z-index: 0;}
    .form-content-section .form-wrapper .progress-bar ul li{ position:relative; }
    .form-content-section .form-wrapper .progress-bar ul li:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 1; background: white; border-radius:30px; box-shadow:0px 0px 0px 1px #e9eaee; transform: scale(2.2); }
    .form-content-section .form-wrapper .progress-bar ul li.active:after {box-shadow: 0px 0px 4px #0000004d; }
    .form-content-section .form-wrapper .progress-bar ul li.active:before { content: ''; display: block; width: 15px; height: 15px; background: var(--primaryColor); border-radius: 20px; position: absolute; top: 0; z-index: 2; }
    .form-content-section .form-wrapper .progress-bar ul li.done:before { content: ''; display: block; width: 15px; height: 15px; background: var(--primaryColor); border-radius: 20px; position: absolute; top: 0; z-index: 2; }
    .form-content-section .form-wrapper .progress-bar ul li.done:after{display: none;}
    .form-content-section .form-wrapper .form-area { display: inline-block; width: 100%; }
    .form-content-section .form-wrapper .form-area form { margin: 20px 0px 0px; }
    .form-content-section .form-wrapper .form-area form .language-btns { width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; margin-top: 20px; cursor: pointer;}
    .form-content-section .form-wrapper .form-area form .language-btns span.language-btn {width: 100%;display: flex;justify-content: center;align-items: center;height: 230px;border: solid 1px #e9eaee;border-radius: 7px;font-size: 40px;font-weight: 600; transition-duration: .3s;}
    .form-content-section .form-wrapper button.next { padding: 7px 42px; border-radius: 30px; border: solid 2px var(--primaryColor); color: var(--whiteColor); font-weight: 500;margin-top: 25px; transition-duration: .3s;background-color: var(--primaryColor); }
    .form-content-section .form-wrapper button.submit { padding: 7px 42px; border-radius: 30px; border: solid 2px var(--primaryColor); color: var(--whiteColor); font-weight: 500;margin-top: 25px; transition-duration: .3s; background-color: var(--primaryColor); }
    .form-content-section .form-wrapper button.prev { padding: 7px 42px; border-radius: 30px; border: none; color: #fff; font-weight: 500; background: var(--primaryColor);margin-top: 25px; transition-duration: .3s; }
    .form-content-section .form-wrapper button:hover{background-color: var(--primaryColor);}
    .form-content-section .form-wrapper button.submit:hover{background-color: var(--blackColor); border-color: var(--blackColor);}
    .form-content-section .form-wrapper .form-area form .language-btns span.language-btn:hover { border: solid 1px var(--blackColor); background-color: #e8e8e8; }
    .form-content-section .form-wrapper .form-area form .language-btns span.language-btn.active {border: solid 1px var(--blackColor); background-color: #e8e8e8;}
    .form-content-section .form-wrapper .progress-bar .progress-line .progress-count { transition-duration: 1s; background: var(--primaryColor); height: 3px; margin-top: -1px; width: 10%;}
    .form-content-section .form-wrapper .form-area form .form-box{display:none;}
    .form-content-section .form-wrapper .form-area form .form-box.active{display:block;}
    .form-content-section .form-wrapper .border-input-box p label{color: var(--primaryColor);}
    .form-content-section .form-wrapper .border-input-box .selected-file{width: calc(100% - 4px);position:absolute;top: 2px;left: 2px;height: calc(100% - 4px);display: flex;justify-content: center;background-color: #f8f9fc;align-items: center;border-radius: 9px;}


    .form-content-section .form-wrapper .form-area form .form-box .input-box{ position: relative;}
    .form-content-section .form-wrapper .form-area form .form-box .input-box input {width: 100%;padding: 17px 15px;font-size: 1rem;letter-spacing: 0.062rem;margin-bottom: 0px;border: 2px solid #dfdfdf;background: transparent;border-radius: 8px;}
    .form-content-section .form-wrapper .form-area form .form-box .input-box label {position: absolute;top: 3px;left: 18px;padding: 0.925rem 0;font-size: 16px;color: rgb(0 0 0 / 50%);pointer-events: none;transition: 0.5s;}
    .form-content-section .form-wrapper .form-area form .form-box .input-box input:focus~label ,
    .form-content-section .form-wrapper .form-area form .form-box .input-box.no-val label{top: -1.435rem;left: 10px;font-size: 0.75rem;background-color: #fff;height: 7px;padding-left: 5px;padding-right: 5px;} .form-control:focus { box-shadow: 0 0 0 0; }
    .form-content-section .form-wrapper .form-area form .form-box .input-box input::-webkit-outer-spin-button, .form-content-section .form-wrapper .form-area form .form-box  input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
    .form-content-section .form-wrapper .form-area form .form-box .input-box input[type=number] { -moz-appearance: textfield; }
    .form-content-section .form-wrapper .two-col-fieldset {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 35px 30px;}
    .form-content-section .form-wrapper .form-area form .form-box h4 { font-weight: 600; margin-bottom: 25px; }
    .form-content-section .form-wrapper .two-col-fieldset.border-bottom { padding-bottom: 40px; border-color: rgb(112 112 112 / 50%) !important; }
    .form-content-section .form-wrapper .form-area form .form-box .button-container{ display: flex; justify-content: flex-end;margin-top:20px; }
    .form-content-section .form-wrapper .form-area form .form-box .button-container .prev {font-family:bakura-extra-bold; border: solid 2px var(--primaryColor); background-color: #fff; color: var(--primaryColor); margin-right: 15px; height: 41px;}
    .form-content-section .form-wrapper .form-area form .form-box .button-container .prev:hover{border-color: var(--blackColor);color:var(--blackColor);}
    .form-content-section .form-wrapper .form-area form .form-box .button-container .next { font-family:bakura-extra-bold; border: solid 2px var(--primaryColor); color: var(--whiteColor);font-weight: 200; height: 41px;}
    .form-content-section .form-wrapper .form-area form .form-box .button-container .next:hover{background-color: var(--blackColor); color: var(--whiteColor); border-color: var(--blackColor);}
    .form-content-section .form-wrapper .border-input-box { background-image:repeating-linear-gradient(18deg, var(--borderColor), var(--borderColor) 14px, transparent 14px, transparent 28px, var(--borderColor) 28px), repeating-linear-gradient(108deg, var(--borderColor), var(--borderColor) 14px, transparent 14px, transparent 28px, var(--borderColor) 28px), repeating-linear-gradient(198deg, var(--borderColor), var(--borderColor) 14px, transparent 14px, transparent 28px, var(--borderColor) 28px), repeating-linear-gradient(288deg, var(--borderColor), var(--borderColor) 14px, transparent 14px, transparent 28px, var(--borderColor) 28px); background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px; background-position: 0px 0px, 0px 0px, 100% 0px, 0px 100%; background-repeat: no-repeat; border-radius:10px; padding: 60px 70px; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; }
    .form-content-section .form-wrapper .border-input-box.require{background-image:repeating-linear-gradient(18deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px), repeating-linear-gradient(108deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px), repeating-linear-gradient(198deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px), repeating-linear-gradient(288deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px); background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px; background-position: 0px 0px, 0px 0px, 100% 0px, 0px 100%; }
    .form-content-section .form-wrapper .border-input-box:after { content: ''; display: block; background: #F8F9FC; border-radius: 10px; position: absolute; top: 2px; left: 2px; width: calc(100% - 4px); height: calc(100% - 4px); z-index: 0; }
    .form-content-section .form-wrapper .border-input-box * { z-index: 1; font-size: 13px;color: #505050;}
    .form-content-section .form-wrapper .border-input-box.require label { color: #f00; }
    .form-content-section .form-wrapper .border-input-box.require:before {content: var(--requireFieldEN);position: absolute;bottom: -23px;left: 0;font-size: 12px;color: #f00;margin-left: 18px;}
    .form-content-section .form-wrapper .form-area form .product-category .check-box {display: inline-block; transition-duration: .3s;}
    .form-content-section .form-wrapper .form-area form .product-category .check-box label { display: inline-block; padding: 5px 20px; border-radius: 40px; border: solid 1px var(--borderColor); cursor: pointer;}
    .form-content-section .form-wrapper .form-area form .product-category .check-box input { display: none; }
    .form-content-section .form-wrapper .form-area form .product-category .check-box label {color:#707070;}
    .form-content-section .form-wrapper .form-area form .product-category .check-box label i { font-size: 13px; margin-left: 6px; color: #707070; }
    .form-content-section .form-wrapper .form-area form .product-category .check-box label { margin: 0px 9px 15px 0px; font-size: 13px;font-weight: 500;}
    .form-content-section .form-wrapper .form-area form .product-category .check-box input:checked ~ label {color:var(--primaryColor);border-color:var(--primaryColor);background-color:var(--lightColor);}
    .form-content-section .form-wrapper .form-area form .product-category .check-box input:checked ~ label i {color:var(--primaryColor);}

    .form-content-section .form-wrapper  .border-input-box h5 { font-weight: 700; margin-bottom: 20px; font-family: 'bakura-extra-bold';font-size: 18px;color: #505050;}
    .form-content-section .form-wrapper  .border-input-box p { font-size: 13px; margin-bottom: 0px; color: #505050;}
    .form-content-section .form-wrapper  .border-input-box p label { font-weight: 800; text-decoration: underline; font-family: 'bakura-extra-bold';}
    .form-content-section .form-wrapper  .border-input-box p label:hover { color: #303034; }
    .form-content-section .form-wrapper  .border-input-box input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: 1; }
    .form-content-section .form-wrapper  .border-input-box .result { margin-top: 20px; font-size:14px; }

    .form-content-section .form-wrapper .form-area form h6 { margin-top: 45px; font-weight: 700; font-family: bakura-extra-bold ; color: var(--blackColor); }
    .form-content-section .form-wrapper .form-area form .product-category a{ padding: 5px 20px; border: solid 2px #6c6c6c; border-radius: 40px; display: inline-block; text-decoration: none; color: #6c6c6c; margin-right: 6px; margin-bottom: 12px; transition-duration: .3s; }
    .form-content-section .form-wrapper .form-area form .product-category a i { font-size: 14px; margin-left: 10px; }
    .form-content-section .form-wrapper .form-area form .product-category { margin-top: 15px; }
    .form-content-section .form-wrapper .form-area form .product-category a:hover { border-color: var(--blackColor); color: var(--blackColor); background-color: #ededed; }
    .form-content-section .form-wrapper .form-area form .form-box h4.mb-0{margin-bottom: 0px;}
    .form-content-section .form-wrapper .form-area form .form-box h4.mb-0 + h6{margin-top:12px;font-size:16px; font-family:bakura-extra-bold ; color: var(--blackColor);margin-bottom: 20px;}

    .form-content-section .form-wrapper .form-area form .form-box .redio-btn-group { display: flex; padding-top: 6px; }
    .form-content-section .form-wrapper .form-area form .form-box .redio-btn-group .redio-btn { margin-right: 39px; }
    .form-content-section .form-wrapper .form-area form .form-box .redio-btn-group input { display: none; }
    .form-content-section .form-wrapper .form-area form .form-box .redio-btn-group .redio-btn { position: relative; padding-left: 27px; }
    .form-content-section .form-wrapper .form-area form .form-box .redio-btn-group .redio-btn label:after { content: ''; display: block; width: 18px; height: 18px; border-radius: 10px; top: 2px; left: 0; border: solid 1px #c0c0c0; position: absolute; }
    .form-content-section .form-wrapper .form-area form .form-box .redio-btn-group .redio-btn input:checked ~ label:before {transition-duration: .3s; content: '';display: block;width: 18px;height: 18px;background-color: var(--primaryColor);position: absolute;top: 2px;left: 0;border-radius: 30px;transform: scale(.5);}
    .form-content-section .form-wrapper .form-area form .form-box .redio-btn-group .redio-btn input:checked ~ label:after{border-color: var(--primaryColor);}

    .form-content-section .form-wrapper .form-area form .form-box ul { padding-left: 0px; list-style: none; margin-top: 18px; }
    .form-content-section .form-wrapper .form-area form .form-box ul li { position: relative; padding-left: 20px; margin-bottom: 10px; font-size: 18px; line-height: 28px; }
    .form-content-section .form-wrapper .form-area form .form-box ul li:before { position: absolute; left: 0; top: 9px; display: block; content: ''; width: 8px; height: 8px; background: var(--primaryColor); border-radius: 20px; }
    .form-content-section .form-wrapper .border-input-box .close-icon { position: absolute; top: 15px; right: 20px; color: #707070; }
    .form-content-section .form-wrapper .border-input-box .close-icon { font-size:24px; }

    .one-stop-shop-slider{overflow:hidden;padding: 40px 0px 120px;position: relative;}
    .one-stop-shop-slider .slick-list .slick-slide img { width: 100%; height: auto; }
    .one-stop-shop-slider .slick-list{overflow:inherit;}
    .one-stop-shop-slider h2{margin-bottom:70px;}
    .one-stop-shop-slider  img.absolute-background { width: 100%; position: absolute; bottom: 0; }
    .one-stop-shop-slider::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; background-image: url(../images/slider-background.png); top: 0; z-index: -1; background-position: right; background-size: contain; background-repeat: no-repeat; }

    .form-content-section .form-wrapper .form-area form .form-box .input-box.require:after{ margin-top: 10px; content: var(--requireFieldEN); color:#f00; font-size:12px; display: inline-block; margin-left: 18px; transform: translateY(-6px);font-weight: 700; }
    .form-content-section .form-wrapper .form-area form .form-box .input-box.require { position: relative; }
    .form-content-section .form-wrapper .form-area form .form-box .input-box.require label{ color: #f00; }
    .form-content-section .form-wrapper .form-area form .form-box .input-box.require input[type="text"], .form-content-section .form-wrapper .form-area form .form-box .input-box.require input[type="email"] , .form-content-section .form-wrapper .form-area form .form-box .input-box.require input[type="number"], .form-content-section .form-wrapper .form-area form .form-box .input-box.require textarea{ border:solid 2px #f00; }
    .form-content-section .form-wrapper .border-input-box .selected-file{display: none;}
    .form-content-section .form-wrapper .border-input-box .selected-file.open{display: flex;background-color: #E7EBF5;}
    .form-content-section .form-wrapper .border-input-box .selected-file svg {width: 46px;height: 70px;margin-right: 25px;}
    .form-content-section .form-wrapper .border-input-box .selected-file .close-icon svg {width: 40px;margin-right: -7px;height: 40px;}
    .form-content-section .form-wrapper .border-input-box .text { display: flex; flex-direction: column; align-items: flex-start; }
    .form-content-section .form-wrapper .border-input-box .text strong{font-size: 16px;font-weight: 800;margin-top: 0px;color: #000000;margin-bottom: 3px;    text-align: left; max-width: 290px; }
    .form-content-section .form-wrapper .border-input-box .close-icon{cursor: pointer;}
    .form-content-section .form-wrapper .form-area form .form-box .input-box.invalid-email:after{ content: var(--invalidEmailEN); color:#f00; font-size:12px; font-weight: 700; display: inline-block; transform: translateY(-3px); margin-left: 18px; margin-top: 3px; }
    .form-content-section .form-wrapper .form-area form .form-box .input-box.invalid-email { position: relative; }
    .form-content-section .form-wrapper .form-area form .form-box .input-box.invalid-email input[type="email"]{ border:solid 2px #f00; }
    .form-content-section .form-wrapper .form-area form .form-box .input-box.invalid-email input ~ label{top: -1.435rem; left: 10px; font-size: 0.75rem; background-color: #fff; height: 7px; color:#f00;padding-left: 5px;padding-right: 5px;}
    .form-content-section .form-wrapper .border-input-box.invalid-file{background-image:repeating-linear-gradient(18deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px), repeating-linear-gradient(108deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px), repeating-linear-gradient(198deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px), repeating-linear-gradient(288deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px);background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px;background-position: 0px 0px, 0px 0px, 100% 0px, 0px 100%;position:relative;}
    .form-content-section .form-wrapper .border-input-box.invalid-file:before{content:var(--invalidFileEN);position:absolute;bottom: -23px;left:0;color: #f00;font-size: 12px;}
    .form-content-section .form-wrapper .progress-bar ul li.done:first-child {transform: translateX(-3px);}

    .popup-box {width: 100%; height: 100vh;transform: translate(0% , -300%);top: 0; left: 0; position: fixed; display: flex; justify-content: center; align-items: center;z-index: 111; transition-duration: .3s;}
    .popup-box .popup-back  { width: 100%; height: 100vh; background: #0000009c; top: 0; left: 0; position: fixed; display: flex; justify-content: center; align-items: center; z-index: 111; transform:translateY(-100%); transition-duration: .1s;}
    .popup-box .popup-inner {min-width: 550px;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: var(--whiteColor);padding: 45px 60px;border-radius: 30px;position: fixed;transition-duration: .5s;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1111;}
    .popup-box .popup-inner p { text-align: center; margin-bottom:0px; color: #505050; line-height: 25px; font-size: 16px; }
    .popup-box .popup-inner h3 { text-align: center; margin-bottom: 25px; }
    .popup-box .popup-inner img { margin-bottom: 20px; }
    .popup-box .popup-inner .pop-up-btns { margin-top: 30px; }
    .popup-box .popup-inner .pop-up-btns .custom-btn { padding:10px 53px; margin: 0px 5px; transition-duration:.3s;background-color: var(--whiteColor); color: var(--primaryColor);}
    .popup-box .popup-inner .pop-up-btns .custom-btn.alter-btn { padding:10px 53px; margin: 0px 5px; transition-duration:.3s;background-color: var(--primaryColor); color: var(--whiteColor);}
    .popup-box .popup-inner .pop-up-btns .custom-btn:hover { background-color: var(--blackColor); color: var(--whiteColor); }

    .inner-page-banner .banner-text {display: inline-block;clear: both;float: none;width: 100%;margin-top: 60px;}
    .inner-page-banner .banner-text span { font-size: 24px; display: inline-block; color: var(--whiteColor); margin-bottom: 30px; }
    .inner-page-banner .banner-text h2 { color: var(--primaryColor); }
    .inner-page-banner .banner-text p{font-size: 24px; color:var(--whiteColor);font-weight:400;}
    .inner-page-banner.banner-on-menu.career-banner { height: 100%; padding-bottom: 190px; }
    .inner-page-banner.banner-on-menu.career-banner h2, .inner-page-banner.banner-on-menu.career-banner h2 * {color: var(--primaryColor);font-size: 25px !important;margin-bottom: 0px;}
    .inner-page-banner.banner-on-menu.career-banner span {margin-bottom: 40px;font-size: 22px;}
    .inner-page-banner.banner-on-menu.career-banner p {font-size: 20px;margin-bottom: 10px;}



    .career-detail-content{background-color:#e7ebf5;margin-top: -190px;}
    .career-detail-content .content-box {padding: 50px 150px;background-color: var(--whiteColor);border-radius: 10px;}
    .career-detail-content .container{z-index: 11;position: relative;}
    .career-detail-content .content-box.form-wrapper h3 {margin-top: 0px !important;margin-bottom: 30px;}
    .career-detail-content .content-box{margin-bottom: 30px;}
    .career-detail-content .content-box p { font-size: 16px; line-height: 26px; margin-bottom: 10px; }
    .career-detail-content .content-box h3 { margin-bottom: 16px; }
    .career-detail-content .content-box .border-input-box { margin-bottom: 40px; }

    .career-detail-content{padding-bottom: 100px;}
    .career-detail-content a.link { font-size: 17px; color: var(--primaryColor); margin-top: 40px; display: inline-block;transition-duration: .3s; }
    .career-detail-content a.link:hover{transform: scale(1.1);}
    .career-detail-content .content-box h3{margin-bottom: 10px; margin-top: 35px !important; font-size: 22px; line-height: 30px;}
    .career-detail-content .form-wrapper .input-box{ position: relative;}
    .career-detail-content .form-wrapper .input-box input {width: 100%;font-size: 18px; padding: 15px 10px;font-size: 1rem;letter-spacing: 0.062rem;margin-bottom: 10px;border: 2px solid #dfdfdf;background: transparent;border-radius: 8px;}
    input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active  {-webkit-box-shadow: 0 0 0 30px white inset !important;}
    .career-detail-content .form-wrapper .input-box label {position: absolute;top: 3px;left: 18px;padding: 0.925rem 0;font-size: 16px;color: rgb(0 0 0 / 50%);pointer-events: none;transition: 0.5s;}
    .career-detail-content .form-wrapper .input-box input:focus~label,
    .career-detail-content .form-wrapper .input-box.no-val label {top: -1.435rem;left: 10px;font-size: 0.75rem;background-color: #fff;height: 7px;padding-left: 5px;padding-right: 5px;}
    .form-control:focus { box-shadow: 0 0 0 0; }
    .career-detail-content .form-wrapper .input-box select:focus ~ label {font-size: 18px; top: -1.435rem;left: 10px;font-size: 0.75rem;background-color: #fff;height: 7px;padding-left: 5px;padding-right: 5px;}
    .career-detail-content .form-wrapper .input-box input::-webkit-outer-spin-button, .career-detail-content .content-box .form-wrapper .input-box input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
    .career-detail-content .form-wrapper .input-box input[type=number] { -moz-appearance: textfield; }
    .career-detail-content .two-col-wrapper { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 25px 30px; }
    .career-detail-content .form-wrapper .input-box select { width: 100%; padding: 15px 10px; font-size: 1rem; letter-spacing: 0.062rem; margin-bottom: 10px; border: 2px solid #dfdfdf; background: transparent; border-radius: 6px; }
    .career-detail-content .form-wrapper .input-box.require {margin-bottom: 10px;}
    .career-detail-content  .content-box.form-wrapper h4 {margin-top: 30px;margin-bottom: 15px;}

    .inner-page-banner.career-front-banner {background-color: #feedd1;height: auto; padding-bottom: 200px;overflow-x: hidden;}
    .inner-page-banner.career-front-banner .banner-text span, .inner-page-banner.career-front-banner .banner-text p { color: var(--blackColor); }
    .inner-page-banner.career-front-banner .banner-text p { font-size: 18px; line-height: 28px; margin-top: 20px; max-width: 348px; font-weight: 600; }
    .inner-page-banner.career-front-banner .banner-text h1 { max-width: 320px; color: var(--primaryColor); }
    .inner-page-banner .banner-text span { margin-bottom: 20px; font-size: 20px; }
    .inner-page-banner.career-front-banner .custom-row { display: flex; }
    .inner-page-banner.career-front-banner .custom-row .banner-text { width: 50%; margin-top:150px; }
    .inner-page-banner.career-front-banner .custom-row  .image { width: 50%; }
    .inner-page-banner.career-front-banner .custom-row .image img {   width: 155%; transform: translateX(-90px); }


    .location-feature pre { display: block; display: inline-block; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-size: 18px; line-height: 30px; color: #5c5d5d; font-family: bakura-reguler; }

    .career-detail-content .content-box ul { padding-left: 0; list-style: none; }
    .career-detail-content .content-box ul li { font-size: 16px; line-height: 26px; margin-bottom: 10px; padding-left: 30px; position: relative; }
    .career-detail-content .content-box ul li:before { content: ''; display: block; width: 8px; height: 8px; background-color: var(--primaryColor); border-radius: 10px; position: absolute; left: 5px; top: 9px; }
    .career-detail-content .content-box .detail-text-content{height:250px;overflow: hidden;}

    .location-feature{background-color:#e7ebf5;margin-top: -400px;padding-bottom:50px;}
    .location-feature .section-wrapper{width:100%;display:flex;flex-wrap:wrap;position: relative;}
    .location-feature .section-wrapper .location-section{width:45%;background-color:var(--whiteColor);border-radius:10px 0px 0px 10px;}
    .location-feature .section-wrapper .feature-roles{width:55%;background-color: #f3f5fa;padding: 100px 80px 40px;border-radius: 0px 10px 10px 0px;}
    .location-feature .section-wrapper .location-section .select-box{padding:70px 60px 40px;}
    .location-feature .section-wrapper .location-section .select-box .select-box-wrapper{position:relative;height: auto;}
    .location-feature .section-wrapper .location-section .select-box .select-box-wrapper select { color: #525252; }
    .location-feature .section-wrapper .location-section .location-list h4{padding:0px 60px 15px;font-weight:00;font-size:20px;}
    .location-feature .section-wrapper .location-section .select-box .custom-list input { width: 100%; font-size: 18px; padding: 15px 10px; font-size: 1rem; letter-spacing: 0.062rem; margin-bottom: 10px; border: 2px solid #dfdfdf; background: transparent; border-radius: 8px; }
    .location-feature .section-wrapper .location-section .location-list ul{padding-left:0;list-style:none;}
    .location-feature .section-wrapper .location-section .location-list ul li a{display: block; text-decoration: none; padding:15px 60px;font-size:16px;letter-spacing:.1px;color:var(--blackColor);}
    .location-feature .section-wrapper .location-section .location-list ul li a:hover{background-color:#f3f5fa;transition-duration:.3s;}
    .location-feature .section-wrapper .location-section .location-list ul li a.active{background-color:#f3f5fa;color:var(--primaryColor); font-weight:300;transition-duration:.3s;letter-spacing:0px;font-family:bakura-extra-bold;}
    .location-feature .section-wrapper .location-section .location-list ul li a.active span{font-family:bakura-extra-bold;}
    .location-feature .section-wrapper .location-section .select-box select{width:100%;padding: 15px 20px;border:solid 2px #d7d7d7;border-radius:9px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size: 18px;background-color: var(--whiteColor);}
    .location-feature .section-wrapper .location-section .select-box span.arrow{position: absolute; right: 0; height: 100%; pointer-events: none; display: flex; top: 0; justify-content: center; align-items: center; width: 50px;height: 60px;}
    .location-feature .section-wrapper .location-section .select-box span.arrow i.fa.fa-angle-down { font-size: 26px; width: 50px; display: flex; justify-content: center; align-items: center; height: 100%; color: #b3b3b3; }
    .location-feature .section-wrapper .feature-roles h4 , .location-feature .section-wrapper .feature-roles h4 * , .location-feature .section-wrapper .feature-roles h4 p{font-weight: 800;margin-top: 0px;margin-bottom: 5px; font-size: 22px !important; font-family:bakura-extra-bold; color: var(--blackColor) !important; }
    .location-feature .section-wrapper .feature-roles .featured-form .role { margin: 5px 0px 30px 0px; }
    .location-feature .section-wrapper .feature-roles form {border: solid 1px #d7d7d7; display: inline-block; padding: 7px 6px; border-radius: 50px; background-color: var(--whiteColor); margin: 10px 0px 0px; justify-content: space-between; display: flex; align-items: center; max-width: 350px;}
    .location-feature .section-wrapper .feature-roles form input[type="submit"] { border-radius: 40px; border: none; padding: 7px 20px; font-weight: 600; background-color: var(--primaryColor); color: var(--whiteColor); font-size: 14px; transition-duration: .3s; }
    .location-feature .section-wrapper .feature-roles form input[type="text"] { border: none; outline:none; width: 100%; margin-left: 5px; }
    .location-feature .section-wrapper .feature-roles form input[type="text"]:focus{border:none !important;}
    .location-feature .section-wrapper .feature-roles form span.search-icon { margin-left: 10px; }
    .location-feature .section-wrapper .feature-roles form span.search-icon svg { width: 20px; }
    .location-feature .section-wrapper .feature-roles form input[type="submit"]:hover { background-color: var(--blackColor); }
    .location-feature .section-wrapper .feature-roles .featured-form { padding: 0px 0px; }
    .location-feature .section-wrapper .feature-roles .featured-form .role-content {font-size: 18px;line-height: 30px;color: #5c5d5d;}
    .location-feature .section-wrapper .feature-roles .featured-form strong { line-height: inherit; }
    .location-feature .section-wrapper .feature-roles .featured-form .locations.active{display: inline-block;}
    .location-feature .section-wrapper .feature-roles .featured-form .locations { height: 100%; max-height: 660px; margin-top: 20px; overflow-y: auto; display: none; }
    .location-feature .section-wrapper .feature-roles .featured-form .locations .role a { text-decoration: none; }
    .location-feature .section-wrapper .feature-roles .featured-form .locations::-webkit-scrollbar { display: none; }
    .location-feature .section-wrapper .feature-roles .featured-form .locations::-webkit-scrollbar { width: 5px; height: 8px; background-color: #aaa; /* or add it to the track */ }
    .location-feature .section-wrapper .feature-roles h4:first-of-type{margin-top: 0;font-size: 20px;}
    .location-section .map-wrapper .info-box .close-icon { cursor: pointer; position: absolute; right: 20px; }
    .location-section .map-wrapper .info-box span { padding: 2px 12px; border-radius: 30px; border: solid 1px var(--primaryColor); font-size: 12px; color: var(--primaryColor); display: inline-block; margin-bottom: 0px; line-height: 19px;}
    #sixth-section.iv-section .text-part .custom-btn { padding: 10px 40px; height: 41px; width: max-content;}
    .header .header-wrapper .right-part .custom-btn{width: max-content; height: 41px; padding: 13px 22px;margin-left: 10px; color: var(--primaryColor);line-height: 13px;transition-duration: .3s;}
    .location-section .wrapper .location-list .list-item .text .btns a.custom-btn {padding: 7px 0px; height: 34px; text-align: center;margin: 6px 0px;background-color: var(--primaryColor);color: #fff;transition-duration:.3s;font-size: 12px;}


    .info-box { background-color: var(--whiteColor); padding: 20px 20px; border-radius: 15px; position: absolute; top: 95px; left: 30px; width: 430px; box-shadow: 0px 0px 10px #00000029; z-index: 11; }
    .info-box h4 {font-size: 15px;line-height: 20px;margin-top: 15px;margin-bottom: 5px;}
    .info-box p {font-size: 11px;line-height: 18px;margin-bottom: 4px;display: flex;align-items: flex-start;}
    .info-box ul li {font-size: 11px;color:#515151;line-height: 18px;}
    .info-box ul {padding-left: 47px;list-style: none;}
    .info-box ul li span, .location-section .info-box p span {font-family: 'bakura-extra-bold';border: none;padding: 0px;border-width: 0px !important;padding: 0px !important; color:var(--blackColor) !important;}
    .info-box ul li span{width: 36px;}
    .info-box p > span {padding-right:0px !important;}
    .info-box p i {font-style: normal;padding-left: 2px; padding-right: 4px; font-size: 10px;}
    .info-box p i.green{color:#258800;}
    .info-box p i.red{color:red;}
    .info-box p a {color:#515151;text-decoration:none;overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; margin-left: 5px;}
    .info-box p a:hover{color:var(--primaryColor);}
    .info-box h4 + p {margin-bottom: 15px;}
    .info-box .wrapper .location-map span{padding:2px 10px;}


    .career-detail-content .content-box .detail-text-content {position:relative;}
    .career-detail-content .content-box .detail-text-content.close:after{position:absolute;bottom:-50px;width:100%;height: 90px;content:"";display:block;background-image: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 81%, rgba(255,255,255,1) 100%);}
    .career-detail-content .content-box .input-box.select-box { position: relative; }
    .career-detail-content .content-box h4{font-weight: 800;font-size: 16px;}
    .career-detail-content .content-box .input-box.select-box span { width: 50px; height: 90%; pointer-events: none; position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; }
    .career-detail-content .content-box .input-box.select-box span i { font-size: 24px;color: #c0c0c0; }
    .career-detail-content .content-box .input-box select::-ms-expand { display: none; }
    .career-detail-content .content-box .input-box select{-moz-appearance: none; -webkit-appearance: none; appearance: none;}
    .career-detail-content .content-box .radio-btn-group{display: flex;}
    .career-detail-content .content-box .radio-btn-group .radio-btn { position: relative; padding-left: 37px; margin-right: 60px; }
    .career-detail-content .content-box .radio-btn-group .radio-btn input{display: none;}
    .career-detail-content .content-box .radio-btn-group .radio-btn label{font-size:16px;color: #303034;}
    .career-detail-content .content-box .radio-btn-group .radio-btn label:after { content: ''; display: block; width: 24px; height: 24px; border-radius: 32px; top: 0px; left: 0; border: solid 2px #c0c0c0; position: absolute; }
    .career-detail-content .content-box .radio-btn-group .radio-btn input:checked ~ label:before {transition-duration: .3s; content: '';display: block;width: 24px;height: 24px;background-color: var(--primaryColor);position: absolute;top: 0px;left: 0;border-radius: 30px;transform: scale(.5);}
    .career-detail-content .content-box .radio-btn-group .radio-btn input:checked ~ label:after{border-color: var(--primaryColor);}


    .career-detail-content .content-box .border-input-box h5 { font-weight: 700; margin-bottom: 20px; }
    .career-detail-content .content-box .border-input-box p { font-size: 16px; margin-bottom: 0px;font-size: 14px; margin-bottom: 8px; color:#505050; }
    .career-detail-content .content-box .border-input-box span { font-size: 14px; color:#505050; }
    .career-detail-content .content-box .border-input-box p label { font-weight: 800; text-decoration: underline; }
    .career-detail-content .content-box .border-input-box p label:hover { color: #303034; }
    .career-detail-content .content-box .border-input-box input { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: 1; }
    .career-detail-content .content-box .border-input-box .result { margin-top: 20px; font-size:14px; }
    .career-detail-content .content-box .border-input-box { background-image:repeating-linear-gradient(18deg, var(--borderColor), var(--borderColor) 14px, transparent 14px, transparent 28px, var(--borderColor) 28px), repeating-linear-gradient(108deg, var(--borderColor), var(--borderColor) 14px, transparent 14px, transparent 28px, var(--borderColor) 28px), repeating-linear-gradient(198deg, var(--borderColor), var(--borderColor) 14px, transparent 14px, transparent 28px, var(--borderColor) 28px), repeating-linear-gradient(288deg, var(--borderColor), var(--borderColor) 14px, transparent 14px, transparent 28px, var(--borderColor) 28px); background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px; background-position: 0px 0px, 0px 0px, 100% 0px, 0px 100%; background-repeat: no-repeat; border-radius:10px; padding: 60px 70px; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; }
    .career-detail-content .content-box .border-input-box.require{background-image:repeating-linear-gradient(18deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px), repeating-linear-gradient(108deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px), repeating-linear-gradient(198deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px), repeating-linear-gradient(288deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px); background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px; background-position: 0px 0px, 0px 0px, 100% 0px, 0px 100%;margin-bottom: 45px; }
    .career-detail-content .content-box .border-input-box:after { content: ''; display: block; background: #f8f9fc; border-radius: 10px; position: absolute; top: 2px; left: 2px; width: calc(100% - 4px); height: calc(100% - 4px); z-index: 0; }
    .career-detail-content .content-box .border-input-box * { z-index: 1; }
    .career-detail-content .content-box .border-input-box.require label { color: #f00; }
    .career-detail-content .content-box .border-input-box.require:before {content: var(--requireFieldEN);position: absolute;bottom: -23px;left: 0;font-size: 12px;color: #f00;left: 18px;}
    .career-detail-content .content-box .border-input-box .selected-file svg {width: 40px;height: 40px;margin-right: 5px;}
    .career-detail-content .content-box .border-input-box .text { display: flex; flex-direction: column; align-items: flex-start; }
    .career-detail-content .content-box .border-input-box .text strong{font-size:16px;margin-top: 0px;}
    .career-detail-content .content-box .border-input-box .text span{ font-size:13px; }
    .career-detail-content .content-box .border-input-box .close-icon{cursor: pointer;}
    .career-detail-content .content-box .border-input-box .selected-file{width: calc(100% - 4px);position:absolute;top: 2px;left: 2px;height: calc(100% - 4px);display: flex;justify-content: center;background-color: #e7ebf5;align-items: center;border-radius: 9px;}
    .career-detail-content .content-box .border-input-box .close-icon { position: absolute; top: 15px; right: 20px; color: #707070; }
    .career-detail-content .content-box .border-input-box .close-icon { font-size:24px; }
    .career-detail-content .content-box .border-input-box .selected-file{display: none;}
    .career-detail-content .content-box .border-input-box .selected-file.open{display: flex;}
    .career-detail-content .content-box .tabbing-box{margin-top: 40px;}
    .career-detail-content .content-box .border-input-box p label{color: var(--primaryColor);}
    .career-detail-content .content-box .text-area{position: relative; }
    .career-detail-content .content-box .text-area textarea{width: 100%;font-size: 18px; padding: 15px 10px;font-size: 1rem;letter-spacing: 0.062rem;margin-bottom: 10px;border: 2px solid #dfdfdf;background: transparent;border-radius: 6px;}
    .career-detail-content .content-box .input-box textarea ~ label{ position: absolute; top: 3px; left: 18px; padding: 0.925rem 0; font-size: 16px; color: hsl(0deg 0% 32% / 48%); pointer-events: none; transition: 0.5s; }
    .career-detail-content .content-box .input-box textarea:focus~label,
    .career-detail-content .content-box .input-box textarea:not([value=""]) ~ label {top: -1.435rem;left: 10px;font-size: 0.75rem;background-color: #fff;height: 7px;padding-left: 5px;padding-right: 5px;}
    .career-detail-content .content-box .input-box.no-val textarea ~ label{top: -1.435rem;left: 10px;font-size: 0.75rem;background-color: #fff;height: 7px;padding-left: 5px;padding-right: 5px;}
    .career-detail-content .content-box .text-area{margin-top:35px;}
    .career-detail-content .content-box .text-area textarea{height:150px;}
    .career-detail-content .form-wrapper .input-box.require label { color: #f00; }
    .career-detail-content .form-wrapper .input-box.require input{border-color:#f00;}
    .career-detail-content .form-wrapper .input-box.invalid-email{margin-bottom:10px;}
    .career-detail-content .content-box .input-box.require:before {content: var(--requireFieldEN);position: absolute;bottom: -13px;left: 0;font-size: 12px;color: #f00;margin-left: 18px;}
    .career-detail-content .form-wrapper .input-box.invalid-email label { color: #f00;top: -1.435rem;left: 10px;font-size: 0.75rem;background-color: #fff;height: 7px;padding-left: 5px;padding-right: 5px; }
    .career-detail-content .form-wrapper .input-box.invalid-email input{border-color: #f00;}
    .career-detail-content .content-box .input-box.invalid-email:before { content: var(--invalidEmailEN); position: absolute; bottom: -3px; left: 0; font-size: 12px; color: #f00; margin-left: 12px; }
    .form-content-section .form-wrapper .border-input-box.invalid-file{background-image:repeating-linear-gradient(18deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px), repeating-linear-gradient(108deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px), repeating-linear-gradient(198deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px), repeating-linear-gradient(288deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px);background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px;background-position: 0px 0px, 0px 0px, 100% 0px, 0px 100%;position:relative;}
    .career-detail-content .content-box .text-area.require textarea{border-color: #f00;}
    .career-detail-content .content-box .text-area.require label{color:#f00;}
    .career-detail-content .content-box .text-area.require:before {content: var(--requireFieldEN);position: absolute;bottom: -13px;left: 0;font-size: 15px;color: #f00;}
    .career-detail-content .content-box .text-area.invalid-phone input{border-color: #f00;}
    .career-detail-content .content-box .text-area.invalid-phone label{color:#f00; top: -1.435rem;left: 10px;font-size: 0.75rem;background-color: #fff;height: 7px;padding-left: 5px;padding-right: 5px;}
    .career-detail-content .content-box .text-area.invalid-phone:before {content: var(--requireFieldEN);position: absolute;bottom: -13px;left: 0;font-size: 15px;color: #f00;}
    .career-detail-content .content-box .border-input-box.invalid-file{background-image:repeating-linear-gradient(18deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px), repeating-linear-gradient(108deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px), repeating-linear-gradient(198deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px), repeating-linear-gradient(288deg, #f00, #f00 14px, transparent 14px, transparent 28px, #f00 28px);background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px;background-position: 0px 0px, 0px 0px, 100% 0px, 0px 100%;position:relative;margin-bottom:45px;}
    .career-detail-content .content-box .border-input-box.invalid-file::before{content:var(--invalidFileEN);position: absolute;left: 0;color: #f00;bottom: -25px;}
    .career-detail-content .content-box .border-input-box.invalid-file label{color: #f00;}
    .career-detail-content .form-wrapper .input-box input[type="url"]~label{position: absolute; top: 3px; left: 18px; padding: 0.925rem 0; font-size: 16px; color: #5a5a5a; pointer-events: none; transition: 0.5s;}
    .career-detail-content .form-wrapper .input-box input[type="url"]:focus~label,
    .career-detail-content .form-wrapper .input-box input[type="url"] ~ label.close {top: -1.435rem;left: 10px;font-size: 0.75rem;background-color: #fff;height: 7px;padding-left: 5px;padding-right: 5px;}
    .career-detail-content .form-wrapper .input-box label.close{top: -1.435rem;left: 10px;font-size: 0.75rem;background-color: #fff;color: #f00; height: 7px;padding-left: 5px;padding-right: 5px;}
    .career-detail-content .content-box .btn-wrapper { text-align: right; margin-top: 50px; }
    .career-detail-content .content-box .btn-wrapper input[type="submit"] { border-radius: 40px; padding: 9px 40px; height: 41px; transition-duration: .3s; border: none; background-color: var(--primaryColor); color: var(--whiteColor); font-weight: 600;     font-family: 'bakura-extra-bold';}
    .career-detail-content .content-box .btn-wrapper input[type="submit"]:hover{background-color: var(--blackColor);border: 1px solid #f58220;}
    .career-detail-content .content-box .tabbing-box.active{display: block;}
    .career-detail-content .content-box .tabbing-box{display: none;}
    .career-detail-content .content-box .input-box.require select{border-color: #f00;}
    .career-detail-content .form-wrapper .input-box.invalid-email::before{bottom: -12px;}
    


    .location-header-section .top-header { margin-top: 20px; }
    .location-header-section  .check-box-wrapper {display: flex;justify-content: space-between;align-items: center;}
    .location-header-section .check-box-wrapper .check-box-group { display: flex; }
    .location-header-section .check-box-wrapper .check-box-group .checkbox-item { margin-right: 10px; }
    .location-header-section .check-box-wrapper .check-box-group .checkbox-item input { display: none; }
    .location-header-section .check-box-wrapper .check-box-group .checkbox-item label {padding: 6px 25px;border-radius: 20px;border: solid 1px #d1d1d1;color: #707070;transition-duration: .3s; font-size: 13px;font-weight: 500;}
    .location-header-section .check-box-wrapper .check-box-group .checkbox-item label:hover { background-color: var(--lightColor); }
    .location-header-section .check-box-wrapper .check-box-group .checkbox-item input:checked ~ label{background-color: var(--lightColor); border-color:var(--primaryColor);color: var(--primaryColor);}
    .location-header-section .check-box-wrapper .search-form {display: flex;}
    .location-header-section .check-box-wrapper .search-form {border-radius: 30px;background-color: white;padding: 3px 7px 3px;border: solid 1px #d1d1d1;display: flex;}
    .location-header-section .check-box-wrapper .search-form input[type="text"] { outline: none; border: none; display: inline-block; height: 100%; padding: 10px 0px;font-size: 15px;     margin-top: 2px;}
    .location-header-section .check-box-wrapper .search-form input[type="text"]::placeholder{color: rgb(0 0 0 / 50%);}
    .location-header-section .check-box-wrapper .search-form input[type="text"]:focus{border:none !important;}
    .location-header-section .check-box-wrapper .search-form input[type="submit"]{transition-duration: .3s;border-radius: 28px;border:none;font-size: 13px; padding:5px 20px;background-color:#f58220;color:var(--whiteColor);margin:3px 0px;line-height: 13px;}
    .location-header-section .check-box-wrapper .search-form input[type="submit"]:hover{background-color:var(--blackColor);}
    .location-header-section .check-box-wrapper .search-form span.search-icon {margin: 9px 12px;}
    .location-header-section {padding: 40px 0px 30px;box-shadow: 0px 3px 4px #00000030;z-index: 11;position: relative;}
    .location-header-section .top-header h1{font-size: 25px;margin-bottom: 20px;}

    .location-section { width: 100%; background: #e7ebf5; overflow: hidden; }
    .location-section .wrapper { width: 100%; display: flex; flex-wrap: wrap; }
    .location-section .wrapper .location-map { width: 100%; position: relative; }
    .location-section .wrapper .location-list { width: 50%;padding-right: 10px; }
    .location-section .wrapper .location-map iframe {width: 50vw;margin-bottom: -10px;height: 100%;}
    .location-section .wrapper .location-list .list-item {display: flex; justify-content: center; background-color: white;border-radius: 15px;overflow: hidden;margin: 20px 20px 20px 5px;box-shadow: 0px 0px 10px #00000038;border: 2px solid white; transition-duration: .3s;}
    .location-section .wrapper .location-list .list-item .text {display: flex;width: 70%;}
    .location-section .wrapper .location-list .list-item .image {margin-right: 15px;height: 100%;}
    .location-section .wrapper .location-list .list-item .image img {border-radius: 14px;height: 180px;width: 180px; margin: 15px 0px 15px 15px;object-fit: cover;}

    .location-section .wrapper .location-list .list-item .text .left-part > span { padding: 2px 12px; border-radius: 30px; border: solid 1px var(--primaryColor); font-size: 12px; color: var(--primaryColor); display: inline-block; margin-bottom: 0px; }
    .location-section .wrapper .location-list .list-item .text h4 {font-weight: 700;font-size: 12px;margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; line-height: 15px;}
    .location-section .wrapper .location-list .list-item .text p { font-size: 10px; line-height: 16px; color: #000000;text-align: left; }
    .location-section .wrapper .location-list .text .left-part .bottom-info p { margin-bottom: 0px; display: flex;align-items: center;}
    .location-section .wrapper .location-list .text .left-part .bottom-info p span {display: inline-block;line-height: 20px;}
    .location-section .wrapper .location-list .text .left-part .bottom-info p span.heading { display: none; }
    .location-section .wrapper .location-list .list-item .text .left-part {padding: 20px 10px 20px 0px;flex: 1;}
    .location-section .wrapper .location-list .list-item .text .btns {display: flex;flex-direction: column;justify-content: center;padding: 18px 12px;background-color: #f3f5fa;flex: 1;max-width: 170px;}
    .location-section .wrapper .location-list .list-item{cursor: pointer;}
    .location-section .wrapper .location-list .list-item .text .left-part .bottom-info a {display: block;text-decoration: none;color: #000000;font-size: 11px;line-height: 20px;display: inline-block;width: fit-content;overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
    .location-section .wrapper .location-list .list-item .text .left-part .bottom-info a:hover{color: var(--primaryColor);}
    .location-section .wrapper .location-list .list-item .text .left-part .bottom-info {margin-top: 20px;display: flex;flex-direction: column;}
    .location-section .wrapper .location-list .text .left-part .bottom-info p span.green { color: #2f8d0c; }
    .location-section .wrapper .location-list .text .left-part .bottom-info p span.red { color: red; }
    .location-section .wrapper .location-list .list-item .text .btns a.custom-btn {padding: 7px 13px; height: 34px; text-align: center;margin: 6px 0px;background-color: var(--primaryColor);color: #fff;transition-duration:.3s;font-size: 12px;}
    .location-section .wrapper .location-list .list-item .text .btns a.custom-btn:hover{ background-color:var(--blackColor); border:solid 1px var(--blackColor); }
    .location-section .wrapper .location-list .list-item .text .btns a.custom-btn.alter { background-color: var(--whiteColor); color: var(--primaryColor); }
    .location-section .wrapper .location-list .list-item .text .btns a.custom-btn.alter:hover{ color: var(--blackColor); }
    .location-section .wrapper .location-list p.result {font-size: 17px;font-weight: 700; padding: 20px 0px 0px;margin: 0px;}
    .location-section .wrapper .location-list .list-content {height:760px;overflow: auto;margin: 0px 0px 0px;}
    .location-section .wrapper .location-list .list-content::-webkit-scrollbar { display: none; }
    .location-section .wrapper .location-list .list-content { -ms-overflow-style: none; scrollbar-width: none; }
    .location-section .wrapper .location-list .list-item:hover { border: solid 2px var(--primaryColor); }
    .location-section .wrapper .location-list .list-item .text h4:hover { color: var(--primaryColor); }
    .location-section .wrapper .location-list .list-item .text .left-part > span:hover { color: var(--whiteColor); background-color: var(--primaryColor); }
    .location-section .wrapper .location-list{position: relative;padding:0px;height: 760px;}
    .location-section .wrapper .location-list .no-result { top: 0; width: 100%; height: 760px; display: flex; justify-content: center; align-items: center; background: #e7ebf5; flex-direction: column; display: none; }
    .location-section .wrapper .location-list .no-result img { width: 300px; background-color: #e7ebf5; }
    .location-section .wrapper .location-list p { font-size: 15px;font-weight: 300; line-height: 28px; }
    .location-section .wrapper .location-list p.first-msg { font-size: 17px; margin: 0px; font-weight: 400; }

    .location-section .map-wrapper {position: relative;}
    .location-section .location-map-wrapper { width: 50VW; height: 760px; position: absolute; display: inline-grid; background-color: antiquewhite; right: -20px; }
    .career-detail-content .content-box .border-input-box .selected-file .close-icon svg { width: 40px; height: 40px; margin-right: 0px; }
    .popup-box .popup-inner .pop-up-btns .custom-btn:not(.alter-btn) {background-color: transparent;color: var(--primaryColor);}
    .popup-box .popup-inner .pop-up-btns .custom-btn:not(.alter-btn):hover {color: var(--blackColor);border-color: var(--blackColor);}

    .product-page-banner {width: 100%;display: inline-block;background-color:#fef2dd;overflow: hidden;}
    .product-page-banner .slick-slider{margin-bottom: 0px;display: grid;}
    .product-page-banner.inner-page-banner {border-radius: 0px;padding-top: 0px;}
    .product-page-banner .product-wrapper {padding:200px 0px 100px;display: flex; width: 100%;display: flex;background-repeat: no-repeat; background-position: bottom right; background-size: 100vh;height:100vh;}
    .product-page-banner .product-wrapper .left-text { height: 100%; display: flex; flex-direction: column; justify-content: center; margin-top: -70px; width: 50%;}
    .product-page-banner .product-wrapper .left-text h1 {max-width: 379px;}
    .product-page-banner .product-wrapper .left-text h1  > span {color: var(--primaryColor);}
    .product-page-banner .product-wrapper .left-text p {margin-top: 40px;max-width: 270px;}
    .product-page-banner .product-slider .slick-dots {position: absolute;width: auto;display: flex;bottom:50px;}
    .product-page-banner.inner-page-banner .slider-dot-wrapper {    width: 100%; display: inline-block; height: auto; position: absolute; bottom: 80px; }
    .product-page-banner.inner-page-banner .slider-dot-wrapper .container {position: relative;}
    .product-page-banner .product-wrapper .left-text h1 > span {font-size: inherit;font-family: 'bakura-extra-bold';}
    .product-page-banner.inner-page-banner{height: 100vh;}

    .product-page-banner .slick-dots li button:before { display: none; }
    .product-page-banner .slick-dots li button { width: 10px; height: 10px; background: #fabe8d; border-radius: 100px; margin: 0px; transition-duration:.3s; }
    .product-page-banner .slick-dots li{ width:auto; }
    .product-page-banner .slick-dots li.slick-active button{ width:0px; background-color:var(--primaryColor) }

    .new-products {padding: 50px 0px;}

    .new-products h5.bottom-line {margin-bottom: 25px;position: relative;font-weight: 600;}
    .new-products h5.bottom-line:after {content: '';display: block;width: 40px;position: absolute;bottom: -12px;left: calc(50% - 20px);background: var(--primaryColor);height: 3px;border-radius: 10px;}
    .new-products  a.custom-btn {padding: 8px 22px;background-color: var(--primaryColor);color: var(--whiteColor);font-weight: 300;transition-duration: .3s;}
    .new-products a.custom-btn.check-them-out-btn { padding: 9px 22px; height: 41px;}
    .new-products  a.custom-btn:hover{background-color: var(--whiteColor); color: var(--primaryColor);}
    .new-products h2 {margin-bottom: 50px;}
    .new-products .box a {display: flex;flex-direction: column;justify-content: flex-end;align-items: center;text-decoration: none;padding-bottom: 20px;transition-duration: .3s;}
    .new-products .box {height: 100%;display: grid;}
    .new-products .box a img {max-width: 320px;width: 100%;}
    .new-products .box a span {margin-top: 20px;color: var(--blackColor);font-size:15px;position: relative;display: inline-block;}
    .new-products .box a span::after{content: '';transition-duration: .3s; display: block; border-radius: 10px; width: 0px;height: 3px;background-color: var(--primaryColor);position: absolute;bottom: -5px; left: 50%; transform:translateX(-50%);}
    .new-products .box a:hover{transform:translateY(10px);}
    .new-products .box a:hover span:after{width:40px;}
    .new-products .box a:hover span{color: var(--primaryColor);}

    .product-slider{padding: 0px 0px;}
    .most-sold-products {width: 100%;}
    .most-sold-products .slide-item { width: 100%; padding: 190px 0px 60px; margin: 0px 0px; background-repeat: no-repeat; background-size: contain; background-position: right 50px; box-shadow: inset 0px -20px 20px 7px #00000016; }
    .most-sold-products .slide-item h2{max-width: 510px;margin: 30px 0 30px;}
    .most-sold-products .slide-item .custom-btn{padding:8px 25px;font-weight: 200;background-color: var(--primaryColor); color: var(--whiteColor);transition-duration: .3s;}
    .most-sold-products .slide-item a.custom-btn.check-them-out-btn { padding: 9px 22px; height: 41px;}
    .most-sold-products .slide-item .custom-btn:hover{background-color:transparent;color: var(--primaryColor);}
    .most-sold-products .slick-slider{margin-bottom:0px;}
    .most-sold-products .slide-item .slider-wrapper {display: grid;grid-template-columns: 1fr 1fr;padding: 50px 0px 0px;align-items: center;}
    .most-sold-products .slide-item .slider-wrapper .text{margin-top: -270px;}
    .most-sold-products .container h5 {font-weight: 700;}

    .most-sold-products .slick-dots li button:before { display: none; }
    .most-sold-products .slick-dots { bottom: 420px; width: 100%; position: relative; display: flex; }
    .most-sold-products .slick-dots li button { width: 10px; height: 10px; background: #fabe8d; border-radius: 100px; margin: 0px; transition-duration:.3s; }
    .most-sold-products .slick-dots li{ width:auto; }
    .most-sold-products .slick-dots li.slick-active button{ width:0px; background-color:var(--primaryColor) }
    .most-sold-products .slider-dot-wrapper {width: 100%;display: block;position: absolute;left: 0;bottom: 170px;}
    .most-sold-products .slider-dot-wrapper ul.slick-dots {display: flex;width: auto;}
    .most-sold-products .slide-item .slider-image{visibility: hidden;}


    .become-partner {padding: 80px 0px 350px;background-repeat: no-repeat;background-position: 100% 0px;background-size: contain;display: flex; position: relative;flex-direction: column;width: 100%; overflow: hidden;}
    .become-partner .title {max-width: 285px;}
    .become-partner .title .custom-btn{margin-top: 15px; padding:9px 27px; height: 41px; font-weight: 400; background-color: var(--primaryColor); color: var(--whiteColor); transition-duration: .3s;}
    .become-partner .title h2{margin-bottom:40px;}
    .become-partner .title .custom-btn:hover{background-color:transparent; color:var(--primaryColor);}

    .most-sold-products .slide-item .slider-image img { height: 360px; }
    .location-section .wrapper .location-map .close-icon {right: 10px;position: absolute;top: 10px;}
    .location-section .wrapper .location-map  span {padding: 2px 12px; border-radius: 30px; border: solid 1px var(--primaryColor); font-size: 12px; color: var(--primaryColor); display: inline-block; margin-bottom: 0px;}
    .form-content-section .form-wrapper .form-area form .form-box .input-box button:focus {border-color: var(--primaryColor);}


    /* contact us */
    .inner-page-banner.contact-front-banner {background-color: #feedd1;height: 65vw;overflow-y: hidden;}
    .inner-page-banner.contact-front-banner .left-text span, .inner-page-banner.contact-front-banner .left-text p { color: var(--blackColor);font-size: 15px; }
    .inner-page-banner.contact-front-banner .left-text p { font-size: 26px; line-height: 34px; margin-top: 20px; max-width: 348px; }
    .inner-page-banner.contact-front-banner .left-text h1 {padding-top: 20px;max-width: 376px;font-size: 35px;padding-bottom: 20px;}
    .inner-page-banner .left-text span {margin-bottom: 20px;font-size: 20px;}
    .inner-page-banner.contact-front-banner .custom-row {display: flex;align-items: center;width: 100%;padding-bottom: 90px;}
    .inner-page-banner.contact-front-banner .custom-row .left-text {width: 50%;margin-top: 6vw;}
    .inner-page-banner.contact-front-banner .custom-row  .image { width: 50%; }
    .inner-page-banner.contact-front-banner .custom-row .image img {width: 133%;}
    .inner-page-banner.contact-front-banner .contact-wrapper {display: flex;align-items: baseline;margin-bottom: 8px;}
    .inner-page-banner.contact-front-banner .contact-wrapper span {width: 18px;text-align: center;margin-right: 14px;margin-bottom: 0px;}
    .inner-page-banner.contact-front-banner .contact-wrapper {color: #1b1818;padding-bottom: -16px;}
    .inner-page-banner.contact-front-banner .conact-info { margin-bottom: 30px; }
    .inner-page-banner.contact-front-banner .contact-wrapper a {color: #131212;text-decoration: none;display: flex;align-items: baseline; font-weight: 600;}
    .inner-page-banner.contact-front-banner .contact-wrapper span i {color: #f58220;font-size: 17px;}
    .contact-us-body .section-wrapper{width:100%;display:flex;flex-wrap:wrap;align-items: flex-start;background: beige;height: 100%;position: relative;}
    .contact-us-body{background-color:#e7ebf5;margin-top: -200px;padding-bottom:50px;}
    .contact-us-body .section-wrapper .contact-form-section{width: 47%;background-color:var(--whiteColor);border-radius:10px 0px 0px 10px;}
    .contact-us-body .section-wrapper .contact-form-section .location-list h4{padding:0px 60px;font-weight:800;}
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.require:after{margin-left: 18px; content: var(--requireFieldEN); color:#f00; font-size:12px; display: inline-block; transform: translateY(-6px); }
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box{ position: relative;margin-bottom: 20px; }
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.require input[type="text"],
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.require input[type="email"] ,
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.require input[type="number"],
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.require textarea{border:solid 2px #f00;margin-bottom: 8px;}
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.require label { color: red; }
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box input {width: 100%;padding: 15px 15px;font-size: 1.1rem;letter-spacing: 0.062rem;margin-bottom: 10px;border: 2px solid #dfdfdf;background: transparent;border-radius: 6px;}
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body textarea {width: 100%;padding: 15px 15px;font-size: 1rem;letter-spacing: 0.062rem;margin-bottom: 10px;/* margin-top: 31px; */border: 2px solid #dfdfdf;background: transparent;border-radius: 6px;}
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.invalid-email:after{margin-left: 18px; content: var(--invalidEmailEN);color: #f00;font-size: 12px;display: inline-block;transform: translateY(-6px);margin-bottom: 13px;}
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.invalid-email input[type="email"]{border: solid 2px #f00;margin-bottom: 8px;}
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.invalid-email input ~ label{ top: -1.435rem; left: 10px; font-size: 0.75rem; background-color: #fff; height: 7px; color: #f00; padding-left: 5px; padding-right: 5px; }
    .contact-us-body .section-wrapper .contact-form-section .select-box-wrapper{ position: relative;}
    .contact-us-body .section-wrapper .contact-form-section .select-box-wrapper select {width: 100%;font-size: 18px; padding: 15px 10px;font-size: 1rem;letter-spacing: 0.062rem;margin-bottom: 10px;border: 2px solid #dfdfdf;background: transparent;border-radius: 6px;}
    .contact-us-body .section-wrapper .contact-form-section .select-box-wrapper label {position: absolute;top: 3px;left: 18px;padding: 0.925rem 0;font-size: 16px;color: #5a5a5a;pointer-events: none;transition: 0.5s;}
    .contact-us-body .section-wrapper .contact-form-section .select-box-wrapper select.open label {top: -1.435rem;left: 10px;font-size: 0.75rem;background-color: #fff;height: 7px;padding-left: 5px;padding-right: 5px;} .form-control:focus { box-shadow: 0 0 0 0; }
    .contact-us-body .section-wrapper .contact-form-section .select-box-wrapper select::-webkit-outer-spin-button, .career-detail-content .content-box .form-wrapper .input-box input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
    .contact-us-body .section-wrapper .contact-form-section .select-box-wrapper select[type=number] { -moz-appearance: textfield; }
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .floating-label select:not([value=""])~label {top: -8px;left: 10px;font-size: 0.75rem;background-color: #fff;padding-left: 5px;padding-right: 5px;/* display: none; */} .form-control:focus { box-shadow: 0 0 0 0; }
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box label{position: absolute; top: 3px; left: 18px; padding: 0.925rem 0; font-size: 16px; color: rgba(0 ,0 ,0, 0.5); pointer-events: none; transition: 0.5s;}
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box input:focus~label,
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box input:valid~label,
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box input:not([value=""])~label {top: -1.435rem;left: 10px;font-size: 0.75rem;background-color: #fff;height: 7px;padding-left: 5px;padding-right: 5px;} .form-control:focus { box-shadow: 0 0 0 0; }
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.require:after {margin-bottom: 13px;content: var(--requireFieldEN);color: #f00;font-size: 13px;display: inline-block;transform: translateY(-6px);}
    .contact-us-body .section-wrapper .contact-form-section .select-box-wrapper{position:relative;height: auto;margin-bottom: 25px;}
    .contact-us-body .section-wrapper .contact-form-section select{width:100%;padding: 15px 20px;border:solid 2px #d7d7d7;background-color: white;border-radius: 8px;appearance:none;font-size: 18px;margin-bottom:30px;}
    .contact-us-body .section-wrapper .contact-form-section select + label {position: absolute;top: -7px;left: 10px;font-size: .75em;padding: 0px 5px;background: #fff;}
    .contact-us-body .section-wrapper .contact-form-section .select-box-wrapper option { background-color: #ffffff; color: #f58220; }
    .contact-us-body .section-wrapper .contact-form-section a.arrow {text-decoration: none;position: absolute;height: 59px;right: 0;top: 0;color: #b3b3b3;font-size: 26px;width: 50px;display: flex;justify-content: center;background-color: #6b716f00;align-items: center; pointer-events: none;}
    .contact-us-body .section-wrapper .contact-form-section .contact-form {padding: 61px;}
    .contact-us-body .section-wrapper .side-image {width: 53%;border-radius: 0px 10px 10px 0px;overflow: hidden;height: 100%;clear: both;position: absolute;right: 0;}
    .contact-us-body .section-wrapper .side-image .contact-image img {width: 100%;object-fit: cover;display: block;height: 100%;position: absolute;}
    .contact-us-body .section-wrapper .contact-form-section .send {border: transparent;background-color: #f58220;padding: 10px 45px;font-size: 13px;border-radius: 20px;color: white; color: white; font-family: 'bakura-extra-bold';font-weight: 700;box-shadow: none !important;}
    .contact-us-body .section-wrapper .contact-form-section .button-container { padding-top: 25px; }
    .contact-us-body .section-wrapper .contact-form-section .send:hover { background-color: black; color: white;}
    .contact-us-body .section-wrapper .contact-form-section h3 {font-size: 25px;padding-bottom: 26px;}
    .contact-front-banner .breadcrumbs { margin: 0px 0px; }
    .contact-front-banner .breadcrumbs ul { padding-left: 0px; list-style: none; }
    .contact-front-banner .breadcrumbs ul li {font-weight: 600;color: #0b0a0a;float: left;margin-right: 35px;position: relative;}
    .contact-front-banner .breadcrumbs ul li a { color: rgb(0 0 0 / 60%); text-decoration: none; }
    .contact-front-banner .breadcrumbs ul li a:hover{color: #f58220;}
    .contact-front-banner .breadcrumbs ul li a:after {content: url('../images/arrow.svg');position: absolute;top: 0px;right: -28px;}
    .contact-us.thankyou-popup-box .popup-back  { width: 100%; height: 100vh; background: #0000009c; top: 0; left: 0; position: fixed; display: flex; justify-content: center; align-items: center; z-index: 111; transform:translateY(-100%); transition-duration: .3s;}
    .contact-us.thankyou-popup-box {width: 100%; height: 100vh;transform: translate(0% , -100%);top: 0; left: 0; position: fixed; display: flex; justify-content: center; align-items: center;z-index: 111;}
    .contact-us.thankyou-popup-box .popup-inner {width: 100%;max-width: 510px;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: var(--whiteColor);padding: 41px 60px;border-radius: 30px;position: fixed;transition-duration: .5s;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1111;}
    .contact-us.thankyou-popup-box .popup-inner p { text-align: center; margin-bottom:0px; color: #505050; line-height: 28px; font-size: 22px; }
    .contact-us.thankyou-popup-box .popup-inner h3 { text-align: center; margin-bottom: 25px; }
    .contact-us.thankyou-popup-box .popup-inner img { margin-bottom: 20px; }
    .contact-us.thankyou-popup-box .popup-inner .pop-up-btns { margin-top: 30px; }
    .contact-us.thankyou-popup-box .popup-inner .pop-up-btns .custom-btn { padding: 8px 30px; margin: 0px 5px; transition-duration:.3s; }
    .contact-us.thankyou-popup-box .popup-inner .pop-up-btns .custom-btn:hover { background-color: var(--primaryColor); color: var(--whiteColor); }
    .contact-us-body .section-wrapper .contact-form-section.select-hidden { display: none; visibility: hidden; padding-right: 10px; }
    .contact-us-body .section-wrapper .contact-form-section .select { cursor: pointer; display: inline-block; position: relative; font-size: 16px; color: #000; width: 100%; padding: 30px; }
    .contact-us-body .section-wrapper .contact-form-section .select-styled {position: absolute;top: 0;right: 0px;bottom: 0;left: 0px;background-color: transparent;letter-spacing: 0.062rem;margin-bottom: 0px;border: 2px solid #dfdfdf;background: #ffbebe00;border-radius: 6px;/* padding: 27px 24px; */-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;padding: 16px 18px;}
    .contact-us-body .section-wrapper .contact-form-section .select-styled.active {visibility: hidden;}
    .contact-us-body .section-wrapper .contact-form-section .select-styled:active:after, .select-styled.active:after { top: 9px; border-color: transparent transparent #fff transparent; }
    .contact-us-body .section-wrapper .contact-form-section .select-options {display: none;position: absolute;top: 100%;right: 0;left: 0;z-index: 999;margin: 0;padding: 0;list-style: none;/* padding: 15px 10px; */font-size: 1rem;background-color: transparent;letter-spacing: 0.062rem;margin: 16px 0px;border: 2px solid #dfdfdf;background: #ffffff;box-shadow: 0px 0px 5px 0px #0000004d;border-radius: 15px;}
    .contact-us-body .section-wrapper .contact-form-section .select-options li:hover {background-color: #f3f5fa;color: #f58220;font-weight: 600;}
    .contact-us-body .section-wrapper .contact-form-section .select-options li {margin: 0;padding: 15px 0;text-indent: 15px;-moz-transition: all 0.15s ease-in;-o-transition: all 0.15s ease-in;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;}
    .contact-us-body .section-wrapper .contact-form-section .select-options li:first-child { padding: 0px; }
    .contact-us-body .section-wrapper .contact-form-section .floating-label{position: relative;}
    .contact-us-body .section-wrapper .contact-form-section input[type="number"]::-webkit-outer-spin-button, .contact-us-body .section-wrapper .contact-form-section input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box textarea ~ label{ position: absolute; top: 3px; left: 18px; padding: 0.925rem 0; font-size: 16px; color: rgb(0 0 0 / 50%); pointer-events: none; transition: 0.5s; }
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box textarea:focus ~ label ,
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.no-val textarea ~ label {top: -1.435rem;left: 10px;font-size: 0.75rem;background-color: #fff;height: 7px;padding-left: 5px;padding-right: 5px;}

    .inner-page-banner.contact-front-banner .contact-wrapper * {font-weight: 800;}

    /* Home page css */
    .iv-section {width: 100%;justify-content: center;align-items: center;height: auto;background-repeat: no-repeat;background-size: cover;background-position: center;position: relative;overflow: hidden;margin: 0px;padding: 0px;margin-bottom: -10px;display: flex;}
    .iv-section .text-part.inner-text-left {width: 350px;position: absolute;}
    .iv-section .text-part.inner-text-left p{max-width:280px;margin:30px 0px; font-weight:700;color: var(--blackColor);}
    .iv-section .text-part .custom-btn { width: max-content; padding: 0px 20px; height: 41px; background-color: var(--primaryColor); color: var(--whiteColor); display: flex; align-items: center;-webkit-appearance: none; }    
    .iv-section .text-part .custom-btn:hover{background-color:var(--blackColor); border-color:var(--blackColor);}
    .iv-section .container { position: absolute; }

    .iv-section .text-part p{font-weight: 600;}

    .iv-section .text-part.inner-text-mid-right {display: flex;justify-content: flex-end;padding-right: 10%;}
    .iv-section .text-part.inner-text-mid-right .text-wrapper {max-width: 417px;}
    .iv-section .text-part h5.sub-heading {font-size: 15px;font-weight: 600;margin-bottom: 25px;}
    .iv-section .text-part.inner-text-mid-right .text-wrapper p { font-weight: 600; max-width: 330px; margin: 30px 0px 25px; }
    .iv-section .text-part .custom-btn.black{background-color: var(--blackColor); border: none; padding: 11px 40px; height: 41px;}
    .iv-section .text-part .custom-btn.black:hover{background-color: var(--whiteColor); color: var(--blackColor); border-color:var(--whiteColor);}
    .iv-section .text-part.white-color :is(p,h2,h5) {color:var(--whiteColor);}
    .iv-section .text-part.white-color .custom-btn{background-color:var(--whiteColor); color:var(--primaryColor);padding:10px 37px; width: max-content; height: 41px; border-color: var(--whiteColor);}
    .iv-section.fifth .text-part.white-color .custom-btn { padding: 10px 51px; }
    .iv-section .text-part.white-color .custom-btn:hover{background-color:var(--blackColor); color:var(--whiteColor);border-color: var(--blackColor);}
    .iv-section .text-part.inner-text-right {display: flex;justify-content: flex-end;}
    .iv-section .text-part.inner-text-right .text-wrapper {max-width: 270px;}
    .iv-section .text-part.inner-text-right :is(p,h2,h5){color:var(--blackColor);}
    .iv-section .text-part.inner-text-right p{padding:25px 0px 20px;}
    .iv-section.top-text {display: flex;align-items: flex-start;}
    .iv-section.top-text .text-part.inner-text-left{max-width:200px;margin-top:25%;}
    .iv-section.top-text .text-part.inner-text-left h2{margin-bottom:30px;}
    .iv-section .text-part.inner-text-right.main-right .text-wrapper {max-width: 330px;}
    .iv-section .background-video {z-index: -1;width: 100vw;position: relative;}
    .iv-section .background-video video {margin: 0px;width: 100vw;height: 100%;}

    .iv-section#first-section .text-part {transform: translateY(-80%);}
    .iv-section#third-section .text-part.inner-text-left{transform:translateY(-50%);}
    .iv-section#third-section .text-part.inner-text-left .text-wrapper { max-width: 310px; }
    .iv-section#fourth-section .text-part.inner-text-right{transform: translateX(4%);}
    .iv-section .background-video {margin: -3vw 0px;}
    .iv-section .text-part a.custom-btn { background: var(--whiteColor); color: var(--primaryColor); border-color: var(--whiteColor); }
    .iv-section .text-part a.custom-btn:hover { color: var(--whiteColor); }

    #sixth-section.iv-section .text-part .custom-btn { padding: 10px 40px; height: 41px; width: max-content;}

    .career-detail-content .content-box .input-box.select-box span{height: 60px !important;}

    .custom-select .input-box.select-box{cursor: pointer;}
    .custom-select .custom-list ul li:before {display:none !important;}
    .custom-select .custom-list ul{max-height: 350px;overflow:auto;display: none;}
    .custom-select select{display: none;}
    .custom-select .custom-list ul{padding:10px 0px;box-shadow:0px 0px 10px #c0c0c0; border-radius:15px;}
    .custom-select .custom-list ul::-webkit-scrollbar { width: 10px; }
    .custom-select .custom-list ul::-webkit-scrollbar-track { background: transparent; }
    .custom-select .custom-list ul::-webkit-scrollbar-thumb { background: var(--primaryColor); border-radius: 10px; opacity: .4; }
    .custom-select .custom-list ul li{padding:15px 20px;font-size:16px;line-height:16px; cursor: pointer;transition-duration: .3s;}
    .custom-select .custom-list ul li.active{background-color:#F3F5FA;font-family:'bakura-extra-bold'; color: var(--primaryColor);}
    .custom-select .custom-list ul li:hover{background-color:#F3F5FA;font-family:'bakura-extra-bold'; color: var(--primaryColor);}
    .custom-select .custom-list ul.open { display: block; position: absolute; width: 100%; background-color: var(--whiteColor); z-index: 11; }
    .custom-select label:not(.custom-label){display: none;}
    .custom-select input:focus ~ label,
    .custom-select .custom-list.selected .custom-label {top: -1.435rem;left: 10px;font-size: 0.75rem;background-color: #fff;height: 7px;padding-left: 5px;padding-right: 5px;}
    .custom-select .custom-list.unselected label { color: #f00; }
    .custom-select .custom-list.unselected:before {content: var(--requireFieldEN);position: absolute;bottom: -13px;left: 0;font-size: 12px;color: #f00;left: 18px;}
    .custom-select .custom-list.unselected input{border-color: #f00;}


    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.custom-select input:focus~label,
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.custom-select .selected input ~label{  top: -1.435rem !important; left: 10px !important; font-size: 0.75rem !important; background-color: #fff !important; height: 7px !important; padding-left: 5px !important; padding-right: 5px !important; }
    .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.custom-select input~label { position: absolute !important; top: 3px !important; left: 18px !important; padding: 0.925rem 0 !important; font-size: 16px !important; color: rgba(0 ,0 ,0, 0.5) !important; pointer-events: none !important; transition: 0.5s !important; }


    .contact-form-section .custom-select .custom-list.unselected:before{ display: none;}




    .trolley-moving-background { width: 100%; clear: both; display: inline-block; position: absolute; height: 100px;margin-bottom: -10px; bottom: 0;}
    .trolley-moving-background .back-image {position: absolute;bottom: 0;width: 100%;background-size: 45%; background-repeat:repeat-x ; background-position: bottom;}
    .trolley-moving-background .back-image img.absolute-background {width: 100%;position: absolute;left: 0;z-index: -1;}
    .trolley-moving-background .back-image img.trolley-cart {width: 190px;transform: translateY(-20px);animation: trolleyMove 10s infinite; animation-timing-function: linear;position: relative; z-index: 11;}

    @keyframes trolleyMove {
        from {transform: translateY(-20px) translateX(-10vw);}
        to {transform: translateY(-20px) translateX(100vw);}
    }
    @keyframes trolleyMoveArb {
        from {transform: scaleX(1) translateY(20px) translateX(-10vw);}
        to {transform:scaleX(1) translateY(-20px) translateX(100vw);}
    }

    .page-loader { width: 100vw; height: 100vh; position: fixed; z-index: 11111; background: #fff; justify-content: center; align-items: center; display: flex; flex-direction: column; }
    .page-loader .loader-line + p { font-size: 18px; font-weight: 600; letter-spacing: 9px; transform: translateX(10px); animation: textAnimation 1s linear infinite; }
    .page-loader svg { width: 70px; height: 105px; animation: topBottomTrolley .5s linear 2s infinite alternate; }
    .page-loader .loader-line { width: 200px; height: 4px; background: #e7e7e7; margin-top: -10px; margin-bottom: 10px; border-radius: 10px; position: relative; }
    .page-loader .loader-line:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #f58220; border-radius: 10px; animation: loading-bottom-line 2s linear 2s infinite; }
    @keyframes loading-bottom-line{ 0%{ left:0; right:auto; width:0px; } 50%{ width:100%; } 100%{ right:0; left:auto; width:0; } }
    @keyframes topBottomTrolley{ 0%{ transform:translateY(0px); } 100%{ transform:translateY(-5px); } }
    @keyframes textAnimation{ 0%{ opacity:0; } 100%{ opacity:1; } }


    /* Firefox */
    .contact-us-body .section-wrapper .contact-form-section input[type=number] { -moz-appearance: textfield; }
    .inner-page-banner {width: 100%;padding: 0px 0px;overflow-x: hidden;background-repeat: no-repeat;background-position: right 40%;background-size: 55%;align-items: center;}

    /* .header.header-dark.menu-on-banner {
        background-color: var(--blackColor);
    } */

    .responsive-part{display: none;}
    .one-stop-shop-slider .owl-carousel .owl-stage-outer{overflow: initial;}
    .one-stop-shop-slider .owl-theme .owl-dots, .one-stop-shop-slider .owl-theme .owl-nav{display: none;}

    footer .contact-wrapper.change-dir-ar i { transform: rotate(90deg); }

    .inner-page-banner.contact-front-banner .contact-wrapper .fa-phone{transform: rotate(90deg);}
    .custom-select .custom-list input { width: 100%; padding: 15px 15px; font-size: 1.1rem; letter-spacing: 0.062rem; margin-bottom: 10px; border: 2px solid #dfdfdf; background: transparent; border-radius: 6px; }

    .inner-page-banner , .location-header-section {padding-top: 120px;}
    .banner-section.about-us-banner{margin-top: 120px;}

    .header.background{background-color: #fff;box-shadow:0px 0px 10px #1212122e;}
    .header.careers-menu { background-color: #feedd1; }
    .header.careers-menu-two { background-color: var(--blackColor); }
    .header.header-dark.menu-on-banner.careers-menu-two a svg rect { fill: #fff; }
    .header.partner-menu { background-color: black; }
    .header.header-dark.menu-on-banner.partner-menu a svg rect { fill: #fff; }

    .header .header-wrapper .left-part svg.responsive-icon { display: none; }
    .line:after { content: ""; display: block; width: 50px; height: 3px; background-color: var(--primaryColor); left: 50%; transform: translateX(-50%) translateY(10px); position: absolute; }
    .slider-section h5.line::after{display: none;}

    .header.black-menu.home-page-menu a.custom-btn.alter-btn:hover {background-color: var(--blackColor) !important;color: var(--whiteColor) !important;border-color: var(--blackColor) !important;}
    .header.black-menu.home-page-menu a.custom-btn:hover{color: var(--blackColor) !important;border-color: var(--blackColor) !important;}
    .header.black-menu.home-page-menu .header-wrapper .right-part a.language-switch:hover{color:var(--whiteColor);}
    .inner-page-banner.contact-front-banner .left-text span{font-size: 22px;}
    .popup-box .popup-inner .pop-up-btns .custom-btn:hover{border-color: var(--blackColor);}
    .header.about-us-menu { background-color: #fff; }
    .career-detail-content .content-box .border-input-box .text strong{text-align: left;}
    .header.black-menu.home-page-menu.menu-on-banner.header.header.header.background .right-part a.language-switch:hover { color: var(--primaryColor); }
    .header.black-menu.home-page-menu.menu-on-banner.header.header.header.background .right-part a.custom-btn.alter-btn:hover { background-color: var(--blackColor) !important; color: white !important; }
    .header.black-menu.home-page-menu.menu-on-banner.header.header.header.background .right-part a.custom-btn:hover { border: 1px solid var(--blackColor) !important; color: var(--blackColor) !important; }
    .location-section .wrapper .location-list .list-item .text .btns a.custom-btn{line-height: 1.6;}
    .become-partner .title .line:after { display: none; }
    .header.background.black-menu.home-page-menu.menu-on-banner.header.header.header.background .right-part a.language-switch{color: var(--primaryColor);}

    .location-section .wrapper .location-list p.content + div#list_data { height: 710px; }
    .header.header-dark .container .header-wrapper .right-part .language-switch:hover { color: var(--primaryColor) !important; }

    .background-video.responsive-part {
        display: none !important;
    }
    .background-video.mobile-hide{
        display: block !important;
    }

    @media(max-width:1600px){
        .iv-section#fourth-section .text-part.inner-text-right {transform: translateX(0);}
    }

    @media(max-width: 1440px){
        .banner-section {background-size:45%;}
        .banner-section .banner-wrapper .left-text{width:50%;}

        .counter-section{padding-top:60px;padding-bottom:80px;}
        .counter-section .about-wrapper .short-info{padding:40px 20px;}
        .counter-section .about-wrapper .info-text h3{font-size:30px;margin-bottom: 10px;}

        .form-content-section .form-wrapper .border-input-box{padding: 30px 40px;}
        .form-content-section .form-wrapper .border-input-box p{line-height:24px;}
        .form-content-section .form-wrapper .border-input-box span {line-height: 35px;font-size: 14px;}


        .career-detail-content .content-box{padding:50px 100px;}

        .location-header-section{padding: 120px 0px 30px;}
        .location-section .wrapper .location-list .list-item .image{width: 40%;background: white;height: 100%;}
        .location-section .wrapper .location-list .list-item .image img{width:100%;height: 100%;display: block;object-fit: cover;}
        .location-section .wrapper .location-list .list-item .text .left-part{width: 65%;padding: 18px 10px 15px 12px;}
        .location-section .wrapper .location-list .list-item .text p{font-size: 10px;}
        .location-section .wrapper .location-list .list-item .text h4{padding-top: 8px;}
        .location-section .wrapper .location-list .list-item .text .btns a.custom-btn{padding: 6px;}
        .location-section .wrapper .location-list .list-item .text .left-part > span{font-size: 10px;display: table;}

        .product-page-banner .product-wrapper{height: calc(100vh);padding: 100px 0px 100px;}

        .location-header-section .check-box-wrapper { align-items: baseline; }
        .location-header-section .check-box-wrapper .check-box-group{flex-wrap: inherit;}
        .location-header-section .check-box-wrapper .check-box-group .checkbox-item {margin-bottom: 10px;}
        .location-header-section .check-box-wrapper .check-box-group .checkbox-item label{padding: 5px 20px;}

        .inner-page-banner.contact-front-banner .custom-row .image img { width: 104%; }
        .inner-page-banner.contact-front-banner .custom-row .left-text {margin-top: 150px; }
        .inner-page-banner.contact-front-banner{height: 80vw;}

        .most-sold-products .slide-item .slider-wrapper{grid-template-columns:1fr 1fr;}
        .most-sold-products .slide-item .slider-wrapper img{width: 650px;}
        .most-sold-products .slick-dots{bottom: 330px;}
        .most-sold-products .slide-item { padding: 160px 0px 0px; }
        .most-sold-products .slide-item .slider-wrapper .text{margin-top: -200px;}

        .trolley-moving-background .back-image{background-size: 65%;}
        .trolley-moving-background { margin-bottom: -10px; margin-top: -10px; }

        .iv-section#first-section .text-part {transform:translateY(-50%);}
        .iv-section .text-part.inner-text-mid-right .text-wrapper{padding-right:10%;}
        .iv-section#fourth-section .text-part.inner-text-right{transform:translateX(0);}
        .iv-section.top-text .text-part.inner-text-left{margin-top:18%;}
        .iv-section#sixth-section .text-part {transform: translateX(-70px);}

        .new-products .box a img{max-width: 270px;}
        .most-sold-products .slide-item{background-size:45%;background-position: right bottom;}

        .location-section .wrapper .location-list .list-item{display:grid;grid-template-columns: 1fr 2fr;}
        .location-section .wrapper .location-list .list-item .image{width:100%;margin-right: 0px;}
        .location-section .wrapper .location-list .list-item .image img{width:100%;min-width:100%;max-width:100%;margin: 0px;padding: 10px;}
        .location-section .wrapper .location-list .list-item .text{width:100%;padding:0px;}
        .location-section .wrapper .location-list .list-item .text .left-part{padding:20px 5px;}
    }

    @media(max-width:1366px){
        .inner-page-banner.career-front-banner .custom-row .image img { width: 140%; }
    }

    @media(max-width:1240px){
        .location-section .wrapper .location-list .list-item .text .left-part{width:60%;}
        .location-section .wrapper .location-list .list-item .image{display: grid;}
        .location-section .wrapper .location-list .list-item{align-items: stretch;}
        .iv-section.top-text .text-part.inner-text-left{margin-top:15%;}
    }

    @media(max-width:1199px){
        h1, h1 * {font-size:34px;}
        h2, h2 * {font-size:30px;}
        h3{font-size:30px;list-style: 36px;}

        .header .header-wrapper .left-part .menu ul li {float: left;padding: 0px 10px;}

        .banner-section .banner-wrapper .right-image img{height:450px;margin-left:30px;}
        .banner-section .banner-wrapper .left-text p{font-size:24px;}
        .banner-section .banner-wrapper .left-text h5{ margin-bottom: 25px;}
        .banner-section .banner-wrapper .left-text p{font-size:20px;margin: 15px 0px 0px;}
        .banner-section .banner-wrapper .left-text{transform: translateY(-30px);}

        .counter-section{margin-top: -120px;}
        .counter-section .about-wrapper{grid-gap:20px;}
        .counter-section .about-wrapper .info-text h3{font-size:46px;}
        .counter-section .about-wrapper .info-text h3{font-size:26px;margin-bottom: 2px;}

        .slider-section .text p{font-size: 20px;line-height:26px;}

        .form-content-section .form-wrapper{padding:50px 80px;}

        .one-stop-shop-slider{padding:80px 0px 100px;}
        .one-stop-shop-slider::after{background-size: 100% 100%;}
        .one-stop-shop-slider .slider-wrapper{margin-bottom: 80px;}

        .inner-page-banner.career-front-banner .custom-row .banner-text{margin-top:100px;}

        .location-feature .section-wrapper .feature-roles{padding:50px 50px;}
        .location-feature .section-wrapper .location-section .select-box{padding: 50px 40px 40px;}
        .location-feature .section-wrapper .location-section .location-list h4{padding: 0px 40px 10px;}
        .location-feature .section-wrapper .location-section .location-list ul li a{padding: 16px 40px;}
        .location-section .wrapper .location-list .list-item .text .btns{padding: 5px 10px;}
        .location-section .wrapper .location-list .list-item .image{display: flex;}

        .career-detail-content .content-box { padding: 15px 50px 60px; }

        .location-section .wrapper .location-list .list-item .text .btns a.custom-btn{padding: 6px 5px;}

        .product-page-banner .product-wrapper .left-text{margin-top:0px;}

        .become-partner{padding: 100px 0px 250px;}

        .contact-us-body { margin-top: -241px; }
        .contact-us-body .section-wrapper .side-image { width: 50%; }
        .contact-us-body .section-wrapper .contact-form-section { width: 50%; }
        .inner-page-banner.contact-front-banner .custom-row { padding-bottom: 106px; }
        .inner-page-banner.contact-front-banner .custom-row .image img { width: 129%; }
        .inner-page-banner.contact-front-banner { height: 100vw; }
        .location-feature .section-wrapper .feature-roles h4, .location-feature .section-wrapper .feature-roles h4 *, .location-feature .section-wrapper .feature-roles h4 p{font-size:20px !important;}

        .slider-section .text p{font-size:18px;}
        footer h4{line-height:20px;}
        footer .contact-wrapper h6{line-height:20px;}

        .new-products .box a img{max-width:230px;}
        .most-sold-products .slide-item{padding: 150px 0px 30px;}
        .most-sold-products .slide-item .slider-image img{height:200px;}
        .most-sold-products .slick-dots{bottom: 210px;}

        .product-page-banner.inner-page-banner{height:60vw;}
        .product-page-banner .product-wrapper{height: 60vw;background-size: 60vw;}
    .product-page-banner .product-slider .slick-dots{bottom:10px;}
    .product-page-banner .product-wrapper .left-text p{margin-top:20px;}

    .trolley-moving-background{margin-top: -50px;}
    .become-partner{background-position: 140% 0px;}

    .iv-section#first-section .text-part{max-width:300px;}
        .iv-section .text-part.inner-text-mid-right .text-wrapper{padding-right:0px;padding-left:10%;}
        .iv-section#third-section .text-part.inner-text-left{max-width:300px;}
        .iv-section .text-part.inner-text-right .text-wrapper{max-width:220px;}
        .iv-section.top-text .text-part.inner-text-left{margin-top:10%;}
        .iv-section .text-part.inner-text-right.main-right .text-wrapper{max-width:260px;}

        .iv-section#fourth-section .container{max-width: 100%;}
        .iv-section .text-part.inner-text-right.main-right .text-wrapper{transform: translateX(10%);}
        .iv-section#fourth-section .text-part.inner-text-right { transform: translateX(-3%); }

        .one-stop-shop-slider .owl-carousel .owl-item:nth-child(even) { transform: translate(0px, 0px); }
        .location-header-section .check-box-wrapper .check-box-group .checkbox-item label { padding: 5px 9px; }

        .location-section .wrapper .location-list .list-item .image img{width:85%;height: 100%;display: block;object-fit: cover;}
        .location-section .wrapper .location-list .list-item .text .btns{min-width: 150px;}

        .location-section .wrapper .location-list .list-item .image img{height:150px;}
    }

    @media(max-width:991px){
        h1, h1 *{font-size:30px;line-height:38px;}

        .responsive-part.menu-icon{display: block; margin-right: 10px;}

        .header{padding:20px 0px;}
        .header .header-wrapper .menu {position:fixed;width:300px;height:100vh;background-color:var(--whiteColor);top:0px;transition-duration: .5s; left:-300px;z-index:11;}
        .header .header-wrapper .menu.active{left: 0;}
        .header .header-wrapper .menu ul{padding-top:40px;}
        .header .header-wrapper .menu ul li{float:none;width:100%;text-align:center;margin-bottom:10px;}
        .header .header-wrapper .left-part .menu ul li a:after{left:calc(50%);}
        .header .menu-backlayer { width: 100%; height: 100vh; background-color: rgb(0 0 0 / 80%); transition-duration: .3s; position: fixed; top: 0; left: -100%; z-index: 1; }
        .header .menu-backlayer.open{left:0;}
        .header .menu-backlayer  a.close-icon { position: absolute; right: 20px; top: 30px;display: block; }
        .header .menu-backlayer a.close-icon svg { width: 20px; }
        .header .header-wrapper .right-part .custom-btn {padding: 13px 18px; font-size: 14px; margin-left: 0px; }
        .header .header-wrapper .right-part .custom-btn.alter-btn { padding: 13px 33px; }
        .header .header-wrapper .right-part .custom-btn { display: none; }
        .header .header-wrapper .left-part .menu-icon { padding: 0px 0px 0px 0px; display: block;}
        .header .header-wrapper .left-part .menu-icon svg { width: 22px; }
        .header .header-wrapper .left-part .trolley-icon { padding: 0px 0px 0px 10px; }
        .header.header-dark .header-wrapper .left-part .menu ul li a{color:var(--blackColor);}
        .header .header-wrapper .responsive-part { display: block; text-align: center; }

        .header .header-wrapper .menu .buttons {display: flex;justify-content: center;flex-direction: column;}
        .header .header-wrapper .menu .buttons a {padding: 10px 20px;text-align: center;margin: 9px auto;color: var(--primaryColor);width: max-content;}
        .header .header-wrapper .menu .buttons a:last-child {background-color: var(--blackColor);border-color: var(--blackColor);color: var(--whiteColor);}
        .header .header-wrapper .left-part .menu ul {display: flex; flex-direction: column; }
        .header .header-wrapper .menu .buttons a:hover{background-color: var(--primaryColor);border-color: var(--primaryColor); color: var(--whiteColor);}
        .header .header-wrapper .menu .buttons a:last-child:hover{color: var(--whiteColor); border-color: var(--primaryColor);}

        .banner-section{padding:70px 0px;height:500px;}
        .banner-section .banner-wrapper .left-text p{font-size:22px;}
        .banner-section .banner-wrapper .left-text { transform: translateY(-20px); }
        .banner-section .banner-wrapper .left-text p{font-size: 18px;}
        .banner-section .banner-wrapper .left-text {width: 45%;}
        .banner-section .banner-wrapper .left-text h1{font-size: 30px;}
        .banner-section.about-us-banner{margin-top: 80px;}

        .counter-section{margin-top: -150px;}
        .counter-section .about-wrapper .info-text h3{font-size: 22px;}
        .counter-section .about-wrapper {grid-template-columns:1fr 1fr;grid-gap: 20px;}
        .counter-section .about-wrapper .short-info{padding: 26px 30px;}
        .counter-section .about-wrapper .box-column:nth-child(even){transform: translateY(0px);}
        .counter-section .about-wrapper h5{font-size: 15px;}

        .one-stop-shop-slider{padding:30px 0px 80px;}

        .slider-section h2{max-width: 100%;line-height: 40px;margin-bottom: 20px;}
        .slider-section .text p{line-height: 20px;}
        .slider-section {padding:80px 0px;}
        .slider-section .text p{line-height:28px;max-width: 100%;margin-top:5px;}
        .slider-section .slick-track img{height: 110px;margin:10px auto;}
        .slider-section .slick-dots{bottom:-60px;}

        footer .row > div{margin-bottom: 40px;}

        .form-content-section .form-wrapper{margin:0px;padding:40px 50px;}
        .form-content-section .form-wrapper .title-line h2{font-size: 36px;}

        .popup-box .popup-inner p{font-size:16px; line-height: 24px;}

        .inner-page-banner.career-front-banner .custom-row .image img{width:170%;transform: translateX(0px);}
        .inner-page-banner.career-front-banner .banner-text h1{max-width: 290px;}
        .inner-page-banner.career-front-banner .banner-text p{max-width: 280px;}
        .form-content-section {margin-top: -390px;}
        .inner-page-banner .breadcrumbs { margin: -40px 0px; }

        .location-feature{margin-top:-370px;}
        .location-header-section{overflow: hidden;}
        .location-feature .section-wrapper .feature-roles{padding: 66px 20px 20px;}
        .location-feature .section-wrapper .location-section .select-box{padding: 40px 15px 30px;}
        .location-feature .section-wrapper .location-section .select-box select{font-size:16px;padding:12px 15px;}
        .location-feature .section-wrapper .location-section .location-list h4{padding: 0px 15px 10px;}
        .location-feature .section-wrapper .location-section .location-list ul li a{padding: 8px 15px;}
        .location-feature .section-wrapper .location-section .select-box span.arrow i.fa.fa-angle-down{font-size:20px;}
        .location-feature .section-wrapper .feature-roles form input[type="text"]{max-width:190px;}
        .location-feature .section-wrapper .feature-roles .featured-form p{font-size:16px;line-height: 28px;}
        .location-feature .section-wrapper .feature-roles .featured-form .locations{ height: 470px; }
        .inner-page-banner.career-front-banner .banner-text p{font-size:18px;line-height:28px;}
        .location-feature .section-wrapper .feature-roles h4, .location-feature .section-wrapper .feature-roles h4 *, .location-feature .section-wrapper .feature-roles h4 p{font-size:18px !important;line-height: 30px !important;}
        .location-header-section .check-box-wrapper{align-items: stretch;}
        .location-header-section .check-box-wrapper .search-form form{width: 100%;margin-top: 10px;margin-bottom: 10px;}
        .location-header-section .check-box-wrapper .search-form form input[type="text"]{width: 100%;}
        .location-section .wrapper .location-list .list-item .image img{object-position: center;}
        .location-header-section .check-box-wrapper .search-form form input[type="submit"]{padding: 8px 40px;}
        .location-section .wrapper .location-list .list-item .text .btns{width: 100%; display: flex; flex-direction: row;}
        .location-section .wrapper .location-list .list-item .text .btns a.custom-btn{width: 100%;margin:10px 1px;}
        .location-header-section .check-box-wrapper .search-form input[type="text"]{width: 100%;}

        .career-detail-content{margin-top:-230px;}
        .career-detail-content .content-box p{font-size: 15px;}

        .location-section .wrapper .location-list .list-item { flex-direction: column; }
        .location-section .wrapper .location-list .list-item .text{flex-direction: column;}
        .location-section .wrapper .location-list .list-item .text .left-part { width: 100%; padding: 12px 15px;text-align: left; }
        .location-section .wrapper .location-list .list-item .text .btns { width: 100%; }
        .location-section .wrapper .location-list .list-item .image { width: 100%; margin:0px;}
        .location-section .wrapper .location-list .list-item .image img { margin: 0px; width: calc(100%); height: 150px; border-radius: 10px 10px 0px 0px; }

        .location-header-section .check-box-wrapper{flex-direction: column-reverse;}
        .location-header-section .check-box-wrapper .search-form{margin-bottom: 10px;}
        .location-header-section .check-box-wrapper .check-box-group .checkbox-item label{padding:5px 15px;width: max-content;}
        .location-header-section .check-box-wrapper .search-form span.search-icon{margin: 8px;}
        .location-section .wrapper .location-list .list-item .text{width: 100%;}
        .location-section .wrapper .location-list .list-item .text .btns{max-width:100%;}

        .text strong {font-size: 10px !important; padding-bottom: 0px !important;}
        .content-box .border-input-box .text { align-items: flex-start; padding-left: 11px; }

        .career-detail-content .content-box .border-input-box .selected-file svg {width: 32px;}
        .border-input-box .text span {font-size: 7px;}
        .border-input-box .text span.file-size { padding-left: 5px; }

        .career-detail-content .content-box .border-input-box .selected-file .close-icon svg { width: 30px; height: 30px; margin-right: -10px; margin-top: -11px; }
        .career-detail-content .content-box .radio-btn-group .radio-btn label { font-size: 14px; color: #303034; padding-right: 15px; }

        .product-page-banner .product-wrapper .left-text{margin-top:0px;}

        .become-partner{padding: 100px 0px 100px;background-position: 130% bottom;}
        .become-partner .title h2 { margin-bottom: 30px; max-width: 250px; }

        .contact-us-body { margin-top: -230px; }
        .inner-page-banner.contact-front-banner .custom-row .image img { width: 147%; }
        .contact-us-body .section-wrapper .contact-form-section .contact-form { padding: 30px; }
        .inner-page-banner.contact-front-banner .custom-row .left-text { margin-top: 99px; }
        .inner-page-banner.contact-front-banner .custom-row { padding-bottom: 47px; }

        .new-products .box a img{max-width:200px;}
        .most-sold-products .slide-item h2{max-width:330px;font-size: 28px;line-height: 38px;}
        .most-sold-products .slide-item{padding:100px 0px 100px;}
        .most-sold-products .slick-dots{bottom: 210px;}
        .most-sold-products .slide-item .slider-image img{height:100px;}

        .trolley-moving-background .back-image img.trolley-cart{width:140px;}
        .one-stop-shop-slider::after{background-size: 100% 100%;}

        .form-content-section .form-wrapper .border-input-box p { font-size: 12px; line-height: 15px; margin: 8px 0px; }
        .form-content-section .form-wrapper .border-input-box span {font-size: 14px;line-height: 20px;}
        .form-content-section .form-wrapper .form-area form .form-box .input-box label{font-size: 16px;}
        .form-content-section .form-wrapper .form-area form .form-box .redio-btn-group label { font-size: 12px; }
        .form-content-section .form-wrapper .form-area form .form-box ul li{font-size: 14px;}
        .form-content-section .form-wrapper .border-input-box h5{font-size: 15px;margin-bottom: 5px;}
        .form-content-section .form-wrapper .border-input-box span{font-size: 12px;}
        .form-content-section .form-wrapper .border-input-box .text strong{font-size: 12px;}
        .form-content-section .form-wrapper .border-input-box .selected-file svg{margin-right: 10px;}
        .career-detail-content .content-box ul li { font-size: 15px; }


        .product-page-banner.inner-page-banner{height:55vw;}
        .product-page-banner .product-wrapper{height:55vw;background-size:55vw;}

        .most-sold-products .slide-item .slider-wrapper img{width:200px;}
        .most-sold-products .slide-item .slider-wrapper .text{margin-top: -20px;}
        .most-sold-products .slide-item h2{max-width: 310px;}

        .become-partner{background-position: 160% 0px;}
        footer .custom-row {grid-template-columns: 1fr 1fr;grid-row-gap: 40px;}
        footer .custom-row > .custom-column:last-child{padding-left: 0px;}

        .owl-carousel .owl-item img{transform: scale(1);}
        .career-detail-content .form-wrapper .input-box label {font-size: 15px;}

        .header .header-wrapper .left-part svg.responsive-icon { display: block; }
        .header .header-wrapper .left-part svg.desktop-icon { display: none; }
        .info-box { left: 15px; width: 350px; }
        .location-header-section .check-box-wrapper .search-form input[type="submit"] {margin: 3px 0; }
        .career-detail-content .content-box p { font-size: 15px; line-height: 27px; }
        .location-section .wrapper .location-list .text .left-part .bottom-info p span.heading{display: inline-block; padding-right: 5px;}
        .inner-page-banner.banner-on-menu.career-banner { height: 100%; }
        .inner-page-banner.contact-front-banner{background-size:50%;}

        .text .display-size { display: flex; justify-content: center; align-items: baseline; }
        .border-input-box .text strong { font-size: 10px !important; }
        .border-input-box .text span { font-size: 7px !important; }
        .location-section .wrapper .location-list .list-item:hover { border: 2px solid var(--whiteColor); }
        .career-detail-content .content-box { padding: 15px 50px 60px; margin-top: 40px; }
        .career-detail-content .content-box .detail-text-content.close:after{background-image: linear-gradient( 180deg, rgb(255 255 255) 0%, rgb(255 255 255) 0%, rgb(255 255 255) 81%, rgb(255 255 255 / 0%) 100%); bottom: -55px;}
        .career-detail-content .content-box p{margin-bottom: 22px;}

        .location-section .wrapper .location-list .list-item{grid-template-columns: 1fr;}
        .location-section .wrapper .location-list .list-item .image img{padding:0px;}
        .location-section .location-map-wrapper{right: 0;}
        .inner-page-banner.banner-on-menu.career-banner p { margin-bottom: 10px; }
        .inner-page-banner.banner-on-menu.career-banner h2, .inner-page-banner.banner-on-menu.career-banner h2 *{line-height: 30px;}
        .info-box ul li { font-size: 9px; }

        .iv-section .container{max-width:100%;padding:0px 20px;}    
        .iv-section .text-part.inner-text-mid-right .text-wrapper{padding-right:0px; transform: translateX(-50px);max-width: 370px;}
        .iv-section#first-section .text-part{transform:scale(.7) translateY(-20vw);}
        .iv-section#third-section .text-part.inner-text-left{transform:scale(.7) translateY(-70%);}
        .iv-section .text-part.inner-text-mid-right .text-wrapper{transform:scale(.7);padding-left: 10px;}
        .iv-section .text-part.inner-text-right.main-right .text-wrapper{transform: scale(.7) translateX(6vw);}
        .iv-section .text-part.inner-text-right .text-wrapper{transform: scale(.7) translateX(50px);}
        .iv-section.top-text .text-part.inner-text-left{transform:scale(.7);}
        
        .iv-section#third-section .text-part.inner-text-left .text-wrapper p {display: none;}
        .iv-section#third-section .text-part.inner-text-left .text-wrapper h2 {margin-bottom: 20px;}
        .location-feature .section-wrapper .feature-roles form{max-width: 295px;}
        .form-content-section .form-wrapper .border-input-box .text span{ line-height: 14px;}
        .location-section .wrapper .location-list .list-item .text .btns a.custom-btn{font-size: 11px;}

        .header.black-menu.home-page-menu .header-wrapper .left-part ul li a{color: var(--blackColor) !important;}
        .header.black-menu.home-page-menu .header-wrapper .left-part ul li a:hover{color: var(--blackColor) !important;}
        .header.black-menu.home-page-menu .header-wrapper .left-part ul li a:after{background-color: var(--primaryColor);}
    }

    @media(max-width:767px){
        .header{padding:20px 0px;}
        .header .header-wrapper .menu {position:fixed;width:300px;height:100vh;background-color:var(--whiteColor);top:0px;transition-duration: .5s; left:-300px;z-index:11;}
        .header .header-wrapper .menu.active{left: 0;}
        .header .header-wrapper .menu ul{padding-top:40px;}
        .header .header-wrapper .menu ul li{float:none;width:100%;text-align:center;margin-bottom:10px;}
        .header .header-wrapper .left-part .menu ul li a:after{left:calc(50%);}
        .header .header-wrapper .left-part .menu ul li a:hover:after{left:0px;}
        .header .menu-backlayer { width: 100%; height: 100vh; background-color: rgb(0 0 0 / 80%); transition-duration: .3s; position: fixed; top: 0; left: -100%; z-index: 1; }
        .header .menu-backlayer.open{left:0;}
        .header .menu-backlayer  a.close-icon { position: absolute; right: 20px; top: 30px;display: block; }
        .header .menu-backlayer a.close-icon svg { width: 20px; }
        .header .header-wrapper .right-part .custom-btn { padding: 6px 12px; font-size: 14px; margin-left: 0px; }
        .header .header-wrapper .left-part .menu-icon { padding: 0px 0px 0px 0px; transform: scaleX(1.3); margin-right: 10px; }
        .header .header-wrapper .left-part .menu-icon svg {width: 27px; height: 16px; margin-top: 10px;}
        .header .header-wrapper .left-part .trolley-icon { padding: 0px 0px 0px 10px; }
        .header .header-wrapper .menu .buttons a {padding: 10px 20px !important; font-size: 12px !important;}
        .header.menu-on-banner.white-background.header.header.header {background-color: var(--whiteColor);}

        .banner-section{padding:0px 0px 50px;position: relative;}
        .banner-section .banner-wrapper .left-text{position: relative;z-index: 1;}
        .banner-section::after{content:'';display: none; position: absolute;top:0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.835);}
        .banner-section .banner-wrapper{flex-direction:column-reverse;}
        .banner-section .banner-wrapper .right-image img{margin-left:0px;}
        .banner-section .banner-wrapper .right-image{width:100%;}
        .banner-section .banner-wrapper .left-text{width:100%;margin-top:40px;}
        .banner-section .banner-wrapper .left-text h1{max-width:100%;}
        .banner-section .banner-wrapper .left-text p{max-width:100%;}
        .banner-section .banner-wrapper .left-text p{font-size:20px;}
        .banner-section .banner-wrapper .right-image:after{display:none;}
        .banner-section .banner-wrapper .right-image img{height:300px;}
        .about-us-banner.banner-section{background-image: none !important;height: auto;}
        .about-us-banner.banner-section .banner-wrapper .reponsive-image{display: block;}
        .about-us-banner .banner-wrapper{flex-direction: column;}
        .about-us-banner.banner-section .banner-wrapper .reponsive-image img {width: 100%;transform: translateX(23%);margin-top: 40px;}


        .counter-section .about-wrapper .info-text h3{font-size:30px;}
        .counter-section{padding:60px 0px;margin-top:-140px;position: relative;z-index: 1;}
        .counter-section .about-wrapper { flex-direction: column; text-align: center;grid-template-columns: 1fr 1fr; }
        .counter-section .about-wrapper .box-column:nth-child(even){transform: translateY(0);}
        .counter-section .about-wrapper h5{font-size:10px;}
        .counter-section .about-wrapper .short-info i{font-size:26px;}
        .counter-section .about-wrapper .info-text h3{font-size:15px; line-height:17px;margin-bottom: 4px;}
        .counter-section .about-wrapper .short-info img {width: 26px;height: 26px;}


        .slider-section{padding:40px 0px 80px;}
        .slider-section .slick-slider{margin-bottom: 0px;}
        .slider-section .slick-dots{bottom:-60px;}

        .cta-section{padding:80px 0px;background-position: center;}
        .cta-section a.custom-btn{margin-top: 30px;}

        .one-stop-shop-slider img.absolute-background{width:150%;}
        .one-stop-shop-slider::after{background-size: 100% 100%;}
        .one-stop-shop-slider { padding: 75px 0px 0px; }
        .one-stop-shop-slider h2{margin-bottom: 60px;}


        .inner-page-banner{border-radius: 0px 0px 35px 35px;}

        footer{padding:60px 0px;}
        footer .custom-row {grid-template-columns: 1fr;grid-row-gap: 0px; }
        footer > div h3{margin-bottom: 30px;}
        footer > div ul li{margin-bottom: 10px;}
        footer > div h4 { margin-top: 25px; font-size: 18px; margin-bottom: 18px; }
        footer .row > div{margin-bottom: 0px;}
        footer div ul li a{font-size: 16px;}
        footer .social-media-links a { color: #fff; margin-right: 23px; font-size: 24px; }
        footer .contact-wrapper h6, footer .contact-wrapper i{line-height: 21px; font-size: 12px; margin-bottom: 0px;}

        footer .responsive-part .top-part {display: flex;}
        footer .responsive-part .top-part .logo img {width: 78px;height: auto;}
        footer .responsive-part .top-part h3 {margin: 0px 0px 0px 40px;font-size: 18px;line-height: 35px;}
        footer .responsive-part .bottom-part {display: flex;margin-top: 50px;}
        footer .responsive-part .bottom-part ul {width: 120px;margin-bottom: 0px;}
        footer .responsive-part .bottom-part ul li{margin-bottom:20px;}

        .footer-bottomline .bottom-row { flex-direction: column; text-align: center; }
        .footer-bottomline .bottom-row .right-link ul li { margin: 0px 40px 0px 0px; }
        .footer-bottomline .bottom-row .right-link ul { display: flex; }
        .footer-bottomline .bottom-row p{text-align: left;}

        .form-content-section{padding-bottom:50px;margin-top: -385px;}
        .form-content-section .form-wrapper{padding:10px 20px 30px;}
        .form-content-section .form-wrapper .form-area form .product-category a{padding:5px 10px;font-size:15px;margin:0px 0px 6px 4px;}
        .form-content-section .form-wrapper .form-area form .form-box .redio-btn-group{flex-direction:column;}
        .form-content-section .form-wrapper .form-area form .form-box .redio-btn-group .redio-btn{margin-bottom:10px;}
        .form-content-section .form-wrapper .form-area form .form-box ul li{font-size:16px;line-height:24px;}
        .form-content-section .form-wrapper .form-area form .form-box ul li:before{top:6px;}
        .form-content-section .form-wrapper .two-col-fieldset{grid-template-columns: 1fr;grid-gap: 23px;}
        .form-content-section .form-wrapper .form-area form .form-box .input-box.require:after{font-size: 10px;display: flex;}
        .form-content-section .form-wrapper .border-input-box.require:before {bottom: -20px; font-size: 10px;}
        .form-content-section .form-wrapper .form-area form .form-box .button-container{margin-top:10px;}
        .form-content-section .form-wrapper .title-line h2{font-size: 20px; line-height: 26px;}
        .inner-page-banner .breadcrumbs ul li , .inner-page-banner .breadcrumbs ul li a{font-size: 11px;}
        .form-content-section .form-wrapper .progress-bar ul li { position: relative; transform: scale(.7); z-index: 1; }
        .slider-section .slick-track img{ margin: 50px auto;}
        .inner-page-banner .breadcrumbs ul li a:after{top:-2px;}
        .form-content-section .form-wrapper .title-line h3{font-size: 15px;}
        .form-content-section .form-wrapper .progress-bar{margin-top: 10px;}
        .form-content-section .form-wrapper .form-area form .form-box h4{margin-bottom: 20px;font-size: 13px;}
        .form-content-section .form-wrapper .form-area form .form-box .input-box label{font-size: 12px;left: 18px;top:5px;}
        .form-content-section .form-wrapper .form-area form .form-box .input-box input:focus~label,
        .form-content-section .form-wrapper .form-area form .form-box .input-box.no-val label{font-size: 10px;}
        .form-content-section .form-wrapper .form-area form .form-box .input-box input{font-size: 12px;}
        .form-content-section .form-wrapper .form-area form .form-box .input-box.invalid-email:after{font-size: 10px;}
        .form-content-section .form-wrapper .form-area form .form-box .button-container .next , .form-content-section .form-wrapper .form-area form .form-box .button-container .prev{font-size: 13px;}
        .form-content-section .form-wrapper .border-input-box .selected-file svg{margin-right:10px;}
        .form-content-section .form-wrapper .border-input-box.require{margin-bottom:15px;}
        .form-content-section .form-wrapper .form-area form .form-box ul li { font-size: 12px; line-height: 17px; }
        .form-content-section .form-wrapper .form-area form .form-box .redio-btn-group .redio-btn label { font-size: 12px; }
        .form-content-section .form-wrapper .border-input-box.invalid-file {margin-bottom:15px;}
        .form-content-section .form-wrapper .border-input-box.invalid-file:before {font-size: 10px;bottom: -20px;}
        .form-content-section .form-wrapper .form-area form h6 { margin-bottom: 20px; font-size: 13px; }

        .form-content-section .form-wrapper .border-input-box{padding: 30px 20px;}
        .form-content-section .form-wrapper .border-input-box .text strong{font-size:16px;font-weight: 600;}
        .form-content-section .form-wrapper .border-input-box .selected-file{flex-direction: row;padding:10px;}
        .form-content-section .form-wrapper .form-area form .form-box .button-container .prev{margin-right: 4px; width: 50%;margin-right: 25px;transform: translateX(5px);}
        .form-content-section .form-wrapper .border-input-box .selected-file svg{width:40px;height:40px;margin-bottom: 10px;}
        .location-feature .section-wrapper .feature-roles form input[type="text"]{max-width:150px;}
        .form-content-section .form-wrapper .border-input-box h5{font-size:13px;}
        .form-content-section .form-wrapper .border-input-box span,
        .form-content-section .form-wrapper .border-input-box p,
        .form-content-section .form-wrapper .border-input-box label{font-size:11px;line-height: 19px;}
        .form-content-section .form-wrapper .border-input-box .selected-file svg{width:40px;}
        .form-content-section .form-wrapper .border-input-box .text strong{font-size:11px;margin-bottom:0px;}
        .form-content-section .form-wrapper .border-input-box .text span{font-size:8px;}
        .form-content-section .form-wrapper .border-input-box .selected-file .close-icon svg{width:30px;height:30px;transform: translate(10px, -10px);}
        .form-content-section .form-wrapper .progress-bar ul li.done:first-child {transform: translateX(-3px) scale(.7);}

        .popup-box .popup-inner{width:calc(100% - 40px);margin:0px 0px;padding: 40px 10px;min-width: auto;}

        .location-feature{margin-top:-690px;}
        .location-feature .section-wrapper .feature-roles{margin-top: 450px;}
        .inner-page-banner.career-front-banner{padding-bottom:10px;}
        .inner-page-banner.career-front-banner .custom-row{flex-direction:column;}
        .inner-page-banner.career-front-banner .banner-text h1{max-width: 100%;}
        .inner-page-banner.career-front-banner .custom-row .banner-text{width:100%;}
        .inner-page-banner.career-front-banner .custom-row .image{width:100%;}
        .inner-page-banner.career-front-banner .custom-row .image img{width:130%;}
        .inner-page-banner.career-front-banner .custom-row .banner-text{margin-top:50px;}


        .career-detail-content{margin-top:-160px;}
        .career-detail-content .content-box{padding:10px 20px; margin-top: 0px;}
        .career-detail-content .two-col-wrapper{grid-template-columns: 1fr;grid-gap:15px 30px;}

        .new-products .box{margin-bottom: 40px;}

        .location-feature .section-wrapper{flex-direction:column; position: relative;}
        .location-feature .section-wrapper .location-section{width:100%; border-radius: 10px 10px 10px 10px;}
        .location-feature .section-wrapper .feature-roles{width:100%;padding: 30px 20px 20px; border-radius: 10px 10px 10px 10px;display: none;}
        .location-feature .section-wrapper .location-section .select-box{padding:15px 20px 30px;}
        .location-feature .section-wrapper .location-section .location-list ul li a{padding: 15px 40px;}
        .location-feature .section-wrapper .location-section .location-list h4{padding: 0px 20px 10px;}
        .location-feature .section-wrapper .location-section .select-box select {padding: 20px 15px;}
        .location-section .wrapper{flex-direction: column;}
        .location-section .wrapper .location-list{width: 100%;padding-right: 0; height: auto;}
        .location-section .wrapper .location-map{width: 100%;margin-top: 30px;}
        .location-section .wrapper .location-list .list-content::-webkit-scrollbar {display: block; }
        .location-section .wrapper .location-list .list-content::-webkit-scrollbar { width: 5px; height: 8px; border-radius: 10px; background-color: rgb(190, 190, 190); /* or add it to the track */ }
        .location-section .wrapper .location-list .list-content::-webkit-scrollbar-thumb { background-color:rgb(0, 0, 0);border-radius: 10px; }
        .location-section .wrapper .location-list .list-content { scrollbar-color: rgb(0, 0, 0) rgb(190, 190, 190) ; scrollbar-width: thin; }
        .location-map.responsive { position: fixed; top: 0px; width: 100%; z-index: -1; height: 100vh; }
        .location-map.responsive .location-map{width: 100%;height: 100%;}
        .location-section .wrapper .location-list .list-item .text .btns{max-width:100%;}
        .location-section .location-map-wrapper{display: none;}

        .product-page-banner .product-wrapper{background-position: right bottom; background-size:50%;}
        .become-partner .title .description-line { font-size: 15px; letter-spacing: -0.4px; }
        .become-partner .title .line { font-size: 13px; }

        .become-partner::after{padding:60px 0px; background-position:80% 0;background-size: cover;}
        .become-partner{padding: 70px 0px 120px; background-image: none !important;}
        .become-partner .title{position: relative;z-index: 1;max-width: 100%;}
        .become-partner::before{content:'';display: block;width: 100%;height: 100%;background-color: #ffffffad; position: absolute;z-index: 0;top: 0;left: 0;}

        .inner-page-banner.contact-front-banner .custom-row .left-text {width: 100%;margin-top: 69px;}
        .inner-page-banner.contact-front-banner .custom-row { display: block; }
        .contact-us-body .section-wrapper { display: grid; }
        .contact-us-body .section-wrapper .contact-form-section { width: 100%; border-radius: 10px; }
        .contact-us-body .section-wrapper .side-image { width: 100%; border-radius: 10px; }
        .inner-page-banner.contact-front-banner .custom-row .image img { width: 250%; }
        .inner-page-banner {background-size: 100%;}
        .inner-page-banner.contact-front-banner { height: 117vw; }

        .form-content-section .form-wrapper .form-area form .form-box .button-container .next{width:50%;}
        .form-content-section .form-wrapper .form-area form .form-box .button-container .next.set-btn { width: 128px; }
        .form-content-section .form-wrapper .form-area form .form-box .button-container{justify-content: flex-end !important;}

        .inner-page-banner.banner-on-menu.contact-front-banner { background-size: 80%; position: relative; height: 930px; background-position: right 480px; }
        .inner-page-banner.banner-on-menu.contact-front-banner .custom-row{position:relative; z-index:1;position:absolute;top:100px;}

        .inner-page-banner.contact-front-banner .custom-row .left-text{margin-top: 60px !important;}
        .contact-us-body .section-wrapper .contact-form-section{position: relative;}
        .contact-us-body{margin-top: -150px !important;}
        .contact-us-body .section-wrapper .contact-form-section .contact-form{padding:30px 20px 60px;}
        .contact-us-body .section-wrapper .contact-form-section h3{padding-bottom: 10px;}
        .header .header-wrapper .right-part .custom-btn{display: none;}
        .contact-us-body .section-wrapper .side-image .contact-image img{display: none;}
        .most-sold-products .slick-dots{bottom: 35px;}

        .form-content-section .form-wrapper .form-area form .form-box .input-box.invalid-email input ~ label{font-size: 10px;}
        .form-content-section .form-wrapper .form-area form .form-box .button-container{margin-top: 55px;}
        .contact-front-banner .breadcrumbs{margin:20px 0px;}

        .responsive-part{display: block;}
        .header .header-wrapper .responsive-part a.custom-btn { font-size: 10px; padding: 7px 20px; }
        .header .header-wrapper .btn-wrapper { display: inline-grid; gap: 15px; }
        .header .header-wrapper .responsive-part{display: block;text-align: center;}
        .mobile-hide{display: none;}

        .inner-page-banner.banner-on-menu.career-banner{height: 100%; padding-bottom: 160px;}
        .inner-page-banner.banner-on-menu.career-banner span{margin-bottom: 10px;}
        .inner-page-banner.career-front-banner .banner-text h1{max-width:250px;margin: 10px 0px 25px;}
        .inner-page-banner.career-front-banner .custom-row .image{margin-top:100px;margin-bottom:80px;}
        .inner-page-banner.career-front-banner .banner-text span{font-size: 15px; line-height:22px; text-transform: uppercase;}
        .inner-page-banner.career-front-banner .banner-text p{font-size: 15px;}
        .inner-page-banner.contact-front-banner .contact-wrapper h6 {line-height: 24px;max-width: 220px;}

        .location-feature .section-wrapper .feature-roles .responsive-part a {text-decoration: none;display: flex;align-items: center; font-size: 16px;padding: 20px 0px;color: var(--primaryColor);font-family:bakura-extra-bold;}
        .location-feature .section-wrapper .feature-roles .responsive-part a:hover svg{transform: translateX(-5px); transition-duration: .3s;}
        .location-feature .section-wrapper .feature-roles .responsive-part a svg {margin-right: 15px;}

        .location-feature .section-wrapper .location-section.close{display: none;}
        .location-feature .section-wrapper .feature-roles.open{display: block;}

        .container {padding: 0px 25px;}

        .most-sold-products .slide-item{padding: 50px 0px 0px;background-size: 105%;background-position-x: 30px;background-image: none !important;}
        .new-products .box a img{max-width:240px}
        .most-sold-products .slide-item img{margin-top: 50px;}
        .new-products .box{margin-bottom: 70px;}
        .most-sold-products .slide-item h2 {font-size: 22px;line-height: 35px;margin-top: 20px;max-width: 100%;}

        .one-stop-shop-slider { padding: 65px 0px 70px; }
        .trolley-moving-background .back-image img.trolley-cart{width:100px;animation-duration:10s;}

        .product-page-banner.inner-page-banner{height:auto;}
        .product-page-banner .product-wrapper .left-text{height: auto;width: 90%;}
        .product-page-banner .product-wrapper { height: auto; background-image: none !important; padding: 110px 0px 0px; display: flex; flex-direction: column; }
        .product-page-banner .product-wrapper img{width: 95%; margin-top: 100px;float: right; margin-bottom: 0px;}
        .product-page-banner .product-wrapper .left-text h1{width: 100%; max-width: 100%;}
        .product-page-banner .product-wrapper .left-text p{margin-bottom: 0px;}
        .product-page-banner .product-wrapper .left-text p{font-size: 15px; line-height: 22px;}

        .popup-box .popup-inner img{width: 80px;}
        .popup-box .popup-inner h3{font-size:18px;}
        .popup-box .popup-inner p{font-size:13px;line-height:20px;}
        .popup-box .popup-inner .pop-up-btns .custom-btn{padding: 10px 45px; margin: 0px; line-height: 1.6;}
        .popup-box .popup-inner .pop-up-btns .custom-btn:active { color: black; border: 1px solid black; }

        .new-products{padding: 40px 0px;}
        .new-products h2{font-size: 25px; line-height: 45px;margin-bottom: 10px;margin-bottom: 15px;}
        .career-detail-content .content-box ul li{line-height: 26px;}
        .new-products .box a span:after{width:40px;}
        .new-products .box a span{color: var(--primaryColor);}


        .career-detail-content .content-box ul li { font-size: 12px; line-height: 15px; }

        .most-sold-products .slide-item { padding: 50px 0px 0px;}
        .most-sold-products .slide-item .slider-wrapper .text{margin-top: -20px;}
        .most-sold-products .slick-dots{bottom: 40px;}
        .most-sold-products .slide-item h2{max-width: 310px;}
        .most-sold-products .slide-item .slider-image{visibility: visible;width: 100%;}
        .most-sold-products .slide-item .slider-wrapper{grid-template-columns: 1fr;}
        .most-sold-products .slide-item .slider-wrapper img { width: 100%; transform: scale(1.2) translateX(15%); }
        .most-sold-products .slide-item .slider-image img{height:100%; width: 100%;}

        .become-partner {overflow: hidden;padding: 10px 0px 120px;}
        .become-partner .line{position: relative; display: inline-block; width: max-content;}
        .become-partner .line:after { content: ""; display: block; width: 50px; height: 1px; background-color: var(--primaryColor); left: 50%; transform: translateX(-50%) translateY(10px); position: absolute; }
        .become-partner::before{display: none;}
        .become-partner .responsive-part img { margin-top: 40px; width: 85%; transform: scale(1.2) translate(27%, 52px);}
        .inner-page-banner.contact-front-banner .left-text h1{font-size: 30px;max-width:300px;}

        .location-header-section .top-header h1{display: none;}
        .location-header-section .check-box-wrapper .check-box-group{flex-direction: row; justify-content: center;}
        .location-header-section .check-box-wrapper .check-box-group {position: absolute;bottom: -60px;width: 85vw;overflow: auto;left: 1vw;padding-bottom: 10px;}
        .location-header-section .check-box-wrapper::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; }
        .location-header-section .check-box-wrapper::-webkit-scrollbar { width: 12px; background-color: transparent; }
        .location-header-section .check-box-wrapper::-webkit-scrollbar-thumb { border-radius: 10px; background-color: transparent; }
        .location-header-section .check-box-wrapper {position: relative;margin-bottom: 50px;}
        .location-header-section .check-box-wrapper .search-form  input[type="submit"]{padding:6px 20px;}

        .location-section .wrapper{flex-direction: column;}
        .location-header-section .top-header{display: none;}
        .location-section .wrapper .location-map{display: none;}
        .location-section .wrapper .location-list .list-content{height: auto;}
        .location-section .wrapper .location-list .list-item{margin: 10px 0px 20px;}
        .location-section{padding-top: 30px;border-radius: 30px 30px 0px 0px;}
        .location-map.responsive { position: fixed; top: 0px; width: 100%; z-index: -1;}
        .location-map.responsive iframe{width: 100%;left: 0; height: 100vh;}
        .location-header-section{background-color: #fff;}
        .location-section { width: 100%; background: #e7ebf5; overflow: hidden; margin-top: 460px; position: relative; }
        .location-section .wrapper .location-list .list-item .image img{height: 150px;}
        .location-section .wrapper .location-list .list-item .text .btns{padding: 10px 10px;}
        .location-section .wrapper .location-list .list-item .text p { font-size: 11px;margin-bottom: 10px;font-weight: 800;}
        .location-section .map-wrapper .backlayer { position: fixed; background: rgb(0 0 0 / 50%); left: 0; top: 0; width: 100%; height: 100vh; z-index: 111; display: none; }
        .location-feature .section-wrapper .feature-roles form { align-items: center; display: flex; width: 100%;}
        .location-feature .section-wrapper .feature-roles form input[type="text"]{width:70%;font-size: 12px;}


        .info-box{position: fixed; top:50%;transform: translateY(-50%);z-index: 11111; width:calc(100% - 40px);margin: 20px;left:0;}
        .info-box ul li span, .location-section .info-box p span{display: inline-block;}
        .info-box span{display: none;}
        .info-box h4{margin-top: 10px;}
        .info-box .close-icon {width: 100%;height: 20px;display: flex;justify-content: flex-end;transform: translateY(-13px) translateX(16px);}

        .location-header-section .check-box-wrapper .search-form input[type="text"]{width:100%}

        .iv-section h2{font-size: 25px; line-height: 30px;}
        .iv-section .text-part.inner-text-mid-right .text-wrapper p{font-size:16px;}


        .form-content-section .form-wrapper .form-area form .form-box .button-container .custom-button:hover { background-color: var(--blackColor); border-color:var(--blackColor); }
        .form-content-section .form-wrapper .form-area form .form-box .button-container .custom-button:active { background-color: var(--blackColor); border-color:var(--blackColor); }

        .header.background.header-dark .header-wrapper .right-part .language-switch { color: var(--whiteColor);}
        .header.background.header-dark svg rect{fill: var(--blackColor);}


        .career-detail-content .content-box p { font-size: 11px !important; line-height: 20px;margin-bottom: -7px;}
        .career-detail-content .content-box h3 { font-size: 15px; }
        .career-detail-content .form-wrapper .input-box label {font-size: 12px;}
        .career-detail-content .content-box .radio-btn-group .radio-btn label { font-size: 13px; }
        .career-detail-content .content-box .border-input-box { padding: 60px 25px !important; }
        .career-detail-content .content-box .border-input-box span { font-size: 11px; line-height: 0px;}
        .popup-box .popup-inner .pop-up-btns .custom-btn.alter-btn { padding: 10px 50px; border: none !important; }
        .popup-box .popup-inner .pop-up-btns .alter-btn:active { background-color: #f58c33; border: 1px solid #f58c33; color: white; }
        .inner-page-banner, .location-header-section { padding-top: 60px; }
        .career-detail-content .content-box h3:first-of-type { margin-top: 0px !important;font-size: 13px; }
        .career-detail-content .content-box h4 { font-size: 13px; }
        .inner-page-banner.banner-on-menu.career-banner .breadcrumbs { margin: 30px 0px 0px; }
        .inner-page-banner .banner-text{margin-top: 40px;}
        .inner-page-banner.banner-on-menu.career-banner h2, .inner-page-banner.banner-on-menu.career-banner h2 *{font-size: 20px !important; line-height: 30px !important;}
        .inner-page-banner.banner-on-menu.career-banner p{font-size: 15px;margin-top: 10px;line-height: 20px;}
        .inner-page-banner.banner-on-menu.career-banner span{font-size:15px;}
        .inner-page-banner.contact-front-banner .left-text span{font-size: 15px;}
        .location-header-section{padding-top: 100px;}

        .inner-page-banner.contact-front-banner .left-text span, .inner-page-banner.contact-front-banner .left-text p{text-transform: uppercase;}
        .inner-page-banner .breadcrumbs { margin: 40px 0px; }

        .contact-us-body .section-wrapper .side-image{display: none;}
        .banner-section .banner-wrapper .left-text h5.line:after {left: 13%; top: 5px;}
        .career-detail-content .content-box ul li:before{width: 5px; height: 5px;}
        .popup-box .popup-inner .pop-up-btns{display: flex;}
        .career-detail-content a.link { font-size: 13px; margin-top: 25px;}
        .career-detail-content .content-box .btn-wrapper input[type="submit"]{font-size: 13px !important;}
        .career-detail-content .form-wrapper .input-box.require{margin-bottom: 20px;}
        .become-partner .title .line:after { display: block; }

        .location-section .wrapper .location-list p.result + div#list_data{height: auto;}

        .iv-section .background-video{margin: -7vw 0px;}

        .iv-section#first-section .text-part{transform: scale(1) translateY(-85vw); top:0;}
        .iv-section#first-section .text-part p{display:none;}
        .iv-section#first-section .text-part h1{margin-bottom:20px;}
    
        .iv-section .text-part.inner-text-mid-right{justify-content: flex-start;}
        .iv-section .text-part.inner-text-mid-right .text-wrapper{transform: scale(1) translateY(-25vw) translateX(0); top:0;}
        .iv-section .text-part.inner-text-mid-right .text-wrapper h2{margin-bottom:20px;}
        .iv-section .text-part.inner-text-mid-right .text-wrapper p{display:none}
    
        .iv-section#third-section .text-part.inner-text-left {transform:scale(1) translateX(10vw) translateY(-65vw);}
        .iv-section .text-part.inner-text-right .text-wrapper{transform: scale(1) translateY(-75vw);}
        .iv-section .text-part.inner-text-right p{display:none;}
    
        .iv-section .text-part.inner-text-right .text-wrapper h2{margin-bottom:20px;}
        .iv-section .text-part.inner-text-right.main-right .text-wrapper{transform: scale(1) translateY(-40vw) translateX(-11vw);}
        .iv-section.top-text .text-part.inner-text-left{transform:scale(.9) translateX(5vw);}
        .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box label{font-size: 12px;}
        .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box input { font-size: 0.8rem; }
        .contact-us-body .section-wrapper .contact-form-section .contact-whole-body textarea { font-size: 0.8rem; }
        .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.custom-select input~label{font-size: 12px !important;}
        .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box textarea ~ label{font-size: 12px;}
        .career-detail-content .content-box .input-box textarea ~ label{font-size: 12px;}

        .background-video.responsive-part {
            display: block !important;
        }
        .background-video.mobile-hide{
            display: none !important;
        }
    }
    @media(max-width:600px){
        body{padding-right: 0px !important;}
        .about-us-banner.banner-section .banner-wrapper .reponsive-image img{transform: translateX(10%);}
        .slider-section .slick-dots{display: flex;}
        .slider-section .text p{font-size: 15px;line-height: 22px;}
        .cta-section{padding: 10px 0px;}
        .cta-section h2{font-size: 25px; line-height: 32px;max-width: 200px;}
        .cta-section a.custom-btn{margin-top: 5px;}
        .cta-section .text-wrapper h5{margin-bottom: 8px;}
        .banner-section .banner-wrapper .left-text h5.line{font-size:15px; text-transform: uppercase; position: relative;}
        .banner-section .banner-wrapper .left-text h5.line:after {content: '';width: 50px;height: 1px;background-color: var(--primaryColor);display: block;margin-top: 10px;}
        .banner-section .banner-wrapper .left-text p{font-size:15px;line-height:22px}

        .header .header-wrapper .left-part .trolley-icon svg{width:37px;height:35px;}
        .location-section .wrapper .location-list .list-item .image img{height:100px; object-position:center;}
        svg.desktop-icon { display: none; }

        .cta-section .text-wrapper h5 {font-weight: 400; }

        .page-loader svg.desktop-icon { display: inline-block; width:40px;height: 80px;}
        .page-loader .loader-line + p{font-size: 13px;}
        .page-loader .loader-line{width: 160px;}
    }
    @media(max-width:576px){
        .product-page-banner .product-wrapper{width: 100%; }
        .product-page-banner .product-wrapper .left-text{width: 100%;position: relative;z-index: 1;}
        .product-page-banner .product-wrapper .left-text h1{max-width: 87%;}
        .product-page-banner .product-wrapper{ background-size:100%; position:relative; }

        .inner-page-banner.banner-on-menu.contact-front-banner{background-size: 400px;}

        .become-partner{margin-bottom: -20px;}
        .trolley-moving-background .back-image{background-size: 100%;}
    }
    @media(max-width:481px){
        .header .header-wrapper .right-part .custom-btn{display: none;}
        .header .header-wrapper .right-part .custom-btn.alter-btn{display:none;}
        .one-stop-shop-slider img.absolute-background{width:250%;}
        .location-feature .section-wrapper .feature-roles form input[type="submit"] { padding: 7px 16px; font-size: 12px; font-family: 'bakura-extra-bold';}
        .location-feature .section-wrapper .feature-roles form input[type="text"]{max-width:auto;}

        .career-detail-content .content-box .radio-btn-group{flex-direction: column;}
        .career-detail-content .content-box .radio-btn-group .radio-btn{margin-bottom: 10px;}
        .career-detail-content .content-box .border-input-box{padding: 60px 40px;}
        .career-detail-content .content-box .btn-wrapper{margin-top: 30px;}
        .career-detail-content .content-box .input-box.require:before{font-size: 12px;}
        .career-detail-content .content-box .border-input-box { padding: 50px 10px; }

        .location-header-section .check-box-wrapper .search-form form input[type="text"] { max-width: 100%; }

        .inner-page-banner.contact-front-banner .custom-row .image img {width: 208%;}
        .thankyou-popup-box .popup-inner { max-width: 411px; }

        .form-content-section .form-wrapper .form-area form .form-box .button-container{justify-content: space-between;}
        .form-content-section .form-wrapper button{width: 100%;}

        .location-section .wrapper .location-list .no-result{height: 400px;}
        .location-section .wrapper .location-list p.first-msg { font-size: 14px; }
        .location-section .wrapper .location-list p { font-size: 12px; line-height: 22px; }

        .iv-section{height:auto;overflow:hidden;}
        .iv-section#first-section .text-part{transform: scale(.8) translateY(-95vw) translateX(-9vw);}
        .iv-section .text-part.inner-text-mid-right .text-wrapper{transform: scale(.8) translateY(-75vw) translateX(-8vw);}
        .iv-section#third-section .text-part.inner-text-left .text-wrapper{transform: scale(.8) translateY(-20vw) translateX(-8vw);}
        .iv-section .text-part.inner-text-right .text-wrapper{transform: scale(.8) translateY(-74vw) translateX(2vw);}
        .iv-section#fifth-section .top-text{transform: scale(.8) translateY(-95vw) translateX(-9vw);}
        .iv-section .text-part.inner-text-right.main-right .text-wrapper{transform: scale(.9) translateY(-55vw) translateX(7vw);}
        .location-header-section .check-box-wrapper .check-box-group { justify-content: normal; }
        .career-detail-content .form-wrapper .input-box input:focus-visible { outline: none !important; border: 2px solid var(--primaryColor) !important; }
    }

    @media(max-width:320px){
        .header .header-wrapper .menu.active { left: -45px; }
        .career-detail-content .content-box .radio-btn-group .radio-btn label{padding-right: 10px;}
        .career-detail-content { margin-top: -120px; }
        .career-detail-content .content-box .detail-text-content.close:after { bottom: -100px; }
    }

    @media(min-width:1240px){
        .container { max-width: 1224px; }
    }
    @media(min-width:1440px){
        .container{max-width: 1380px;}
    }



    /* Arabic language css start */
    html[lang="ar"]{direction: rtl;}
    html[lang="ar"] .form-content-section .form-wrapper .form-area form .form-box .input-box label{left:unset;right: 18px;}
    html[lang="ar"] .form-content-section .form-wrapper .form-area form .form-box .button-container .prev{margin-right:0;margin-left:15px;}
    html[lang="ar"] .form-content-section .form-wrapper .border-input-box .selected-file svg{margin-left:15px;}
    html[lang="ar"] .form-content-section .form-wrapper .form-area form .product-category .check-box label{margin: 0px 0px 15px 10px;}
    html[lang="ar"] .form-content-section .form-wrapper .form-area form .form-box .redio-btn-group .redio-btn{margin-right:0;margin-left:35px;}
    html[lang="ar"] .form-content-section .form-wrapper .form-area form .form-box ul li{padding-left:0;}
    html[lang="ar"] .form-content-section .form-wrapper .form-area form .form-box ul li:before{right:-30px;left:unset;}
    html[lang="ar"] .form-content-section .form-wrapper .progress-bar ul{padding-right:0}
    html[lang="ar"] .one-stop-shop-slider{direction:ltr;}
    html[lang="ar"] .banner-section .banner-wrapper{justify-content: flex-start;}
    html[lang="ar"] .slider-section .slider-wrapper{direction:ltr;}
    html[lang="ar"] .counter-section .about-wrapper .short-info{direction: rtl;}
    html[lang="ar"] .counter-section .about-wrapper .info-text h3{text-align: right;}
    html[lang="ar"] footer .contact-wrapper span{margin-right:0;margin-left:15px;}
    html[lang="ar"] footer .social-media-links a{margin-left:20px;margin-right:0px;}
    html[lang="ar"] .footer-bottomline .bottom-row .right-link ul li:not(:last-child):after{right:unset;left:-20px;}
    html[lang="ar"] .counter-section{direction: ltr;}
    html[lang="ar"] .form-content-section .form-wrapper .form-area form .form-box .input-box.require:after , html[lang="ar"] .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.require:after  {content: var(--requireFieldAR);}
    html[lang="ar"] .career-detail-content .content-box .input-box.invalid-file:before {content: var(--invalidFileAR);}
    html[lang="ar"] .form-content-section .form-wrapper .form-area form .form-box .input-box.invalid-email:after , html[lang="ar"] .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.invalid-email:after{content: var(--invalidEmailAR);}
    html[lang="ar"] .one-stop-shop-slider h2{direction: rtl;}
    html[lang="ar"] .one-stop-shop-slider img.absolute-background{transform: scaleX(-1);}
    html[lang="ar"] .one-stop-shop-slider .slick-list .slick-slide img {transform: scaleX(-1);}
    html[lang="ar"]  footer .contact-wrapper.change-dir-ar h6 {direction: ltr;}
    html[lang="ar"] .most-sold-products .slide-item h2{text-align: right;}

    html[lang="ar"] .inner-page-banner.contact-front-banner{direction: rtl; background-position: left center;}
    html[lang="ar"] .inner-page-banner.contact-front-banner .custom-row .left-text {text-align: right; display: flex; justify-content: center; align-items: baseline; flex-direction: column; }
    html[lang="ar"] .inner-page-banner.contact-front-banner .left-text h1{text-align: right;}

    html[lang="ar"] .inner-page-banner.contact-front-banner .contact-wrapper span{margin-right: 0px; margin-left:10px;}
    html[lang="ar"] .contact-us-body .section-wrapper .side-image { border-radius: 10px 0px 0px 10px; position: absolute; right: auto; left: 0; }
    html[lang="ar"] .contact-us-body .section-wrapper .contact-form-section{border-radius:0px 10px 10px 0px;}
    html[lang="ar"] .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box label{right:10px;left:auto !important;width: max-content;}
    html[lang="ar"] .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .floating-label select:not([value=""])~label{left:auto; right:10px;}
    html[lang="ar"] .contact-us-body .section-wrapper .contact-form-section a.arrow{right: auto;left: 0;}
    html[lang="ar"] .contact-us-body .section-wrapper{position: relative;}
    html[lang="ar"] .inner-page-banner.contact-front-banner .change-dir-ar a h6 { direction: ltr; }

    html[lang="ar"] .career-detail-content .form-wrapper .input-box label {left: auto; right:18px;}
    html[lang="ar"] .career-detail-content .form-wrapper .input-box input:focus~label,
    html[lang="ar"] .career-detail-content .form-wrapper .input-box input:valid~label,
    html[lang="ar"] .career-detail-content .form-wrapper .input-box input:not([value=""])~label{ left: auto; right: 10px;}
    html[lang="ar"] .career-detail-content .content-box .input-box.require:before{right: 0; left: auto; content:var(--requireFieldAR);}
    html[lang="ar"] .career-detail-content .content-box .input-box.invalid-email:before{right: 0; left: auto; content:var(--invalidEmailAR);}
    html[lang="ar"] .career-detail-content .content-box .input-box.select-box span{left:0; right: auto;}
    html[lang="ar"] .career-detail-content .content-box .radio-btn-group .radio-btn{margin-right:0px; margin-left:25px; padding-left:0; padding-right:25px;}
    html[lang="ar"] .career-detail-content .content-box .radio-btn-group .radio-btn label:after{left:auto;right:0;}
    html[lang="ar"] .career-detail-content .content-box .radio-btn-group .radio-btn label:before{left:auto; right:0;}
    html[lang="ar"] .header .header-wrapper .left-part .menu-icon { padding: 0px 0px 0px 10px; }
    html[lang="ar"] .header .header-wrapper .left-part .menu ul{padding-right: 0px;}
    html[lang="ar"] .location-feature .section-wrapper .location-section .select-box span.arrow{left: 0; right: auto;}
    html[lang="ar"] .location-feature .section-wrapper .feature-roles form span.search-icon{margin-left:10px; margin-right: 10px;}
    html[lang="ar"] .location-feature .section-wrapper .feature-roles{border-radius: 10px 0px 0px 10px;}
    html[lang="ar"] .location-feature .section-wrapper .location-section{border-radius: 0px 10px 10px 0px;}
    html[lang="ar"] .location-feature .section-wrapper{position: relative;}

    html[lang="ar"] .inner-page-banner.contact-front-banner .breadcrumbs ul li a:after {    left: -30px; right: auto; transform: rotate(180deg) !important;}
    html[lang="ar"] .inner-page-banner.contact-front-banner .breadcrumbs ul li {margin-right: 0px;margin-left:40px;}

    html[lang="ar"] .header .header-wrapper .right-part .language-switch{margin-left: 0px;}

    html[lang="ar"] .inner-page-banner .breadcrumbs{display:flex;}
    html[lang="ar"] .inner-page-banner .breadcrumbs ul{padding-right:0px;}
    html[lang="ar"] .inner-page-banner .breadcrumbs ul li{margin-right:0px;margin-left:40px;}
    html[lang="ar"] .inner-page-banner .breadcrumbs ul {display:flex;}
    html[lang="ar"] .inner-page-banner .breadcrumbs ul li a:after{left:-30px; transform:rotate(0deg); line-height:10px; right:auto;}

    html[lang="ar"]  .career-detail-content .content-box pre { white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; line-height: 26px; }

    html[lang="ar"] .product-page-banner .slick-slider{direction:ltr;}
    html[lang="ar"] .product-page-banner .product-slider .container{position:relative;}
    html[lang="ar"] .product-page-banner .product-slider .slick-dots{display:flex;right: 40px;justify-content: flex-end;}
    html[lang="ar"] .product-page-banner .product-wrapper{background-position: left bottom;}
    html[lang="ar"] .product-page-banner .product-wrapper .left-text{float:right; text-align: right; direction: rtl; padding-left: 15px;}
    html[lang="ar"] .product-page-banner .product-wrapper .left-text h1 > span{display:inline-block;}
    html[lang="ar"] .product-page-banner .product-wrapper .left-text h1 {line-height: 2.5rem; }


    html[lang="ar"] .new-products h2 {direction: initial;}
    html[lang="ar"] .become-partner{background-position: left bottom;}
    html[lang="ar"] .become-partner .title p { text-align: right; direction: rtl;}


    html[lang="ar"] .most-sold-products .slick-slider{direction:ltr;}
    html[lang="ar"] .most-sold-products .slide-item{ background-position: left 50px;}
    html[lang="ar"] .most-sold-products .container {display: flex;justify-content: center;flex-direction: column;align-items: flex-start; text-align:left; direction: rtl;}
    html[lang="ar"] .most-sold-products .container .slick-dots{transform:scaleX(1);}

    html[lang="ar"] footer .custom-row > .custom-column .social-media-links { direction: initial; text-align: end; }

    html[lang="ar"] .one-stop-shop-slider::after{transform: scaleX(-1);z-index: -11;}
    html[lang="ar"] .form-content-section .form-wrapper .border-input-box .selected-file .close-icon { left: 0; right: auto; width: 45px; }
    html[lang="ar"] .form-content-section .form-wrapper .border-input-box.require:before{left: auto;right:0;margin-right: 18px; content:var(--requireFieldAR);}

    html[lang="ar"] .location-section .wrapper .location-list .list-item{margin:20px 5px 20px 20px;}
    html[lang="ar"] .location-section .wrapper .location-list .list-item .text .left-part{text-align:right;padding-right: 15px;}
    html[lang="ar"] .location-section .wrapper .location-list .list-item .text p{text-align:right;}
    html[lang="ar"]  .location-section .location-map-wrapper{left: 0; right:auto;}
    html[lang="ar"] .info-box { left: auto; right: 35px; }
    html[lang="ar"] .info-box {text-align: right;}
    html[lang="ar"] .location-section .map-wrapper .info-box .close-icon{left:15px;right:auto;}
    html[lang="ar"] .location-section .map-wrapper .info-box span.email-detail { width: 118px !important; }

    html[lang="ar"] .trolley-moving-background .back-image img.trolley-cart{animation: trolleyMove 10s infinite linear; transform: scale(-1);z-index: 1;}
    html[lang="ar"] .career-detail-content .content-box p{line-height: 34px;}

    html[lang="ar"] .trolley-moving-background .back-image{transform: scale(-1, 1);}
    html[lang="ar"] .trolley-moving-background{transform: scale(-1, 1);}
    html[lang="ar"] footer .responsive-part .top-part h3{margin-left: auto; margin-right: 20px;}
    html[lang="ar"] footer .responsive-part .bottom-part ul { width: 160px; margin-bottom: 0px; }

    html[lang="ar"] .one-stop-shop-slider  .trolley-moving-background .back-image { transform: scale(1, 1); position: absolute;}

    html[lang="ar"] footer .contact-wrapper.change-dir-ar i { transform: rotate(0deg); }
    html[lang="ar"] .form-content-section .form-wrapper .form-area form .form-box .input-box.require:after, html[lang="ar"] .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.require:after{margin-right: 18px;}
    html[lang="ar"] .form-content-section .form-wrapper .form-area form .form-box .input-box.invalid-email:after, html[lang="ar"] .contact-us-body .section-wrapper .contact-form-section .contact-whole-body .input-box.invalid-email:after{margin-right: 18px;}
    html[lang="ar"] .form-content-section .form-wrapper .form-area form .form-box .redio-btn-group .redio-btn {padding-right: 30px;padding-left: 0px;}
    html[lang="ar"] .form-content-section .form-wrapper .form-area form .form-box .redio-btn-group .redio-btn label::after {right: 0px;}
    html[lang="ar"] .form-content-section .form-wrapper .form-area form .form-box .redio-btn-group .redio-btn label::before {right: 0;}

    html[lang="ar"] .career-detail-content .content-box .input-box.require:before{margin-right: 18px;}
    html[lang="ar"] .custom-select .custom-list.unselected:before {content: var(--requireFieldAR);right: 18px;}
    html[lang="ar"] .career-detail-content .content-box .btn-wrapper{text-align: left;}
    html[lang="ar"] .career-detail-content .content-box .radio-btn-group .radio-btn label{padding-right: 10px;}

    html[lang="ar"] .location-feature .section-wrapper .feature-roles h4,
    html[lang="ar"] .location-feature .section-wrapper .feature-roles h4 *,
    html[lang="ar"] .location-feature .section-wrapper .feature-roles h4 p{text-align: right;}

    html[lang="ar"] .location-feature pre{text-align: right;}
    html[lang="ar"] .inner-page-banner.banner-on-menu.career-banner h2, html[lang="ar"]  .inner-page-banner.banner-on-menu.career-banner h2 *{text-align: right; direction:rtl; font-family: 'bakura-extra-bold';color: var(--primaryColor);}
    html[lang="ar"] .inner-page-banner .banner-text pre {color: #fff;direction:rtl;font-family: 'bakura-reguler';text-align: right;}
    html[lang="ar"] .header .header-wrapper .left-part .menu ul { display: flex; }
    html[lang="ar"] .career-detail-content .content-box pre{font-family: 'bakura-reguler'; direction: rtl; text-align: right; overflow: hidden;font-size: 18px; line-height: 1.8;}
    html[lang="ar"] .career-detail-content .content-box ul {padding-right: 20px;}
    html[lang="ar"] .career-detail-content .content-box ul li:before {right: -20px;top: 14px;white-space: normal;}
    html[lang="ar"] .career-detail-content .content-box ul li {font-size: 16px; line-height: 24px;}
    html[lang="ar"] .counter-section .about-wrapper h5{text-align: right;}
    html[lang="ar"] .career-detail-content .content-box ul{padding-right: 0px;}
    html[lang="ar"] .career-detail-content .content-box .border-input-box.require:before{content:'تتطلب المجال';right: 18px;margin-left: 0;left: auto;}
    html[lang="ar"] .inner-page-banner .banner-text{margin-top: 50px;}

    html[lang="ar"] .iv-section#first-section .text-part { left: 0; right: auto; }
    html[lang="ar"] .iv-section .text-part.inner-text-mid-right{right:0;left:auto;justify-content: flex-start;}
    html[lang="ar"] .iv-section#third-section .text-part.inner-text-left {left: 0;}
    html[lang="ar"] .iv-section#fourth-section .text-part.inner-text-right{justify-content:flex-start;}
    html[lang="ar"] .iv-section.top-text .text-part.inner-text-left{left:0;}
    html[lang="ar"] .iv-section .text-part.inner-text-right{justify-content:flex-start;}
    html[lang="ar"] .one-stop-shop-slider { padding: 94px 0px 130px; }

    html[lang="ar"] .one-stop-shop-slider .container{z-index: 0 ; position: relative;}

    html[lang="ar"] .location-feature .section-wrapper .location-section .location-list ul{padding: 0;}

    html[lang="ar"] .form-content-section .form-wrapper .progress-bar ul li.done:first-child{transform:translateX(5px) scale(.7);}
    html[lang="ar"] .form-content-section .form-wrapper .progress-bar ul li.done:first-child:before{display:none;}

    html[lang="ar"] .form-content-section .form-wrapper .border-input-box .text strong{text-align: right;}
    html[lang="ar"] .location-section .map-wrapper .info-box span {margin-left: 5px;}
    html[lang="ar"] .info-box p span {width: max-content;}
    html[lang="ar"] .info-box ul li span {min-width: 68px;display: block;}
    html[lang="ar"] .info-box p i.green {width: 70px;display: inline-flex;}
    html[lang="ar"] .info-box ul + p span {width: 120px !important;}
    html[lang="ar"] .info-box ul {padding-right: 52px;}
    html[lang="ar"] .info-box {max-width: 356px;}

    html[lang="ar"] .slider-section h2 {max-width: 290px;}
    html[lang="ar"] .slider-section .text p {max-width: 280px;}

    html[lang="ar"] .counter-section .about-wrapper{direction: rtl;}
    html[lang="ar"] .location-section .wrapper .location-list .list-item .text p{color: #505050;}
    html[lang="ar"] .location-section .wrapper .location-list .list-item .text .left-part .bottom-info a{color: #505050;direction: ltr;}
    html[lang="ar"] .location-section .wrapper .location-list .list-item .text .left-part .bottom-info a:hover{color: var(--primaryColor);}
    html[lang="ar"] .location-section .wrapper .location-list .no-result img { transform: scaleX(-1); margin-top: -100px;}

    html[lang="ar"] .inner-page-banner .breadcrumbs ul li a:after { left: -30px; right: auto; transform: rotate(180deg) !important; }
    html[lang="ar"] .inner-page-banner.partner-page-banner .breadcrumbs ul li a:after{ transform: rotate(0deg);}
    html[lang="ar"] .inner-page-banner.contact-front-banner .breadcrumbs ul li a:after {left: auto; right: -30px;transform: rotate(0deg) !important;}


    html[lang="ar"] .career-banner .breadcrumbs ul li a:after{transform: rotate(0deg); }
    html[lang="ar"] .popup-box .popup-inner p{direction: initial;}


    html[lang="ar"] .career-detail-content .content-box ul li {position: relative;padding-left: 0px;padding-right: 20px;}

    html[lang="ar"] .career-detail-content .content-box ul li:before {content: '';display: inline-block;width: 8px;height: 8px;background: var(--primaryColor);border-radius: 10px;right: 0;top:10px;}
    html[lang="ar"] .location-header-section .check-box-wrapper .search-form span.search-icon{transform: scale(-1,1);}

    html[lang="ar"] .location-feature .section-wrapper .feature-roles form span.search-icon{transform: scale(-1,1);}
    html[lang="ar"] .career-detail-content .content-box .border-input-box .text strong{text-align: right;}
    html[lang="ar"] .become-partner .title h2 { max-width: 250px; margin-right: 0; margin-left: auto; }

    html[lang="ar"] .location-header-section .check-box-wrapper .search-form input[type="submit"]{padding:5px 30px;}
    html[lang="ar"] .location-header-section .check-box-wrapper .check-box-group .checkbox-item label{font-size: 13px;}
    html[lang="ar"] footer .custom-row { grid-template-columns: 2fr 1.5fr 1.5fr 2fr; }
    html[lang="ar"] footer .contact-wrapper h6 { font-size: 16px; }
    html[lang="ar"] .career-detail-content .content-box p { font-size: 18px; }
    html[lang="ar"] .inner-page-banner.banner-on-menu.career-banner p{padding-top: 5px;}

    html[lang="ar"] .location-section .wrapper .location-list .list-item .image img{margin:15px 0px 15px 0px;width:100%;}
    html[lang="ar"] .location-section .wrapper .location-list .list-item .image{width:30%;}
    html[lang="ar"] .info-box ul ~ p {display: grid;grid-template-columns: 1fr 5fr;}

    html[lang="ar"] .iv-section .text-part.inner-text-mid-right{margin-right: 10%;}
    html[lang="ar"] .new-products a.custom-btn.check-them-out-btn {width: 148px; }
    html[lang="ar"] .most-sold-products .slide-item a.custom-btn.check-them-out-btn { width: 155px;padding: 9px 42px; }
    html[lang="ar"] .become-partner .title .custom-btn { padding: 9px 31px; width: 159px; }
    html[lang="ar"] .info-box p a{direction: ltr;font-size: 9px;}

    html[lang="ar"] .location-section .wrapper .location-list .list-content{ margin: 0px 0px 0px 15px;}
    html[lang="ar"] .header .header-wrapper .right-part .custom-btn{padding: 13px 40px;}
    html[lang="ar"] .header .header-wrapper .right-part .custom-btn.alter-btn { padding: 13px 52px; }
    html[lang="ar"] #sixth-section.iv-section .text-part .custom-btn { padding: 10px 54px; }
    html[lang="ar"] .info-box p i { padding-left: 48px; }
    html[lang="ar"] .header .header-wrapper .right-part .custom-btn.alter-btn { padding: 13px 47px; }
 
    html[lang="ar"] .header .header-wrapper .right-part .custom-btn {padding: 13px 35px;}

    html[lang="ar"] .inner-page-banner.contact-front-banner .breadcrumbs ul li { direction: rtl; transform: scaleX(-1); }
    html[lang="ar"] .inner-page-banner.contact-front-banner .breadcrumbs ul li a { direction: rtl; }

    html[lang="ar"] .banner-section{background-position: left;}

    html[lang="ar"] code, 
    html[lang="ar"]  kbd,
    html[lang="ar"]  pre,
    html[lang="ar"] samp{direction: rtl;}

    html[lang="ar"] .header .header-wrapper .left-part .trolley-icon { padding: 0px 0px 0px 0px; }

    @media(max-width:1440px){
        html[lang="ar"] .location-section .wrapper .location-list .list-item .image{width:100%;margin:0px;}
        html[lang="ar"] .location-section .wrapper .location-list .list-item .image img{margin:0px;}
        html[lang="ar"] .location-section .wrapper .location-list .list-item{justify-content: space-between;}
        html[lang="ar"] .iv-section .text-part.inner-text-mid-right{margin-right: 0%;}
    }
    @media(max-width:1440px){
    .career-detail-content .content-box p{margin-bottom: 20px;}
    }

    @media(max-width:1199px){
        html[lang="ar"] .header .header-wrapper .left-part .menu ul li{padding:0px 10px;}
        html[lang="ar"] .header .header-wrapper .right-part a.language-switch{margin-left:0;margin-right:15px;}
        html[lang="ar"] .header .header-wrapper .right-part .custom-btn.alter-btn{margin-right:10px;}
        html[lang="ar"] footer div ul{padding-right: 0px;}
        html[lang="ar"] .footer-bottomline .bottom-row p{text-align: right;}
        html[lang="ar"] .footer-bottomline .bottom-row .right-link ul{padding-right: 0px;}
        html[lang="ar"] .footer-bottomline .bottom-row .right-link ul li { margin: 0px 0px 0px 40px; }

        html[lang="ar"] .location-section .wrapper .location-list .list-item .image { width: 100%; margin-right: 0px; }
    }
    @media(max-width:991px){
        html[lang="ar"] .form-content-section .form-wrapper .border-input-box .text strong { text-align: right; font-size: 12px; }
        html[lang="ar"] .career-detail-content .content-box .border-input-box .selected-file svg{margin-left:10px;margin-right: 0px;}
        html[lang="ar"] .career-detail-content .content-box .border-input-box .close-icon { font-size: 24px; right: auto; left: 0; }
        html[lang="ar"] .counter-section .about-wrapper .short-info { padding: 26px 22px; }

        html[lang="ar"] .inner-page-banner.banner-on-menu.career-banner .banner-text { margin-top: 100px; }
        html[lang="ar"] .header .header-wrapper .left-part .menu ul{flex-direction: column;}
        html[lang="ar"] .career-detail-content .content-box p{line-height: 30px;}
        html[lang="ar"] .border-input-box .text span {padding-left: 5px; }
        html[lang="ar"] .location-section .wrapper .location-list .list-item { margin: 20px 5px 20px 35px; }

        html[lang="ar"] .location-section .wrapper .location-list .list-item .image img{width:100%;margin: 0px;}
        html[lang="ar"] footer .custom-row { grid-template-columns: 1fr 1fr; }
        html[lang="ar"] #sixth-section.iv-section .text-part .custom-btn { padding: 10px 53px; }
        html[lang="ar"] .iv-section.fifth .text-part.white-color .custom-btn { padding: 10px 61px; }
        html[lang="ar"] .career-detail-content .content-box p { margin-bottom: 10px; }
        html[lang="ar"] .inner-page-banner.banner-on-menu.career-banner p { padding-top: 0px; }
 

        .trolley-moving-background .back-image img.trolley-cart{animation-duration: 8s !important;}
    }

    @media(max-width:767px){
        html[lang="ar"] .info-box { text-align: right; left: 0; right: 0; }
        html[lang="ar"] .location-section .info-box p span { width: max-content; margin-left: 5px;}
        html[lang="ar"] .location-section .map-wrapper .info-box .close-icon{left:0;}
        html[lang="ar"]  .location-section .wrapper .location-list .list-item .image{margin: 0px;}
        html[lang="ar"] .location-section .wrapper .location-list .list-item { margin: 20px 5px 20px 0px; }
        html[lang="ar"] .form-content-section .form-wrapper .border-input-box .selected-file .close-icon{width:20px;}

        html[lang="ar"] .inner-page-banner.banner-on-menu.career-banner .banner-text{margin-top:20px;}

        html[lang="ar"] .popup-box .popup-inner .pop-up-btns .custom-btn{padding: 10px 25px;}
        html[lang="ar"] .career-detail-content .content-box ul li {margin-bottom: 0px; font-size: 12px; line-height: 17px;}
        html[lang="ar"] .career-detail-content .content-box ul li:before{width: 5px; height: 5px;}
        html[lang="ar"] .product-page-banner .product-wrapper .left-text{padding-right: 0px;}
        html[lang="ar"] .product-page-banner .product-wrapper .left-text h1{line-height: 40px;}

        html[lang="ar"] .career-detail-content .content-box p{line-height: 20px;}
        html[lang="ar"] .career-detail-content a.link { font-size: 13px; }
        /* html[lang="ar"] .location-section{margin-top: -100px;} */
        html[lang="ar"] footer .custom-row { grid-template-columns: 1fr; }
        html[lang="ar"] .inner-page-banner.banner-on-menu.career-banner p { padding-top: 0px; }
        html[lang="ar"] .info-box{margin: auto;}
        html[lang="ar"] .banner-section .banner-wrapper .left-text h5.line:after { left: 72%; }
        html[lang="ar"] .form-content-section .form-wrapper button.submit { padding: 7px 37px; }
        
        .one-stop-shop-slider .owl-carousel .owl-item .mt-5{margin: 0px !important;}

        .trolley-moving-background .back-image img.trolley-cart{animation-duration: 5s !important;width:100px;}
        html[lang="ar"] .one-stop-shop-slider { padding: 94px 0px 70px; }
        html[lang="ar"] .product-page-banner .product-slider .slick-dots{right: 20px;}
        html[lang="ar"] .iv-section#first-section .text-part { left: auto; right: 25px; }

        html[lang="ar"] .inner-page-banner.banner-on-menu.contact-front-banner { background-position: left 70%; }
    }

    @media(max-width:481px){
        html[lang="ar"] .iv-section#first-section .text-part { right: 0; }
    }

    /* loader style */
    .block_innerdiv{background-image:url(../images/AjaxLoader.gif);height:64px;width:64px;display:inline-block;z-index:99999999;}
    .block_outerdiv{width:100%;opacity:0.7;display:none;position:absolute;z-index:99999999;margin:0 auto;text-align:center;background-image:url(../images/transperent-bg.png);background-repeat:repeat;}



    @media (hover: none) {
        .form-content-section .form-wrapper .form-area form .form-box .button-container .next:hover{background-color: var(--primaryColor);border-color:var(--primaryColor);}
        .form-content-section .form-wrapper .form-area form .form-box .button-container .next:active{background-color: var(--blackColor);border-color:var(--blackColor);}

        .contact-us-body .section-wrapper .contact-form-section .send:hover{background-color: var(--primaryColor);}
        .contact-us-body .section-wrapper .contact-form-section .send:active{background-color: var(--blackColor) ;}

        .location-feature .section-wrapper .feature-roles form input[type="submit"]:hover{background-color: var(--primaryColor);}
        .location-feature .section-wrapper .feature-roles form input[type="submit"]:active{background-color: var(--blackColor);}

        .location-header-section .check-box-wrapper .search-form input[type="submit"]:hover{background-color: var(--primaryColor);}
        .location-header-section .check-box-wrapper .search-form input[type="submit"]:active{background-color: var(--blackColor);}


        html[lang="ar"] .location-section .wrapper .location-list .list-content{ margin: 0px 0px 0px 0px;}

    }