@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@font-face {
    font-family: "Theme_font";
    src: url("../fonts/FuturaCyrillicLight.woff");
    font-weight: 400;
}
@font-face {
    font-family: "Theme_font";
    src: url("../fonts/FuturaCyrillicMedium.woff");
    font-weight: 500;
}
@font-face {
    font-family: "Theme_font";
    src: url("../fonts/FuturaCyrillicBold.woff");
    font-weight: 600;
}
/*========================*/
@font-face {
    font-family: "Theme_font2";
    src: url("/fonts/ITCAvantGardeGothicPro-Book.otf") format('opentype'), 
         url("/fonts/ITCAvantGarde GothicPro-Book.woff2") format('woff2'),
         url("/fonts/ITC Avant Garde Gothic Pro-Book.woff") format('woff');
    font-weight: 300;
}

@font-face {
    font-family: "Theme_font2";
    src: url("/fonts/ITCAvantGardeGothicPro-Medium.otf") format('opentype'), 
         url("/fonts/ITCAvantGardeGothicPro-Medium.woff2") format('woff2'),
         url("/fonts/ITC Avant Garde Gothic Pro-Medium.woff") format('woff');
    font-weight: 500;
}

@font-face {
    font-family: "Theme_font2";
    src: url("/fonts/ITC Avant Garde Gothic Pro-Bold.otf") format('opentype'), 
         url("/fonts/ITC Avant Garde Gothic Pro-Bold.woff2") format('woff2'),
         url("/fonts/ITC Avant Garde Gothic Pro-Bold.woff") format('woff');
    font-weight: 600;
}


*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Theme_font2";
    font-weight: 500;
}
.pt-sans-regular {
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .pt-sans-regular-italic {
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .pt-sans-bold {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .pt-sans-bold-italic {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  

body{
    isolation:isolate;
}

.section-commitment{
    background-color: #fff;
}
.section-video-2{
    background-color: #fff;
}
.section-swiper-card{
    background-color: #fff;
}

.video-row{
    height: 100dvh;
    align-items: center;
    justify-content: center;
}

.section-video{
    position: relative;
    overflow: hidden;

}
.section-video video{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: auto;
}

.section-video .hero-body h1{
    font-size: 124px;
    font-weight: 800;
    color: #fff;
    opacity: 0;
    transform: translateY(-40px);
    animation: move-down 0.4s linear forwards;
    transition: all 0.3s ease-in-out;
}

@keyframes move-down{
    100%{
        transform: translate(0);
        opacity: 1;
    }

}
.section-video .hero-body h4{
    font-size: 25px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 8px;
    text-align: center;
    margin-top:16px;
    opacity: 0;
    transform: translateY(-50px);
    animation: move-down .7s linear forwards;
    animation-delay: .7s;
}

.section-commitment .commitment-img{
    margin:72px 0;
}

.section-commitment .commitment-text-body h3{
    color: #555;
    font-weight: 300;
    font-style: italic;
}
.section-commitment .commitment-text-body h3 span{
    color: #2a2a2a;
    font-size:30px;
    font-weight:800;
    font-style: normal;
}

.section-commitment .commitment-text-body p{
    color: #555;
    margin-top:12px ;
    margin-bottom:56px;
}

.section-commitment .commitment-text-body a{
    color:#2a2a2a;
    font-size: 14px;
    border: 1px solid #555;
    padding: 15px 55px;
    text-decoration: none;
    margin-top: 12px;
    transition: all 0.4s ease-in-out;
    
}
.section-commitment .commitment-text-body a:hover{
    border: 1px solid #80bdc0;
    padding: 15px 55px;
    color: #fff;
    font-size: 14px;
    background-color: #80bdc0;
}
.section-commitment .commitment-text-body h3{
    border-bottom:1px solid #d2d2d2;
}

.section-double-bg{
    color: #f4f8f9;
    background-color: #f4f8f9;
    background-image: url(./img/pattern.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    padding:80px 0;
}
.section-double-bg::after{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: #000;
    z-index: 1;
}

.section-double-bg .double-bg-body{
    margin: 48px 0;
    position: relative;
    z-index: 3;
}
.section-double-bg .double-bg-body h1{
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    font-style: italic;
    border-bottom:1px solid #d2d2d2;
    margin-bottom: 16px;
    padding-bottom: 6px;
}
.section-double-bg .double-bg-body h1 span{
    font-weight: 800;
    font-size: 30px;
    font-style: normal;
}

.section-double-bg .card.my-card img{
    height: 360px;
    object-fit: cover;
    object-position: center center;
}
.section-double-bg .card.my-card{
    position: relative;
    border-radius: 0;
    border: none;
}
.section-double-bg .card-body.my-card-body{
    position: absolute;
    bottom:25px;
    left: 0;
    background-color: #000;
    padding-right: 193px;
}
.section-double-bg .card-body.my-card-body h5{
    color: #fff;
    font-size: 13px;
    letter-spacing: 5px;
    font-weight: 500;
    padding:10px 0;
    margin: 0;
}


.section-video-2 .r-logio img{
    width: 200px;
}

.section-video-2 .r-logio p{
    color: #626262;
    font-size: 15px;
    font-weight: 400;
}
.section-video-2 .r-logio a{
    text-decoration: none;
    color:#2a2a2a;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #2a2a2a;
    padding: 15px 55px;
    transition: all 0.4s ease-in-out;
}

.section-video-2 .r-logio a:hover{
    border: 1px solid #80bdc0;
    padding: 15px 55px;
    color: #fff;
    font-size: 14px;
    background-color: #80bdc0;
}
.section-tg{
    position: relative;
    background-color: #ffffff;
    isolation: isolate;
}
.section-tg .container{
    position: relative;
    z-index: 4;
}
.section-tg::after{
    position: absolute;
    content:'';
    width: 50%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index:1;
    background-position: left;
    background-image: url(./img/pattern-left-50.png);
}
.section-tg .tg-img img{
    width: 300px;
}
.section-tg .tg-body-underline{
    border-bottom: 1px solid rgba(0, 0, 0, 0.229);
    margin-bottom:24px;
   
}
.section-tg .tg-body h1{
    color: #555;
    font-size: 25px;
    font-style: italic;
    font-weight: 400;
    
}
.section-tg .tg-body h1 span{
    color: #2a2a2a;
    font-size: 30px;
    font-weight: 600;
    font-style: normal;
}
.section-tg .tg-body h6{
    color: #4cc1c1;
    font-size: 20px;
    font-weight: 800;
    margin-bottom:24px;
}
.section-tg .tg-body p{
    color: #626262;
    font-weight: 400;
    font-size: 15px;
    margin-bottom:72px;
}
.section-tg .tg-body{
    padding-top: 56px;
    padding-bottom:56px;
}
.section-tg .tg-img{
    padding-top: 56px;
    padding-bottom:56px;
}
.section-tg .tg-body a{
    text-decoration: none;
    color:#2a2a2a;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #2a2a2a;
    padding: 15px 55px;
    width: fit-content;
    transition: all 0.4s ease-in-out;
}

.section-tg .tg-body a:hover{
    border: 1px solid #80bdc0;
    color: #fff;
    font-size: 14px;
    background-color: #80bdc0;
}
.section-quote{
    background-image: url(./img/Quote.png);
    background-repeat: no-repeat;
    min-height: 500px;
    background-position: center center;
    background-attachment: fixed;
    background-position:right center;
    background-size: cover;
}
.section-quote .quote-body{
    width: 100%;
    height:500px;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
}
.section-quote .quote-body{
    background-image: url(./img/25qoute.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size:400px;
}
.section-quote .quote-body h1{
    color:#fff;
    font-size: 32px;
    font-weight: 300;
    font-style: italic;
}
.section-quote .quote-body img{
    width: 280px;
    padding: 15px 0;
}
.section-quote .quote-body h2{
    font-style: italic;
    color: #f4f8f9 !important;
    font-weight: 300 !important;
    margin-top: 32px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 10px;

}

.card.my-card.review-img{
    padding: 40px;
    background-color: rgb(17 17 17 / 5%);
    border: none;
    border-radius: 0;
}

.section-swiper-card .customer-head{
    margin-top: 120px;
    margin-bottom: 56px;
}

.section-swiper-card .customer-head h1{
    color: #555555;
    font-size: 30px;
    margin-bottom: 0px;
    text-transform: none;
    letter-spacing: 0px;
    line-height: 1.5em;
    font-weight: 300;
    font-style: italic;
    border-bottom:1px solid rgb(218, 216, 216);
}

.section-swiper-card .customer-head h1 span{
    color:#2a2a2a;
    font-weight: 800;
}
.section-swiper-card .customer-head p{
    color: #626262;
    font-size: 15px;
    margin-top: 24px;
}

.review-swiper .card.my-card.review-img img
{
    width:60px;
}
.review-swiper .card.my-card.review-img .jqBsSb{
    width: 14px ;
    height: 14px;
}
.review-swiper .card.my-card.review-img h6{
    margin: 0;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    
}
.review-swiper .card.my-card.review-img p{
    margin: 0;
    color: rgb(17 17 17 / 53%);
    font-size: 12px;
}

.dbVchY svg {
    display: block;
    object-fit: contain;
    width: 33px;
    height: 32px;
    fill: rgb(41, 41, 41);
}
.review-swiper .card.my-card.review-img i{
    color: #4cc1c1;
}
.review-swiper .card.my-card.review-img .review-long-passege p{
    font-size: 14px;
    color: #999!important;
}

.review-swiper .card.my-card.review-img .google-test h6{
    color: rgb(17 17 17 / 53%);
    font-size: 12px;
    font-weight: 400;
}
.review-swiper .card.my-card.review-img .google-test p{
    font-size: 14px;
color: rgb(17, 17, 17);
margin-top: 5px;
}
.review-swiper .card.my-card.review-img .google-test:hover h6{
    color:#4cc1c1;
}
.review-swiper .card.my-card.review-img .google-test:hover p{
    text-decoration: underline;
}

.section-swiper-card{
    background-image: url(./img/qoute-bg.webp);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}


.section-contact-home{
    position: relative;
    background-color:#58595b;
    z-index: -1;
}
.section-contact-home::after{
    position: absolute;
    content:'';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url(./img/pattern-white.png);
    background-repeat: no-repeat;
   background-size: contain;
}
.section-contact-home .partner-quick-img img{
    width: 220px;
}
.section-contact-home .partner-quick-img h1{
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    margin-right:10px;
}
.section-contact-home .partner-quick-img p{
    font-size: 15px;
    color: #fff;
    border-top:1px solid rgb(218 216 216 / 66%);
    margin-top: 16px;
    padding-top: 16px;

}
.section-contact-home .partner-quick-img p span{
    font-weight: 800;
}

.section-contact-home .partner-quick-img{
    margin: 96px 0;
}
.section-contact-home .contact-us a{
    color: #fff;
    text-decoration: none;
    padding: 30px 80px;
    background-color: #80bdc0;
    transition: all 0.4s ease-in-out;
    display: block;
    width: fit-content;

}

.section-contact-home .contact-us a:hover{
    background-color: #2a2a2a;
    color: #fff;
}
.section-footer{
    background-color: #000;
}
.section-footer .footer-logo img{
    width: 290px;
}
.section-footer .footer-logo p{
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    margin-top: 18px;

}

.section-footer .dealer-contact h1{
    color: #fff;
    font-size: 40px;
    font-weight: 800;
}

.section-footer .dealer-contact p{
    color: #bababa;
    font-size: 13px;
    font-weight: 300;
    margin-top: 18px;
}
.section-footer .dealer-contact a{
    color:#d1d1d1;
    text-decoration: none;
    border: 1px solid #fff;
    font-size: 14px;
    padding: 10px 56px;
    transition: all 0.4s ease-in-out;
}
.section-footer .dealer-contact a:hover{
    background-color: #fff;
    color: #2a2a2a;
}

.section-footer .footer-list h6{
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    margin-top:24px;
}
.section-footer .custom-list ul li{
    color: #fff;
}
.section-footer .footer-list ul{
    padding-left: 0;
    list-style: none;
    color: #bababa;
    font-weight: 300;
    font-size: 13px;
}
.section-footer .footer-list.hover-list ul li{
    transition: all 0.4s ease-in-out;
}
.section-footer .footer-list.hover-list ul li:hover{
    color:#67babc;
}

.section-footer  .footer-row{
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    margin-top: 16px;
    padding-bottom: 16px;
}

.social-icon .social{
    margin-top: 24px;
}
.social-icon .social i{
    color: #bababa;
    font-size: 24px;
    margin-right: 8px;
    
}
.social-icon .social i:hover{
    font-size: 24px;
    color: #fff;
}

.section-footer .copy-right p{
    color: #555555;
    font-size: 13px;
    font-weight: 300;
    width: fit-content;
    transition: all 0.4s ease-in-out;
    margin-top: 48px;
}

.section-footer .copy-right p:hover{
    color: #fff;
}

.section-footer{
    z-index: -23;
}


/* section-discover------------------------------------------------------ */
.section-video.imgage-top{
    min-height: 97dvh;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    display: flex;
    align-items: center;
}

.section-video.imgage-top .hero-body.img-quick-top img{
    width: 400px;
    margin-bottom:24px;
}
.section-video.imgage-top .hero-body.img-quick-top h3{
    color: #ffffff;
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: 10px;
}
.section-video.imgage-top .hero-body.img-quick-top p{
    color: #fff;
    font-size:15px;
    margin-bottom:72px;
    font-weight: 300;
}

.section-video.imgage-top .hero-body.img-quick-top .arrow-img img{
    width: 82px;

}
.section-commitment .commitment-text-body.our-hitory p{
    color: #626262;
    font-size: 18px;
        font-family: "Theme_font";
    margin-top:15px;
}

.commitment-text-body.discover-commitment-2 p{
    margin-bottom: 64px;
}
.section-double-bg.double-bg-img{

    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    padding: 180px 0;
}

.section-tg.section-tg-2{
    background-color: #58595b;
}

.section-video-discover{
    position: relative;
}

.section-video-discover .video-discover-bg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.section-video-discover .video-discover-bg .video-discover-bg-body img{
    width: 300px;
}
.section-video-discover .video-discover-bg .video-discover-bg-body h3{
    color: #fff;
    font-size: 32px;
    font-weight: 300;
    font-style: italic;
}
.section-video-discover .video-discover-bg .video-discover-bg-body p{
    color: #fff;
    font-size: 28px;
    font-style: italic;
    font-weight: 300;
    margin-top: 32px;
    line-height: 40px;
}





/* TG-technology */
.section-video.imgage-top.tg-top{
    min-height: 90dvh;
    justify-content: center;
}

.section-video.imgage-top.tg-top .tg-top-row{
    justify-content: center;
}

.section-video .hero-body.img-quick-top.tg-top-hero-body img{
    width: 178px;
}
.section-video .hero-body.img-quick-top.tg-top-hero-body{
    display: flex;
    align-items: center;
}
.section-video .hero-body.img-quick-top.tg-top-hero-body h1{
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    font-weight: 800;
}
.section-video .hero-body.img-quick-top.tg-top-hero-body p{
    color: #fff;
font-size: 20px;
line-height: 1.3em;
margin-bottom: 18px;
}



.section-commitment .commitment-text-body.our-hitory.our-tg-technology h3{
    font-size: 30px;
    color: #58595b;
}
.section-commitment .commitment-text-body.our-hitory.our-tg-technology h3 span{
    color: #58595b;
}
.section-commitment .commitment-text-body.our-hitory.our-tg-technology a{
    padding: 15px 29px;
    
}
.section-commitment .commitment-text-body.our-hitory.our-tg-technology .Brochure-botton{
    display: flex;  
    gap: 18px; 
}
.carousel-caption.my-tg-carousel-caption{
    position: absolute;
    /* right: 15%; */
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%)!important;
    bottom: unset;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}
.carousel-caption.my-tg-carousel-caption h1{
    color: rgb(255, 255, 255);
    font-size: 50px;
    line-height: 24px;
    letter-spacing: -2px;
    font-weight: 800;
    margin-bottom:40px;
}
.carousel-caption.my-tg-carousel-caption p{
color: rgb(255, 255, 255);
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0px;
    font-weight: 400;
    margin-bottom:72px;
}
.carousel-caption.my-tg-carousel-caption a{
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    border: 1px solid #fff;
    padding: 20px 48px;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
}
.carousel-caption.my-tg-carousel-caption a:hover{
    background-color: #80bdc0;
    border-color: #80bdc0;
}

.section-double-bg .double-bg-body.tg-swiper-body p{

    margin-bottom: 0px;
    letter-spacing: 0px;
    font-size: 28px;
    background: linear-gradient(90deg, #eaeaea 29%, #2a2a2a);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.section-double-bg .double-bg-body.tg-swiper-body{
    margin: 0;
}
.section-double-bg .double-bg-body.tg-swiper-body h1{
    font-weight: 800;
    font-size: 50px;
    font-style: normal;
    margin-bottom: 40px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #eaeaea 32%, #2a2a2a);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.section-double-bg.section-right-double-swiper::after{
    right: 0;
    left: unset;
}
.section-double-bg.section-right-double-swiper .double-bg-body.tg-swiper-body p{
    
    color: #80bdc0!important;
    font-weight: 300;
    -webkit-text-fill-color:#80bdc0;
}
.section-double-bg.section-right-double-swiper .double-bg-body.tg-swiper-body h1{
    
    background: linear-gradient(90deg, #2a2a2a 29%, #fff);
			-webkit-text-fill-color: transparent;
			-webkit-background-clip: text;
}
.section-double-bg.section-swiper-tg-extrapadding{
    padding: 150px 0;
}








.section-commitment .commitment-text-body.our-hitory.our-tg-technology.commitment-text-body-last-tg h3{
    color: #000;
    font-style: normal;
    font-size: 30px;
    font-weight: 300!important;
    margin-bottom: 16px;
}

.section-commitment .commitment-text-body.our-hitory.our-tg-technology.commitment-text-body-last-tg h3 span{
    color:#000;
    font-weight: 700;
}
.section-commitment .commitment-text-body.our-hitory.our-tg-technology.commitment-text-body-last-tg p{
    font-size: 15px;
    margin-bottom:34px;
}

.section-commitment .commitment-text-body.our-hitory.our-tg-technology.commitment-text-body-last-tg h6{
    color: #626262;
    font-size: 15px;
    font-weight: 700;
}
.section-commitment .commitment-text-body.our-hitory.our-tg-technology.commitment-text-body-last-tg h5{
    color: #626262;
    font-size: 15px;
    font-weight: 700;
    padding-bottom:28px;
    margin-bottom:40px;
    border-bottom: 1px solid #d2d2d2;   
}


.section-video.imgage-top.calatog-img{

    min-height: 85dvh;
}

.section-video.imgage-top.calatog-img .master-catalog-text-body-first-section{
    margin-top: 58px;
    padding: 0 40px 0 40px;
}
.section-video.imgage-top.calatog-img .master-catalog-text-body-first-section h3{
    font-size: 18px;
    line-height: 19px;
    letter-spacing: 6px;
}


.section-commitment .catalog-text-body-top h3{
    font-size: 40px!important;
}
.section-commitment .catalog-text-body-top h3 span{
    font-size: 40px!important;
    color: #2a2a2a!important;
}

.section-double-bg.catalog-double-black-bg{
    background-color: #fff;
}
.section-double-bg.catalog-double-black-bg.right-catalog-after::after{
    right: 0;
    left: unset;
}

.section-double-bg.catalog-double-black-bg.right-catalog-after .black-text-swiper-catalog h1{
    color: #000;
}
.section-commitment .question-caltalog h3{
    color: #58595b!important;
    font-size: 40px!important;
    font-style: italic!important;
    font-weight: 300!important;
    
}
.section-commitment .question-caltalog h3 span {
    color: #2a2a2a!important;
    font-size: 40px!important;
    letter-spacing:-3px!important;
    font-weight:800!important;
    
}

.section-commitment .catalog-contact-detail h4{
    color: #000;
    font-size: 15px;
    font-weight: 700!important;
    margin-bottom: 34px;

}
.section-commitment .catalog-contact-detail h4 span{
    color: #626262;
}
.section-commitment .catalog-contact-detail a{
    border: none;
    padding: 0!important;
    transition: all 0.4s ease-in-out!important;
}
.section-commitment .catalog-contact-detail a:hover{
    background-color: unset;
    color: unset;
    border: unset;
    text-decoration: underline;
}


/* Project section */



.section-video.imgage-top.calatog-img.project-top-img h3{
    font-size: 30px;
    font-weight: 300;
}


.section-honey-rose{
    background-color: #fff;
    padding: 64px 0;
}


.section-honey-rose .honeyrose-logo{
    text-align: center;
}
.section-honey-rose .honeyrose-logo img{
    width: 300px;
    margin-bottom: 32px;
}

.section-honey-rose .honeyrose-logo a{
    text-decoration: none;
    border: 1px solid #2a2a2a;
    padding: 15px 55px;
    color: #2a2a2a;
    font-size: 14px;
    transition: all 0.4s ease-in-out;
    display: block;
    width: fit-content;
    margin: auto;
}
.section-honey-rose .honeyrose-logo a:hover{
    color: #fff;
    background-color: #80bdc0;
    border-color: #80bdc0;
}
.section-marquis-video{
    position: relative;
}

.container.project-video-postion{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.section-marquis-video .project-video-postion .project-video-postion-body-text{
    text-align: center;
    background-color:rgba(0, 0, 0, 0.8);
    width: fit-content;
    margin: auto;
    padding:28px 164px 74px 164px;
}
.section-marquis-video .project-video-postion .project-video-postion-body-text img{
    width: 260px;
}
.section-marquis-video .project-video-postion .project-video-postion-body-text a{
    text-decoration: none;
    border: 1px solid #fff;
    padding: 15px 55px;
    color: #fff;
    font-size: 14px;
    display: block;
    width: fit-content;
    margin: auto;
    transition: all 0.4s ease-in-out;
}

.section-marquis-video .project-video-postion .project-video-postion-body-text a:hover{
    background-color: #80bdc0;
    border-color: #80bdc0;
}

.section-contact-home .contact-us.project-contact-btn a{
    color: #2a2a2a;
   background-color: #fff;
   transition: all 0.4s ease-in-out;
}

.section-contact-home .contact-us.project-contact-btn a:hover{
    background-color: #2a2a2a;
    color: #fff;
    padding: 30px 80px;
    
}
/*--------------- section-roomvo-start---------------------- */

.section-roomvo-top{

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 630px;
    display: flex;
    align-items: center;

}

.section-roomvo-top .roomvo-logo-imgae{
    display: flex;
    flex-direction: column;
}
.section-roomvo-top .roomvo-logo-imgae img:nth-child(1){
    width: 400px;
    margin-bottom:40px;
}
.section-roomvo-top .roomvo-logo-imgae img:nth-child(2){
    width: 200px;
    margin-bottom:8px;
}

.section-roomvo-top .roomvo-logo-imgae h1{
    font-size:40px;
    font-weight: 800;
}
.section-roomvo-top .roomvo-logo-imgae p{
    font-size: 15px;
    color: #555;
    padding-top: 20px;
}

.section-roomvo-card-phone{
    background-color: #fff;
    padding: 64px 0 40px 0;
}

.section-roomvo-card-phone .my-card-body-mobile-phone{
    border: none;
    box-shadow:0px 0px 10px 0px #d2d2d2 ;

}


.section-roomvo-card-phone .my-card-body-mobile-phone img{
    width: 200px;
}
.section-roomvo-card-phone .my-card-body-mobile-phone p{
    font-size: 15px;
    color: #626262;
    font-weight: 700;
}


.section-quote.section-roomvo-bg{

    background-position: left center;
}


/* ------------collaction-start------------------------------ */

.section-img-collaction{
    background-color: #fff;
    padding: 64px 0;
}
.section-video.imgage-top.collaction-top{
    min-height:80dvh;
}

.section-img-collaction .bg-image-collaction img{
    height: 350px;
    background-repeat: no-repeat;
    width: 100%;
    object-fit: cover;
}

.section-img-collaction .bg-image-collaction{
    margin-top: 32px;
}


.section-img-collaction .bg-image-collaction{
    position: relative;
}
.section-img-collaction .position-collaction{
    position: absolute;
    top: 10px;
    left: 10px;
}
.section-img-collaction .position-collaction p{
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    background-color: #00000080;
    padding: 6px 16px;
}

/* -----------------S.C.P-inner-page-start-------------------------- */

.section-mt-spc-nav{
    background-color: #000;
    color: #fff;
    padding: 10px 0;
}
.section-mt-spc-nav p i{
    font-size: 7px;
    padding-left: 12px;
}
.section-mt-spc-nav p{
    font-size: 11px;
    margin: 0;
}
.section-mt-spc-nav h3{
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

.section-product{
    background-color: #fff;
    padding: 64px 0;
}

.inner.card.my-card img{
    height: 500px;
    object-fit: cover;
    object-position: center center;
    position: relative;
    border-radius: 0;
    border: none;
}
.inner.card.my-card .card-body.my-card-body{
    position: absolute;
    bottom:25px;
    left: 0;
    background-color: #000;
    width: 85%;
}

.section-product .my-card-body h5{
    color: #fff;
}

.section-product.spc-inner-product .spc-inner.inner.card.my-card img{
    height: 400px;
}
.section-product.spc-inner-product .spc-inner.inner.card.my-card h5{
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing:5px;
}

.spc-inner.inner.card.my-card .spc-product-slim-detail p{
    color: #ffffff;
    font-size: 9px;
    font-weight: 700;
    padding: 6px 12px;
    background-color: #00000033;
}
.spc-inner.inner.card.my-card .spc-product-slim-detail{
    position: absolute;
    top: 10px;
    right: 10px;
}


/*-------------------------------- spc-last-inner-page----------------------------- */
.section-last-inner{
    background-color: #fff;
}

.section-last-inner .louvre-img img{
    width: 100%;
    height: 800px;
    object-fit:cover;
}

@media(max-width:769px){
    .section-video .hero-body h1{
        font-size:56px;
    }
    .section-video .hero-body h4{
        font-size: 12px;
    }

    .section-commitment .commitment-img{
        margin-bottom: 64px;
    }
    .section-commitment .commitment-text-body p{
        margin-top: 16px;
    }
    .section-video-2 .r-logio img{
        width: 172px;
    }
    .section-quote .quote-body{
        background-size: 220px;
        background-position: center center;
    }
    .section-quote .quote-body{
        text-align: center;
        align-items: center;
    }
    .commitment-text-body{
        margin-bottom:74px;
    }
    .section-double-bg::after{
        width: 100%;
    }
    .section-double-bg{
        padding: 0;
    }
    .section-double-bg .double-bg-body{
        margin: 64px 0 70px 0;
    }

    .section-double-bg .card-body.my-card-body{
        padding-right: 140px;
    }

    .section-video-2 video{
        margin-top: 16px;
    }

    .section-tg .tg-body p{
        margin-bottom: 64px;
    }
    .section-tg .tg-body{
        padding-bottom: 33px;
    }

    .section-swiper-card .customer-head{
        margin-top: 54px;
        margin-bottom: 32px;
    }
    .review-swiper{
        margin-bottom:64px!important;
    }
    .section-contact-home .partner-quick-img{
        text-align: center;
    }
    .section-contact-home .partner-quick-img .quick-partner-with{
        flex-direction: column;
    }
    .section-contact-home .partner-quick-img{
        margin: 72px 0 32px 0; 
    }

    .section-contact-home .contact-us{
        display: flex;
        justify-content: center;
        margin-bottom: 72px;
    }
    .section-contact-home .contact-us a{
        padding:12px 38px;
    }

    .section-contact-home::after{
        background-position: bottom;
    }
    .section-contact-home .partner-quick-img h1{
        font-size: 30px;
    }

   

    .section-video .hero-body.img-quick-top.tg-top-hero-body{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .section-video .hero-body.img-quick-top.tg-top-hero-body h1{
        margin-bottom: 16px;
        margin-top: 16px;
    }
    .section-tg::after{
        width: 100%;
        height: 50%;
        bottom: 0!important;
        background-size: contain;
    }
    .section-tg .tg-img{
        padding: 0;
    }
    .section-tg .tg-body{
        padding-top: 0;
    }

    .section-tg .tg-img img{
        width: 250px;
    }

    .section-footer.sticky-bottom{
        position: unset;
    }
    .section-footer .footer-logo img{
        width: 224px;
    }
    .section-footer .dealer-contact h1{
        font-size:28px;
    }
    .section-footer .copy-right p{
        margin: 0 0 24px 0;
    }
    .section-video-discover{
        background: #000;
        padding: 58px 0;

    }
    .section-video-discover .video-discover-bg{
        position: unset;
        transform: unset;
    }
    .section-video-discover .video-discover-bg .video-discover-bg-body p{
        font-size: 23px;
    }
    .section-video-discover .video-discover-bg .video-discover-bg-body h3{
        font-size: 28px;
    }

    .section-double-bg.double-bg-img{
        padding: 0;
    }

    .section-commitment.section-discover-commitment-padding-0 .commitment-img{
        margin-top: 0;
    }

    .section-commitment.section-discover-commitment-padding-0 .commitment-text-body{
        margin-top: 64px;
    }


    .section-commitment .commitment-text-body.our-hitory.our-tg-technology a{
        padding: 15px 32px;
        
    }


    .section-double-bg.section-swiper-tg-extrapadding::after{
        background-color:#2a2a2a;
    }

    .section-double-bg.section-swiper-tg-extrapadding .collection p{
        font-size:18px;
        font-weight: 300;
        color: #80bdc0!important;
        margin-bottom: 0px;
        letter-spacing: 0px;
        background: unset;
    -webkit-text-fill-color: unset;
    -webkit-background-clip: unset;
    }


    .section-double-bg.section-swiper-tg-extrapadding .collection h1{
        font-size:30px;
        font-weight: 800;
        color: #fff!important;
        padding-bottom:40px;
        margin-bottom: 56px;
        letter-spacing: 0px;
        background: unset !important;
    -webkit-text-fill-color: unset !important;
    -webkit-background-clip: unset!important;
    border-bottom: 1px solid #d2d2d2;
    }

    .section-double-bg.section-swiper-tg-extrapadding{
        padding: 100px 0;
    }

.carousel-caption.my-tg-carousel-caption h1{
    font-size: 35px;
}
.carousel-caption.my-tg-carousel-caption p{
    font-size: 15px;
}

.carousel-caption.my-tg-carousel-caption a{
    padding: 17px 40px;
}

.section-video.imgage-top .hero-body.img-quick-top img{
    width: 270px;
}
.section-video.imgage-top .hero-body.img-quick-top .arrow-img img{
    width: 70px;
}

.section-double-bg.catalog-double-black-bg.right-catalog-after::after{
    background-color: #fff;
}

.section-honey-rose .honeyrose-logo img{
    width: 290px;
    margin-bottom: 0;
}


.section-honey-rose .honeyrose-logo a{
    margin-bottom:64px;
}

/* .section-honey-rose{
    padding-bottom: 0;
} */

.section-honey-rose .le-duke-logo img{
    margin-top:64px;
}
.section-marquis-media-mobile{
    background-color: #1a1a1a;
    padding: 108px 0;
}

.section-marquis-media-mobile .project-marguis-bolile-body img{
    text-align: center;
    width: 280px;
}
.section-marquis-media-mobile .project-marguis-bolile-body a{
    text-decoration: none;
    border: 1px solid #fff;
    padding: 15px 55px;
    color: #fff;
    font-size: 14px;
    display: block;
    width: fit-content;
    margin: auto;
    transition: all 0.4s ease-in-out;

}
.section-marquis-media-mobile .project-marguis-bolile-body a:hover{
    background-color: #80bdc0;
    border-color: #80bdc0;
}

.section-marquis-media-mobile .project-marguis-bolile-body{
    background-color: #000;
    width: fit-content;
    margin: auto;
    padding: 40px 56px;
}

/* ----------roomvo-start-------------------- */

.section-roomvo-top .roomvo-logo-imgae img:nth-child(1){
    width: 280px;
}


/* -------------------collaction-start-------------------- */
.section-img-collaction .bg-image-collaction img{
    height: 200px;
}
.section-img-collaction{
    padding-top:32px ;
}
}

/*-------------------- spc-short-nav---------------------------- */
@media(max-width:970px){
    .section-mt-spc-nav .home-nav-body{

        display: none!important;
    }
}