* {
    margin: 0;
    padding: 0;
    
    

}




@font-face {
    font-family: 'aktiv';
    src: url('../Fonts/AktivGrotesk-Regular.html');
}


a {
    text-decoration: none !important;
}

.home1,
.partner1 {
    color: black;
}

.headersec,
.navbar {
    background-color: #FFFCF7 !important;
    height: 80px;
}


ul .textsec {
    margin-top: 35px;
}

.logo {
    position: fixed;
    left: 7%;
    max-width: 250px;
    margin-top: -20px;
}



.menuItem ul li {
    list-style: none;
    font-weight: 600;
}

.menuItem ul {
    padding: 0px;
    margin-top: 20px;
}

.menuItem {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: #FFFCF7 !important;
}

.navlinksec {

    left: auto;
    right: auto;
    margin-left: auto;
    margin-right:210px;
}


.sliderlogo {
    max-width: 200px;
    margin-bottom: 15px;
}

.navtext {
    margin-top: 10px;
    font-size: 12px;
}

.line {
    width: 60%;
    border: 2px solid #E0E0E0;
}

.gettouchtext {
    font-size: 20px;
    margin: 20px 0px;
}


.flexsec {
    align-items: center;
    justify-content: start;
    display: flex;
    margin-bottom: 20px;
}

.headloc {
    max-width: 35px;
    margin-right: 15px;
}

.flexsec1{
    align-items: center;
    justify-content: center;
    display: flex;
}


.menuToggle {
    display: block;
    position: relative;
    top: 28px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;


    a {
        text-decoration: none;
        color: #232323;
        transition: all 0.3s ease;

        &:hover {
            color: tomato;
        }
    }

    input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: 0;
        cursor: pointer;
        opacity: 0;
        /* hide this */
        z-index: 2;
        /* and place it over the hamburger */
        -webkit-touch-callout: none;
    }

    span {
        position: relative;
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: #000;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            opacity 0.55s ease;

        &:first-child {
            transform-origin: 0% 0%;
        }

        &:nth-last-child(2) {
            transform-origin: 0% 100%;
        }
    }
}

.menuToggle {
    input {
        &:checked~span {
            opacity: 1;
            transform: rotate(45deg) translate(-2px, -1px);
            background: #232323;

            &:nth-last-child(3) {
                opacity: 0;
                transform: rotate(0deg) scale(0.2, 0.2);
            }

            &:nth-last-child(2) {
                transform: rotate(-45deg) translate(0, -1px);
            }
        }

        &:checked~.menuItem {
            transform: none;
        }

    }
}

.menuItem {
    position: absolute;
    width: 300px;
    padding: 20px;
    padding-top: 150px;
    /* padding-bottom: 600px !important; */
    height: 130vh !important;
    overflow-y: hidden;
    background: #fff;
    list-style-type: none;
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);

    ul li {
        padding: 10px 0;
        font-size: 14px;
    }
}



.menu--right {
    .menuToggle {
        position: fixed;
        right: 0;

        input {
            right: 5px;
        }

        span {
            right: 5px;
        }
    }

    .menuItem {
        right: 0;
        margin: -100px 0 0 0;
        transform: translate(100%, 0);

        ul li {
            a {
                &:hover {
                    padding-left: 5px;
                }
            }
        }
    }
}



@keyframes text-slide-in {
    0% {
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px)
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}


.search {
    max-width: 23px;

}

.icon {
    position: fixed;
    cursor: pointer;
    right: 110px;
    margin-top: -12px;
}

.content-box {
    position: fixed;
    top: -100%;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
    transition: top 0.5s ease-in-out;
    z-index: 99999;
}

.content-box.show {
    top: 0;
}

.content-box.hide {
    top: -100%;
}

.box-content {
    padding: 40px 20px;
    text-align: center;
    color: #fff;
}

.textsec {
    align-items: center;
    justify-content: center !important;
    display: flex;
    text-align: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: au;
}


.text1 {
    padding-right: 10px;
    border-right: 1px solid #fff;
    margin-right: 10px;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 50px;
    background: none;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: bold;
}

.footsec {
    padding: 50px 0px 40px 0px;
}


.footlogo {
    max-width: 150px;
    margin-bottom: 20px;
}

.footloc {
    max-width: 35px;
    margin-right: 15px;
}

.footgettouchtext {
    font-size: 20px;
}

.footloctext {
    margin-bottom: 0px;
    font-size: 14px;
}

.textsize {
    font-size: 14px;
}

.footgettouch .flexsec {
    margin-bottom: 20px;
}

.privacypolicysec {
    background-color: #EDECED;
    padding: 20px;
}

.privacytext {
    font-size: 12px;
    margin-bottom: 0px;
}

.privacypolicysec .flexsec .privacytext {
    margin-right: 15px;
}

@media screen and (max-width:992px) {
    .menu--right .menuToggle .span {
        top: 4px !important;
        right: 20px;
    }

    .icon {
        right: 80px;
    }

    .sliderlogo {
        max-width: 150px;
    }

    .menuItem a {
        font-size: 12px;
    }
}

@media screen and (max-width:767px) {
    .privacytext {
        text-align: center;
    }

    .logo {
        left: 5%;

    }

    .textsec p {
        font-size: 12px;
    }

    .privacypolicysec .flexsec .privacytext {
        margin-right: 15px;
        text-align: center;
    }

    .privacypolicysec .flexsec {
        margin-left: auto;
        margin-right: auto;
        align-items: center;
        justify-content: center;
        display: flex;
        margin-top: 15px;
    }
}

@media screen and (max-width:400px) {
    .textsec p {
        font-size: 11px;
    }
}

@media screen and (min-width:1500px) {

    .input {
        right: 10%;
    }

    .icon {
        right: 10%;
    }


}

@media screen and (min-width:1600px) {
    .menuItem {
        width: 500px;
    }
}

@media screen and (min-width:1800px) {

    .input {
        right: 10%;
    }

    .icon {
        right: 10%;
    }

    .menuItem {
        width: 600px;
    }
}

@media screen and (min-width:2000px) {

    .input {
        right: 10%;
    }

    .icon {
        right: 10%;
    }

    .menuItem {
        width: 700px;
    }
}


.footer {
    background-color: #F88430;
    padding: 50px 0px;
}

.iconsec {
    align-items: right;
    justify-content: right;
    display: flex;
   
}

.icons {
    max-width: 30px;
    margin-right: 10px;
}

dl dt {
    margin-bottom: 10px;
}

dl {
    color: #fff;
}


.next-footer {
    padding: 10px 0px;
}

.col1 .privacytext {
    text-align: right;
    margin-right: 20px;
}

.col1 {
    text-align: right;
    align-items: end;
    justify-content: flex-end;
    display: flex;
}


@media screen and (min-width:768px) and (max-width:992px) {
    .navlinksec .navbar-nav {
        display: none;
    }

    .logo {
        margin-top: -15px;
    }
}

@media screen and (max-width:767px) {
    .navlinksec .navbar-nav {
        display: block!important;
    }

    .headersec ul li,
    .footfield {
        font-size: 12px !important;
    }

    .privacytext {
        font-size: 10px;
    }

    .privacytext1 {
        margin-bottom: 10px;
    }

    .icons {
        max-width: 30px;
        margin-bottom: 10px;
    }

    dt {
        margin-top: 20px;
    }

    dt,
    .footfield {
        /* text-align: center; */
    }

    .colsec1 {
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .logo {
        margin-top: -15px;
    }
}

.navbar-nav .nav-link
{
  font-weight: normal!important;  
  margin-top: -15px;

}
.dropdown
{
 display:flex;
 background: #f4f4f4;
       border:2px solid #f4f4f4;
        border-radius:50px;
        margin-top: -10px;
  padding-top: 10px;
       
}

.dropdown img
{
 margin-top: -2px;   
}
.search-boxsec
{
  background: #f4f4f4;
       border:2px solid #f4f4f4;
        border-radius:50px;  

}
@media screen and (max-width:800px) {
.navlinksec .flexsec 
{
 display:none!important;   
}
}



.dropdown
{
 display:none!important;       
}



