@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');

body {font-family: "Red Hat Display", sans-serif;font-size:16px;font-weight:400;color:#001326}
/*Body
*********************************/
body {font-family: "Red Hat Display", sans-serif; font-size:16px;font-weight:400;color:#9da4b0;background:#111}

/****************************************************************************
By Jorge
*****************************************************************************/
h1, h2, h3 {font-family: "Red Hat Display", sans-serif;margin:0 0 20px 0; font-weight:600; color:#fff;letter-spacing:1px}
h4, h5, h6 {font-family: "Red Hat Display", sans-serif;margin:10px 0; font-weight:600; color:#fff;}
h1{ font-size:36px}
h2 {font-size: 2.2rem;}
h3 { font-size:2rem;}
h4 { font-size:1.3rem; line-height:1.2em; padding:10px 0;margin:0}
h5 { font-size: 16px }
h6 { font-size: 14px }
h2.Title {margin:0 0 20px 0;} 
h2.Title a{font-size:1.8rem;text-decoration:none} 
.section-header h2{font-size:3rem;font-weight:600;}
h3.PreHeading{font-size:1.25rem;color: #0664bc;}
p{margin:0 0 20px}
strong{color:#fff}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2086c7;
    --bs-btn-border-color: #2086c7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #209fe1;
    --bs-btn-hover-border-color: #209fe1;
    --bs-btn-active-bg: #2086c7;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00469e;
    --bs-btn-disabled-border-color: #00469e;
	font-weight:400 !important;
    font-size:18px;
	padding:10px 30px;
	border-radius:60px;
    border:none;
background: #0056b3;
background: linear-gradient(90deg, rgba(0, 86, 179, 1) 0%, rgba(34, 163, 227, 1) 100%);
}

.btn-primary:hover{background:#0056b3}
.btn-primary a{text-decoration:none !important;color:#fff !important}
.ArticleDetails h2 span{font-size:6rem;letter-spacing:-0.05rem}
.Body h2, .ArticleDetails h2{font-size:2.5rem;letter-spacing:-0.05rem}
.Body h3, .ArticleDetails h3{font-size:1.5rem;line-height:1.3em;}
.Body p, .Body li, .ArticleBody{font-size:16px;line-height:1.5em}
.ArticleDetails{padding:10% 0 5%}

a:link,a:visited,a:active { color:#9da4b0 ;transition:0.2s}
a:hover { color: #fff;text-decoration:underline}
.ImageCover{margin:0 0 20px}

/*readmore
********************************/
.readmore {position:relative}
a.readmore{position:absolute;right:20px;bottom:40px;font-size:0;color:#fff;padding:0px 0px 0 0;}
a.readmore:hover{background: rgb(192 29 45);background: linear-gradient(139deg, rgb(172 9 24) 0%, rgb(143 5 18) 100%);color:#fff;}
.readmore:after { content: ""; position: absolute; width: 10px; height: 10px; border-top: 2px solid #9da4b0; border-right: 2px solid #9da4b0; transform: rotate(45deg); margin: auto; top: 0; bottom: 0; right: 15px }
.readmore:before { content: ""; position: absolute; width: 25px; height: 1px; border-top: 2px solid #9da4b0; margin: auto; top: 0; bottom: 0; right: 15px }
.readmore:hover:after {border-top: 2px solid #fff; border-right: 2px solid #fff;}
.readmore:hover:before{border-top: 2px solid #fff; border-right: 2px solid #fff;}


/*********************************************************
Header
**********************************************************/
header{background:#000;}


/*Logo
***************************/
.Logo p{font-size:16px;margin:0}
.Logo img{height:60px;margin:15px 0px 0 0;transition:0.3s}
.Logo img:hover{scale:1.1;}
.Logo h2{margin:0;font-size:24px;font-weight:700;padding:10px 0 0}
.Logo a{text-decoration:none}

/**************************************
Menu
***************************************/
#section-section-26795{padding:0}
.navbar{background:transparent;margin:15px 0;}
a.nav-link{font-size:18px;color:#9da4b0 !important;font-weight:500;letter-spacing:0.5px;text-decoration:none !important;padding:8px 15px !important;transition:0.3s}
a.nav-link:hover{color:#fff !important}
a.nav-link.active{color:#fff !important}
.navbar-nav .nav-link.active{font-weight:600;color:#fff}
.navbar-expand-lg .navbar-nav .dropdown-menu{top:40px;border-radius:0}
.dropdown-menu{background:#fff;padding:10px 10px;}
a.dropdown-item{font-size:16px;color:#0e1625 !important;padding:5px 10px;text-decoration:none !important;letter-spacing:1px}
a.dropdown-item:hover{color:#0e1625 !important;background:#f5f5ff;text-decoration:none;border-radius:0px}
.dropdown-item.active, .dropdown-item:active {background-color:#2190cf;}
#nav-item-14481{background: linear-gradient(90deg, rgb(0 48 101) 0%, rgb(4 98 227) 100%);border-radius:50px;padding:0px 8px !important;}
#nav-item-14481:hover{background:#0462e3}
#nav-item-14481 a{color:#fff !important}

/**************************************
Article Home Page
***************************************/
#main-section-24682 .section-header h2{font-size: 5.5rem;text-align:center;padding:4rem 0 2rem}

#main-section-24676 {background-image: url(/Content/Archive/768/2151719587-809921.jpg);background-repeat: no-repeat;background-position:center;background-size:cover;padding:15% 0 15%;position:relative;overflow:hidden;}
#main-section-24676:before {content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(180deg, #031f1b, rgba(4, 9, 40, 0.7) 0%);
}
#main-section-24676 h2{font-size:5.5rem; line-height:1.1em;font-weight:600;letter-spacing:-1px;color:#fff;z-index:99;position:relative;}
#main-section-24676 p{font-size: 2rem;color:#fff;z-index:99;position:relative;margin:0;}
#article-109699{padding:0 10%}
#article-109699 .btn{font-size:1.5rem}
#article-109699 i{font-size:1.2rem;padding:0 10px 0 0}



/************************
AI Receptionist Page
*************************/
#main-section-27113 .section-header h2{font-size: 8rem; font-weight:600;letter-spacing:-1px;color:#fff;z-index:99;position:relative;margin:0;width:fit-content;}
#main-section-27113 .section-header{background-image: url(/Content/Archive/768/ordinary-human-job-performed-by-anthropomorphic-robot-809708.jpg);background-repeat: no-repeat;background-position:top 25% center;background-size:cover;padding:25% 0 5%;position:relative;overflow:hidden;}
#main-section-27113 .section-header:before {content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(180deg, #0e0e0e, rgba(4, 9, 40, 0.5) 0%);
}

/**************************
Use Cases and Examples
***************************/
#main-section-24680 .article-item>div{margin:20px 10px;padding:40px;background:#000;border:solid 1px #222;border-radius:20px;min-height:42vh;transition:0.3s;position:relative}
#main-section-24680 .article-item>div:hover{
 background: #000000;
 background: linear-gradient(130deg, rgba(0, 0, 0, 1) 0%, rgba(0, 10, 71, 1) 100%);
 scale:1.05;
 box-shadow: 0 8px 30px -4px #0361e29c;
 border:solid 1px #166be0b5
}
#main-section-24680 .Ingress h2 {font-size: 1.8rem;margin:30px 0 10px}
#main-section-24680 h3 {font-size: 1.2rem;font-weight:400;}
#main-section-24680 .section-header{text-align:center;padding:0 0 20px}
i {font-size:2.5rem;color:#0361e2}


/********************************
Footer v3
*********************************/
#article-108353 h2 {font-size: 10vh;font-weight: 800;margin: 0}
#article-108353 h3 {font-size:3vh}

/*Follow us
****************************/
.follow-us p{margin:0 0 10px 0}
.follow-us img{height:130px;margin:0 0 20px 0;padding:5px;background:#fff;border-radius:5px}
.follow-us ul{padding: 0; list-style: none;margin:0}
.follow-us li { font-size:0px;margin:0 10px 0 0; padding:0;display:inline-block;text-align:center;line-height:20px; position:relative;}
.follow-us i{background:rgba(0,0,0,0.4);font-size:20px;color:#fff;margin:0;display:inline-block;vertical-align:top;border:solid 1px #b74b3d;width:50px;height:50px;line-height:50px;transition:0.2s;border-radius:50px;padding:0}
.follow-us i:hover{transform: scale(1.2);color:#fff;background:rgba(0,0,0,0.6);border:solid 1px #e6b36d;}
.follow-us .fa-google-plus-g:hover:before{color:#db4a39}
.follow-us .fa-square-facebook:hover:before{color:#0d51d6}
.follow-us .fa-linkedin:hover:before{color:#0a66c2}
.follow-us .fa-line:before{color:#49c30a}

#article-107000 ul {margin:0;padding: 0; list-style: none;}
#article-107000 li {padding:0 0 10px;}
#article-107000 i{font-size:18px;margin:0 15px 0 0;padding:0;vertical-align:middle;width:1.25rem;text-align:center;}
#article-107000 li a{font-size:18px;font-weight:600}



/*Welcome
******************************/
#section-26409 h2{margin:0 0 20px}
#section-26409 h4{margin:10px 0 10px;color:#ff3c1b;letter-spacing:2px}


/**************************************
About us page
***************************************/
#article-108829 h1{font-size:6vw;font-weight:500;line-height:1em}


/**************************************
Contact us page
***************************************/
.contact-us ul { padding: 0; list-style: none;}
.contact-us li {font-size:20px;padding:0 0 10px;line-height:1.4em}
.contact-us i{font-size:20px;color:#c32c18;margin:0 15px 0 0;vertical-align:middle;width:1.25rem;text-align:center}
.container-fluid.map iframe{height:33vw}
#contactForm{background:#fff;padding:50px;border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,0.07)}
textarea.form-control{margin:0 0 20px;min-height:12vh}
#contactForm .form-group{margin:0 0 15px}
#contactForm label{font-weight:500;font-size:16px;color:#131b2a}

/**************************************
Contact us page
***************************************/
#main-section-26397 .section-header h2{color:#fff;z-index:999;position:relative;margin:0;padding:15px 30px;border-bottom:none;border:solid 2px #fff;width:fit-content;margin:auto;text-transform:uppercase;letter-spacing:4px}
#main-section-26397 .section-header h4{font-size:22px;z-index:999;position:relative;margin:20px auto;text-align:center;background:transparent}
#main-section-26397 .section-header{background-image: url(/Content/Archive/579/view-pattaya-landmark-thailand-747513.jpg);background-repeat: no-repeat;background-position:top center;background-size:cover;padding:10% 0;position:relative;overflow:hidden;text-align:center}
#main-section-26397 .section-header .pre-header:before {border-top: 0px solid #ddd}
#main-section-26397 .section-header:before {content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(180deg, #0e0e0e, rgba(4, 9, 40, 0.6) 0%);
}

.map iframe { height:33vw}
.map p{margin:0}


.carousel-control-next-icon, .carousel-control-prev-icon {
display:none
}

/**************************************
Welcome
***************************************/
#main-section-26256{background:#f1f5ff}


/**************************************
Our Team
***************************************/
#main-section-26814{background:#f7f5ee}
#section-26814 .ImageCover .Image > span{padding-top: 140% !important;border-radius: 0px !important;filter: grayscale(80%);transition:0.3s;}
#section-26814 .ImageCover .Image > span:hover{filter: grayscale(0%);scale:1.07}
.Team li {font-size:15px;padding:0 0 10px;line-height:1.3em}
.Team ul { padding: 0; list-style: none;}
.Team i{font-size:16px;color:#ff3c1b;margin:0 10px 0 0;vertical-align:middle;text-align:center}
.Team p{margin:0 0 10px}
.Team h3{margin:20px 0 10px}

/**************************************
Footer
***************************************/
footer{background-image: url(/Content/Archive/813/bg-footer-799699.jp); background-repeat:no-repeat;background-position:top center;background-size:100%;background-color:#000}
footer{color:#fff}
footer h2{font-size:20px;color:#fff;margin:0 0 10px 0}
footer h4{font-size:18px;color:#fff;margin:0}
footer strong{font-size:16px;}
footer i{font-size:30px;color:#fff}
footer strong{color:#fff}
.Copyright p{margin:0;font-size:14px}




/*****************************************
Mobile Site
******************************************/
@media screen and (max-width: 991px) {

/*******************************
By Jakkrit Mobile
********************************/
.section-header h2 {font-size:2rem}
.Body h2, .ArticleDetails h2 {font-size:1.8rem}
.Body h3, .ArticleDetails h3 {font-size:1.4rem}
.ArticleDetails h2 span {font-size:3.5rem}
    
/*Homepage Mobile
********************************/
#main-section-24676 {background-image: url(/Content/Archive/768/2151719587-809921.jpg);background-repeat: no-repeat;background-position:center;background-size:cover;padding:10% 0 10%;}
#main-section-24676 h2{font-size:1.6rem; line-height:1.1em;color:#fff;padding:30% 0 0}
#main-section-24676 p{font-size: 1.2rem}
#main-section-24682 .section-header h2 {font-size: 3rem}

/*******************************
Header Mobile
********************************/
.Logo img {height:60px;padding:10px 0;margin:0}
header {height:60px;}   

   
/*******************************
Menu Mobile
********************************/
#section-section-6774{padding:0;margin:0}
.menu-list-wrapper .navbar-toggler {right: 10px;border: solid 2px #fff;}
.menu-list-wrapper .navbar-toggler span i {background: #fff}
.navbar-light .navbar-nav .nav-link {font-size:20px;}
a.nav-link{color:#fff !important;padding:10px 10px}
a.nav-link:hover{color:#e0ab66  !important}
.navbar-expand-lg {margin: 0;padding: 0;width: 100%}
.menu-list-wrapper .navbar-collapse ul {padding:5px 10px;}
.menu-list-wrapper .navbar-collapse ul li a {white-space: wrap;padding-left: 10px;}
.menu-list-wrapper .navbar-collapse li {word-break: break-word;}
a.dropdown-item{font-size:18px;color:#111 !important;padding:7px 15px;text-decoration:none;word-break: break-word;}
.dropdown-menu{background:#fff;padding:10px 10px;}

/*Sub menu
***********************/
.menu-list-wrapper .navbar-collapse ul { position: absolute; z-index:9999;right: 0px; top: 0px;height: 100vh; transform:translateX(100%); -webkit-transform:translateX(100%) }
.navbar-nav{background:#222}
.menu-list-wrapper .navbar-collapse {position: absolute; right: 0px; top: 0px; height: 100vh;overflow: hidden; background: rgba(255,255,255,0.0)}
.menu-list-wrapper .navbar-collapse.collapsing { height: 100vh !important; width: 100vw }
.menu-list-wrapper .navbar-collapse.show {width: 100%;background: rgba(255,255,255,0.95)}


/*******************************
Contact us Mobile
********************************/
#contactForm {padding:30px;}
#article-108921 iframe{height:50vh}


/*******************************
Homepage Mobile
********************************/
#article-67026 h2{text-align:center}
#article-67026 h3{text-align:center}
    
/*Slide Mobile
******************************/
#main-section-27126 .container {padding:0}

/*******************************
Homepage Mobile
********************************/
footer{text-align:center}
footer i{margin:20px 0 0}
    
}