@charset "utf-8";
@font-face {
    font-family: 'MrEavesXLModOT-Ultra';
    src: url('webFonts/MrEavesXLModOT-Ultra.woff2') format('woff2'), url('webFonts/MrEavesXLModOT-Ultra.woff') format('woff');
    font-weight: normal;
}

@font-face {
    font-family: 'MrEavesXLModOT-Book';
    src: url('webFonts/MrEavesXLModOT-Book.woff2') format('woff2'), url('webFonts/MrEavesXLModOT-Book.woff') format('woff');
    font-weight: normal;
}

@font-face {
    font-family: 'MrEavesXLModOT-Light';
    src: url('webFonts/MrEavesXLModOT-Light.woff2') format('woff2'), url('webFonts/MrEavesXLModOT-Light.woff') format('woff');
    font-weight: 300;
}

@font-face {
    font-family: 'MrEavesXLModOT-Reg';
    src: url('webFonts/MrEavesXLModOT-Reg.woff2') format('woff2'), url('webFonts/MrEavesXLModOT-Reg.woff') format('woff');
    font-weight: normal;
}

@font-face {
    font-family: 'MrEavesXLModOT-Bold';
    src: url('webFonts/MrEavesXLModOT-Bold.woff2') format('woff2'), url('webFonts/MrEavesXLModOT-Bold.woff') format('woff');
    font-weight: bold;
}

@font-face {
    font-family: 'MrEavesXLModOT-Heavy';
    src: url('webFonts/MrEavesXLModOT-Heavy.woff2') format('woff2'), url('webFonts/MrEavesXLModOT-Heavy.woff') format('woff');
    font-weight: 900;
}

*,
 ::after,
 ::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

 :root {
    --primary: #c08836;
    --secondary: #205228;
    --font: #fff;
    --black: #000;
}

html {
    font-size: 6.25%;
    font-size: 0.0625vw;
}

body {
    font-family: 'MrEavesXLModOT-Reg', sans-serif;
    font-size: 16rem;
}

body::-webkit-scrollbar-thumb {
    background: var(--secondary);
    border-radius: 15rem 0rem 15rem 0rem;
}

body::-webkit-scrollbar {
    width: 6rem;
    background: var(--primary);
}

body {
    scroll-behavior: smooth;
}

.main_container {
    overflow: hidden;
}


/* Transition effects*/

.transition_3,
.menu_side li a,
.menu_side li a::before,
.btn_::before,
.services_box,
.services_box img,
.footer_box li a,
.footerBottom a,
.social_icon i,
.menu_side li ul li::before,
.float_img,
.float_img img,
.tab_main li,
.vip_txt {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}

.transition_2 {
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
}

.transition_7,
.col3_box,
.col3_box img {
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
}

h1 {
    font-size: 54rem;
    font-family: 'MrEavesXLModOT-Ultra', sans-serif;
    color: var(--font);
    font-weight: 900;
}

h2 {
    font-size: 25rem;
    font-weight: 700;
    color: var(--secondary);
}

h3 {
    font-size: 21rem;
    color: var(--black);
}

h4 {
    font-size: 18rem;
    color: var(--font);
    font-weight: 300;
}

h5 {
    font-size: 40rem;
    color: var(--secondary);
    text-shadow: -2rem -2rem 0 var(--font), 2rem -2rem 0 var(--font), -2rem 2rem 0 var(--font), 2rem 2rem 0 var(--font);
}

h6 {
    font-size: 30rem;
    color: var(--secondary);
}

a {
    display: block;
    color: var(--font);
    font-size: 17rem;
    text-decoration: none;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.btn_ {
    position: relative;
    width: fit-content;
    padding: 10rem 20rem;
    text-transform: uppercase;
    background: var(--primary);
    color: #fff;
    padding: 8rem 20rem;
    cursor: pointer;
    font-size: 16rem;
    border: 1rem solid transparent;
}

.btn_::before {
    content: '';
    position: absolute;
    right: 0;
    width: 0;
    top: 0;
    height: 100%;
    background: var(--secondary);
    border-radius: 30rem;
    z-index: -1;
}

.btn_:hover::before {
    width: 100%;
    left: 0;
}

a.btn_::before {
    z-index: 1;
}

a.btn_ span {
    position: relative;
    z-index: 9;
}

.relative,
.menu_side li a {
    position: relative;
    width: 100%;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.middle {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.flex_,
.header_top li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.w-33 {
    width: 33.3333%;
}

.standard {
    position: relative;
    padding: 0 50rem;
}

.standard_2 {
    position: relative;
    padding: 0 100rem;
}

.padding-10 {
    padding: 10rem 0;
}

.padding-20 {
    padding: 20rem 0;
}

.padding-30 {
    padding: 30rem 0;
}

.padding-40 {
    padding: 40rem 0;
}

.padding-50 {
    padding: 50rem 0;
}

i {
    font-size: 16rem;
    color: var(--primary);
}

.margin-top,
.logo_txt h2 {
    margin-top: 10rem;
}

.margin-bottom,
.col1_left h2,
.footer_box h2 {
    margin-bottom: 10rem;
}

.margin-left,
.logo_txt {
    margin-left: 10rem;
}

.margin-right {
    margin-right: 10rem;
}

.margin_t_and_b {
    margin: 10rem auto;
}

.margin_20,
.footer_box .btn_ {
    margin: 20rem auto;
}

.margin_l_and_r,
.header_top li span {
    margin: 0 10rem;
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom {
    z-index: 99;
}

.mm-menu.mm-theme-dark {
    background: var(--primary);
    border-color: var(--font);
}

.mm-title {
    font-size: 20rem !important;
}

.banner_txt h1 {
    padding-bottom: 10rem;
}

.logo_txt *,
.menu_side li a,
.banner_txt h1,
.services_details,
.col1_left h2,
.col1_left h3,
.col2_main_txt h2 {
    text-transform: uppercase;
}

.width_100,
.services_box img,
.col1_right img,
.col3_box img {
    width: 100%;
}

.owl-carousel .owl-item {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.services_box,
.float_img {
    overflow: hidden;
}

.services_box:hover img {
    animation: zoom .3s linear forwards;
}

@keyframes zoom {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.02);
    }
}

.owl-carousel {
    width: 100vw;
}


/* -----------------------------------------start header----------------------------------------- */

header {
    border-top: 5rem solid var(--primary);
    /* height: 100vh; */
    background: url(../webImages/banners/Banners-bg.jpg) no-repeat;
    background-size: cover;
}

header::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: url("../webImages/banners/Banners-bg2.png") no-repeat;
    z-index: 1;
    opacity: 0.8;
    background-size: 100%;
}

.header_side {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    padding: 20rem 0;
    z-index: 9;
}

.header_side .standard {
    display: flex;
    justify-content: space-between;
}

.logo_img img {
    width: 110rem;
}

.header_right {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.header_top {
    position: relative;
    top: -15rem;
}

.header_right ul {
    justify-content: flex-end;
}

.logo_txt h2 {
    color: var(--font);
    font-size: 21rem;
}

.logo_txt h4 {
    letter-spacing: 2rem;
    font-size: 13rem;
}

.menu_side li {
    position: relative;
}

.menu_side li+li {
    margin-left: 20rem;
}

.menu_side li a {
    font-size: 18rem;
    transition:.3s;
}
.menu_side li a:hover {
    color: var(--primary);
}
.menu_side li a.active {
    color: var(--primary);
}

.menu_side li a::before {
    content: '';
    position: absolute;
    right: 0;
    width: 0;
    bottom: -5rem;
    height: 3rem;
    background: var(--primary);
}


/* .menu_side li a:hover::before {
    width: 100%;
    left: 0;
} */

.menu_side ul ul {
    position: absolute;
    width: 100%;
    min-width: 240rem;
    transition: .3s all ease-in-out;
    top: 120%;
    transform: scaleY(0);
    transform-origin: top;
    background: var(--font);
    border: 1rem solid var(--primary);
}

.menu_side ul li:hover ul {
    transform: scaleY(1);
}

.menu_side li ul li {
    position: relative;
    margin-left: 0rem;
    border-bottom: 1rem solid var(--primary);
}

.menu_side li:last-child ul {
    left: initial;
    right: 0;
}

.menu_side li ul a {
    color: var(--black);
    padding: 8rem 0;
    padding-left: 10rem;
}

.menu_side li ul a:hover {
    color: var(--font);
}

.menu_side li ul li::before {
    content: '';
    position: absolute;
    right: 0;
    width: 100%;
    top: 0;
    height: 0%;
    background: var(--primary);
}

.menu_side li ul li:hover::before {
    bottom: 0;
    height: 100%;
}

.menu_side li ul li a::before {
    display: none;
}

.star {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80%;
    transform-origin: top;
    transition: .3s;
}


/* .star {
animation: star 1s linear forwards;
}

@keyframes star {
0% {
height: 0;
opacity: 0;
}
100% {
height: 80%;
opacity: 1;
}
} */

.star img {
    width: 100%;
}

.left_,
.right_,
.left_3,
.right_3 {
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 9;
}

.left_,
.left_3 {
    left: 40rem;
    transform: translate(-400%, -50%);
}

.right_,
.right_3 {
    right: 40rem;
    transform: translate(400%, -50%);
}

header:hover .left_,
header:hover .right_,
.col2:hover .left_,
.col2:hover .right_,
.col3_1:hover .left_3,
.col3_1:hover .right_3 {
    transform: translate(0, -50%);
}

.banner_left_img {
    position: relative;
    right: 0rem;
}

.banner_center_img {
    position: relative;
    z-index: 2;
}

.banner_right_img {
    position: relative;
    left: 0rem;
}

.banner_txt {
    position: relative;
    z-index: 2;
    text-align: center;
    padding-bottom: 30rem;
}

.owl-item.active .banner_left_img {
    animation: 2s left 1s ease forwards;
    opacity: 0;
}


/* .owl-item.active .banner_center_img {
    animation: 2s center .7s cubic-bezier(1, 0.25, 0.49, 0.93) forwards;
} */

.owl-item.active .banner_right_img {
    animation: 2s right 1s ease forwards;
    opacity: 0;
}

@keyframes left {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

@keyframes center {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes right {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

.banner_img {
    flex-wrap: revert;
}

.owl-item.active .col2_banner_img .banner_left_img {
    animation: 2s si ease-in-out;
    opacity: 1;
}

.owl-item .col2_banner_img .banner_center_img {
    animation: 2s si ease-in-out;
    transform: scale(1);
}

.owl-item.active .col2_banner_img .banner_center_img {
    animation: 2s si ease-in-out;
    transform: scale(1);
}

.owl-item.active .col2_banner_img .banner_right_img {
    animation: 2s si ease-in-out;
    opacity: 1;
}

.fa-phone-volume {
    transform: rotate(-45deg);
}

.col2_ .owl-item {
    visibility: hidden;
    transition: .1s;
}

.owl-item.active {
    z-index: 9;
    visibility: visible;
}


/* ---------------------close header-------------------------------- */


/* ----------------------start inner ---------------------------------- */

ul.social_icon.flex_ {
    justify-content: flex-start;
}

.quote {
    background: var(--secondary);
}

.quote .standard_2,
.footer_main .standard_2,
.col1 .flex_ {
    justify-content: space-between;
    z-index: 9;
}

.quote_box {
    width: fit-content;
}

.quote_box .btn_,
.col1_left .btn_ {
    border-radius: 30rem;
}

.tel input {
    padding-left: 70rem;
}

.tel_ {
    position: absolute;
    left: 0;
    top: 0;
    width: fit-content;
    height: 100%;
    background: #ccc;
    z-index: 3;
    padding: 0 5rem;
}

.tel_ img {
    width: 24rem;
}


/* services start */

.services {
    background: #2e2e2e;
}

.services .standard_2 {
    gap: 20rem;
}

.services_box img,
.services_details {
    border-radius: 0 0 20rem;
}

.services_details {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10rem 0;
    background: var(--primary);
    color: var(--font);
    font-weight: 900;
    text-align: center;
}

.col1 {
    background: url(../webImages/back3.png) no-repeat;
    background-position: center;
    background-size: cover;
}

.grid-50 {
    display: grid;
    grid-template-columns: 4fr 5fr;
    gap: 6%;
}

.inner_main ul {
    list-style: inside;
}

.inner_main h2 {
    margin-bottom: 20rem;
    display: block;
    /* width: 100%; */
}
.col1_index .grid-50 {
    grid-template-columns: 3fr 3fr;
    gap: 200rem;
}
.col1 p,
.inner_main p,
.col1 li,
.inner_main li {
    font-size: 18rem;
    text-align: justify;
    padding: 3rem 0;
}

.col1_left p {
    padding: 30rem 0;
    border-top: 5rem solid var(--primary);
    margin-top: 20rem;
}

.col1_box {
    padding: 15rem;
    background: var(--font);
    gap: 20rem;
    padding-right: 30rem;
}

.col1_box:hover {
    background: var(--secondary);
}

.col1_box:hover .col1_txt * {
    color: var(--font);
}

.col1_img {
    padding: 10rem;
    background: var(--primary);
    display: grid;
    align-items: center;
}

.col1_box:hover .col1_img {
    transform: rotateX(360deg);
}

.col1_img img {
    width: 50rem;
}

.col1_box h2 {
    font-size: 36rem;
    margin-bottom: 5rem;
}

.col1_box p {
    font-size: 18rem;
}

.col1_ {
    padding-bottom: 0;
}

.car4_light:before {
    content: '';
    position: absolute;
    inset: 0;
    background: url(../webImages/car4_effect.png) no-repeat;
    animation: fades 2s linear infinite alternate;
    z-index: -1;
    background-size: contain;
}

@keyframes fades {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.car4_light:after {
    content: '';
    position: absolute;
    inset: 0;
    background: url(../webImages/headlights.png) no-repeat;
    animation: fade 5s linear infinite alternate;
    background-size: contain;
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0.8;
    }
    40% {
        opacity: 0.8;
    }
    60% {
        opacity: 0.8;
    }
    80% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}

.indicators {
    position: absolute;
    inset: 0;
    background: url(../webImages/indicartors.png) no-repeat;
    animation: indicators 2s linear infinite alternate;
    background-size: contain;
    opacity: 0;
}

@keyframes indicators {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.col2 {
    background: url(../webImages/back2.png) no-repeat;
    background-size: cover;
}

.col2 .banner_left_img,
.col2 .banner_right_img {
    left: 0;
    right: 0;
}

.col2_ .all1 {
    margin-bottom: 0;
}

.col2_main_txt {
    text-align: center;
    padding-bottom: 30rem;
}

.col2_main_txt h2 {
    font-size: 48rem;
}

.product_h {
    position: absolute;
    top: 100rem;
    left: 0;
    right: 0;
    color: #ccc;
    font-size: 156rem;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 0.7rem;
    -webkit-text-stroke-color: var(--primary);
    text-transform: uppercase;
    font-style: italic;
    font-weight: 600;
    margin: 0 auto;
    text-align: center;
}

.product_txt {
    background: var(--primary);
    width: 70%;
    margin: 30rem auto 0;
    text-align: center;
    padding: 5rem 0;
    border: 1rem solid var(--font)
}

.product_txt p {
    color: var(--font);
}

.col3 {
    background: #e3dacb;
    background-size: cover;
    background-position: bottom;
    padding-bottom: 250rem;
    overflow: hidden;
}

.col3:before {
    content: '';
    position: absolute;
    /* left: 0; */
    right: 0%;
    top: -22%;
    width: 100%;
    margin: 0px auto;
    height: 65%;
    background: url(../webImages/carbefore.png) no-repeat;
    background-position: right;
    background-size: contain;
}

.col3:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5rem;
    width: 100%;
    height: 41%;
    background: url(../webImages/slide.png);
    background-position: bottom;
    background-size: 100%;
    -webkit-animation: backgroundSlideshow 30s linear infinite alternate;
    -moz-animation: backgroundSlideshow 30s linear infinite alternate;
    -o-animation: backgroundSlideshow 30s linear infinite alternate;
    animation: backgroundSlideshow 30s linear infinite alternate;
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    background-repeat: repeat;
}

@-webkit-keyframes backgroundSlideshow {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: -250px 0;
    }
    100% {
        background-position: -500px 0;
    }
}

@-moz-keyframes backgroundSlideshow {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: -250px 0;
    }
    100% {
        background-position: -500px 0;
    }
}

@keyframes backgroundSlideshow {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: -250px 0;
    }
    100% {
        background-position: -500px 0;
    }
}

.col3_box {
    padding: 0 20rem;
}

.col3_box:hover img {
    transform: rotateY(360deg);
}

.footer_main {
    position: relative;
    background: url(../webImages/footer.png) no-repeat;
    background-size: cover;
    justify-content: space-between;
}

.footer_main:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -13rem;
    width: 100%;
    height: 41%;
    background: url(../webImages/slide.png);
    background-position: bottom;
    background-size: contain;
    -webkit-animation: backgroundSlideshow 30s linear infinite alternate;
    -moz-animation: backgroundSlideshow 30s linear infinite alternate;
    -o-animation: backgroundSlideshow 30s linear infinite alternate;
    animation: backgroundSlideshow 30s linear infinite alternate;
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    background-repeat: repeat;
}

@-webkit-keyframes backgroundSlideshow {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: -250px 0;
    }
    100% {
        background-position: -500px 0;
    }
}

@-moz-keyframes backgroundSlideshow {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: -250px 0;
    }
    100% {
        background-position: -500px 0;
    }
}

@keyframes backgroundSlideshow {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: -250px 0;
    }
    100% {
        background-position: -500px 0;
    }
}

section.footerBottom {
    position: relative;
}

.footer_flex {
    align-items: flex-start;
}

.footer_box .btn_ {
    margin: 20rem 0;
    letter-spacing: 2rem;
    min-width: 64%;
    text-align: center;
}

.footer_box:nth-child(3) ul {
    display: inline-block;
    margin-right: 80rem;
    vertical-align: top;
}

.footer_box h2 {
    color: var(--primary);
}

.footer_box p {
    color: var(--font)
}

.footer_box li {
    margin: 8rem auto;
}

.footer_box .social_icon li {
    margin: 10rem 5rem;
}

.social_icon i {
    font-size: 30rem;
}

.address li {
    justify-content: flex-start;
    gap: 10rem;
}

.btn_.square::before {
    border-radius: 0;
}

.footerBottom {
    padding: 10rem 0;
    background: var(--secondary);
}

.spacebetween {
    justify-content: space-between;
}

.footerBottom * {
    font-size: 14rem;
    color: var(--font);
}

.footerBottom a {
    padding: 0 3rem;
}

.footer_box li a:hover {
    color: var(--secondary);
}

.footerBottom a:hover {
    color: var(--primary);
}

.social_icon i:hover {
    transform: rotate(360deg);
}

.footerBottom img {
    width: 128rem;
}

.footer_box:nth-child(4) {
    width: 24%;
}


/* ---------------------start input -------------------------- */

input,
textarea {
    position: relative;
    width: 100%;
    height: 40rem;
    padding-left: 10rem;
    font-size: 16rem;
    color: var(--black);
    font-family: 'Roboto';
}

textarea {
    height: 100rem;
}

button,
input,
textarea {
    border: none;
    outline: none;
    z-index: 2;
}

label {
    margin-bottom: 10rem;
}

.input_,
.col1_box_c {
    position: relative;
}

.input_ {
    padding: 2rem;
    margin-top: 5rem;
}

.effect-8 {
    padding: 7px 14px 9px;
    transition: 0.4s;
}

.effect-8~.focus-border:before,
.effect-8~.focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--primary);
    transition: 0.3s;
}

.effect-8~.focus-border:after {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}

.effect-8~.focus-border i:before,
.effect-8~.focus-border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: var(--primary);
    transition: 0.4s;
}

.effect-8~.focus-border i:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
}

.effect-8:focus~.focus-border:before,
.effect-8:focus~.focus-border:after {
    width: 100%;
    transition: 0.3s;
}

.effect-8:focus~.focus-border i:before,
.effect-8:focus~.focus-border i:after {
    height: 100%;
    transition: 0.4s;
}

.green_btn_ {
    background: var(--secondary);
}

.green_btn_::before {
    background: var(--primary);
}

.all2 {
    width: 80%;
    margin: 0 auto;
}

.backToTop {
    opacity: 0;
    width: 40.5rem;
    height: 40.5rem;
    display: grid;
    place-items: center;
    position: fixed;
    right: 30rem;
    bottom: 30rem;
    z-index: 9;
    border-radius: 50%;
    background: var(--font);
    cursor: pointer;
    transform: scale(0);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.backToTop i {
    color: var(--primary);
    font-size: 16rem;
    font-weight: bold;
}

.backToTop:hover {
    border-color: var(--primary);
}

.backToTop.show {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}


/* ---------------------close input -------------------------- */


/* ------------------------inner page start ---------------- */

.page_nav {
    width: 100%;
    text-align: center;
    background: var(--primary);
    display: block;
    margin: 0 auto;
    padding: 8 0;
    border-top: 2rem solid var(--secondary);
}

.page_nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.page_nav ul li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}

.btn_hover {
    transition: .3s;
}

.btn_hover:hover {
    background: var(--secondary);
}

.col1_right .btn_hover {
    display: flex;
    justify-content: flex-end;
}

.page_nav ul li+li:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fdfcfc;
    left: -20px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.page_nav ul li a {
    position: relative;
    color: #fff;
    font-size: 14rem;
    text-transform: uppercase;
}

.page_nav li span {
    position: relative;
    display: inline-block;
    background: #ffffff;
    margin: 0px 8rem;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
}

.page_nav ul .active a {
    border-bottom: 1rem solid var(--font);
}

.inner_banner .banner_txt {
    top: 0%;
    transform: translateY(-100%);
    bottom: auto;
}

.inner_main {
    background: #e7ddcd;
}

.inner_head {
    text-align: center;
    margin-bottom: 40rem;
    font-size: 40rem;
    text-transform: uppercase;
}

.float_img {
    float: left;
    margin-right: 20rem;
}

.float_img img {
    min-width: 200rem;
    max-width: 200rem;
}

.float_img:hover img {
    transform: scale(1.03);
}

.inner_main .tab_main {
    list-style: none;
}

.tab_main {
    gap: 10rem;
    align-items: stretch;
}

.tab_main li {
    position: relative;
    background: #fff;
    box-shadow: 0 0 10rem 0 #ddd;
    padding: 0rem;
    overflow: hidden;
}

.tab_main li:before {
    content: '';
    position: absolute;
    box-shadow: 0 0 0 10rem var(--primary);
    width: 10rem;
    height: 150%;
    top: -57%;
    transform: rotate( 45deg);
}

.vip_img,
.vip_txt {
    padding: 20rem;
}

.vip_txt {
    width: 100%;
    bottom: 0;
    /* opacity: 0; */
}

.vip_img img {
    max-width: 250rem;
    overflow: hidden;
}

.vip_txt {
    background: var(--secondary);
    border-top: 5rem solid var(--primary);
}

.tab_main li:hover .vip_txt {
    background: var(--primary);
    border-color: var(--secondary);
}

.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.tab_main li:hover img {
    -webkit-animation-name: hvr-pop;
    animation-name: hvr-pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.spc {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    border: 1rem solid #205228;
}

.spc_h {
    background: var(--font);
}

.spc_h h6 {
    font-size: 16rem;
}

.spc_box,
.spc_h {
    padding: 10rem 15rem;
    text-align: center;
}

.spc_h:first-child {
    border-right: 2rem solid #e7ddcd;
}

.spc_h:nth-child(3) {
    border-left: 2rem solid #e7ddcd;
}

.spc_center {
    background: var(--secondary);
    padding: 10rem 30rem;
}

.spc_center p {
    color: var(--font);
}

.iframe iframe {
    width: 100%;
    height: 250rem;
    overflow: hidden;
    outline: none;
    border: none;
}

.contact_page {
    grid-template-columns: 44% 56%;
    gap: 0%;
}

.contact {
    margin-top: 30rem;
}

.col1 .contact_main {
    justify-content: flex-start;
    gap: 5rem;
}

.contact_icon {
    width: 35rem;
    aspect-ratio: 1;
    text-align: center;
    background: var(--secondary);
    align-content: center;
    display: grid;
}

.contact_icon i {
    color: var(--font);
    padding: 5rem;
}

.contact_d * {
    color: var(--black);
}

.contact_d:hover * {
    color: var(--secondary);
}

.inner_product .vip_img img {
    max-width: 200rem;
}

.inner_product .vip_txt {
    padding: 10rem;
}

.inner_product h4 {
    font-size: 16rem;
}

.vip_img {
    height: 100%;
    display: flex;
    align-items: center;
}

.tab_main li a {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    height: 100%;
}

.faq_main {
    align-items: flex-start;
}

.faq_2 {
    width: 49%;
}

.accordian {
    margin-bottom: 10rem;
    box-shadow: 0 0 10.2rem #ccc;
    background: var(--font);
}

.accordian__heading {
    cursor: pointer;
    padding: 10rem 20rem;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.accordian__heading.active {
    background: var(--primary);
}

.accordian__heading.active h3 {
    color: #fff;
}

.inner_main .accordian__heading h3 {
    font-size: 21rem;
}

.accordian__body {
    padding: 0rem 18rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.accordian__body p {
    padding: 20rem 0;
}

.accordian__heading.active i {
    color: var(--font);
}

.accordian__heading.active i::before {
    content: "\f068";
    color: var(--font);
}

.main_mmenu {
    display: none;
}

.media_page .vip_img {
    margin: 0;
    padding: 0 20rem;
}

.technology .tab_t {
    list-style: none;
}

.technology .tab_t li {
    padding: 10rem 20rem;
    background: var(--primary);
    color: #fff;
    margin: 10rem 10rem;
    cursor: pointer;
}

.tab_t li.active {
    background: var(--secondary);
    border-bottom: 2rem solid var(--font);
    cursor: auto;
}

.tab_change img {
    width: 30%;
    margin: 30rem auto;
    margin-right: 2%;
    max-height: 238px;
    overflow: hidden;
    object-fit: cover;
    border: 5rem solid var(--primary);
}

.spc_box h2 {
    display: none;
}


/* ---important---- */

.padding-top {
    padding-top: 0 !important;
}

.padding-bottom {
    padding-bottom: 0 !important;
}

.nij_box {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr 1fr;
    background: #e8e7e9;
}

.nij_box_ img {
    max-height: 60rem;
    display: block;
    margin: 0px auto;
}

.nij_h {
    background: var(--primary);
    padding: 10rem 0;
    text-align: center;
}

.nij_h h3 {
    color: var(--font);
    font-size: 18rem;
    grid-column: 1 / span 10;
}

.nij_standard p {
    font-size: 15rem;
}

.nij_box_back_color,
.nij_box .nij_box_:first-child {
    background: #ab977a !important;
}

.nij_box_:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nij_box_ {
    border: 2px solid #fff;
    padding: 5rem 20rem;
}

.nij_box_ h4 {
    text-align: center;
    padding: 20rem 10rem;
}

.nij_box.nij_box_back_color .nij_box_,
.nij_box .nij_box_:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nij_box_2 {
    grid-template-columns: 1fr 1fr 1fr 10fr;
    background: #fff;
}

.nij_box_2 .nij_box_ {
    border: 2px solid #e8e7e9;
    overflow: hidden;
}

.nij_box_inner_txt {
    position: absolute;
    width: 89px;
}

.nij_box_inner.flex_ {
    justify-content: space-around;
}

.nij_box_inner_box {
    margin-bottom: 48rem;
}

hr {
    margin: 10rem auto;
    border: none;
    width: 115%;
    position: relative;
    height: 1rem;
    left: -5%;
    background: #ccc;
}

.nij_box_2 .nij_box_:nth-child(2),
.nij_box_2 .nij_box_:nth-child(3) {
    background: #ab977a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nij_standard {
    min-width: 1280px;
    position: relative;
}

.nij_standard_::-webkit-scrollbar-thumb {
    background: var(--secondary);
    border-radius: 15rem 0rem 15rem 0rem;
}

.nij_standard_::-webkit-scrollbar {
    width: 6rem;
    background: var(--primary);
}

.banner_txt {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
    bottom: 10rem;
}

.client li {
    display: flex;
    align-items: center;
}

.client .tab_main li:before {
    display: none;
}

.gird_ {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
}

.client .tab_main img {
    width: 100%;
}

.owl-carousel {
    z-index: 2;
}

.banner_side .standard_2 {
    align-items: center;
}

.banner_side h1 {
    font-size: 60rem;
    color: var(--font);
    text-transform: uppercase;
    text-shadow: -2rem -2rem 0 var(--primary), 2rem -2rem 0 var(--primary), -2rem 2rem 0 var(--primary), 2rem 2rem 0 var(--primary);
}

.banner_side .col1_left {
    margin-left: 5%;
}

.banner_side .col1_left h1,
.banner_side .col1_left h5 {
    transform: translateX(-100px);
    transition: .5s;
    opacity: 0;
}

.banner_side .col1_left h5 {
    transition-delay: .7s;
    font-size: 35rem;
}

.banner_side .owl-item.active h1,
.banner_side .owl-item.active h5 {
    transform: translateX(0) skew(0deg, 0deg);
    opacity: 1;
}

.banner_side .col1_right {
    display: flex;
    align-self: center;
    transition: 1s;
    transform: translate(100px, 60px);
    opacity: 0;
}

.banner_side .standard_2 {
    flex-wrap: inherit;
}

.banner_side .owl-item.active .col1_right {
    transform: translate(0px, 60px);
    opacity: 1;
}


/* .banner_1.grid-50 {
    grid-template-columns: 4fr 8fr;
    gap: 6%;
} */

.banner_2.grid-50 {
    display: grid;
    grid-template-columns: 5fr 8fr;
    gap: 1%;
}

.flag img {
    max-width: 800rem;
}

.flag_box_m {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    top: 50rem;
}

.flag_ {
    height: 200rem;
    overflow: hidden;
    border: 5rem solid #ccc;
    transition: .7s;
}

.owl-item.active .flag_:first-child {
    animation: 1s mymove ease-in-out forwards;
    opacity: 0;
}

.owl-item.active .flag_:nth-child(2) {
    animation: 3s mymove ease-in-out forwards;
}

.owl-item.active .flag_:nth-child(3) {
    animation: 5s mymove ease-in-out forwards;
}

@keyframes mymove {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.flag_ img {
    object-fit: none;
    transition: .7s;
}

.flag_:hover {
    border-color: var(--primary);
}

.flag_:hover img {
    transform: scale(1.02);
}

.standard_2.banner_3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


/* .flag img {
    display: block;
    margin: 0px auto;
} */

.banner_4 {
    top: 100rem;
}


/* .all1 */

.inner_heading {
    text-transform: uppercase;
    margin-bottom: 20rem;
}

.banner_side .standard_2 {
    height: 100vh;
}

.col1_right img {
    width: 100%;
    margin: 50rem auto 0;
    display: block;
}

.col1_right.car4_light img {
    width: 100%;
    margin: 0rem auto 0;
}


/* .inner_images:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 400rem;
    opacity: 0.5;
    background: url(../webImages/inner_img.png) no-repeat;
    background-size: cover;
} */

.card__corner-triangle {
    position: absolute;
    width: 100rem;
    height: 100rem;
    right: 0;
    top: 0;
}

.card__corner-triangle img {
    width: 100%;
}

.plevel_main {
    position: relative;
    width: 200px;
    z-index: 9;
    margin-top: 0rem;
}

.plevel_main_ {
    background: #e9dfce;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    height: 40rem;
    margin-bottom: 10rem;
}

.plevel_box {
    border: 1px solid #fff;
}

.pl6 .plevel_box:first-child,
.pl4 .plevel_box:first-child,
.pl5 .plevel_box:first-child {
    animation: 1s backgroundcolor 1s forwards;
}

.pl6 .plevel_box:nth-child(2),
.pl4 .plevel_box:nth-child(2),
.pl5 .plevel_box:nth-child(2) {
    animation: 1s backgroundcolor 2s forwards;
}

.pl6 .plevel_box:nth-child(3),
.pl4 .plevel_box:nth-child(3),
.pl5 .plevel_box:nth-child(3) {
    animation: 1s backgroundcolor 3s forwards;
}

.pl6 .plevel_box:nth-child(4),
.pl4 .plevel_box:nth-child(4),
.pl5 .plevel_box:nth-child(4) {
    animation: 1s backgroundcolor 4s forwards;
}

.pl6 .plevel_box:nth-child(5),
.pl5 .plevel_box:nth-child(5) {
    animation: 1s backgroundcolor 5s forwards;
}

.pl6 .plevel_box:nth-child(6) {
    animation: 1s backgroundcolor 6s forwards;
}

.plevel_main h5 {
    font-size: 20rem;
}

.plevel_main h5 span {
    color: var(--primary);
}

@keyframes backgroundcolor {
    0% {
        background: transparent;
    }
    100% {
        background: var(--primary);
    }
}

.inner_main h6 {
    font-size: 20rem;
}

.inner_main h3 {
    font-size: 30rem;
}

.plevel_main_txt_ {
    margin-top: 20rem;
}

.plevel_main_txt_ p {
    margin: 0;
    border: none;
    padding: 5rem 0;
    font-weight: 900;
}

.plevel_main_txt_m {
    border: 2rem solid #c08836;
    padding: 5rem 10rem;
    margin-top: 10rem;
    text-align: center
}

.plevel_main_txt_m h5 {
    font-size: 18rem;
}

.plevel_main_txt_m h3 {
    font-size: 14rem;
    margin-top: 10rem;
}


/* fire */

.grecaptcha-badge { 
    visibility: hidden;
}
.alert-info {
    padding: 10rem 20rem;
    background: #767676ba;
    margin: 0rem auto 20rem;
}