@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:18px;font-weight:400;color:#fff}

/****************************************************************************
By Jorge
*****************************************************************************/
h1, h2, h3 {font-family: "Red Hat Display", sans-serif; margin:0 0 20px 0; font-weight:500; color:#001326; letter-spacing:1px; line-height:1.2em}
h4, h5, h6 {font-family: "Red Hat Display", sans-serif; margin:10px 0; font-weight:400; color:#001326; letter-spacing:0.5px; }
h1{ font-size:36px; letter-spacing:1px}
h2 { font-size: 26px }
h3 { font-size: 24px }
h4 { font-size:18px; line-height:1.6em; letter-spacing:1px;padding:10px 0 0}
h5 { font-size: 16px }
h6 { font-size: 14px }
h2.Title {font-size:36px;margin:0 0 20px 0;font-weight:800} 
a { text-decoration: none; color: #fff; transition: all 0.2s }
a:hover { color: #000 }
h1,h2,h3,h4 { color: #fff; text-shadow: 1px 1px 1px #000 }
h1 { font-size: 52px;margin: 0px }
h2 { color: #fff; text-shadow: none }
h4 { font-size: 32px;margin: 0px 0px 40px }

p{margin:0 0 20px}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #39b4b2;
    --bs-btn-border-color: #39b4b2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #109593;
    --bs-btn-hover-border-color: #109593;
    --bs-btn-active-bg: #109593;
    --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:500;
    font-size:18px
}


body{
    background-image: url(/Content/Archive/815/chat-with-ai-ai-technology-artificial-intelligence-man-using-technology-smart-robot-ai-artificial-intelligence-by-entering-command-prompt-generates-something-802801.jp);
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;
    padding:40px 0 0 0;
    background-color:#333;
      --s: 16px; /* control the size */
  --c1:#1e1c1c;
  --c2:#111;
  
  --g:#0000 66%,var(--c1) 67% 98%,#0000;
  background:
    radial-gradient(30% 50% at 30% 100%,var(--g)),
    radial-gradient(30% 50% at 70%   0%,var(--g)) var(--s) 0,
    repeating-linear-gradient(90deg,var(--c1) 0 10%,var(--c2) 0 50%);
  background-size: calc(10*var(--s)) calc(6*var(--s));
}



#article-109653{z-index:99 !important}
#article-109653 h2{font-size:4.8rem;font-weight:700}
#article-109653 h4{margin:0}

#article-109653 a{text-decoration:underline}
#article-109653 a:hover{color:#39b4b2}
#article-109653 img{border-radius:20px;box-shadow:0px 10px 50px rgba(0,0,0,1)}

#article-109653 a.btn-primary{text-decoration:none;color:#fff}
#article-109653 .btn-primary{border-radius:60px;padding:13px 25px}





/*Heading
*********************************/
.section-header h2{font-size:2.6rem;margin:20px 0 20px 0;padding:0;letter-spacing:1px;}
.section-header .col-12 { position: relative;}
.section-header .pre-header {font-size:18px;letter-spacing:3px;color:#38bbd0;background: #fff; display: inline-block; margin:0;padding:0 20px 10px 0px;text-transform:uppercase}
.section-header .pre-header:before { content: ""; position: absolute; width: calc(100% - 24px); border-top: 1px solid #ddd; top: 12px; z-index: -1; right: 0}
p.pre-header {font-size:18px !important;letter-spacing:3px;color:#38bbd0;background: #fff; display: inline-block; margin:0;padding:0 20px 10px 0px;}
h1.Title{font-size: 38px;}
.PreHeading{font-weight:400;letter-spacing:1px}
h1.PreHeading{font-size: 18px;font-weight:400;color:#53b8d3;letter-spacing:1px;margin:0 0 10px}
h3.PreHeading{font-size:14px;font-weight:500;letter-spacing:0px;}
h4.pre-header{font-size:18px;font-weight:500;letter-spacing:1px;color:#53b8d3;}
.section-body h1{font-size:2.6rem;margin:0 0 20px}

.Body p, .Body li{font-size:18px;line-height:1.4em}
i{padding:0 10px 0 0;color:#53b8d3}

/************************************************
By Jorge (New design)
*************************************************/
textarea.form-control{min-height:8rem}
p{letter-spacing:0.5px;margin:0 0 20px;line-height:1.4em}
strong { color: #131b2a ; font-weight:500}
a:link,a:visited,a:active { color:#131b2a ;text-decoration:underline;transition:0.2s}
a:hover { color: #39b4b2;text-decoration:underline}
.Body a{color:#fff ;text-decoration:underline}
.Body a:hover{color:#39b4b2}
.ImageCover { overflow: hidden;border-radius:5px;margin:0 0 20px}
span.image{ transition: all 0.2s }
span.image:hover {transform: scale(1.1);}
.readmore{margin:0 0 20px;display:block}
a.readmore{color: #163d93;font-weight:700}
a.readmore:hover{color: #111;}
.form-select{font-size:15px;border-radius:0}
.form-control{font-size:15px;border-radius:0}
a.viewall{font-size:16px;letter-spacing:1px;font-family: "Marcellus","Anuphan", serif;color: #fff;text-decoration:none;background:#ff3c1b;padding:10px 25px;width:fit-content;}
a.viewall:hover{background:#163d93;}
.view-all{text-align:center !important;display:block;margin:10px 0 0;position:absolute;top:7%;right:8%;}
.ArticleDetails{padding:5% 10%}
.ArticleDetails p{font-size:20px}
h2.col.ArticleTitle{font-size:42px;margin:0 0 30px 0}

/**************************************
header
***************************************/
header{background:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.05);}
.home-page header{box-shadow:0 10px 20px rgba(0,0,0,0);position:fixed;top:0;z-index:999;left:0;right:0}

/*Logo
***************************/
.Logo p{margin:0}
.Logo img{height:60px;margin:5px 0px 5px 0;transition:0.3s}
.Logo img:hover{scale:1.05;}


/*Menu
***************************/
#section-section-26535{padding:0}
.navbar{background:transparent;margin:5px 0 0;}
a.nav-link{font-family: "Red Hat Display", sans-serif;font-size:14px;color:#131b2a !important;font-weight:500;letter-spacing:0.5px;text-decoration:none !important;padding:8px 10px !important}
a.nav-link:hover{color:#39b4b2 !important}
a.nav-link.active{color:#39b4b2 !important}
.navbar-nav .nav-link.active{color:#39b4b2}
.navbar-expand-lg .navbar-nav .dropdown-menu{top:40px;border-radius:0}
.dropdown-menu{background:#fff;padding:10px 10px;}
a.dropdown-item{font-family: "Marcellus", serif;font-size:14px;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:#dee2e6;}


/**************************************
Homepage
***************************************/
#section-section-26541{text-align:center}
#section-section-26541 p{color:#fff}
#section-section-26541 .PreHeading{color:#fff;margin:0}
#section-section-26541 h2{font-size:36px;color:#fff;text-transform:uppercase}
#article-109145{background:#163d93;padding:50px 30px}
#article-109146{background:#03b6d9;padding:50px 30px 40px}
#section-section-26541 .btn-primary{background:transparent;border:solid 1px #fff;border-radius:40px}
#section-section-26541 .btn-primary:hover{background:#172233;border:solid 1px #172233;}


/*Slide
******************************/
#main-section-26572{padding:0 5%}
.carousel-caption {position: absolute;bottom:38%;width:fit-content;margin:auto;padding:20px 15%;}
.carousel-caption h1{font-size:2vw !important;font-weight:600;color:#fff;letter-spacing:2px;text-shadow:1px 1px 2px rgba(0,0,0,0.75);margin:0 0 10px;}
.carousel-caption p{font-size:22px;color:#fff;letter-spacing:1px;text-shadow:1px 1px 1px rgba(0,0,0,0.75);margin:0 0 10px}
#main-section-26572 .carousel-item:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity: .6;background: linear-gradient(180deg,#000000,rgba(0,0,0,0.3)0%)}
.carousel-indicators{display:none}


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


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


/*Informasjon
******************************/
#article-109190 ul{list-style:none;margin:0;padding:0}
#article-109190 li{transition:0.2s;line-height:1.8em;}
#article-109190 li:hover{padding:0 5px;}

/*****************************************
Homepage V3
******************************************/
/*Welcome
******************************/
#article-109157 .btn-primary{padding:10px 25px;background:transparent;border:solid 1px #163d93;border-radius:40px;color:#172233}
#article-109157 .btn-primary:hover{background:#163d93;border:solid 1px #163d93;color:#fff}

/*Why
******************************/
#section-section-26544{text-align:center}
#section-section-26544 h1{font-size:56px;color:#53b8d3;margin:0 0 10px}
#section-section-26544 p{margin:0}


/*Our Testimonials
*****************************/
#footer-section-26550{background: rgb(22,61,147);background: linear-gradient(100deg, rgba(22,61,147,1) 50%, rgba(19,39,99,1) 100%);color:#fff}
#footer-section-26550 h2{color:#fff}
#section-section-26551 .section-header .pre-header {background:transparent;margin: 20px 0 0}
#section-26552 img {max-height:110px;border-radius:50%;border:solid 8px rgba(255,255,255,0.2);margin:10px 0 10px}
#section-26552{text-align:center}
#section-26552 h3.Title{color:#fff;font-size:15px;background-image: url(/Content/Archive/691/star-685064.png); background-repeat:no-repeat;background-position:top center;padding:30px 0 0 0;margin:0}
#section-26552 .Ingress{min-height:260px;text-align:}


/*****************************************
Footer Section
******************************************/



/**************************************
Contact us page
***************************************/
.CustomFormGroupTitle{font-size:48px;display:none}
.CustomFormLabel{font-weight:700;color:#172233}
.contact-us ul { padding: 0; list-style: none;}
.contact-us li {font-size:18px;padding:0 0 10px;line-height:1.4em}
.contact-us i{font-size:18px;color:#03b6d9;margin:0 10px 0 0;vertical-align:middle;width:1.25rem;text-align:center}
.contact-us img{max-height:300px}
.map iframe { height:33vw}
.map p{margin:0}

#section-section-26607{background:#fff;box-shadow:0 0 30px rgba(0,0,0,0.1);padding:2.5rem 3rem 2.5rem !important;border-radius:10px}
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:#172233}

#main-section-26609 h2{font-size:6rem;font-weight:800;color:#fff;z-index:999;position:relative;margin:0;letter-spacing:4px;text-transform:uppercase}
#main-section-26609 p{color:#fff;font-size:18px;z-index:999;position:relative;margin:20px auto 0;background:transparent}
#main-section-26609{background-image: url(/Content/Archive/801/contact-Background-768067.jpg);background-repeat: no-repeat;background-position:top center;background-size:cover;padding:10% 0;position:relative;overflow:hidden;}
#main-section-26609:before {content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(180deg, #0e7f86, rgb(11 28 37 / 50%) 0%);
}


#main-section-26580{background:#f5f5ff}



/*FAQ and support
****************************/
.accordion-button{font-size:1.8rem;background:#fff;box-shadow:0 3px 20px rgba(0,0,0,0.1);padding:30px}
.accordion-item{border:none;margin:20px 0 20px}
.accordion-body{font-size:1rem}
.accordion-button:not(.collapsed) {color:#172233;background-color:#f5f5ff;box-shadow:none}
accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {border-radius:10px;}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {border-radius: 10px}
.accordion-button::after{background-color:#f5f5ff;padding:10px;width:40px;height:40px;background-position:center;border-radius:50%;background-size:50%}

/**************************************
Homepage V3 New Design
***************************************/
/*We Work With
******************************/
#article-109174 p:first-child:before {
    top: -10px;
    left: -10px;
    padding: 10px;
    box-shadow: 0 0 0 5px #38bbd0;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#article-109174 p:first-child {
    display: inline-block;
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
    display: inline-block;
    padding: 20px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
}

#article-109174 p:first-child:hover {background: rgba(244, 245, 255,1)}

#article-109174 p:first-child:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

#article-109174 img{transform: scale(1);transition:0.1s}
#article-109174 img:hover{transform: scale(0.9);}




/**************************************
Team
***************************************/
#article-109200 .Ingress{display:flex;flex-wrap:wrap}
.Team {padding:0;background:#fff;transition:0.3s;}
.Team:hover{border:solid 0px #03b6d9;background:#fff;transform:scale(1.01);}
.Team:nth-child(even){background:#fff}
.Team:nth-of-type(4n+1) {margin-left:0%}
.Team h2{font-size:18px;margin:0 0 5px 0}
.Team-info{text-align:left;padding:0px 30px 10px}
.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:#03b6d9;margin:0 10px 0 0;vertical-align:middle;text-align:center}
.Team p{margin:0 0 10px}

.Team img {
  --c: #03b6d9; /* the border color */
  --b: 15px;    /* the border thickness*/
  --g: 0px;     /* the gap on hover */
  
  padding: calc(var(--g) + var(--b));
  --_g: #0000 25%,var(--c) 0;
  background: 
    conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g))
     var(--_i,200%) 0  /200% var(--_i,var(--b))  no-repeat,
    conic-gradient(            at bottom var(--b) left  var(--b),var(--_g))
     0   var(--_i,200%)/var(--_i,var(--b)) 200%  no-repeat;
   transition: .2s, background-position .2s .2s;
	filter: grayscale(50%);
    width:90%;
    
}

.Team img:hover {--_i: 100%;transition: .2s, background-size .2s .2s;filter: grayscale(0%);  --b: 15px;}

/*Why Choose
******************************/
#main-section-26588 p{margin:0}

/*Client Logo
******************************/
#footer-section-26577 p{margin:0;vertical-align:middle}
#footer-section-26577 img{filter: grayscale(80%);transition:0.2s;opacity:0.6;max-width:70%;max-height:65px}
#footer-section-26577 img:hover{filter: grayscale(0%);scale:1.1;opacity:1}

/*Client Say
******************************/
#footer-section-26585{background:#f4f5ff}
#footer-section-26585 p.pre-header {background: #f4f5ff}
#footer-section-26585 h2.Title{font-size:16px;font-weight:700;background-image: url(/Content/Archive/691/star-685064.png); background-repeat:no-repeat;background-position:top center;padding:30px 0 0}
#footer-section-26585 img{max-height:110px;border-radius:50%;border:solid 8px #fff;margin:0 0 10px;box-shadow:0 10px 10px rgba(0,0,0,0.15)}
#footer-section-26585 h3.PreHeading{margin:0}
#section-section-26589 .Ingress{text-align:center;background-image: url(/Content/Archive/47/quote-694078.png); background-repeat:no-repeat;background-position:top 20px left 0;}
#section-section-26589 .article-item{border-radius:15px;padding:40px}
#article-109184{background: rgb(56,187,208);background: linear-gradient(158deg, rgba(56,187,208,1) 50%, rgba(105,83,163,1) 100%);}
#article-109184 p, #article-109184 h2.Title, #article-109184 h3.PreHeading{color:#fff}

/*****************************************
Footer V3
******************************************/
footer{color:#131b2a;}
footer h2{font-size:20px;font-weight:600;margin:0 0 20px 0}
footer h3{font-size:18px;margin:0 0 20px 0}

/*Contact us footer
******************************/
#article-109189 ul { padding: 0; list-style: none;}
#article-109189 li {padding:0 0 5px;}
.tel i{font-size:18px;margin:0 7px 0 0;vertical-align:middle;width:1.25rem;text-align:center;}
.tel li a{font-size:18px;font-weight:600}

/*Follow us
*************************/
.follow li { font-size:0px;margin:0; padding:0;display:inline-block;text-align:center}
.follow i{font-size:20px;color:#211259;margin:0 10px 0 0;display:inline-block;vertical-align:top;transition:0.1s;width:42px;height:42px;border:solid 1px #ddd;padding:10px;border-radius:5px}
#article-109189 i:hover{transform: scale(1.1)}
ul.follow{margin:0}
.fa-line:before{color:#49c30a}
.fa-youtube:before{color:#ff0000}
.fa-square-instagram:before{color:#333}
.fa-square-facebook:before{color:#0d51d6}
.fa-linkedin:before{color:#007bb5}



/*Copyright
****************************/
.Copyright p{font-size:14px;margin:0;color:#ccc}
.Copyright a{color:#fff}
.Copyright a:hover{color:#39b4b2}


/*****************************************
Mobile Site
******************************************/
@media screen and (max-width: 991px) {
.section-body h1 {font-size:28px;margin: 0 0 20px}
.section-header h2 {font-size: 28px}

/*Newletter
*************************/
#btnNewsletterSubmit{border-radius:50px;padding:17px 20px;}
#section-section-26595 .col-9{width:65%}
    
/*Contact us page
********************************/
#main-section-26609 h2{font-size:1.6rem;color:#fff;letter-spacing:2px}
#main-section-26609 p{color:#fff;font-size:16px;margin:0;}
#main-section-26609{background-image: url(/Content/Archive/801/contact-Background-768067.jpg);background-repeat: no-repeat;background-position:top center;background-size:cover;padding:10% 0;position:relative;overflow:hidden;}
  
/*******************************
Header Mobile
********************************/
.Logo img {height: 50px;padding:3px 0;margin:5px 0}
.Logo h1 {padding: 17px 0 0;font-size: 20px !important;margin:0}    
    
/*******************************
Menu Mobile
********************************/
#section-section-26578{padding:0;margin:0}
.menu-list-wrapper .navbar-toggler {right: 10px;border: solid 2px #ccc}
.menu-list-wrapper .navbar-toggler span i {background: #111}
.navbar-light .navbar-nav .nav-link {font-size:20px;}
a.nav-link{color:#131b2a !important;padding:10px 10px}
a.nav-link:hover{color:#ff3c1b  !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:#131b2a !important;padding:7px 15px;text-decoration:none;word-break: break-word;}
.dropdown-menu{background:#fff;padding:10px 10px;}
#nav-item-14870 {background: url(/Content/Archive/780/tel-688771.png) no-repeat center right 10px;padding: 0 30px 0 0;background-size: 15px;margin:0}

/*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:#f5f5ff}
.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)}

/*Slide mobile
******************************/
#main-section-26572{padding:0}
.home-page #main-section-26557{position:relative; z-index:999 !important;margin: 20px 0 0 0}
  
/*Properties list homepage
******************************/
#main-section-26412{padding:40px 2%}
#main-section-26415{padding:0 2% 40px 2%;position:relative}
#main-section-18530{padding:0 2% 40px 2%;position:relative}

/*Reviews
******************************/
.carousel-control-next-icon, .carousel-control-prev-icon {width: 2.5rem;height: 4rem;}
#main-section-26410 .carousel-control-next {right:0%}
#main-section-26410 .carousel-control-prev {left:0%}
  
/*******************************
Contact us Mobile
********************************/
#contactForm {padding:30px;}
#article-108921 iframe{height:50vh}

    
}