/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

@font-face {
  font-family:SVN-Gilroy;
  src:url(fonts/SVN-GilroyThin.woff2) format("woff2"),url(fonts/SVN-GilroyThin.woff) format("woff");
  font-weight:100;
  font-style:normal;
  font-display:swap;
}

@font-face {
  font-family:SVN-Gilroy;
  src:url(fonts/SVN-GilroyMedium.woff2) format("woff2"),url(fonts/SVN-GilroyMedium.woff) format("woff");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

@font-face {
  font-family:SVN-Gilroy;
  src:url(fonts/SVN-GilroyLight.woff2) format("woff2"),url(fonts/SVN-GilroyLight.woff) format("woff");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}

@font-face {
  font-family:SVN-Gilroy;
  src:url(fonts/SVN-Gilroy.woff2) format("woff2"),url(fonts/SVN-Gilroy.woff) format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face {
  font-family:SVN-Gilroy;
  src:url(fonts/SVN-GilroyBold.woff2) format("woff2"),url(fonts/SVN-GilroyBold.woff) format("woff");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}



@font-face {
  font-family:Bebas;
  src:url(fonts/Bebas.ttf);
}
body{
	font-family:SVN-Gilroy;
	font-weight:400;
}
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2,.bodoni{
	font-family: Libre Bodoni,serif;
	font-weight:500;
}
.nav>li>a.header__hotline{
	position:relative;
	display:flex;
	align-items:center;
	padding-left:120px
}

.header__hotline:before {
  background-image:url(/wp-content/uploads/2025/10/Butons-hotline.png);
  opacity: 1 !important;
}

.header.actived:has(.dropdown.actived) .header__hotline .header__hotline--text {
  --tw-text-opacity:1;
  color:rgb(129 129 129 / var(--tw-text-opacity));
}

.header.actived:has(.dropdown.actived) .header__hotline .header__hotline--numb {
  --tw-text-opacity:1;
  color:rgb(19 82 81 / var(--tw-text-opacity));
}


.header__hotline {
  position:relative;
  display:flex;
  align-items:center;
  padding-left:70px;
}

.header__hotline:before {
  position:absolute;
  left:0;
  display:block;
  height:100px;
  width:100px;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  content:"";
   background-image:url(/wp-content/uploads/2025/10/Butons-hotline.png);
}

@media (min-width:1260px) {
  .header__hotline:before {
    background-image:url(/wp-content/uploads/2025/10/Butons-hotline.png);
  }
}

.header__hotline>span {
  display:flex;
  flex-direction:column;
  --tw-text-opacity:1;
  color:var(--primary-color);
}

.header__hotline--text {
  font-size:16px;
  line-height:24px;
}

@media not all and (min-width:1260px) {
  .header__hotline--text {
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity));
  }
}

.header__hotline--numb {
  font-size:20px !important;
  line-height:28px !important;
  font-weight:700;
}

@media not all and (min-width:1260px) {
  .header__hotline--numb {
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity));
  }
}


.header-bottom-nav.nav-left{
	display:flex;
	justify-content:space-between;
	width: 100%;
}
header .flex-left{
	width: 100%;
}
.header-bottom-nav > li > a{
	font-weight: 400;
	transition: 0.5s;
	border-radius: 48px;
	background-image: ;
}

.header-bottom-nav > li:hover>a {
	background-image: linear-gradient(90deg, #c72262, #ff3080);
    --tw-text-opacity: 1;
    transition: 0.5s;
    color: var(--primary-color);
    border-radius: 99px;
    border: 0px;
    padding: 10px;
}

.header__languages {
    display: flex;
    align-items: center;
    gap: .75rem;
}


@media (min-width: 1260px) {
    .header__languages {
        gap: .5rem;
    }
}

.header__languages--earth {
    position: relative;
    display: block;
    height: 20px;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/webp;base64,UklGRroBAABXRUJQVlA4WAoAAAAQAAAAHwAAIAAAQUxQSF0BAAABkFZbb9hID4IgCIIhGEIZjBmsGNQMGgYOgy4DQzAEQRAE/4jt2bMIImIC+I+ltBFzxmhF/oW26JbuimT7zqa/kU9UATQEQKu/z9S/wvK2B+jtepDc2Nq1guq6US9s1dOO4roQN7bilVNzeXwa+9I4/1ZAXQ/qL1KbCq1wKG4HuUe9LmTqCcll844qSEiZdaN92Ct2oQC9tBqycstXN3bysDbSXVchHPf8SCNEXRfV85G1h8SEEi0DFO/5QEIA5gT0cm8voIw55/Q3QP/oI4Sn2vDEWscbkDvG5xUjLYAcskI888x1jNt2XLbhqguwVvpBrbu660VcdtZ2nlc6hbvuxL/ySP1i/WmgIRvoBrzCWGsocH0OagX1xLZdAOJ2Vv6yfbs80Pg5arb5cWWd3FZ5qLqu/nhir970QY0wnvJ15VQuL8qhvOMSfqn3/JYsIMm6N+UfarlHzBmjFeEQAFZQOCA2AAAA8AIAnQEqIAAhAD4xFIhCoiEhGAQAIAMEtIAAPeb4xAAA/v5V2A39///anZH/quf//7URAAAA);
}


@media (min-width: 1260px) {
    .header__languages--earth {
        background-image: url(data:image/webp;base64,UklGRsABAABXRUJQVlA4WAoAAAAQAAAAHwAAIAAAQUxQSF0BAAABkFZbb9hID4IgCIIhGEIZjBmsGNQMGgYOgy4DQzAEQRAE/4jt2bMIImIC+I+ltBFzxmhF/oW26JbuimT7zqa/kU9UATQEQKu/z9S/wvK2B+jtepDc2Nq1guq6US9s1dOO4roQN7bilVNzeXwa+9I4/1ZAXQ/qL1KbCq1wKG4HuUe9LmTqCcll844qSEiZdaN92Ct2oQC9tBqycstXN3bysDbSXVchHPf8SCNEXRfV85G1h8SEEi0DFO/5QEIA5gT0cm8voIw55/Q3QP/oI4Sn2vDEWscbkDvG5xUjLYAcskI888x1jNt2XLbhqguwVvpBrbu660VcdtZ2nlc6hbvuxL/ySP1i/WmgIRvoBrzCWGsocH0OagX1xLZdAOJ2Vv6yfbs80Pg5arb5cWWd3FZ5qLqu/nhir970QY0wnvJ15VQuL8qhvOMSfqn3/JYsIMm6N+UfarlHzBmjFeEQAFZQOCA8AAAAMAMAnQEqIAAhAD4xFolDIiEhFVQAIAMEtIAApi4mM/cMwAD4P1J29Y8QTH/yz///uAzh/8tZ//7iZyAA);
    }
}


.header__languages--break {
    position: relative;
    height: 20px;
    width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(220 220 220 / var(--tw-bg-opacity));
}

.c-select-container {
    position: relative;
    padding-right: 16px;
}

.header__languages .c-select-container .c-select {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    --tw-text-opacity: 1;
    box-shadow: none;
    border: 0px;
    color: #000;
    padding-left: 0px;
    height: 20px;
}
header .form-flat input:not([type=submit]) {
    background-color: rgb(255 255 255 / 3%);
    border-color: var(--fs-color-primary);
    border-radius: 99px;
    width: 300px;
    line-height: 36px;
    height: 36px;
}
header .searchform-wrapper form{
    margin-top: 10px;
}
header .form-flat .button.icon {
    color: var(--fs-color-primary);
}
footer .title p{
	margin-bottom: 0px;
}
.box2 .box-text p{
    font-size: 42px;
    background-image: linear-gradient(red, blue);
    color: transparent;
    background-clip: text;
    background: linear-gradient(to right, #d7b174, #f3ebc8, #d7b174);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: 700;
}


.button.border{
    line-height: 45px;
    height: 50px;
}
.button.border:after{
	position: absolute;
	left: -3px;
	top: -3px;
	display: block;
	height: calc(100% + 6px);
	width: calc(100% + 6px);
	border-radius: 48px;
	background-image: linear-gradient(90deg, #c2af7f, #e5dbaa 21.5%, #faf5c2 35%, #e3cd92 54%, #cea965 78%, #e7c579);
	content: "";
	z-index: -3;
}

.box3 .nav-outline>li>a {
    border-radius: 10px;
    color: #fff;
    text-align: left;
    padding: 40px ;
    border:0px !important;
	background-color: var(--fs-color-primary);
	margin-bottom:20px
}

.box3 .nav-outline>li.active>a {
    border-color: currentColor;
    color: var(--fs-color-primary);
    border-radius: 10px;
    background-color: var(--fs-color-primary);
    color: #fff;
    text-align: left;

    border:0px;
}
.box3 .tabbed-content{
	background:url('https://thammy02.myonter.com/wp-content/uploads/2025/02/bg_box2.png');
	background-size: cover;
    background-repeat: no-repeat;
	border-radius:20px
}
.box3  .tab-panels img{
    width: auto;
    max-height: 620px;
}
.box3 .tab-panels{
	
	padding: 0px;
	border: 0px;
}
.box3 .nav-outline>li>a h3{
	color: #fff;
	font-size: 25px;
	font-family: Libre Bodoni,serif;
}
.box3 .nav-outline>li>a p{
	font-size:16px;
}

.box3 .nav-outline>li>a {
	padding: 20px 30px;
    background-image: url(images/right.webp);
    background-position: right 6% bottom 50%;
    background-size: 48px 48px;
    padding-right: 18%;
    background-repeat:no-repeat;
}
.box3 .nav-outline>li.active>a {
    background-image: url(images/rightactive.webp);
}

.box-overlay.dark .box-text, .box-shade.dark .box-text{
	text-shadow: none;
}
@media (min-width: 850px) {
    .box3 .tabbed-content .nav-vertical {
        padding-top: 0;
        width: 35%;
        overflow-y: scroll;
        max-height: 600px;
        padding-right: 0px;
    }
}

.box3 .tabbed-content {
    padding: 50px 100px;
    position: relative;
}
.box5 .box .box-text-inner p,.box5 .box .box-text-inner h3{
	margin: 0px;
}
.box6 ul{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.box6 ul li{
    display: inline;
    clear: both;
    background-image: linear-gradient(45deg, #d7b174, #f3ebc8, #d7b174);
    border-radius: 99px;
    padding: 10px 30px;
    color: #2a6d4a;
    font-size: 30px;
    margin-bottom: 10px;
    padding-left: 55px;
    font-family: Bebas;
}
ul li.bullet-arrow:before, ul li.bullet-checkmark:before, ul li.bullet-star:before {
	font-size: 16px;
	left: 15px;
	position: absolute;
	background: var(--fs-color-primary);
	color: #dcbb83;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	line-height: 30px;
	top: 20px;
}
.box7 .tabbed-content .nav{
	justify-content: space-between;
}
.box7 .tabbed-content .nav li a{
	font-size: 20px;
	font-weight: normal;
}
.nav-uppercase>li>a {
    letter-spacing: unset;
}
.box7 .tabbed-content .nav li.active a{
	background-color: #fff;
	color: var(--primary-color);
}
.box8 .box.box-blog-post {
	background-color: #f9f5ec;
	padding: 20px;
	border-radius: 15px;
}
.box-blog-post h5{
	font-family: Libre Bodoni,serif;
	font-size: 18px;
}
.box8 .box-normal .box-text{
	padding-bottom: 0px;
}
.box8 .box-normal img{
	border-radius: 15px;
}
.map p{
	margin-bottom: -10px;
}
.wpcf7-form-control.text{
    background-color: unset !important;
    border: 0px;
    box-shadow: none !important;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 10px;
    border-bottom: 1px solid var(--primary-color);
        padding: 0px;
    font-weight: normal;
}
.wpcf7-form-control.name{
    background-image: url(/wp-content/uploads/2025/11/Rectangle-9.png);
}
.wpcf7-form-control.phone{
    background-image: url(/wp-content/uploads/2025/11/pngegg-1.png);
}
.wpcf7-form-control.service{
    background-image: url(/wp-content/uploads/2025/11/pngwing.com-4.png);
}
.wpcf7-form-control.message {
    background-image: url(/wp-content/uploads/2025/11/48407-200.png);
}
.wpcf7 label{
	color: var(--primary-color);
	font-size: 20px;
}
.box9 form{
	padding-left: 100px;
}
.button.wpcf7-submit{
	border-radius: 99px;
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{
	background-color: hsl(0deg 0% 100%);
}
.box3 .nav-outline>li>a{
		background-color: #2a6d4a4f;
	}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.box2 .box-text p {
		font-size: 20px;
	}
	.box3 .tabbed-content .nav-vertical {
        max-height: 400px;
        overflow: scroll;
    }
    .box7 .tabbed-content .nav li a{
		font-size: 15px;
		font-weight: normal;
	}
	.box3 .tab-panels{
		position: relative;
		margin-top: 20px;
	}
	.box3 .tabbed-content{
		padding: 30px;
	}
	.box3 .nav-outline>li>a{
		background-color: #2a6d4a4f;
	}
	.box6 ul li{
		font-size: 17px;
        padding: 5px 10px 5px 35px;
	}
	ul li.bullet-arrow:before, ul li.bullet-checkmark:before, ul li.bullet-star:before{
		top: 10px;
        width: 20px;
        height: 20px;
        font-size: 13px;
        left: 10px;
        line-height: 20px;
    }
	.box9 form{
		padding: 0px;
	}
	.box3 .nav-outline>li>a p{
		display:none
	}
	.box3 .nav-outline>li>a h3{
		font-size:20px;
		margin-bottom:0px
	}
}