@charset "utf-8";

:root {  
  /** @font family declaration **/   
  --ff-BaiJamjuree-Regular:'BaiJamjuree-Regular';
  --ff-BaiJamjuree-Medium:'BaiJamjuree-Medium';
  --ff-BaiJamjuree-SemiBold:'BaiJamjuree-SemiBold';
  --ff-BaiJamjuree-Bold:'BaiJamjuree-Bold';
       
  /** background color declaration **/
  --bg-white: #FFFFFF;
  --bg-black: #000000;  
  --bg-blue: #146DB4;
  --bg-ltgrey: #F7F7F7;  

  --clr-yellow: #F6D62B;
  --clr-grey: #F8F8F8; 
  --bg-blue1: #005CB6;
   
  /** text color declaration **/
  --txt-white: #FFFFFF;
  --txt-black:#000000;
  --txt-black1:#333333;
  --txt-blue: #2E82C5; 
    
}

/* CSS Document */
body { padding:0px; margin:0px; background:var(--bg-white); font-size:1rem; color:#000000; line-height:1.3; font-family: var(--ff-BaiJamjuree-Regular); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #000000; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:1rem; line-height:1.3; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 1.4; }
a{ color: #000000; outline:none; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
i { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:100%; max-width: 1250px; margin:auto; padding:0px;}
.row1 { width:100%; max-width: 1340px; margin:auto; padding:0px;}

img { border: 0; height: auto; max-width: 100%; vertical-align: middle;  width: 100%; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }

/* common css */
.overflow-hidden { overflow: hidden;}

.d-flex { display: flex; flex-wrap: wrap; }
.justify-space-between { justify-content: space-between;}
.div-center { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.align-center { align-items: center;}
.align-top { align-items: flex-start;}
.space-between { display: flex; flex-wrap: wrap; justify-content: space-between;}
::selection { color: var(--txt-white); background-color: var(--bg-blue);}

/* header css */
header {  float: left; width: 100%; position: relative; z-index: 1001; background: var(--bg-white);}
.head-top { float: left; width: 100%; padding: 12px 0px; transition:all .5s ease; }
.header-in { float: left; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.logo img { float: left; width: 104px;}
header.sticky .head-btm{ position: fixed; top: 0; transform: translateY(0); animation: slideDown 0.6s ease forwards;}
/* Keyframes for sliding down */
@keyframes slideDown { 0% { transform: translateY(-100%); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}
.hd-top-rgt { display: flex; column-gap: 20px; align-items: center;}
.hd-top-rgt ul { display: flex; flex-wrap: wrap; column-gap: 20px; align-items: center; }
.hd-top-rgt ul li { flex: 0 1 auto; }
.call-now { display: flex; align-items: center; column-gap: 10px; } 
.call-icon { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background: #E60012; border-radius: 40px; }
.call-icon img { float: left; width: auto; }
.call-txt p { font-size: 13px; line-height: 1.2; color: rgba(0, 0, 0, 0.8); font-family: var(--ff-BaiJamjuree-Regular); text-transform: uppercase; margin-bottom: 4px;}
.call-txt a { font-size: 16px; line-height: 1.2; color: var(--txt-black); font-family: var(--ff-BaiJamjuree-SemiBold); transition:all .5s ease; }
.call-txt a:hover { color: var(--txt-blue);}

a.watsup-btn { display: flex; height: 45px; align-items: center; border-radius: 40px; padding: 0px 20px; column-gap: 10px; background: linear-gradient(to bottom,  rgba(52,237,94,1) 0%,rgba(56,197,88,1) 100%);  
font-size: 16px; color: var(--txt-white); font-family: var(--ff-BaiJamjuree-SemiBold); transition: all 0.5s ease; }
a.watsup-btn:hover { background: linear-gradient(to bottom,  rgba(56,197,88,1) 0%,rgba(52,237,94,1) 100%); }

a.branch-btn { display: flex; height: 45px; align-items: center; border-radius: 40px; padding: 0px 20px; column-gap: 10px; background: linear-gradient(to bottom,  rgba(67,147,241,1) 0%,rgba(82,121,245,1) 50%,rgba(166,151,240,1) 100%); 
font-size: 16px; color: var(--txt-white); font-family: var(--ff-BaiJamjuree-SemiBold); transition: all 0.5s ease; }
a.branch-btn:hover { background: linear-gradient(to bottom,  rgba(166,151,240,1) 0%,rgba(82,121,245,1) 50%,rgba(67,147,241,1) 100%); }

.head-btm { float: left; width: 100%; padding: 0px 0px; background: var(--bg-blue); }
.head-btm .row { display: flex; column-gap: 30px; align-items: center;}

.sub-menu-toggle { display:none; }
#topBar { float: left; width: auto; padding: 0px; }
#topBar ul li{ position: relative; display: inline-block; }
#topBar > ul { display: flex; column-gap: 28px; }
#topBar > ul >li {float: left;}
#topBar > ul li.menu-item-has-children > a:after { float:right; content: "\e842"; font-family: 'feather' !important; padding:2px 0 0 3px; }
#topBar > ul li li.menu-item-has-children > a:after { content: "\e844"; }
#topBar a { display: inline-block; padding: 18px 0px; color: var(--txt-white); font-size: 18px; font-family: var(--ff-BaiJamjuree-SemiBold); letter-spacing: 0.01px; }
#topBar a:hover, #topBar li.active a { color: #FAD92E; }
#topBar ul.sub-menu { display: none; position: absolute;top: 100%;left: 0;width: 250px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}
#topBar  ul.sub-menu li { width: 100%; background: var(--bg-white);}
#topBar ul.sub-menu li a { width: 100%; display: flex; align-items: center; justify-content: space-between; color: var(--txt-black1); font-size: 16px; font-family: var(--ff-BaiJamjuree-Regular); padding: 8px 10px;border-top: 1px solid rgba(0,0,0,.1);}
#topBar ul.sub-menu li a:hover, #topBar ul.sub-menu li.active>a { background: var(--bg-blue1); color: var(--txt-white);}
#topBar ul.sub-menu ul.sub-menu{ position: absolute;top: 0;left: 100%;width: 100%; }

.hdr-last { position: relative; overflow: hidden;}
.hdr-last ul { display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px;}
.hdr-last ul li { flex: 0 1 auto;}
a.book-btn { display: inline-flex; height: 32px; column-gap: 12px; padding: 0px 0px 0px 25px; background: none; border-left: 1px solid var(--txt-white); align-items: center; color: var(--txt-white); font-size: 18px; font-family: var(--ff-BaiJamjuree-Bold); }
a.book-btn:hover { color: var(--clr-yellow); }
a.book-btn img { float: left; width: auto;}

/* banner section css */
.hero-slider {float: left; width: 100%; padding: 0px 0px; overflow: hidden; position: relative; }
.hero-slider .swiper-slide img.mobile-banner { display: none; }
.hero-slider .swiper-slide .hero-cnt { float: left; width: 100%; position: absolute; top:45px; left: 0px; }
.hero-cnt .ban-txt { float: left; width: 100%; text-align: center; }
.hero-cnt .ban-txt h2 { color: var(--txt-white); font-size: 60px; line-height: 1.2; font-family: var(--ff-BaiJamjuree-Medium); margin-bottom: 12px; display: flex; align-items: end; justify-content: center; column-gap: 10px;}
.hero-cnt .ban-txt h2 span.yellow-txt { display: inline-flex; align-items: center; justify-content: center; font-size: 36px; color: #FFDE01; width: 133px; height: 57px; border-radius: 30px; background: linear-gradient(to bottom,  rgba(26,30,103,1) 0%,rgba(33,39,113,1) 100%); 
border: 1px solid rgba(255, 255, 255, 0.2); }
.hero-cnt .ban-txt h2 span.img-txt { position: relative; margin-right: 15px;}
.hero-cnt .ban-txt h2 span.img-txt img { position: absolute; width: auto; top: 5px; right: -20px; height: auto;}
.hero-cnt .ban-txt p { color: var(--txt-white); font-size: 18px; line-height: 1.5; font-family: var(--ff-BaiJamjuree-Regular); margin-bottom: 16px; letter-spacing: 0.31px; }

a.ban-btn { display: inline-flex; column-gap: 8px; height: 54px; padding: 0px 24px; background: #FAD92E; border-radius: 50px; align-items: center; color: var(--txt-black); font-size: 18px; font-family: var(--ff-BaiJamjuree-SemiBold); }
a.ban-btn:hover { background: var(--bg-white); color: var(--txt-blue); }

.hero-slider .swiper-nav { width: 100%; position: absolute; bottom: 60px; margin-top: 0px; }
.hero-slider .control-in { width: 100%; display: flex; align-items: center; column-gap: 30px; justify-content: left; }
.hero-slider .swiper-nav-ban { display: flex; z-index: 1; width: 115px;justify-content: space-between; }
.hero-slider .swiper-button-prev-ban{background: #fff; width: 50px; height: 50px; border-radius: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition:all .5s ease; }
.hero-slider .swiper-button-next-ban{background: #fff; width: 50px; height: 50px; border-radius: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition:all .5s ease; }
.hero-slider .swiper-button-prev-ban:hover { background: #0C62FB; } 
.hero-slider .swiper-button-next-ban:hover { background: #0C62FB; }
.hero-slider .swiper-nav-ban i { color: var(--txt-blue); font-size: 22px;}
.hero-slider .swiper-button-prev-ban:hover i { color: var(--txt-white); }
.hero-slider .swiper-button-next-ban:hover i { color: var(--txt-white); }
.hero-slider .swiper-nav-ban img { width: auto; }

.watsapp-chat { position: fixed; right: 30px; bottom: 30px; z-index: 9; }
.share-btns { position: fixed; right: 0px; top:200px; z-index: 9; }

.welcome-sec { float: left; width: 100%; padding: 95px 0px 55px; background: var(--bg-white); }
.welcome-service-cont { float: left; width: 100%; }
.welcome-title { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; row-gap: 20px; align-items: center; text-align: center; }
.welcome-title h2 { color: var(--txt-black); font-size: 64px; line-height: 1.1; font-family: var(--ff-BaiJamjuree-Medium); } 
.welcome-title p { color: var(--txt-black); font-size: 26px; line-height: 1.4; font-family: var(--ff-BaiJamjuree-Regular); } 

.service-slide { float: left; width: 100%; margin-top: 60px; position: relative; }
.service-slide .swiper-slide { height: auto; }
.service-slide .swiper-container { overflow: hidden; }
.service-out { float: left; width: 100%; height: 100%; background: var(--bg-ltgrey); position: relative; }
.service-out a { float: left; width: 100%; height: 100%; }
.service-img { float: left; width: 100%; position: relative; overflow: hidden; }
.service-img img { float: left; width: 100%; }
.service-img img.org-img { position: absolute; left: 0px; top:0px; width: 100%; height: 100%; }
.service-img h3 { position: absolute; top:20px; left: 0px; width: 100%; text-align: center; color: var(--txt-black1); font-size: 26px; line-height: 1.2; font-family: var(--ff-BaiJamjuree-SemiBold); letter-spacing: -0.8px; }
.service-cont { float: left; width: 100%; height: 100%; position: absolute; left: 0px; top:0px; background: var(--txt-blue); padding: 30px 30px; opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.service-cont h4 { color: var(--txt-white); font-size: 26px; line-height: 1.2; font-family: var(--ff-BaiJamjuree-SemiBold); margin-bottom: 20px; letter-spacing: -0.8px; transition: all 0.5s ease; }
.service-cont p { color: var(--txt-white); font-size: 18px; line-height: 1.5; font-family: var(--ff-BaiJamjuree-Regular); transition: all 0.5s ease; }
span.more-btn { position: absolute; right: 0px; bottom: 0px; width: 50px; height: 50px; background: var(--clr-yellow); display: flex; align-items: center; justify-content: center; color: var(--txt-black); font-size: 26px;}
.service-out:hover .service-cont { opacity: 1; visibility: visible; }

.service-slide .swiper-nav { float: left; width: 100%; margin-top: 30px; text-align: center; display: flex; justify-content: center; display: none;}
.service-slide .swiper-nav-service { display: none; width: 110px; display: flex; align-items: center; justify-content: space-between; }
.service-slide .swiper-button-prev-service{ border: 2px solid var(--bg-blue); width: 49px; height: 49px; border-radius: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition:all .5s ease; position: relative; left: 0px; z-index: 1;}
.service-slide .swiper-button-next-service{ border: 2px solid var(--bg-blue); width: 49px; height: 49px; border-radius: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition:all .5s ease; position: relative; right: 0px; z-index: 1;}
.service-slide .swiper-button-prev-service:hover{ background: var(--bg-blue); color: #fff; } 
.service-slide .swiper-button-next-service:hover { background: var(--bg-blue); color: #fff; }
.service-slide .swiper-button-prev-service:hover i{ color: #fff; } 
.service-slide .swiper-button-next-service:hover i{ color: #fff; }
.service-slide .swiper-nav-service i { font-size: 22px; color: var(--txt-blue);} 

.welcome-cont { float: left; width: 100%; padding: 0px 0px; margin-top: 75px; }
.welcome-cont-in { float: left; width: 100%; padding: 0px 110px; }
.welcome-lft { float: left; width: 55%; padding-right: 30px;}
.welcome-lft h2 { color: var(--txt-black); font-size: 64px; line-height: 1.1; font-family: var(--ff-BaiJamjuree-Medium); } 
.welcome-lft h2 span { color: var(--txt-blue); }
.welcome-rgt { float: left; width: 45%; }
.welcome-rgt p { color: var(--txt-black1); font-size: 18px; line-height: 1.5; font-family: var(--ff-BaiJamjuree-Regular); letter-spacing: -0.26px; margin-bottom: 50px; }
a.gradient-btn { display: inline-flex; column-gap: 10px; width: auto; height: 60px; padding: 0px 30px; background: linear-gradient(to right,  rgba(67,147,241,1) 0%,rgba(82,121,245,1) 50%,rgba(166,151,240,1) 100%); border-radius: 50px; align-items: center; justify-content: center; color: var(--txt-white); font-size: 18px; font-family: var(--ff-BaiJamjuree-SemiBold); transition:all .5s ease; }
a.gradient-btn:hover { background: linear-gradient(to right,  rgba(166,151,240,1) 0%,rgba(82,121,245,1) 50%,rgba(67,147,241,1) 100%); }
.stats-section { float: left; width: 100%; position: relative; background: var(--clr-yellow); padding: 140px 0px;overflow: hidden;}
/* top curve */
.stats-section::before { content: "";position: absolute;top: 0px;left: -10%;width: 120%;height: 70px;background: var(--bg-white);border-bottom-left-radius: 50% 100%;border-bottom-right-radius: 50% 100%;}
/* bottom curve */
.stats-section::after {content: "";position: absolute;bottom: 0px;left: -10%;width: 120%;height: 70px;background: var(--clr-grey);border-top-left-radius: 50% 100%;border-top-right-radius: 50% 100%;}

.stats-section ul { width: 100%; display: flex; flex-wrap: wrap;}
.stats-section ul li { flex: 0 1 25%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: left;}
.stats-section ul li h3 { float: left; width: 100%; color: var(--txt-black); font-size: 64px; line-height: 1.2; font-family: var(--ff-BaiJamjuree-Bold); ;}
.stats-section ul li h3 small { font-size: 32px; }
.stats-section ul li p { float: left; width: 100%; font-size: 24px; line-height: 1.2; font-family: var(--ff-BaiJamjuree-SemiBold); color: var(--bg-black); }

.services-sec { float: left; width: 100%; padding: 50px 0px 85px; background: var(--clr-grey); }
.service-title { width: 500px; display: flex; flex-wrap: wrap; flex-direction: column; row-gap: 30px; align-items: left; }
.service-title h2 { color: var(--txt-black); font-size: 64px; line-height: 1.1; font-family: var(--ff-BaiJamjuree-Medium); letter-spacing: -2px; } 
.service-title p { color: var(--txt-black); font-size: 18px; line-height: 1.5; font-family: var(--ff-BaiJamjuree-Regular); letter-spacing: -0.26px; } 

.lap-slide { float: left; width: 100%; margin-top: 60px; position: relative; padding-left: calc((100% - 1250px) / 2);}
.lap-slide .swiper-slide { height: auto;  padding-bottom: 12px;}
.lap-slide .swiper-container { overflow: hidden; }
.laptop-out { float: left; width: 100%; height: 100%; background: var(--bg-white); border-radius: 20px 20px; position: relative; transition: all 0.5s ease; }
.laptop-out a { float: left; width: 100%; height: 100%; padding: 30px 30px 65px 30px; }
.laptop-img { float: left; width: 100%; position: relative; overflow: hidden; text-align: center; margin-top: 30px; display: flex; justify-content: center;}
.laptop-img img { float: left; width: auto; }
.laptop-cont { float: left; width: 100%; position: relative; transition: all 0.5s ease; }
.lap-logo { display: inline-flex; width: auto; height: 26px; align-items: center; padding: 0px 16px; border-radius: 30px; }
.dell .lap-logo { background: #0075BA; }
.lenovo .lap-logo { background: #E60012; }
.hp .lap-logo{ background: #0057BD; }
.apple .lap-logo { background:#e5e5e5; }
.asus .lap-logo { background:#000000; }
.acer .lap-logo { background: #f5f5f5; }
.laptop-cont h4 { color: var(--txt-black); font-size: 30px; line-height: 1.2; font-family: var(--ff-BaiJamjuree-SemiBold); margin: 12px 0px; letter-spacing: -0.19px; transition: all 0.5s ease; }
.laptop-cont p { color: var(--txt-black); font-size: 16px; line-height: 1.4; font-family: var(--ff-BaiJamjuree-Regular); transition: all 0.5s ease; }
.laptop-out span.more-btn { position: absolute; right: 15px; bottom: 15px; width: 37px; height: 37px; border-radius: 40px; background: #D9D9D9; display: flex; align-items: center; justify-content: center; color: var(--txt-black); font-size: 20px; transition: all 0.5s ease;}
.laptop-out:hover { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}
.laptop-out:hover .laptop-cont { opacity: 1; visibility: visible; }
.laptop-out:hover span.more-btn { background: var(--bg-black); color: var(--txt-white);}

.lap-slide .swiper-nav { float: left; width: 100%; margin-top: 0px; text-align: center; display: flex; justify-content: center; }
.lap-slide .swiper-nav-lap { position: absolute; top: -250px; right: calc((100% - 1250px) / 2); width: 102px; display: flex; align-items: center; justify-content: space-between; }
.lap-slide .swiper-button-prev-lap{ width: 49px; height: 49px; border-radius: 0px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition:all .5s ease; position: relative; left: 0px; z-index: 1;}
.lap-slide .swiper-button-next-lap{ width: 49px; height: 49px; border-radius: 0px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition:all .5s ease; position: relative; right: 0px; z-index: 1;}
.lap-slide .swiper-button-prev-lap:hover i{ color: var(--txt-blue); } 
.lap-slide .swiper-button-next-lap:hover i{ color: var(--txt-blue); }
.lap-slide .swiper-nav-lap i { font-size: 34px; color: var(--txt-black);} 
.swiper-pagination-lap { display: none; }

.branches-sec { float: left; width: 100%; padding: 85px 0px; background-repeat: no-repeat; background-size: cover; }
.branches-main { float: left; width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; }
.branch-title { float: left; width: 100%; text-align: center; margin-bottom: 350px; }
.branch-title h2 { color: var(--txt-white); font-size: 64px; line-height: 1.1; font-family: var(--ff-BaiJamjuree-Medium); letter-spacing: -2px; } 
.branch-title h2 span { color: var(--clr-yellow);}
.branch-main-lst { float: left; width: 100%; }
.branch-main-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 30px; }
.branch-main-lst ul li { flex: 0 1 32%; background: var(--bg-white); padding: 25px 25px; border-radius: 10px; display: flex; align-items: center; }
.branch-img { float: left; width: 117px; border-radius: 100%; overflow: hidden;}
.branch-txt { float: left; width: calc(100% - 117px); padding-left: 25px; }
.branch-txt h3 { font-size: 32px; line-height: 1.2; color: var(--txt-black); font-family: var(--ff-BaiJamjuree-Regular); letter-spacing: -0.19px; margin-bottom: 8px; }
.branch-txt a { font-size: 16px; line-height: 1.2; color: var(--txt-blue); font-family: var(--ff-BaiJamjuree-SemiBold); letter-spacing: 0.01px; display: inline-flex; column-gap: 7px; align-items: center; transition: all 0.5s ease; }
.branch-txt a:hover { color: var(--txt-black); }

/*rating css start*/
.customer-rating-sec { float: left; width: 100%; padding: 40px 0px; background: var(--bg-blue1);}
.rating-out { float: left; width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 60px; }
.rating-out h2 { color: var(--txt-white); font-size: 26px; line-height: 1.2; font-family: var(--ff-BaiJamjuree-SemiBold); letter-spacing: -0.8px; }

.mx-auto {float: left;width:100%; height:30px; }
.rating {float: left;margin-bottom: 0px;width: 160px;position:relative; height:23px; }
.rating>input{display:none}
.rating>label:before{margin-right:3px;font-size:20px;font-family:FontAwesome;display:inline-block;content:"\f005" !important;}
.rating>.half:before{content:"\f089"!important;position:absolute}
.rating>label{color:#ffffff;float:right;margin-bottom:0;font-size: 18px; position:absolute!important;}
.rating > label:nth-child(2), .rating > label:nth-child(4) {left:128px;}
.rating > label:nth-child(6), .rating > label:nth-child(8) {left:96px;}
.rating > label:nth-child(10), .rating > label:nth-child(12) {left:64px;}
.rating > label:nth-child(14), .rating > label:nth-child(16) {left:32px;}
.rating > label:nth-child(18), .rating > label:nth-child(20) {left:0px;}
.rating [type="radio"]:checked + label::after, .rating [type="radio"]:not(:checked) + label::after {height: auto;left: 0;position: absolute;background: none;top: 0;transition: all 0.3s ease-in-out 0s;width: auto;border-radius: 0;}
.rating [type="radio"]:checked + label::before, .rating [type="radio"]:not(:checked) + label::before {height:auto;left: 0;top: 0;width:auto;border-radius:0;background:none;border:none;}
.rating>input:checked~label{color:#ffffff;}
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label,
.rating>input:checked~label{color:#f6d62b}
.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label{color:#f6d62b}
.rating_val{clear:both;font-size:15px}
.success { clear:both; width:100%; padding-top: 5px; }
.success-txt { font-size:18px;line-height: 24px;color:#f6d62b;letter-spacing: 0.5px; font-family: var(--ff-BaiJamjuree-Medium);}
.aggregate_div{float: left;width:100%; margin-top:5px; }
.aggregate_div p { color: var(--txt-white); font-size: 14px; line-height: 1.2; font-family: var(--ff-BaiJamjuree-Medium); }
.aggregate_div p span { font-size:16px; font-family: var(--ff-BaiJamjuree-Medium); }
/*rating css end*/

.brand-sec{ float: left; width: 100%; padding: 60px 0px; background: url(../images/brand-sec-bg.webp) no-repeat center center; background-size: cover; }
.brand-logo { float: left; width: 100%; overflow: hidden; }
.brand-logo .swiper-slide { /*width: auto;*/ background: var(--bg-white); border: 1px solid #F1F0FB; border-radius: 6px; height: 108px; display: flex; align-items: center; justify-content: center; width: 215px; flex-shrink: 0; flex: 0 0 auto; 
box-shadow: 0px 1px 8px 0px rgba(25, 33, 61, 0.06);}
.brand-logo .swiper-wrapper { display: flex; column-gap: 45px; will-change: transform;  flex-wrap: nowrap; width: max-content; }
.brand-logo .swiper-slide img { width: auto; }

/* footer css */
footer { float: left; width: 100%; padding: 0px 0px; background: var(--bg-black); }
.foot-top { float: left; width: 100%; padding: 70px 0px 45px; display: flex; flex-wrap: wrap; flex-direction: column; row-gap: 30px; }
.foot-top-div { float: left; width: 100%; }
.foot-top-div h4 { color: var(--txt-white); font-size: 16px; line-height: 1.2; font-family: var(--ff-BaiJamjuree-Bold); padding-bottom: 12px; margin-bottom: 15px; border-bottom: 1px solid rgba(217, 217, 217, 0.5); }
.foot-top-div p { color: var(--txt-white); font-size: 14px; line-height: 1.6; font-family: var(--ff-BaiJamjuree-Regular); }
.foot-top-div p a { color: var(--txt-white); transition: all 0.5s ease; }
.foot-top-div p a:hover { color: var(--clr-yellow);}

.foot-mid { float: left; width: 100%; padding: 30px 0px 50px; border-top: 1px solid rgba(217, 217, 217, 0.5); display: flex; flex-wrap: wrap; justify-content: space-between; }
.ftr-logo { width: 28%; }
.ftr-logo img { float: left; width: auto; }
.ftr-logo ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 12px; margin-top: 25px; }
.ftr-logo ul li { flex: 0 1 100%; }
.ftr-logo ul li a { color: var(--txt-white); font-size: 20px; line-height: 1.6; font-family: var(--ff-BaiJamjuree-Bold); display: inline-flex; align-items: center; column-gap: 14px; transition: all 0.5s ease; }
.ftr-logo ul li a span { text-decoration: underline; }
.ftr-logo ul li a:hover { color: var(--clr-yellow);}

.footer-btm { float: left; width: 72%; padding: 10px 0px 0px; position: relative; overflow: hidden;}
.foot-mid-lft { float: left; width: 28%; }
.foot-mid-lft h4 { color: var(--txt-white); font-size: 14px; line-height: 1.2; font-family: var(--ff-BaiJamjuree-Bold); margin-bottom: 20px; text-transform: uppercase; position: relative; padding-bottom: 8px;}
.foot-mid-lft h4::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 24px; height: 1px; background: var(--bg-white); }
ul.foot-menu { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px; }
ul.foot-menu li { flex: 0 1 100%; }
ul.foot-menu li a { color: var(--txt-white); font-size: 14px; line-height: 1.2; font-family: var(--ff-BaiJamjuree-Regular); }
ul.foot-menu li a:hover { color: var(--clr-yellow); }
ul.address { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px; }
ul.address li { flex: 0 1 100%; color: var(--txt-white); font-size: 20px; line-height: 1.5; font-family: var(--ff-BaiJamjuree-Bold); display: flex; flex-wrap: wrap; column-gap: 5px; align-items: center; }
ul.address li span { display: inline-block; width: 35px;}
ul.address li span i { font-size: 22px; float: left; }
ul.address li a { color: var(--txt-white); }
ul.address li a:hover { color: var(--clr-yellow); }
.footer-btm .foot-mid-lft:last-child { width: 44%; }

.foot-btm { float: left; width: 100%; padding: 25px 0px; border-top: 1px solid rgba(217, 217, 217, 0.5); display: flex; align-items: center; justify-content: space-between;}
.copyright { float: left; width: auto; }
.copyright p { color: var(--txt-white); font-size: 14px; line-height: 1.3; font-family: var(--ff-BaiJamjuree-Regular); }
.ftr-social { width: auto; }
.ftr-social ul { display: flex; align-items: center; column-gap: 12px; }
.ftr-social ul li { flex: 0 1 auto; position: relative; }
.ftr-social ul li a { font-size: 20px; color: var(--txt-white); }
.ftr-social ul li a:hover { color: var(--clr-yellow); }

/*mobile-menu-start*/
body.over { overflow: hidden; }
.mobile-menu { -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */ position:fixed; top:0px; bottom: 0; width:100%; height: calc(100% - 0px); overflow: auto;  z-index: 1000; border-top: none; padding: 100px 0 50px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: var(--bg-blue1); border-bottom:none; }
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%; background: var(--bg-white); float: left;  padding: 0 0 75px 0; height:100%;}
.m-menu { width: 28px; height: 18px; margin: 0px 0 0 0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: left; position: relative; left: 0; top: auto; display:none; z-index:9; }
.m-menu a { display: block; height: 100%;}
.m-menu span { display: block; position: absolute; height: 2px; width: 28px; background: var(--bg-black); border-radius: 0px; opacity: 1;left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px;  right: 0; left: auto; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; left: auto; right: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu a:hover span { background: var(--bg-blue1);}
.m-menu.open span:nth-child(1) { width: 28px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px; background: var(--bg-blue1);}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { width: 28px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: 4px; background:var(--bg-blue1); }

.mobile-menu ul { display: flex; flex-wrap: wrap; row-gap: 10px; }
.mobile-menu ul li { flex: 1 1 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.mobile-menu ul li a { width: calc(100% - 50px); font-size: 22px; color: var(--txt-white); line-height: 1.2; font-family: var(--ff-BaiJamjuree-Medium); display: block; padding:8px 30px 8px 0; position: relative; transition: all 0.4s ease;}
.mobile-menu ul li.menu-item-has-children > .arrow { position: relative; width: 35px; height: 20px; border: 0px solid rgba(255,255,255,0.2); cursor: pointer; display: flex; justify-content: center; }
.mobile-menu ul li.menu-item-has-children > .arrow::after { display: block; content: ""; width: 10px; height: 10px; border-right: 2px solid var(--bg-white);
border-bottom: 2px solid var(--bg-white); transform: rotate(45deg); transition: transform 0.3s ease-in-out; margin-left: 0px;position: absolute; right: auto; top: auto;}
.mobile-menu ul li.menu-item-has-children.active > span.arrow::after { transform: rotate(-135deg); top: 12px; }
.mobile-menu ul li ul { display: none; padding:20px 0 10px 15px; width: 100%; }
.mobile-menu ul li ul li { margin-bottom: 15px; }
.mobile-menu ul li ul li:last-child { margin-bottom: 0; }
.mobile-menu ul li ul li a { font-size: 18px; font-family: var(--ff-BaiJamjuree-Regular); padding: 0; color: var(--txt-white); }
.mobile-menu ul li ul li a::after { display: none; }
.mobile-menu ul li a:hover { color: var(--clr-yellow); }
 
.mobile-menu .mobile-btns { width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 10px; justify-content: center; margin-top: 50px;}
.mobile-menu .mobile-btns a.ban-btn { height: 48px; font-size: 16px; }
.mob-social { width: 100%; margin: 35px 0px 0px; } 
.mobile-menu .mob-social ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 25px; }
.mobile-menu .mob-social ul li { flex: 0 1 auto; }
.mobile-menu .mob-social ul li a { width: auto; padding: 0px 0px; font-size: 22px;}
.mobile-menu .mob-social ul li a:hover { color: var(--clr-yellow);}

/* mobile bottom sticky items */
.mobile-sticky-links { float: left; width: 100%; position: fixed; bottom: 0px; left: 0px; z-index: 9; display: none; }
.mobile-sticky-links ul { float: left; width: 100%; display: flex; flex-wrap: wrap; }
.mobile-sticky-links ul li { flex: 0 1 50%; height: 50px; display: flex; align-items: center; }
.mobile-sticky-links ul li a { float: left; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; column-gap: 15px; 
font-size: 18px; color: var(--txt-white); font-family: var(--ff-BaiJamjuree-SemiBold); padding: 0px 10px; } 
.mobile-sticky-links ul li a.cal-now { background: #E60012; }
.mobile-sticky-links ul li a.book-now { background: #F6D62B; color: var(--txt-black); }
.mobile-sticky-links ul li a.chat-now { background: linear-gradient(to bottom,  rgba(52,237,94,1) 0%,rgba(56,197,88,1) 100%); }
.mobile-sticky-links ul li a.find-now { background: linear-gradient(to bottom,  rgba(67,147,241,1) 0%,rgba(82,121,245,1) 50%,rgba(166,151,240,1) 100%); }