/*--font-family: "Open Sans", sans-serif;--*/
:root{
    --font-size-base: 1rem;
    --line-height-base: 1.2;
    --font-size-18: 1.125rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-30: 1.875rem;
    --font-size-55: 3.4375rem;
    --font-size-62: 3.875rem;
    --font-family-base: "Open Sans", sans-serif;
    --base-color: #414141;
    --white-color: #fff;
    --blue-color: #1c2340;
    --yellow-color: #ddb45b;
    --yellow-color2: #dfb456;
    --brown-color: #211913;
    --gapLR-60: 0 3.75rem;
}
::-moz-selection{
    color: var(--white-color);
    background: var(--yellow-color2);
}
::selection{
    color: var(--white-color);
    background: var(--yellow-color2);
}
*{
    margin: 0;
    padding: 0;
}
html{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-size: var(--font-size-base);
    scroll-behavior: inherit !important;
}
:focus, button:focus{
    outline: none;
}
button{
    border: none;
    outline: none;
}
body{
    margin: 0;
    padding: 0;
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    font-weight: 400;
    font-family: var(--font-family-base);
    color: var(--base-color);
    background: var(--brown-color) url(../images/banner.jpg) no-repeat center;
    background-size: cover;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100vh;
}
.scroll_off{
    overflow: hidden;
}
h1, h2, h3, h4, h5, h6{
    margin: 0;
    font-family: var(--font-family-base);
    font-weight: 700;
    text-transform: uppercase;
}
p{
    margin: 0;
}
ul, ol{
    margin: 0;
    padding: 0;
}
ul li{
    list-style: none;
    padding: 0;
}
body a{
    text-decoration: none;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: var(--green-color3);
}
body a:hover{
    color: var(--blue-color);
    text-decoration: none;
}
body h1{
    font-size: 2.375rem;
    line-height: 2.625rem;
    color: var(--blue-color);
}
body h2{
    font-size: 2.125rem;
    line-height: 2.375rem;
    color: var(--yellow-color2);
}
body h3{
    font-size: 1.875rem;
    line-height: 2.125rem;
    color: var(--blue-color);
}
body h4{
    font-size: 1.75rem;
    line-height: 2rem;
    color: var(--yellow-color2);
}
body h5{
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: var(--blue-color);
}
body h6{
    font-size: 1.375rem;
    line-height: 1.625rem;
    color: var(--yellow-color2);
}
body ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
body input, body .form-control{
    font-size: var(--font-size-18);
    line-height: var(--line-height-base);
    color: var(--base-color);
    background: var(--white-color);
    height: 3.875rem;
    border: none;
    border-radius: 0;
    padding: 0.625rem 1.25rem;
}
body input:focus, body .form-control:focus{
    box-shadow: none;
}
body .form-control.fill_area{
    height: 10rem;
    resize: none;
}
input::-webkit-input-placeholder,
body .form-control::-webkit-input-placeholder{
    color: var(--base-color);
    opacity: 1;
}
input:-moz-placeholder,
body .form-control:-moz-placeholder{
    color: var(--base-color);
    opacity: 1;
}
input::-moz-placeholder,
body .form-control::-moz-placeholder{
    color: var(--base-color);
    opacity: 1;
}
body *::-moz-placeholder{
    color: var(--base-color);
    opacity: 1;
}
body .form-select{
    background: #fff url(../images/icon/down-arrow.svg) no-repeat right 0.9375rem center;
    background-size: 0.9375rem 0.9375rem;
}
.common_btn{
    font-size: var(--font-size-24);
    line-height: var(--line-height-base);
    font-weight: 700;
    font-family: var(--font-family-base);
    color: var(--white-color);
    text-transform: capitalize;
    background: var(--blue-color);
    text-align: center;
    padding: 1.125rem 4.375rem 1.125rem 2.5rem;
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
}
.common_btn::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f9c85e;
    z-index: -1;
    -ms-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transform-origin: right;
    transform: scaleX(0);
}
/*.common_btn:hover{
    color: var(--blue-color);
}*/
.common_btn:hover::before{
    transform-origin: left;
    transform: scaleX(1);
}
.common_btn::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 1.875rem;
    transform: translateY(-50%);
    background: url(../images/icon/arrow.svg) no-repeat center;
    background-size: 100% 100%;
    width: 1.375rem;
    height: 1.375rem;
}
.common_btn:hover::after{
    animation: arrow 0.6s linear infinite;
    filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(211deg) brightness(107%) contrast(106%);
}
@keyframes arrow{
    0%{
        right: 1.5625rem;
    }
    50%{
        right: 1.25rem;
    }
    100%{
        right: 1.5625rem;
    }
}

/*--------Pre loading-------*/
.preloading{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--blue-color);
    z-index: 99999;
}
.lds-ellipsis{
    width: 5rem;
    height: 5rem;
}
.lds-ellipsis div{
    position: absolute;
    top: 2.0625rem;
    width: 0.8125rem;
    height: 0.8125rem;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1){
    left: 0.5rem;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2){
    left: 0.5rem;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3){
    left: 2rem;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4){
    left: 3.5rem;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1{
    0%{
        transform: scale(0);
    }
    100%{
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3{
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2{
    0%{
        transform: translate(0, 0);
    }
    100%{
        transform: translate(1.5rem, 0);
    }
}

/*--------skip to content-------*/
.skip_main{
    position: absolute;
    top: -9999px;
    left: 0;
    overflow: hidden;
    z-index: -9999;
    background: #808080;
}
.skip_main:focus, .skip_main:focus-within, .skip_main:active{
    background: var(--yellow-color);
    left: 0;
    top: 0;
    height: auto;
    overflow: auto;
    margin: 0 auto;
    color: #fff;
    font-weight: 500;
    border-radius: 0.25rem;
    text-transform: uppercase;
    padding: 0.75rem 0.9375rem;
    text-align: center;
    z-index: 9999;
}
.skip_main:focus, .skip_main:focus-within{
    outline-offset: -0.3125rem;
    outline-color: #fff;
}

/*--------Main sec--------*/
.bg_img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.main_sec{
    padding-top: 1.5rem;
    background-image: none !important;
}
.main_sec::before, .main_sec::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.5rem;
    background: var(--yellow-color);
}
.main_sec::after{
    background: var(--blue-color);
    width: 40%;
}
.logo{
    width: 21.375rem;
}

/* Top sec */
.top_sec{
    padding-top: 5rem;
}
.top_sec .container-fluid{
    padding-left: 6.25rem;
}
.banner_txt{
    background: var(--yellow-color2);
    padding: 5rem 3.75rem;
}
.banner_txt h1{
    font-size: var(--font-size-62);
    line-height: 1;
    font-weight: 800;
    color: var(--blue-color);
    text-transform: uppercase;
}

/* Footer sec */
.footer_sec{
    padding: 1.875rem 0 5rem;
}
.footer_link{
    margin-bottom: 2.1875rem;
}
.footer_link ul li{
    padding: 0 1.5625rem;
}
.footer_link ul li:first-child, .contact_info ul li:first-child{
    padding-left: 0;
}
.footer_link ul li:last-child, .contact_info ul li:last-child{
    padding-right: 0;
}
.footer_link ul li::before, .contact_info ul li::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 0.125rem;
    height: 1.375rem;
    background: var(--white-color);
    transform: translateY(-50%);
}
.footer_link ul li:last-child::before, .contact_info ul li:last-child::before{
    content: none;
}
.footer_link ul li span, .contact_info ul li a{
    font-size: var(--font-size-30);
    line-height: var(--line-height-base);
    font-weight: 700;
    color: var(--white-color);
    text-transform: uppercase;
}
.footer_link ul li a:hover{
    color: var(--yellow-color);
}

/* Contact info */
.contact_info ul{
    background: var(--yellow-color2);
}
.contact_info ul li{
    padding: 0 3.125rem;
}
.contact_info ul li::before{
    background: var(--blue-color);
}
.contact_info ul li a{
    color: var(--blue-color);
    text-transform: none;
}
.contact_info ul li a:hover{
    color: var(--white-color);
}
.logo_icon{
    width: 7.875rem;
    height: 6.8125rem;
    background: var(--blue-color);
}
.logo_icon img{
    width: 3.4375rem;
}

/*---------Contact page--------*/
.gapLR_60{
    padding: var(--gapLR-60);
}
.contact_sec{
    padding-top: 5rem;
}
.contact_form{
    background: var(--yellow-color2);
    padding: 2.5rem 3.4375rem;
    margin-top: 2.1875rem;
    margin-left: 3.75rem;
}
.contact_form h1{
    font-size: var(--font-size-55);
    line-height: 1;
    font-weight: 800;
    color: var(--blue-color);
    text-transform: uppercase;
    margin-bottom: 2.1875rem;
}
.form-group{
    margin-bottom: 0.9375rem;
}
.contact_btn .common_btn{
    font-size: var(--font-size-20);
}
.contact_btn .common_btn:hover{
    color: var(--blue-color);
}

/* Contact info sec */
.contact_info_sec{
    padding: 6.25rem 0 3.75rem;
}
.contact_info_sec .footer_link ul li span{
    color: var(--yellow-color2);
}
/*
.contact_info_sec .footer_link ul li a:hover{
    color: var(--white-color);
}
*/
.contact_info_sec .footer_link ul li::before{
    background: var(--yellow-color2);
}

/*-------Contact form/wb form 7----------*/
.contact_form .text-end p{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.contact_form .common_btn{
    height: auto;
    background: var(--blue-color) url(../images/icon/arrow.svg) no-repeat right 1.875rem center;
    background-size: 1.375rem 1.375rem !important;
}
.contact_form .common_btn:hover{
    background: #f9c85e url(../images/icon/arrow-blue.svg) no-repeat right 1.875rem center;
}
.contact_form .wpcf7-not-valid-tip{
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    color: #ff0000;
    margin-top: 0.5rem;
}

/*--------Return to top--------*/
.return_to_top{
    position: fixed;
    bottom: 1.25rem;
    right: 0.9375rem;
    z-index: 99;
    background: var(--yellow-color2);
    width: 3.125rem;
    height: 3.125rem;
    display: block;
    border-radius: 50%;
    display: none;
    transition: all 0.3s ease;
}
.return_to_top img{
    width: 1.125rem;
    transition: all 0.3s ease;
}
.return_to_top:hover img{
    transform: translateY(-0.3125rem);
}
.return_to_top:hover{
    background: var(--yellow-color);
}

/*--------------End CSS--------------*/