@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Variables */
:root {
	--bs-body-color:#0C131D;
	--bs-body-font-family:"Kanit", sans-serif;
	--bs-body-font-size:18px;
	--bs-heading-color:#02050A;
	--bs-heading-font-family:"Kanit", sans-serif;
	
	/* common Color */
	--bs-primary:196,154,51;
	--bs-primary-1:#ae8319;
	--bs-primary-2:#FFB81D;
	--bs-primary-3:#fff9e8;
	--bs-primary-4:#fffbf3;
	--bs-white:#ffffff;
	--bs-gray-0:#dedede;
	--bs-gray-1:#909090;
	--bs-gray-2:#b0b0b0;
	--bs-gray-3:#707070;
	--bs-gray-4:#333333;
	--bs-gray-5:#EFEFEF;
	
	--bs-b-1:#112039;

	/* BG */
	--bs-bg-white:#ffffff;
	--bs-light-1:#F5F8FF;
	--bs-light-2:#E9EEFA;
	--bs-light-3:#F8F8F8;
	--bs-light-4:#F4F4F4;
	
	--bs-secondary-0:#282F3C;
	--bs-secondary-1:#0c1524;
	--bs-secondary-2:#112039;
	--bs-secondary-3:#031334;
	--bs-secondary-4:#121e33;
	--bs-secondary-5:#080F1C;
	--bs-secondary-6:#2B4572;

	/* Border */
	--bs-border-primary:#c49a33;
	--bs-border-light:#25324A;
	/* Font Size */
	--bs-f-large:75px;
	--bs-f-1:58px;
	--bs-f-2:35px;
	--bs-f-3:27px;
	--bs-f-4:22px;
	--bs-f-5:17px;
	--bs-f-6:16px;
	--bs-f-7:30px;
	
}
/* Variables */

*, ::after, ::before {
transition:0.5s;
}
body { letter-spacing:0.36px; font-weight:300; line-height:1.7; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { color:var(--bs-heading-color); font-family:var(--bs-heading-font-family); line-height:1.2; margin:0; padding:0 0 20px;  }
h1,h2,
.h1,.h2 { padding:0 0 30px; }
h1, .h1 { font-size:43px; }
h2, .h2 { font-size:43px; }
h3, .h3 { font-size:25px; }
h4, .h4 { font-size:24px; }
h5, .h5 { font-size:22px; }
h6, .h6 { font-size:20px; }

img, svg { max-width:100%; height:auto; }

.title_large { font-size:var(--bs-f-large); } 
.title { font-size:var(--bs-f-1); }
.title .bdr { background-position:0 80px;  } 
.title2 { font-size:var(--bs-f-2); line-height: 1.3; padding: 0 0 15px; }
.title3 { font-size:var(--bs-f-3); line-height: 1.3; padding: 0 0 15px; }
.title4 { font-size:var(--bs-f-4); line-height: 1.3; padding: 0 0 15px; }
.title5 { font-size:var(--bs-f-5); line-height: 1.3; padding: 0 0 15px; }
.title6 { font-size:var(--bs-f-6); line-height: 1.3; padding: 0 0 15px; }
.title7 { font-size:var(--bs-f-7); line-height: 1.3; padding: 0 0 15px; }

.f-16 { font-size:var(--bs-f-6); }

.clr_white,
.clr_white * { color:var(--bs-white) !important; }
.clr_primary_1 { color:var(--bs-primary-1) !important; }
.clr_secondary { color:var(--bs-gray-3) !important; }
.clr_secondary_1 { color:var(--bs-gray-4) !important; }

.bg_white { background:var(--bs-bg-white) !important; }
.bg_trans { background:none !important }

hr { background:rgb(var(--bs-primary)); border: 0; height: 3px; opacity: 1; }

p { margin:0 0 25px; }
p:last-child { margin:0; }
.fw-3 { font-weight:300; }
.fw-4 { font-weight:400; }
.fw-5 { font-weight:500; }
/* .fi { font-style:italic; } */
.title_small { font-size:calc(var(--bs-body-font-size) + 2px); margin:0 0 20px; }
.title_small::before { background:url(../img/title_arrow_b.svg) no-repeat right 0 / cover; content:""; display:inline-block; vertical-align:middle; margin-right:15px; height:14px; width:54px; }
.title_small.clr_white::before { filter:invert(100) brightness(100); }

.cta_points { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; justify-content: center; }
.cta_points li { position: relative; margin: 10px; border:1px solid #fff; padding:20px 15px; font-size:20px; display: flex; border-radius: 5px; line-height: 1.3; }


small, .small { font-size:15px; } 
.small_1{font-size: var(--bs-f-5); line-height:1.5; }
a { color:rgb(var(--bs-primary)); text-decoration:none; }
a:hover{ color:var(--bs-primary-1); text-decoration:underline; }

.points { list-style: none; margin: 25px 0; padding: 0; }
.points li { position: relative; padding-left: 20px;  margin: 7px 0; }
.points li::before { content: ""; background: rgb(var(--bs-primary)); height: 9px; width: 9px; border-radius: 100px; display: block; position: absolute; left: 0; top: 12px; } 

.points_bdr { color:var(--bs-secondary-0); list-style: none; margin: 20px 0; padding: 0;  }
.points_bdr li { position: relative; padding: 8px 0px 8px 30px; border-top: 1px dashed #BABABA; }
.points_bdr li:first-child { border:0; }
.points_bdr li::before { content: ""; background: url(../img/tick_point.svg) no-repeat 0 0; height: 14px; width: 14px; display: block; position: absolute; left: 0; top: 16px; }

.custom_btn { font-size: 22px; }
.custom_btn::after { background: url(../img/arrow_primary_2.svg) no-repeat 0 0; content: ""; display: inline-block; height: 28px; width: 28px; vertical-align: middle; margin-left: 10px; }
.custom_btn:hover { text-decoration:none; }
.custom_btn:hover::after { margin-left:20px; }

.btn {
	font-family: var(--bs-heading-font-family);
	--bs-btn-padding-x: 2.5rem;
	--bs-btn-padding-y: 0.95rem;
	font-size:var(--bs-body-font-size);
}
.btn:hover { text-decoration:none; }
.btn-primary {
	--bs-btn-color: #000;
	--bs-btn-bg: rgb(196,154,51);
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: rgb(167,123,14);
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #000;
	--bs-btn-border-color: #FFEFC7;
	--bs-btn-hover-border-color:#FFEFC7;
  	--bs-btn-border-width: 1px;
	border-radius: 50rem;
	position: relative;
	overflow: hidden;
	transition: 0.2s;
}
.btn-primary span { position:relative; }
.btn-primary::after { content: ""; background: url(../img/icon_arrow_black.svg) no-repeat 0 0; height: 11px; width: 11px; display: inline-block; margin-left: 11px; }
.btn-primary:hover::after { transform: rotate(45deg); }
.btn-arrow { background: url(../img/arrow_up_primary.svg) no-repeat center center; font-size: 0; height: 46px; width: 30px; cursor: pointer; padding: 10px; }
.btn-sm { font-size:calc(var(--bs-body-font-size) - 2px); padding:13px 25px; }
.btn-lg{padding: 16px 38px;font-size: var(--bs-f-3);}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{background-color:rgb(var(--bs-primary))!important;}
.bg_grey_1 { background-color:var(--bs-gray-1) !important; }
.bg_grey_2 { background-color:var(--bs-gray-2) !important; }

.bg_light_1 { background-color:var(--bs-light-1) !important; }
.bg_light_2 { background-color:var(--bs-light-2) !important; }
.bg_light_4 { background-color:var(--bs-light-4) !important; }

.bg_secondary_1 { background-color:var(--bs-secondary-1) !important; }
.bg_secondary_2 { background-color:var(--bs-secondary-2) !important; }
.bg_secondary_3 { background-color:var(--bs-secondary-3) !important; }
.bg_secondary_4 { background-color:var(--bs-secondary-4) !important; }
.bg_secondary_5 { background-color:var(--bs-secondary-5) !important; }
.bg_secondary_6 {background-color:var(--bs-secondary-6) !important;}

.bg_light{background-color: var(--bs-light-3);}
.bg-gray{background-color: var(--bs-gray-5);}

[class*="bg_secondary"] * { color:var(--bs-gray-0); }
[class*="bg_secondary"] * a { color:rgb(var(--bs-primary)); }
[class*="bg_secondary"] * a:hover { color:var(--bs-primary-1); }
[class*="bg_secondary"] .heading { color:#fff; }
[class*="bg_secondary"] .title_small { color:rgb(var(--bs-primary)); }
[class*="bg_secondary"] .title_small::before { background:url(../img/title_arrow_primary.svg) no-repeat right 0 / cover; }

[class*="bg_secondary"] .btn,
[class*="bg_secondary"] .btn:hover { color:#000; }

.bdr { position: relative; background: url(../img/icon-bdr.jpg) 0 54px repeat-x; }

.bg_base_img1 { background:url(../img/intro_base.png) no-repeat 0 center fixed; }
.bg_base_img2 { background: url(../img/h_service_base.jpg) no-repeat 0 0 / cover; } 
.bg_base_img3::before { background: url(../img/base_faq_img.jpg)  no-repeat 0 0 / cover;content: "";display: block;height: 100%;width: 100%;position: absolute;top: 0;left: 0;opacity: 1;z-index: -1; }
.bg_base_img4::before { background: url(../img/footer_form_base.svg) no-repeat 0 0 / cover;content: "";display: block;height: 100%;width: 100%;position: absolute;top: 0;left: 0;opacity: 0.3; }

.py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.pt-6 { padding-top: 3rem !important; }
.pb-6 { padding-bottom: 3rem !important; }
.my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.mt-6 { margin-top: 3rem !important; }
.mb-6 { margin-bottom: 3rem !important; }

.img50 { width: 50px; min-width: 50px; max-width: 50px; }
.img40 { width: 40px; min-width: 40px; max-width: 40px; }
.badge { background:#EAEDF2; color:var(--bs-b-1); font-size: var(--bs-f-6); font-weight: 400; padding:8px 13px; margin:0 0px 3px 0; }


.swiper .arrow_sec { position: relative; margin:66px auto 0; max-width:90px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.swiper .arrow_sec [class*="swiper-button-"]::after { display:none; }
.swiper .arrow_sec [class*="swiper-button-"] { background:url(../img/arrow_primary.svg) no-repeat right 0; height:16px; display:inline-block; position:static; width:28px; filter:grayscale(100%); }
.swiper .arrow_sec [class*="swiper-button-"]:hover { filter:grayscale(0); width:48px; }
.swiper .arrow_sec .swiper-button-prev { transform: rotatey(180deg); }

.form-control { font-weight:300; }
.form-floating > label { color:var(--bs-gray-1); font-size:calc(var(--bs-body-font-size) - 2px); }
.form-floating > label span { color:#ff0000; }
.form-floating > label::after { display:none; }
.form-floating > .form-control,
.form-floating > .form-control-plaintext { padding:25px 15px 10px; height:auto; }
.form_sec .iti--allow-dropdown input:focus,
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) { box-shadow:0 0; border-color:rgb(var(--bs-primary)); padding:25px 15px 10px; font-weight:300; }

.header .navbar-toggler { border-radius:0; }
.services_banner { background:url(../img/services_banner.jpg) no-repeat center top / cover; color: var(--bs-white); position:relative; overflow:hidden; padding-top: 130px !important; }
.services_banner .points li { width: 49%; display: inline-block; padding-right: 10px; vertical-align: top; text-align:left; }
.services_banner .banner_caption { max-width:890px; }
.services_banner .list-group-horizontal > .list-group-item + .list-group-item,
.services_banner .brand_logo li { border: 1px solid var(--bs-border-light); width:135px; display: flex; align-items: center; justify-content: center; margin-right: 10px; }
.services_banner .brand_logo li img { height: auto; }
.services_banner .breadcrumb{background-color: #FFFFFF1A;padding: 2px 14px;border-radius: 5px;gap:2px}
.services_banner .breadcrumb li a{color:#7584A0}
.services_banner .breadcrumb .breadcrumb-item.active{color:#fff}
.services_banner .breadcrumb .breadcrumb-item.active::before{color:#fff;background: url(../img/breadcrumb_arrow.svg) no-repeat   0 8px / contain;}
.services_banner .breadcrumb-item+.breadcrumb-item{padding-left: 0;}
.services_banner .breadcrumb-item+.breadcrumb-item::before{content: '';background: url(../img/disabled_down_arrow.svg) no-repeat   0 8px / contain;height: 20px;margin:0px 8px}
.services_banner h1.clr_white * { color: #fff; }

.case_study_sec { position:relative; overflow:hidden; }
.case_study_sec::after { background: #FFE7AB; content: ""; opacity: 0.25; height: 90%; width: 60%; position: absolute; left: 50%; transform: translateX(-50%); border-radius: 100%; bottom: -10%; max-width: 800px; max-height: 800px; filter: blur(326px); }
.case_study_sec .case_slider { height:600px; }
.case_study_sec .case_slider .swiper { width: 100%; height: 100%; }
.case_study_sec .case_slider .swiper-slide { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
.case_study_sec .case_logo_sec { position: absolute; right: 5%; top: 50%; transform: translateY(-50%); box-shadow:0 24px 24px rgba(0,0,0,0.95); }
.case_study_sec .case_slider .swiper-scrollbar { background:#3c5078; }
.case_study_sec .case_slider .swiper-scrollbar .swiper-scrollbar-drag { background:rgb(var(--bs-primary)); }

.industry_sec { position:relative; }
.industry_sec .industry_main { position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; }
.industry_sec .industry_main img { object-fit: cover; height:100%; width:100%; }
.industry_sec .swiper-slide { border:1px solid rgba(255,255,255,0.15); height: auto; }
.industry_sec .industry_box { height:550px; display:flex; align-items:end; position:relative; } 
.industry_sec .industry_box .img { height:60px; }
.industry_sec .industry_box .img img { height:100%; width:auto; }
.industry_sec .industry_box:hover { background: linear-gradient(to bottom,  rgba(134,188,242,0) 0%,rgba(8,35,62,1) 94%,rgba(0,25,50,1) 100%); }
.industry_sec .industry_box .industry_box_inner { }
.industry_sec .industry_box .bdr { background:rgb(var(--bs-primary)); height: 4px; width: 35px; opacity:1; }
/*.industry_sec .industry_box a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-size: 0; }*/
.industry_sec .industry_box .static_box  { position: absolute; left: 0; right: 0; bottom:0; }
.industry_sec .industry_box .hover_box { position: absolute; left: 0; right: 0; bottom:-100%; opacity:0; }
.industry_sec .industry_box:hover .hover_box { opacity:1;  bottom:0; }
.industry_sec .industry_box:hover .static_box { transform:translateY(-50%); opacity:0; }
.industry_sec [class*="swiper-button-"]::after { display:none; }
.industry_sec [class*="swiper-button-"] { background:url(../img/arrow_primary.svg) no-repeat right 0; height:16px; display:inline-block; width:28px; filter:brightness(0) invert(1); }
.industry_sec [class*="swiper-button-"]:hover { filter:grayscale(0); width:48px; }
.industry_sec .swiper-button-prev { transform: rotatey(180deg); }

/* Responsive */
@media (min-width: 1600px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl { max-width:1440px; }
}

@media (min-width: 992px) {	
.line { background:url(../img/line_primary1.svg) no-repeat center bottom; padding:0 0 20px; }
.line_lg { background:url(../img/line_lg_1.svg) no-repeat center bottom; padding:0 0 20px; }
.line_md { background:url(../img/line_md.svg) no-repeat center bottom; padding:0 0 10px; }
.btn-lg{padding: 15px 86px;    font-size: var(--bs-f-3);}
.heading{font-size:55px;line-height: 1.3;}
.py-6 { padding-top: 6.5rem !important; padding-bottom: 6.5rem !important; }
.pt-6 { padding-top: 6.5rem !important; }
.pb-6 { padding-bottom: 6.5rem !important; }
.my-6 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
.mt-6 { margin-top: 6.5rem !important; }
.mb-6 { margin-bottom: 6.5rem !important; }
}

@media (max-width:1199px) {
h1, .h1 { font-size:38px; }
h2, .h2 { font-size:38px; }
h3, .h3 { font-size:24px; }

.title { font-size:44px; } 
.title2 { font-size:32px }
.title3 { font-size:25px }
.services_banner .partners_list > * { text-align:center; width:20%; }

.industry_sec .industry_box { height: 400px; }
}

@media (max-width: 991px) {
.title_large { font-size:42px; }
.heading{font-size: 42px;}
h1, .h1 { font-size:30px; }
h2, .h2 { font-size:30px; }
h3, .h3 { font-size:22px; }
h4, .h4 { font-size:22px; }
h5, .h5 { font-size:19px; }
h1,h2,
.h1,.h2 { padding:0 0 15px; }

.title { font-size:40px; }
.title_small { font-size: 18px; margin:0 0 10px; }
.title_small::before { height: 9px; width: 24px; }

.title3 { font-size:20px; }

p { margin: 0 0 20px; }

.btn {
--bs-btn-padding-x: 1.5rem;
--bs-btn-padding-y: 0.6rem;
font-size:calc(var(--bs-body-font-size) - 2px );}

.services_banner .banner_caption { text-align: center; }
.services_banner .banner_slider .badge_experience { right: 0%; top: 0; width: 90px; }
.services_banner .brand_logo { justify-content: center; flex-wrap: wrap; }
.services_banner .list-group-horizontal > .list-group-item + .list-group-item, 
.services_banner .brand_logo li { width: 31.33%; margin: 5px 1%; }

.case_study_sec { line-height:1.4; font-size:16px; }
.case_study_sec .case_slider { height:auto; }
.case_study_sec .case_logo_sec img { max-height:200px; width:auto; }

.industry_sec .industry_main { display:none; }
.industry_sec .industry_box { height: 100%; text-align:center; align-items: flex-start;  }
.industry_sec .industry_box .hover_box { position:static; }
.industry_sec .industry_box { background: linear-gradient(to bottom,  rgba(134,188,242,0) 0%,rgba(8,35,62,1) 94%,rgba(0,25,50,1) 100%); }
.industry_sec .industry_box .static_box { display:none; }
.industry_sec .industry_box .hover_box { display: block; bottom: 0; opacity: 1; }
.industry_sec .swiper { text-align:center; }
.industry_sec [class*="swiper-button-"] { position:static; margin:20px 0; }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag { background-image:url("../img/flags.png") !important; } 
}

@media (max-width: 991px) {
.services_banner nav[aria-label] { display: none; }
.blog_sec_sec .blog_list { flex-wrap: initial; overflow: scroll; }
.blog_sec_sec .blog_list > * { width:48%; }
.cta_points li { font-weight: 400; font-size: 17px; width: 48%; margin: 2% 1%; }
}
@media (max-width:767px) {
.services_banner .partners_list { flex-wrap: initial; overflow: scroll; }
.services_banner .partners_list > * { width: 40%; flex: 0 0 auto; }
}
@media (max-width:575px) {
.blog_sec_sec .row .col { width:80%; }
.services_banner .points li { width:100%; }
.cta_points li { width:100%; }
}

.post_date {display: none;}
.banner_caption .banner_caption_title {color: #fff;display: inline-block;border-bottom: 1px solid #858a91;padding: 0 0 15px;font-size: var(--bs-f-4);}
ul.dots-list {display: flex;list-style: none;margin: 0;padding: 0;justify-content: center;}
ul.dots-list li {position: relative;margin: 10px;border: solid 1px #515a68;padding: 10px 20px;box-shadow: 0px 0px 10px -1px rgb(196 154 51 / 27%);}
ul.dots-list li:hover {border-color: #fff;}