﻿.arrow {
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}

.arrowDir {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.uk-accordion-title::before {
    float: left !important;
}

html {
    scroll-behavior: smooth;
}

.btn-white {
    color: #e3000e !important;
    background-color: #ffffff;
    border-color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/*newsletter-AR-textbox*/

.careers-signup-input {
    border: 2px solid white !important;
    color: white !important;
    background: transparent !important;
    border-radius: 0px 40px 40px 0px !important;
    letter-spacing: 1px;
    letter-spacing: 1px;
    font-weight: bold;
    text-transform: none;
}
.careers-signup-input::placeholder {
    color: whitesmoke !important;
}

.careers-signup-append-div {
    margin-right: -35px;
}

.careers-signup-button {
    border-radius: 40px !important;
    letter-spacing: 1px;
    font-weight: bold;
    color: #e3000e !important;
    text-transform: capitalize;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: whitesmoke;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
    background: transparent !important;
}

@media all and (max-width: 2000px) { /* your content here */
    /* For desktop: */

    /* menu */

    .burger-menuX {
        display: none !important;
    }

    .menuBG {
        background: #fff !important;
        color: #ff0000 !important;
        display: block !important;
    }

    /* banner */

    .banner1 {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-10.png);
        background-color: #0091CF !important;
        background-size: cover !important;
        background-position: bottom right !important;
        background-repeat: no-repeat !important;
        height: 500px !important;
    }

    #hero-3 .slider {
        height: 650px !important;
    }

    .bnnr-text {
        padding-top: 250px !important;
        padding-left: 150px !important;
        padding-right: 150px !important
    }

    .searchh {
        border-radius: 150px;
        background-color: #d8edf9;
        margin-top: 80px;
        height: 80px;
        width: 600px;
    }

    .searchbtn {
        width: 530px;
        border-radius: 50px !important;
        letter-spacing: 1px;
        font-weight: bold;
        color: #e3000e !important;
        text-transform: capitalize;
    }

    /* Join Us Section */

    #join-us {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-13.png) !important;
        background-position: bottom left !important;
        margin-top: 0px !important;
        background-color: #FFFFFF;
        height: 650px;
        padding-top: 150px !important
    }

    /* Our Programs Section */

    #traningprogram {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-14.png) !important;
        background-position: top left !important;
        margin-top: 0px !important;
        background-color: #b7ddf3 !important;
        height: 850px !important;
    }

    .career {
        background-size: cover;
        background-position: center;
        margin-right: -20px !important;
        height: 320px !important;
        width: 400px !important;
    }
    /* Great Experience Section */

    #grtegrtt {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-11.png) !important;
        background-position: center !important;
        background-color: #FFF;
        color: #0091CF !important;
        font-weight: 600 !important;
        height: 750px !important;
        padding-top: 100px !important;
    }

    .grtegrtt-cont {
        margin-right: 200px !important;
    }

    .grtegrtt-img {
        border-radius: 25px !important;
        margin-top: 150px !important;
        margin-left: 150px !important
    }

    .grtegrtt-adjust {
        margin-right: -100px !important;
    }

    /* Statement Section */

    #whether {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/headerbg-big.png) !important;
        margin-top: 0px !important;
        background-color: #FF0000;
        height: 550px !important;
        padding-left: 100px !important;
        padding-right: 100px !important;
        /*padding-top: 100px !important;*/
    }

    /* recipe */

    .btnAdjustLeft {
        margin-left: -110px !important;
    }

    .btnAdjustLeftRemoveTop {
        margin-left: -110px !important;
    }

    /* section themari */

    .sct {
        height: 950px !important;
        padding-top: 150px !important
    }

    .fntsize1 {
        font-size: 75px !important;
    }

    /* section click and collect */

    .sctClick {
        height: 950px !important;
        padding-top: 100px !important
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: left !important;
    }

    /*UIKit override*/
    .uk-open > .uk-accordion-title::before {
        background-image: url("https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/down-arrow.png") !important;
        background-size: 30px 20px;
    }

    .uk-accordion-title::before {
        background-image: url("https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/right-arrow.png") !important;
        background-size: 20px 30px;
    }

    .about-img {
        position: absolute;
        left: 0px;
        margin-left: -30px;
        margin-top: -216px;
        width: 250px;
        z-index: 1;
    }

    .uk-accordion-title {
        font-size: 2.25rem !important;
    }

    .uk-accordion-content {
        margin: 10px;
        font-family: 'JFFlat-Regular';
    }

    .uk-grid {
        flex-wrap: nowrap;
        margin: auto;
    }

    .uk-card-body {
        padding: 10px 10px !important;
        text-align: center !important;
    }
}

@media all and (max-width: 1715px) { /* your content here */
    /* For desktop: */

    /* menu */

    .burger-menuX {
        display: none !important;
    }

    .menuBG {
        background: #fff !important;
        color: #ff0000 !important;
        display: block !important;
    }

    /* banner */

    .banner1 {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-10.png);
        background-color: #0091CF !important;
        background-size: cover !important;
        background-position: bottom right !important;
        background-repeat: no-repeat !important;
        height: 500px !important;
    }

    #hero-3 .slider {
        height: 650px !important;
    }

    .bnnr-text {
        padding-top: 250px !important;
        padding-left: 150px !important;
        padding-right: 150px !important
    }

    .searchh {
        border-radius: 150px;
        background-color: #d8edf9;
        margin-top: 50px;
        height: 100px;
        width: 600px;
    }

    .searchbtn {
        width: 530px;
        border-radius: 50px !important;
        letter-spacing: 1px;
        font-weight: bold;
        color: #e3000e !important;
        text-transform: capitalize;
    }

    /* Join Us Section */

    #join-us {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-13.png) !important;
        background-position: bottom left !important;
        margin-top: 0px !important;
        background-color: #FFFFFF;
        height: 650px;
        padding-top: 150px !important
    }

    /* Our Programs Section */

    #traningprogram {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-14.png) !important;
        background-position: top left !important;
        margin-top: 0px !important;
        background-color: #b7ddf3 !important;
        height: 850px !important;
    }

    .career {
        background-size: cover;
        background-position: center;
        margin-right: -20px !important;
        height: 320px !important;
        width: 400px !important;
    }

    /* Great Experience Section */

    #grtegrtt {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-11.png) !important;
        background-position: center !important;
        background-color: #FFF;
        color: #0091CF !important;
        font-weight: 700 !important;
        height: 750px !important;
        padding-top: 100px !important;
    }

    .grtegrtt-cont {
        margin-right: 100px !important;
    }

    .grtegrtt-adjust {
        margin-right: -50px !important;
    }

    /* Statement Section */

    #whether {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/headerbg-big.png) !important;
        margin-top: 0px !important;
        background-color: #FF0000;
        height: 830px !important;
        padding-left: 50px !important;
        padding-right: 50px !important;
        padding-top: 200px !important;
    }

    /* recipe */

    .btnAdjustLeft {
        margin-left: -110px !important;
    }

    .btnAdjustLeftRemoveTop {
        margin-left: -110px !important;
    }

    /* section themari */

    .sct {
        height: 950px !important;
        padding-top: 150px !important
    }

    .fntsize1 {
        font-size: 75px !important;
    }

    /* section click and collect */

    .sctClick {
        height: 950px !important;
        padding-top: 100px !important
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: left !important;
    }

    /*UIKit override*/
    .uk-open > .uk-accordion-title::before {
        background-image: url("https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/down-arrow.png") !important;
        background-size: 30px 20px;
    }

    .uk-accordion-title::before {
        background-image: url("https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/right-arrow.png") !important;
        background-size: 20px 30px;
    }

    .about-img {
        position: absolute;
        left: 0px;
        margin-left: -30px;
        margin-top: -216px;
        width: 250px;
        z-index: 1;
    }

    .uk-accordion-title {
        font-size: 2.25rem !important;
    }

    .uk-accordion-content {
        margin: 10px;
        font-family: 'JFFlat-Regular';
    }

    .uk-grid {
        flex-wrap: nowrap;
        margin: auto;
    }

    .uk-card-body {
        padding: 10px 10px !important;
        text-align: center !important;
    }
}

@media all and (max-width: 1280px) { /* your content here */
    /* For tablet: */

    /* menu */

    #tcontent, #tline {
        display: none !important
    }

    .burger-menuX {
        display: block !important;
    }

    /* banner */

    .banner1 {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-10.png);
        background-color: #0091CF !important;
        background-size: cover !important;
        background-position: bottom right !important;
        background-repeat: no-repeat !important;
        height: 500px !important;
    }

    #hero-3 .slider {
        height: 500px !important;
    }

    .bnnr-text {
        padding-top: 50px !important;
        padding-left: 150px !important;
        padding-right: 150px !important
    }

    .searchh {
        border-radius: 150px;
        background-color: #d8edf9;
        margin-top: 50px;
        height: 100px;
        width: 600px;
    }

    .searchbtn {
        width: 530px;
        border-radius: 50px !important;
        letter-spacing: 1px;
        font-weight: bold;
        color: #e3000e !important;
        text-transform: capitalize;
    }

    /* Join Us Section */

    #join-us {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-13.png) !important;
        background-position: bottom right !important;
        margin-top: 0px !important;
        background-color: #FFFFFF;
        height: 650px;
        padding-top: 150px !important
    }

    /* retail store operations section */

    #grtegrtt {
        background-color: #FFF;
        height: 650px !important
    }

    /* our programs image */

    .career {
        margin-right: -20px !important;
        height: 410px !important;
        width: auto !important;
    }

    #traningprogram {
        height: 850px !important;
    }

    /* Great Experience Section */

    #grtegrtt {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-11.png) !important;
        background-position: center !important;
        background-color: #FFF;
        color: #0091CF !important;
        font-weight: 700 !important;
        height: 950px !important;
        padding-top: 100px !important;
    }

    .grtegrtt-cont {
        margin-right: 10px !important;
    }

    .grtegrtt-img {
        border-radius: 25px !important;
        margin-top: 150px !important;
        margin-left: 20px !important
    }

    .grtegrtt-adjust {
        margin-right: 0px !important;
    }

    .btnWid {
        max-width: 100% !important;
        width: 100% !important;
    }

    btnAdjustLeftRemoveTop {
        margin-left: -110px !important;
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: left !important;
    }

    /*UIKit override*/
    .uk-open > .uk-accordion-title::before {
        background-image: url("https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/down-arrow.png") !important;
        background-size: 30px 20px;
    }

    .uk-accordion-title::before {
        background-image: url("https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/right-arrow.png") !important;
        background-size: 20px 30px;
    }

    .uk-accordion-content {
        margin: 10px;
        font-family: 'JFFlat-Regular';
    }

    .uk-grid {
        flex-wrap: nowrap;
        margin: auto;
    }

    .uk-card-body {
        padding: 10px 10px !important;
        text-align: center !important;
    }
}

@media all and (max-width: 680px) {
    /* For Mobile Browser - Should be same as Mobile Device */

    /* menu */

    .burger-menuX {
        display: block !important;
    }

    /* banner */

    .banner1 {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-10.png);
        background-color: #0091CF !important;
        background-size: cover !important;
        background-position: bottom left !important;
        background-repeat: no-repeat !important;
        height: 500px !important;
    }

    #hero-3 .slider {
        height: 700px !important;
    }

    .bnnr-text {
        padding-top: 120px !important;
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .searchh {
        border-radius: 20px !important;
        padding-left: 15px !important;
        background-color: #d8edf9 !important;
        margin-top: 40px !important;
    }

    .search-plchldr {
        text-align: center !important;
    }

    .searchbtn {
        width: 480px;
        border-radius: 13px !important;
        letter-spacing: 1px;
        font-weight: bold;
        color: #e3000e !important;
        text-transform: capitalize;
    }

    /* join us section */

    #join-us {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-13.png) !important;
        background-position: 0px -95px !important;
        margin-top: 0px !important;
        background-color: #FFFFFF;
        height: 800px;
        padding-top: 150px !important
    }

    /* Great Experience Section */

    #grtegrtt {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-11.png) !important;
        background-position: bottom right !important;
        background-color: #FFF;
        color: #0091CF !important;
        font-weight: 700 !important;
        height: 730px !important;
        padding-top: 50px !important;
    }

    .app-btn {
        text-align: center !important;
    }

    /* retail store operations section */

    #grtegrtt {
        background-color: #FFF;
        height: 1000px !important
    }

    /* retail store services section */

    #rs-svc {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/about/headerbg-big.png) !important;
        background-position: center !important;
        margin-top: 0px !important;
        background-color: #FFFFFF;
        height: 1150px !important;
        padding-top: 30px !important
    }

    #greateexp {
        height: 700px !important;
    }

    /* our programs image */

    .career {
        margin-right: 0px !important;
        height: 410px !important;
        width: auto !important;
    }

    #traningprogram {
        height: 900px !important;
    }

    .mobile-text {
        text-align: center;
    }

    .app-btn {
        text-align: center !important;
    }

    .boxx {
        border-radius: 50px !important;
    }

    #programnews {
        height: 2200px !important;
    }

    /* recipe */
    .btnWid {
        max-width: 100% !important;
        width: 100% !important;
    }

    .btnAdjustLeft {
        margin-left: -30px !important;
        margin-top: 30px !important;
    }

    .btnAdjustLeftRemoveTop {
        margin-left: -30px !important;
    }

    .zoom {
        zoom: 0.85 !important;
    }

    .zoom1 {
        zoom: 0.85 !important;
    }

    .zoom2 {
        zoom: 0.85 !important;
    }

    /* section themari */

    .sct {
        height: 950px !important;
        padding-top: 50px !important;
        padding-bottom: 100px !important
    }

    .fntsize1 {
        font-size: 55px !important;
        text-align: center !important;
    }

    /* section click and collect */

    .sctClick {
        height: 1050px !important;
        padding-top: 0px !important;
        padding-bottom: 250px !important
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: right !important;
    }

    /*UIKit override*/

    .uk-open > .uk-accordion-title::before {
        background-image: url("https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/down-arrow.png") !important;
        background-size: 30px 20px;
    }

    .uk-accordion-title::before {
        background-image: url("https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/right-arrow.png") !important;
        background-size: 20px 30px;
    }

    .uk-accordion-title {
        font-size: 18px !important;
    }

    .uk-accordion-content {
        margin: 10px;
    }

    .uk-accordion-content {
        margin: 10px;
        font-family: 'JFFlat-Regular';
    }

    .uk-grid {
        flex-wrap: nowrap;
        margin: auto;
    }

    .uk-card-body {
        padding: 10px 10px !important;
        text-align: center !important;
    }
}

@media all and (max-width: 480px) {
    /* For Mobile Device */

    /* menu */

    .burger-menuX {
        display: block !important;
    }

    /* banner */

    .banner1 {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-10.png);
        background-color: #0091CF !important;
        background-size: cover !important;
        background-position: bottom left !important;
        background-repeat: no-repeat !important;
        height: 700px !important;
    }

    #hero-3 .slider {
        height: 900px !important;
    }

    .bnnr-text {
        padding-top: 120px !important;
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .searchh {
        border-radius: 20px !important;
        padding-left: 15px !important;
        background-color: #d8edf9 !important;
        margin-top: 40px !important;
        width: unset !important;
    }

    .search-plchldr {
        text-align: center !important;
    }

    .searchbtn {
        width: 370px;
        border-radius: 13px !important;
        letter-spacing: 1px;
        font-weight: bold;
        color: #e3000e !important;
        text-transform: capitalize;
    }

    /* join us section */

    #join-us {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-13.png) !important;
        background-position: bottom left !important;
        margin-top: 0px !important;
        background-color: #FFFFFF;
        height: 750px;
        padding-top: 50px !important
    }

    /* Our Programs Section */

    #traningprogram {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-14.png) !important;
        background-position: top left !important;
        background-color: #b7ddf3 !important;
        margin-top: 0px !important;
        padding-top: 180px !important;
        height: 980px !important;
    }

    .career {
        background-size: cover !important;
        background-position: center !important;
        padding-top: 15px !important;
        margin-right: 0px !important;
        height: 320px !important;
        width: auto !important;
    }

    /* Great Experience Section */

    #grtegrtt {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/hero-11.png) !important;
        background-position: bottom right !important;
        background-color: #FFF;
        color: #0091CF !important;
        font-weight: 700 !important;
        height: 730px !important;
        padding-top: 50px !important;
    }

    .grtegrtt-img {
        border-radius: 25px !important;
        margin-top: 20px !important;
        margin-left: 0px !important
    }

    .app-btn {
        text-align: center !important;
    }

    /* Statement Section */

    #whether {
        background-image: url(https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/headerbg-big.png) !important;
        margin-top: 0px !important;
        background-color: #FF0000;
        height: 700px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-top: 50px !important;
    }

    .boxx {
        border-radius: 50px !important;
    }

    #programnews {
        height: 2200px !important;
    }

    /* recipe */
    .btnWid {
        max-width: 100% !important;
        width: 100% !important;
    }

    .btnAdjustLeft {
        margin-left: -30px !important;
        margin-top: 30px !important;
    }

    .btnAdjustLeftRemoveTop {
        margin-left: -30px !important;
    }

    .zoom {
        zoom: 0.85 !important;
    }

    .zoom1 {
        zoom: 0.85 !important;
    }

    .zoom2 {
        zoom: 0.85 !important;
    }

    /* section themari */

    .sct {
        height: 950px !important;
        padding-top: 50px !important;
        padding-bottom: 100px !important
    }

    .fntsize1 {
        font-size: 55px !important;
        text-align: center !important;
    }

    /* section click and collect */

    .sctClick {
        height: 1050px !important;
        padding-top: 0px !important;
        padding-bottom: 250px !important
    }

    /* footer dynamic alignment */
    .footeratcopy {
        text-align: right !important;
    }

    /*UIKit override*/

    .uk-accordion-title {
        font-size: 25px !important;
    }

    .uk-open > .uk-accordion-title::before {
        background-image: url("https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/down-arrow.png") !important;
        background-size: 30px 20px;
    }

    .uk-accordion-title::before {
        background-image: url("https://tamimi-corp-images.s3.me-south-1.amazonaws.com/_templateAr/images/careers/right-arrow.png") !important;
        background-size: 20px 30px;
    }

    .uk-accordion-content {
        margin: 30px;
    }

    .uk-accordion-content {
        margin: 10px;
        font-family: 'JFFlat-Regular';
    }

    .uk-grid {
        flex-wrap: nowrap;
        margin: auto;
    }

    .uk-card-body {
        padding: 10px 10px !important;
        text-align: center !important;
    }
}
