.navcontact {
    color: #00bdff !important;
    text-align: center;
}

body {
    overflow-x: hidden !important;
}

nav {
    z-index: 9999 !important;
    background-color: transparent !important;
}

.page-footer1 {
    background: -webkit-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    background: -o-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    background: -ms-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    background: -moz-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    background: linear-gradient(to right, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    color: grey;
    font-family: "DINRegular";
    font-size: 13px;
    text-align: left;
    padding: 1%;
}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {

    .contactus-desktop {
        display: block;
        margin-top: -25% !important;
    }

    .contactus-section1 {
        background-color: #2d2d2d;
        background-size: cover;
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        height: 0%;
        margin-left: -40% !important;
    }

    .contactus-mobile {
        display: none;
    }
    .container{
        max-width:100% !important;
    }
}

/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1025px) and (max-width: 1280px) {

    .contactus-desktop {
        display: block;
        margin-top: -25% !important;
    }

    .contactus-section1 {
        background-color: #2d2d2d;
        background-size: cover;
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        height: 0%;
        margin-left: -40% !important;
    }

    .contactus-mobile {
        display: none;
    }
    .container{
        max-width:100% !important;
    }

}

/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) {

    .contactus-desktop {
        display: none;
    }

    .contactus-mobile {
        display: block;
        margin-top: -30% !important;
    }
    .container{
        max-width:100% !important;
    }

}

/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 900px) and (max-width: 1024px) and (orientation: landscape) {

    .contactus-desktop {
        display: block;
        margin-top: -27% !important;
    }

    .contactus-section1 {
        background-color: #2d2d2d;
        background-size: cover;
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        height: 0%;
        margin-left: -40% !important;
    }

    .contactus-mobile {
        display: none;
    }
    .container{
        max-width:100% !important;
    }

  

}

/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */

@media (min-width: 481px) and (max-width: 767px) {

    .contactus-desktop {
        display: none;
    }

    .contactus-mobile {
        display: block;
    }
    .container{
        max-width:100% !important;
    }
}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */

@media (min-width: 320px) and (max-width: 480px) {

    .contactus-desktop {
        display: none;
    }

    .contactus-mobile {
        display: block;
    }

    .container{
        max-width:100% !important;
    }

    .iconimg{
        width:10% !important;
    }

    .phoneiconimg{
        width:8%;
    }


}


@media (min-width: 100px) and (max-width: 319px) {

    .contactus-desktop {
        display: none;
    }

    .contactus-mobile {
        display: block;
    }

    .container{
        max-width:100% !important;
    }
    .iconimg{
        width:10% !important;
    }

    .phoneiconimg{
        width:8%;
    }

}


/* @media screen and (max-width: 990px) { */



.card-title {
    text-align: center;
}

.signbtnapply {
    margin-left: 35%;
}


/* } */

@media screen and (min-width: 551px) and (max-width:900px) {

    .contactus-mobile {
        margin-top: -80% !important;
    }

    /* .contactus-section1 {
        background-color: #302f2e !important;
        background-size: cover;
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        height: 0%;
        margin-left: -40% !important;
    } */

    .contactus-desktop {
        margin-top: -20% !important;
    }
}

@media screen and (min-width: 551px) and (max-width:900px) {
    .contactus-mobile {
        margin-top: -80% !important;
    }

    /* .contactus-section1 {
        background-color: #302f2e !important;
        background-size: cover;
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
        height: 0%;
        margin-left: -40% !important;
    } */

    .contactus-desktop {
        margin-top: -20% !important;
    }
}

@media screen and (max-width: 550px) {
    #map {
        filter: invert(85%);
        z-index: 1;
        height: 700px !important;
    }

    .contactus-mobile {
        margin-top: -60% !important;
    }

    .contactus-mobile {
        margin-top: -60% !important;
    }

    nav {
        background-color: transparent !important;
    }

    .gps-section1 {
        height: 700px !important;
    }
}

@media screen and (max-width: 550px) {
    body {
        overflow-x: hidden !important;
        background-color: #161625;
    }
}

a,
a:hover,
a:focus {
    color: inherit !important;
    /* blue colors for links too */
    text-decoration: inherit !important;
    /* no underline */
}


input:focus {
    background-color: lightblue !important;
    box-shadow: 1px 1000px 1px #f0efff inset !important;
    color: #bb00f9 !important;
}

.contactustext {
    color: #30B8ED !important;
    font-family: 'DINNextLTArabicLight' !important;
    font-size: 35px;
    padding: 0% 0% 0% 0%;
}

@media (min-width: 1200px) {
    .contactuscontainer {
        max-width: 80% !important;
    }
}

.contactuscontainer {
    padding: 0% 0% 0% 0%;

}

button.sendbtn {
    float: right;
    background-color: #161625;
    border-radius: 100rem;
    padding: 1rem;
    font-family: 'DINNextLTArabicLight';
    font-size: 1rem;
    padding: .3rem 3rem;
    color: #00e4ef;
    box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 1px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #00e4ef, #bb00f9);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 1px 1000px 1px #f0efff inset;
}

button.applybtn {
    float: right;
    background-color: #161625;
    border-radius: 100rem;
    padding: 1rem;
    font-family: 'DINNextLTArabicLight';
    font-size: 1rem;
    padding: .3rem 3rem;
    color: #00e4ef;
    box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 1px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #00e4ef, #bb00f9);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 1px 1000px 1px #161625 inset;
}

button.applybtn:hover {
    box-shadow: none;
    color: white !important;
}

button.signbtnapply {
    float: left;
    background-color: #161625;
    border-radius: 100rem;
    padding: 1rem;
    font-family: 'DINNextLTArabicLight';
    font-size: 1rem;
    padding: .5rem 5rem;
    color: white;
    box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 1px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #00e4ef, #bb00f9);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: none;
}

#name,#name1,#email,#email1,#position,#position1,#phone,#phone1,#businesssector,#businesssector1,#businessname,#businessname1,#businessaddress,#businessaddress1,
#message,
#message1 {
    font-family: 'DINNextLTArabicLight';
    color: #ff8e00;
    border-radius: 12px;
    box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 2px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #00e4ef, #bb00f9);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 1px 1000px 1px #f0efff inset;
    outline: none;
    font-size: 15px;
}

#careernamemobile,#careernamedesktop,#careeremaildesktop,#careerphonedesktop,#careerpositiondesktop,#careeremailmobile,#careerphonemobile,#careerpositionmobile,
#careermessagedesktop,
#careermessagemobile {
    font-family: 'DINNextLTArabicLight';
    color: #ff8e00;
    border-radius: 12px;
    box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 2px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #00e4ef, #bb00f9);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 1px 1000px 1px #161625 inset;
    outline: none;
    font-size: 15px;
}

::placeholder {
    color: #7E8081 !important;
}


button.sendbtn:hover {
    box-shadow: none;
    color: white !important;
}

button.signbtnapplymobile {
    background-color: #161625;
    border-radius: 100rem;
    padding: 1rem;
    font-family: 'DINNextLTArabicLight';
    font-size: 1rem;
    padding: .5rem 5rem;
    color: white;
    box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 1px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #00e4ef, #bb00f9);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: none;
}

#map {
    filter: invert(85%);
    z-index: 1;
    height: 125vh;
}

.card-text {
    text-align: justify !important;
}

@media screen and (max-width: 990px) {
    .card-text {
        padding: 2% 0% 0% 5% !important;
        text-align: left !important;
    }
}

/* UPLOAD BUTTON STYLE START */
.plugin-setting-list li {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    color: #000000;
    list-style-type: none;
    margin-bottom: 15px;
}

.plugin-setting-list li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-check' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l5 5l10 -10'%3E%3C/path%3E%3C/svg%3E");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #3cb371;
    border-radius: 100%;
}

#formcareermobile .col-md-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* Plugin Style Start */
.kwt-file {

    margin: 0 auto;
}

.kwt-file__drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 12px;
    font-family: 'DINNextLTArabicLight';
    color: #ff8e00;
    border-radius: 12px;
    box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
    border: solid 2px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #00e4ef, #bb00f9);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 1px 1000px 1px #161625 inset;
    outline: none;
    font-size: 15px;

}

/* .kwt-file__drop-area.is-active {
    background-color: #d1def0;
} */

.kwt-file__choose-file {
    flex-shrink: 0;
    border-radius: 100%;
    margin-right: 10px;
    color: #00e4ef;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kwt-file__choose-file.kwt-file_btn-text {
    border-radius: 4px;
    width: auto;
    height: auto;
    padding: 10px 20px;
    font-size: 14px;
}

.kwt-file__choose-file svg {
    width: 24px;
    height: 24px;
    display: block;
}

.kwt-file__msg {
    color: #7E8081;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kwt-file__input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.kwt-file__input:focus {
    outline: none;
}

.kwt-file__delete {
    display: none;
    position: absolute;
    right: 10px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.kwt-file__delete:before {
    content: "";
    position: absolute;
    left: 0;
    transition: 0.3s;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%231d3557' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.5 438.5'%3e%3cpath d='M417.7 75.7A8.9 8.9 0 00411 73H323l-20-47.7c-2.8-7-8-13-15.4-18S272.5 0 264.9 0h-91.3C166 0 158.5 2.5 151 7.4c-7.4 5-12.5 11-15.4 18l-20 47.7H27.4a9 9 0 00-6.6 2.6 9 9 0 00-2.5 6.5v18.3c0 2.7.8 4.8 2.5 6.6a8.9 8.9 0 006.6 2.5h27.4v271.8c0 15.8 4.5 29.3 13.4 40.4a40.2 40.2 0 0032.3 16.7H338c12.6 0 23.4-5.7 32.3-17.2a64.8 64.8 0 0013.4-41V109.6h27.4c2.7 0 4.9-.8 6.6-2.5a8.9 8.9 0 002.6-6.6V82.2a9 9 0 00-2.6-6.5zm-248.4-36a8 8 0 014.9-3.2h90.5a8 8 0 014.8 3.2L283.2 73H155.3l14-33.4zm177.9 340.6a32.4 32.4 0 01-6.2 19.3c-1.4 1.6-2.4 2.4-3 2.4H100.5c-.6 0-1.6-.8-3-2.4a32.5 32.5 0 01-6.1-19.3V109.6h255.8v270.7z'/%3e%3cpath d='M137 347.2h18.3c2.7 0 4.9-.9 6.6-2.6a9 9 0 002.5-6.6V173.6a9 9 0 00-2.5-6.6 8.9 8.9 0 00-6.6-2.6H137c-2.6 0-4.8.9-6.5 2.6a8.9 8.9 0 00-2.6 6.6V338c0 2.7.9 4.9 2.6 6.6a8.9 8.9 0 006.5 2.6zM210.1 347.2h18.3a8.9 8.9 0 009.1-9.1V173.5c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a8.9 8.9 0 00-9.1 9.1V338a8.9 8.9 0 009.1 9.1zM283.2 347.2h18.3c2.7 0 4.8-.9 6.6-2.6a8.9 8.9 0 002.5-6.6V173.6c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a9 9 0 00-6.6 2.6 8.9 8.9 0 00-2.5 6.6V338a9 9 0 002.5 6.6 9 9 0 006.6 2.6z'/%3e%3c/svg%3e");
}

.kwt-file__delete:after {
    content: "";
    position: absolute;
    opacity: 0;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%) scale(0);
    background-color: #b424f0;
    border-radius: 50%;
    transition: 0.3s;
}

.kwt-file__delete:hover:after {
    transform: translate(-50%, -50%) scale(2.2);
    opacity: 0.1;
}

@media (min-width: 481px) and (max-width: 767px) {
    .page-footer1 {
        background: -webkit-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -o-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -ms-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -moz-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: linear-gradient(to right, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        color: grey;
        font-family: "DINRegular";
        font-size: 13px;
        text-align: center;
        padding: 1%;
    }
}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */

@media (min-width: 320px) and (max-width: 480px) {
    .page-footer1 {
        background: -webkit-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -o-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -ms-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -moz-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: linear-gradient(to right, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        color: grey;
        font-family: "DINRegular";
        font-size: 13px;
        text-align: center;
        padding: 1%;
    }
}


@media (min-width: 100px) and (max-width: 319px) {
    .page-footer1 {
        background: -webkit-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -o-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -ms-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -moz-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: linear-gradient(to right, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        color: grey;
        font-family: "DINRegular";
        font-size: 13px;
        text-align: center;
        padding: 1%;
    }
}


/* UPLOAD BUTTON STYLE END */