:root {
--color-primary: #60B8E3;
--color-secondary: #125F9A;
--color-tertiary: #27467B;
--color-accent: #375EE9;
--color-text: #000;
--color-background: #ffffff;
--color-muted: #888888;
--color-black: #000;
--color-white: #fff;
--color-grey-1: #eee;
--color-grey-2: #ddd;
--color-grey-3: #ccc;
--color-grey-light: #999;
--color-light-1: #F0FAFF;
--color-light-2: #F5F6FA;
--color-light-3: #DAEDFF;

--grad_color1: #01A3D4;
--gradient-btn-1: linear-gradient(90deg, var(--color-primary), var(--color-light-3));
--gradient-btn-2: linear-gradient(90deg, var(--color-secondary), var(--color-primary));
--gradient-btn-3: linear-gradient(90deg, var(--color-accent), var(--grad_color1));

--site-font-family: "Lato", sans-serif, Arial, Tahoma ;

--font-weight-thin: 100;
--font-weight-extra-light: 200;
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extra-bold: 800;
--font-weight-black: 900;

--line-height-tight: 1.2;
--line-height-normal: 1.5;
--line-height-relaxed: 1.75;
--line-height-loose: 2;

--link-color: var(--color-primary);
--link-hover-color: var(--color-secondary);  
--link-visited-color: var(--color-primary);
--link-active-color: var(--color-primary);

--link-one-color: var(--color-secondary); 
--link-one-hover-color: var(--color-primary);
--link-two-color: var(--color-accent); 
--link-two-hover-color: var(--color-secondary);
--link-white-color: var(--color-white); 
--link-white-hover-color: var(--color-white);
--link-black-color: var(--color-black); 
--link-black-hover-color: var(--color-accent);
--link-grey-color: var(--color-muted); 
--link-grey-hover-color: var(--color-black);

--link-powered-color: var(--color-white); 
--link-powered-hover-color: var(--color-accent);

--link-btn1-text-color: var(--color-white);
--link-btn1-bg-color: var(--color-secondary) ;
--link-btn1-padding: 10px 30px ;
--link-btn1-border-width: 0px ;
--link-btn1-border-style: solid ;
--link-btn1-border-color: var(--color-black) ;
--link-btn1-border-radius: 4px ;
--link-btn1-hover-color: var(--color-white) ;
--link-btn1-bg-hover-color: var(--color-tertiary) ;
--link-btn1-border-hover-color: var(--color-primary) ;

--link-btn2-text-color: var(--color-white);
--link-btn2-bg-color: var(--color-black) ;
--link-btn2-padding: 10px 30px ;
--link-btn2-border-width: 1px ;
--link-btn2-border-style: solid ;
--link-btn2-border-color: var(--color-black) ;
--link-btn2-border-radius: 4px ;
--link-btn2-hover-color: var(--color-white) ;
--link-btn2-bg-hover-color: var(--color-primary) ;
--link-btn2-border-hover-color: var(--color-primary) ;

--font-xs: 0.75rem;   /* 12px */
--font-sm: 0.875rem;  /* 14px */
--font-base: 1rem;    /* 16px */
--font-md: 1.125rem;  /* 18px */
--font-lg: 1.25rem;   /* 20px */
--font-xl: 1.5rem;    /* 24px */
--font-xxl: 2rem;     /* 32px */
--font-xxxl: 2.25rem; /* 36px */

--max-width: 1200px;
--padding: 1rem;

--radius-sm: 4px;
--radius-md: 8px;
--radius-lg: 16px;
--radius-12: 12px;
--radius-20: 20px;

--transition-fast: 0.2s ease-in-out;
--button-padding:12px 32px;

--breadcrumb-text-color: var(--color-black);
--breadcrumb-hover-color: var(--color-black);

--pagination-text-color: var(--color-black);
--pagination-bg-color: var(--color-white) ;
--pagination-padding: 10px 10px ;
--pagination-margin: 0px 2px ;
--pagination-border-width: 1px ;
--pagination-border-style: solid ;
--pagination-border-color: var(--color-black) ;
--pagination-border-radius: 4px ;
--pagination-hover-color: var(--color-white) ;
--pagination-bg-hover-color: var(--color-primary) ;
--pagination-border-hover-color: var(--color-primary);
--pagination-current-color: var(--color-white) ;
--pagination-bg-current-color: var(--color-primary) ;
--pagination-border-current-color: var(--color-primary);

--catposts-padding: 30px 30px;
--catposts-margin: 40px;
--catposts-radius:var(--radius-20);
--catposts-text-color:var(--color-black);

--primary-menu-text-color: var(--color-black);
--primary-menu-bg-color: var(--color-white);
--primary-menu-hover-text-color: var(--color-white);
--primary-menu-hover-bg-color: var(--color-secondary);
--primary-menu-active-text-color: var(--color-primary);
--primary-menu-active-bg-color: var(--color-white);
--primary-menu-submenu-bg-color: var(--color-secondary);
--primary-menu-submenu-text-color: var(--color-white);
--primary-menu-submenu-hover-bg-color: var(--color-primary);
--primary-menu-submenu-link-color: var(--color-white);
--primary-mobile-icon-color:var(--color-black);
--primary-megmenu-bg-color: var(--color-white);
	
--gap: 12px;
--tile-radius: 18px;
--frame-radius: 26px;
}

body {
  font-family: var(--site-font-family);
  line-height: var(--line-height-normal);
  font-size: var(--font-base);
  font-weight: var(--font-weight-normal);
  color: var(--color-text);
  background-color: var(--color-background);
  position: relative;
}

/*Link*/
a:link,
a:visited,
a:active {
  color: var(--link-color);
  text-decoration: none;
  border: none;
  transition: var(--transition-fast);
}

a:hover {
  color: var(--link-hover-color);
  text-decoration: none;
  border: none;
}

a.one:link,
a.one:active,
a.one:visited {
  color: var(--link-one-color);
  text-decoration: none;
  border: none;
}
a.one:hover {
  color: var(--link-one-hover-color);
  text-decoration: none;
  border: none;
}

a.two:link,
a.two:active,
a.two:visited {
  color: var(--link-two-color);
  text-decoration: none;
  border: none;
}
a.two:hover {
  color: var(--link-two-hover-color);
  text-decoration: none;
  border: none;
}

a.white:link,
a.white:active,
a.white:visited {
  color: var(--link-white-color);
  text-decoration: none;
  border: none;
}
a.white:hover {
  color: var(--link-white-hover-color);
  text-decoration: none;
  border: none;
}

a.black:link,
a.black:active,
a.black:visited {
  color: var(--link-black-color);
  text-decoration: none;
  border: none;
}
a.black:hover {
  color: var(--link-black-hover-color);
  text-decoration: none;
  border: none;
}

a.grey:link,
a.grey:active,
a.grey:visited {
  color: var(--link-grey-color);
  text-decoration: none;
  border: none;
}
a.grey:hover {
  color: var(--link-grey-hover-color);
  text-decoration: none;
  border: none;
}

a.powered:link,
a.powered:active,
a.powered:visited {
  color: var(--link-one-color);
  text-decoration: none;
  border: none;
}
a.powered:hover {
  color: var(--link-one-hover-color);
  text-decoration: none;
  border: none;
}

/*Button*/
a.btn1:link,
a.btn1:active,
a.btn1:visited {
  color: var(--link-btn1-text-color);
  background-color: var(--link-btn1-bg-color);
  padding: var(--link-btn1-padding);
  border-width: var(--link-btn1-border-width);
  border-style: var(--link-btn1-border-style);
  border-color: var(--link-btn1-border-color);
  border-radius: var(--link-btn1-border-radius);
  text-decoration: none;
  display: inline-block;
}
a.btn1:hover {
  color: var(--link-btn1-hover-color);
  background-color: var(--link-btn1-bg-hover-color);
  border-color: var(--link-btn1-border-hover-color);
  text-decoration: none;
}

a.btn2:link,
a.btn2:active,
a.btn2:visited {
  color: var(--link-btn2-text-color);
  background-color: var(--link-btn2-bg-color);
  padding: var(--link-btn2-padding);
  border-width: var(--link-btn2-border-width);
  border-style: var(--link-btn2-border-style);
  border-color: var(--link-btn2-border-color);
  border-radius: var(--link-btn2-border-radius);
  text-decoration: none;
  display: inline-block;
}
a.btn2:hover {
  color: var(--link-btn2-hover-color);
  background-color: var(--link-btn2-bg-hover-color);
  border-color: var(--link-btn2-border-hover-color);
  text-decoration: none;
}

/*General*/
p{
	font-size: var(--font-base);
	line-height: var(--line-height-normal);
	font-weight: var(--font-weight-normal);
}
h1, h2, h3, h4, h5, h6
{ 
	font-weight: var(--font-weight-bold);
}

.full{width:100%; float:left;}
.alpha{padding-left: 0; padding-right: 0;}
.beta{padding-left: 0; }
.gama{padding-right: 0;}

.shine-effect, .img-effect img { display: block; transition: mask-position 2s ease, -webkit-mask-position 2s ease; -webkit-mask-image: linear-gradient(45deg, #000 25%, rgba(0,0,0,0.2) 50%, #000 75%);
      mask-image: linear-gradient(45deg, #000 25%, rgba(0,0,0,0.2) 50%, #000 75%); -webkit-mask-size: 800%; mask-size: 800%; -webkit-mask-position: 0; mask-position: 0;}
.shine-effect:hover, .img-effect:hover img {-webkit-mask-position: 120%;mask-position: 120%;}

button, input[type="button"], input[type="reset"], input[type="submit"]{ 
  background:  var(--color-primary); 
  color: var(--color-white); 
  font-size: var(--font-base); 
  line-height: var(--line-height-normal); 
  padding: var(--button-padding); 
  border: 0px solid; 
  border-radius: var(--radius-sm); 
  font-weight: var(--font-weight-bold);
  cursor: pointer;
}
input[type="submit"]:hover{
  background:  var(--color-accent); 
  color:  var(--color-white); 
}

/*Breadcrumbs*/
.breadcrumbs{
  padding:0;
  margin: 0;
}
.breadcrumbs a{
  color: var(--breadcrumb-text-color);
  font-size: var(--font-sm);
}
.breadcrumbs a{
  color: var(--breadcrumb-hover-color);
  text-decoration: underline;
}

/*Pagination*/
.nav-links{
  float:right; 
  margin-top:20px;
}
.pagination .screen-reader-text{
  display:none;
}
.pagination{
  margin: 0px;
  padding: 0;
  float: right;
}
.pagination a, .pagination button, .pagination .dots{
  color: var(--pagination-text-color);
  background-color: var(--pagination-bg-color);
  padding: var(--pagination-padding);
  margin: var(--pagination-margin);
  border-width: var(--pagination-border-width);
  border-style: var(--pagination-border-style);
  border-color: var(--pagination-border-color);
  border-radius: var(--pagination-border-radius);
  text-decoration: none;
  display: inline-block;
}
.pagination a:hover, .pagination button:hover{
  color: var(--pagination-hover-color);
  background-color: var(--pagination-bg-hover-color);
  border-color: var(--pagination-border-hover-color);
}
.pagination .current{
  color: var(--pagination-current-color);
  background-color: var(--pagination-bg-current-color);
  border-color: var(--pagination-border-current-color);
  padding: 14px 20px;
  border-radius: var(--pagination-border-radius);
}

/*Comments*/
.comments-title{
  font-size: var(--font-lg); 
  line-height: var(--line-height-relaxed); 
  margin: 0 0 10px 0;
  padding: 25px 25px 0px 25px; 
}
.comment-navigation{
  width: 100%;
  float: left; 
  margin: 10px 0; 
  padding: 0 25px;
}
.comment-navigation .nav-links{
  margin: 10px 0; 
  width: 100%;
}
ol.comment-list{
  margin: 0 0 10px 0;
  width: 100%;
  float: left; 
  padding: 0 25px;
}
ol.comment-list li{
  padding: 15px; 
  background: var(--color-white); 
  border: 1px solid var(--color-grey-1); 
  margin-bottom: 5px;
}
.comment-metadata{
  float: right;
  margin-top: -25px;
}
.comment-metadata a{
  color: var(--color-grey-light); 
  font-size: var(--font-xs);
}
.comment-content{
  padding-top: 15px;
}
.nav-previous a, .nav-next a{
  font-size: var(--font-xs);
  padding: 6px 15px 3px 15px; 
  border: 2px solid var(--color-grey-light); 
  color: var(--color-grey-light); 
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.nav-previous a:hover, .nav-next a:hover{
  color: var(--color-muted); 
  border-color: var(--color-muted);
}
#reply-title{
  font-size: var(--font-xl);
  line-height: var(--line-height-normal); 
  margin-top: 5px;
}
#respond{
  padding: 15px 25px;  
  margin-top: 0px 0 20px 0; 
}
.comments-area{
  padding: 0px;   
  border: 1px solid var(--color-grey-2); ; 
  margin-top: 0px; 
  width: 100%;
  float: left; 
  background: var(--color-bg-light);
}
.comment-notes{
  font-size: var(--font-xs);
}
#comment-nav-below{
  margin-bottom: 30px;
}

/*Single Page*/
.post-content iframe, .post-content object, .post-content embed{
  width: 100%;
  height: 500px;
}
.post-content p:first-child{
  margin-top: 0;
}
.post-content p{
  margin: 20px 0; 
  font-weight: 400;
}
.post-content ul li, .post-content ol li{
  font-size: var(--font-base);
  line-height: var(--line-height-normal);
  margin: 4px 0;
  font-weight: var(--font-weight-normal);
}
.post-content ul, .post-content ol{
  margin: 20px 0;
  padding: 0;
}
.page-title{
  font-size: var(--font-xxl); 
  line-height: var(--line-height-normal); 
  margin:0 0 0 0;
  padding: 0px 0px;
  color: var(--color-secondary); 
  font-weight: var(--font-weight-bold); 
}

/*footer Menu*/
ul#menu-footer-menu{
  margin: 0px auto;
  padding:0px 0px;
  text-align: center;
}
#menu-footer-menu li{
  display:inline-block;
  margin:0;
  padding:0;
  text-align: center;
}
#menu-footer-menu li a {
  padding:0px 24px 0px 24px;
  text-decoration:none;
  font-size: var(--font-base);
  margin:0 0 4px 0;
  line-height: var(--line-height-tight);
  display: inline-block;
  font-weight: var(font-weight-normal);
  color: var(--color-white);
  float: left;
  border-left:0px solid var(--color-white);
  height: 20px;
}
ul#menu-footer-menu li:hover a {
  color: var(--color-accent);
  text-decoration: underline;
}
#menu-footer-menu li:first-child a{
  border:0;
  padding-left: 0;
}

/*Archive Posts*/
.category_posts{
  padding: var(--catposts-padding);
  box-sizing:border-box;
  margin-bottom: var(--catposts-margin);
  border-radius: var(--catposts-radius);
  background: var(--color-white);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.05);
  -moz-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.05);
  box-shadow:  0px 0px 20px 0px rgba(50, 50, 50, 0.05);
}
.category_description{
  margin-bottom: 30px;
}
.category_post_title{
  font-size: var(--font-xl);
  line-height: var(--line-height-normal);
  margin:0px 0 20px 0;
  padding:0;
  font-weight:var(--font-weight-bold);
  color:var(--catposts-text-color);
}
.category_posts img{
  border-radius: var(--radius-12);
}

/*matrix cards*/
.site_card{
  position: relative;
  height: 100%;
  margin: 0 0 30px 0;
  border-radius: var(--radius-md);
  background-color: var(--color-white);
  color: var(--color-text);
}
.site_card_img{
  height: 240px;
}
.site_card img{
  width: 100%; 
  display: block; 
  margin: 0;
  padding: 0;
}
.site_card_info{
  padding: 20px;
  box-sizing: border-box;
}
.site_card_info h5{
  font-size: var(--font-md);
  line-height: var(--line-height-normal);
  margin: 0 0 12px 0;
  padding: 0;
}
.site_card_info p{
  margin: 0;
  padding: 0;
  color: var(--color-text);
}
.site_card_info span{
  font-size: var(--font-sm);
  color: var(--color-grey-light);
}
.site_card_info span i{
  color: var(--color-muted);
  margin: 0 6px 0 0;
}

.site_card_2{
  height: 260px;
  margin: 0 0 30px 0;
  position: relative;
  border-radius: var(--radius-md);
  overflow: hidden;
}
.site_card_2_info{
  padding: 20px;
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  background: rgba(0,0,0,0.7);
  color: var(--color-white);
}
.site_card_2_info h6{
  font-size: var(--font-md);
  line-height: var(--line-height-normal);
  margin: 0 0 12px 0;
  padding: 0;
  color: var(--color-white);
}
.site_card_info p{
  margin: 0;
  padding: 0;
  color: var(--color-white);
}

/*Custom*/
.container{max-width: 1280px}
.ml-auto{margin-left: auto !important;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.fgr0{margin: 0; padding: 0;}

/*Banner and Navs*/
.site_banner{
  position: relative;
  z-index: 0;
}
.site_banner .swiper-slide img{
  /*width: 100%;*/
}
.slider_center_nav a{
  position:absolute;
  width:44px;
  height:44px;
  top:47%;
  z-index: 2;
  color: var(--color-white);
  text-align: center;
  background:rgba(255,255,255,0.1);
  line-height:44px;
  font-size:var(--font-md);
  border-radius: 100%
}
.slider_center_nav a.swiper1-prev{
  left:30px;
}
.slider_center_nav a.swiper1-next{
  right:30px;
}
.slider_center_nav a:hover{
  background:var(--color-accent); 
  color: var(--color-white);
}
.slider_center_nav .swiper-pagination1{
  text-align: center;
  z-index: 2;
  position: absolute;
  width: 100%;
  bottom: 30px;
}
.swiper-pagination-bullet{
  width: 10px;
  height: 10px;
  margin: 0 4px;
  border:0px solid var(--color-grey-light);
  background: var(--color-white);
  opacity:0.9
}
.swiper-pagination-bullet-active{
  opacity:1;
  background: var(--color-accent); 
}

.slider_nav{
  position: absolute;
  right: 0;
}
.slider_nav a{
  width: 44px;
  height: 44px;
  line-height: 44px;
  display: block;
  float: left;
  border-radius: 0px;
  text-align: center;
  margin-left: 4px;
  font-size: var(--font-md);
  color: var(--color-black);
  background: var(--color-white);
  border: 1px solid var(--color-black);
  
}
.slider_nav a:hover{
  color: var(--color-white);
  background: var(--color-accent);
  border-color: var(--color-accent);
  text-decoration: none;
}

/*Topbar*/
.site_topbar{
  background: var(--color-secondary);
  color: var(--color-primary);
}

ul.site_topbar_contact{
  margin:0;
  padding:0;
}
ul.site_topbar_contact li{
  list-style-type: none;
  display: inline-block;
  padding: 0 12px;
  color: var(--color-white);
  float: left;
}
ul.site_topbar_contact li i{
  padding-right: 8px;
  color: var(--color-primary);
  font-size: var(--font-lg);
}

/*Social*/
ul.site_social{
  margin: 0;
  padding: 0;
}
ul.site_social li{
  list-style-type: none;
  display: inline-block;
  float: left;
}
ul.site_social li a{
  color: var(--color-primary);
  font-size: var(--font-lg);
  display: block;
  float: left;
  line-height: 48px;
  width: 40px;
  height: 48px;
  border-radius:0px;
  margin-right: 0px;
  text-align: center;
}
ul.site_social li a:hover{
  color: var(--color-white);
  background: var(--color-accent);
}

/*Header*/
.site_header{
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.04);
-webkit-box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.04);
-moz-box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.04);
}
.site_logo{
  display: flex;
  gap:20px
}
.site_logo_name{
  font-size: var(--font-xl);
  height: var(--line-height-normal) ;
  text-transform: uppercase;
  font-weight: 700;
}

/*Nav*/
.site_nav{
  background-color: var(--color-primary);
  color: var(--color-white);
}

/*Footer*/
.site_footer{
  padding: 100px 0 40px 0;
  background: var(--color-secondary);
  color: var(--color-white);
}
.footer_title{
  color: var(--color-white);
  font-size: var(--font-md);
  line-height: var(--line-height-normal);
  margin: 0 0 16px 0;
  padding: 0;
  font-weight: 600;
}
.copyright{
  margin-top: 48px;
}
.footer_address p:last-child{
  margin-bottom: 0;
}
/*quicklinks*/
ul.quicklinks{
  margin:0px 0 0  0;
  padding: 0;
}
ul.quicklinks li{
  list-style-type: none; 
  display:  block; 
  width: 100%;
  margin-bottom: 10px; 
position:relative; padding-left:20px;
}
ul.quicklinks li a{
  color: var(--color-white);
  opacity: 1;
}
ul.quicklinks li:before {font-family: 'FontAwesome';content: '\f105';margin:0px 0 0 0px;color: #fff; position: absolute; left:0}
ul.quicklinks li a:hover{
  color: var(--color-white); 
  text-decoration: underline; 
  opacity: 1; 
}
.zindex2{position: relative; z-index: 2;}
/*custom*/
.site_read a{color: var(--color-white); padding-right: 10px;}
.site_read a:hover{color: var(--color-primary);  }
.site_read p{margin-bottom: 0;}
.gap16{gap: 16px}
.site_language select, .mob_translate select{background: none; border: 0; color: var(--color-white); padding: 10px 20px; width: 120px; background: var(--color-secondary);}

/*Button*/
a.grad_btn1:link,
a.grad_btn1:active,
a.grad_btn1:visited {
  color: var(--color-black);
  background: var(--gradient-btn-1);
  padding: 4px 16px 4px 20px;
  border-width: 0;
  border-style: var(--link-btn1-border-style);
  border-color: var(--link-btn1-border-color);
  border-radius: 20px;
  text-decoration: none;
  display: inline-block;
}
a.grad_btn1:hover {
  color: var(--color-white);
  background: var(--gradient-btn-3);
  border-color: var(--link-btn1-border-hover-color);
  text-decoration: none;
}
a.grad_btn1:hover img {filter: brightness(0) invert(1);}

a.grad_btn2:link,
a.grad_btn2:active,
a.grad_btn2:visited {
  color: var(--color-white);
  background: var(--gradient-btn-2);
  padding: 10px 16px 10px 20px;
  border-width: 0;
  border-style: var(--link-btn1-border-style);
  border-color: var(--link-btn1-border-color);
  border-radius: 20px;
  text-decoration: none;
  display: inline-block;
}
a.grad_btn_bg_1{background: #fff !important; color: var(--color-primary) !important; border: 1px solid var(--color-primary) !important;}
a.grad_btn_bg_1 img{filter:  none !important;}
a.grad_btn2:hover {
  color: var(--color-white) !important;
  background: var(--gradient-btn-3) !important;
  border-color: var(--link-btn1-border-hover-color) !important;
  text-decoration: none;
}
a.grad_btn2 img {filter: brightness(0) invert(1);}
a.grad_btn2:hover img {filter: brightness(0) invert(1) !important;}

a.grad_btn3:link,
a.grad_btn3:active,
a.grad_btn3:visited {
  color: var(--color-black);
  background: var(--color-white);
  padding: 10px 16px 10px 20px;
  border-width: 0;
  border-style: var(--link-btn1-border-style);
  border-color: var(--link-btn1-border-color);
  border-radius: 2px;
  text-decoration: none;
  display: inline-block;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.1); box-shadow:  0px 4px 10px 0px rgba(50, 50, 50, 0.1);
}
a.grad_btn3:hover {
  color: var(--color-white);
  background: var(--gradient-btn-3);
  border-color: var(--link-btn1-border-hover-color);
  text-decoration: none;
}
a.grad_btn3 img {filter: brightness(0) invert(0);}
a.grad_btn3:hover img {filter: brightness(0) invert(1);}

.menuzord-menu ul.dropdown {-webkit-border-radius: 8px;-webkit-border-top-left-radius: 0;-moz-border-radius: 8px;-moz-border-radius-topleft: 0;border-radius: 8px;border-top-left-radius: 0;box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.4);
-webkit-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.4); }

.site_copyright{background: var(--color-black); color: var(--color-white); padding: 20px 0;}
.footer_contact_bg{padding: 24px 40px; border-radius: 20px; background: var(--color-light-1); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1); margin-bottom: -60px}

ul.footer_contact_items{
  margin:0;
  padding:0;
}
ul.footer_contact_items li{
  list-style-type: none;
  display: inline-block;
  padding: 0 12px;
  color: var(--color-black);
}
ul.footer_contact_items li i{
  margin-right: 8px;
  color: var(--color-primary);
  font-size: var(--font-lg);
  padding: 10px;
  background: var(--color-secondary);
  text-align: center; border-radius: 100%;
  width: 40px; height: 40px;

}



/*Home*/
.home_slider{padding-top: 60px; padding-bottom: 60px;}
.home_slider_item{display: flex; gap: 80px; align-items: center;}
.home_slider_entry{max-width: 40%}
.home_slider_img{max-width: 40%}
.home_slider_entry h4{font-size: 3rem; line-height: 130%; margin: 0;padding: 0; font-weight: 400;}
.home_slider_entry h2{font-size: 2rem; line-height: 120%; margin: 0 0 30px 0;padding: 0; font-weight: 400;}
.home_slider_more{margin-top: 40px;}
.home_banner_pagination{position: absolute; bottom: 50px; left: 0; width: 100%; z-index:4}

.swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 4px; border:1px solid var(--grad_color1); background: var(--grad_color1); opacity:0.9; border-radius: 10px}
.swiper-pagination-bullet-active{ opacity:1; background:var(--gradient-btn-3); width: 14px; height: 10px; width: 48px; border-radius: 16px !important}

.site_service_expertise{padding-top: 60px; padding-bottom: 60px; background: var(--color-light-1);}
.site_section_tagline{font-size: var(--font-xxl); color: var(--color-secondary); font-weight: 700; margin: 0;padding: 0;}
.site_section_title{font-size: var(--font-xxxl); color: var(--color-black); font-weight: 400; margin: 10px 0 0px 0;padding: 0;}
.site_expertise{padding: 24px 32px 24px 32px; background: #fff; border-radius: 12px; -webkit-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.05); -moz-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.05); box-shadow:  0px 4px 10px 0px rgba(50, 50, 50, 0.05); margin-top: 30px; border-bottom: 4px solid transparent; height:100%}
.site_expertise_icon_count{display: flex; justify-content: space-between; align-items: center;}
.site_expertise_entry h2{font-size: var(--font-xxl); margin: 0;padding: 0; color: #000; font-weight: 400; margin-bottom: 12px;} 
.site_expertise_entry p{color: #5A5A5A; margin-bottom: 0px;}
.site_expertise_count span{background: #F2F2F2; display: inline-block; padding: 4px 16px; font-size: var(--font-base); position: relative; border-radius: 2px;}
.site_expertise_count span::before {content: ""; position: absolute; bottom: -10px; left: 10px;
  width: 0; height: 0; border-style: solid;  border-width: 10px 10px 0 0; border-color: #f1f1f1 transparent transparent transparent;}
.site_expertise_icon img{width: 50px; height: 50px; margin-bottom:40px;}
.site_expertise:hover{border-bottom: 4px solid var(--color-primary);}
.site_expertise:hover .site_expertise_entry h2{color: var(--color-primary);}
.site_expertise:hover .site_expertise_icon img{  filter: brightness(0) saturate(100%) invert(71%) sepia(30%) saturate(696%) hue-rotate(164deg) brightness(96%) contrast(92%);}
.mb30{margin-bottom:30px}

.site_about{padding-top: 60px; padding-bottom: 60px;} 
hr{background-color: var(--color-primary); height: 2px;}

.site_service{padding-top: 60px; padding-bottom: 60px; background: var(--color-light-2); position: relative;} 
.site_service_bg{position: absolute; right: 0; top: 0; width: 40%; height: 100%; background: url('../img/service-bg.jpg') no-repeat center; background-size: cover; z-index: 1;}
.site_home_services{padding: 40px; background: #fff; -webkit-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.05); -moz-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.05); box-shadow:  0px 10px 10px 0px rgba(50, 50, 50, 0.05); }
.site_home_service{text-align: center; padding: 32px 12px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 100%;}
.site_home_service h6{font-size: var(--font-base); font-weight: 400; max-width:220px; margin:0 auto; margin-top: 20px;  }
.home_service_item:nth-child(2) .site_home_service{border-right: 0}
.home_service_item:nth-child(3) .site_home_service{border-bottom: 0}
.home_service_item:nth-child(4) .site_home_service{border-bottom: 0; border-right: 0}
.site_home_service:hover   img{  filter: brightness(0) saturate(100%) invert(71%) sepia(30%) saturate(696%) hue-rotate(164deg) brightness(96%) contrast(92%);}
.site_home_service:hover h6{color: #000}
.site_home_service img{max-height: 72px; min-height: 72px}

.site_testimonial{padding-top: 60px; padding-bottom: 60px;}
.home_tmnl_list{display: flex; gap: 60px; margin-top: 30px; position: relative;}
/* .home_tmnl_list:before{position: absolute; width: 90%; top: 40px; right: 0; height: 100%; background: var(--color-light-2); content: ''; z-index: -1;} */
.home_tmnl_list_img{min-width: 300px;}
.home_tmnl_list_entry{padding : 40px 40px 40px 40px; background:#F5F6FA; box-sizing: border-box;}
.home_tmnl_list_entry h6{color:#125F9A}

.page_header img{width: 100%;}
.site_section{padding-top: 60px; padding-bottom: 60px;}
.post_date{color: #999}

.h_about_img{position:relative; }
.h_about_exp{position:absolute;display:flex; align-items:center; justify-content:center; text-align: center;flex-direction: column;background-color: #fff; border-radius: 12px;padding: 16px 10px;max-width: 100px;top: 32%;left: 45%; font-size:1.6rem; font-weight:600; -webkit-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.05); -moz-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.05); box-shadow:  0px 10px 10px 0px rgba(50, 50, 50, 0.05);}
.h_about_exp span{font-size: 0.8rem; line-height: 1rem; font-weight:400; color:#5A5A5A; }
.gap0{gap:0}
.h_serv_2{border-right:0}
.h_serv_3{border-bottom:0}
.h_serv_4{border-right:0; border-bottom:0}

.custom-star-rating{display:flex;border-bottom: 1px solid #60B8E3;margin-bottom: 20px;padding-bottom: 10px;}
.custom-star-rating .star { display: inline-block; width: 24px; height: 24px; background: #ccc;
    clip-path: polygon(
        50% 0%,
        61% 35%,
        98% 35%,
        68% 57%,
        79% 91%,
        50% 70%,
        21% 91%,
        32% 57%,
        2% 35%,
        39% 35%
    );
    margin-right: 2px;
}
.custom-star-rating .star.full { background-color: #ffc107;}
.custom-star-rating .star.empty { background-color: #ccc;}
.custom-star-rating .star.half { background: linear-gradient(to right, #ffc107 50%, #ccc 50%);}
.site_tmnl_title{padding-left:60px}
.wp-block-separator{border-top:0}
.page_title{color:#125F9A}

.about_accordion{padding:40px; background:#fff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);}
.about_accordion .wp-block-ub-content-toggle-accordion{margin-bottom:0; border-bottom:1px solid #ddd !important}
.about_accordion .wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-title{font-weight:700}

.about_mission_block{background:#E1F1F8; padding:60px}
.mission_title{margin-bottom:40px; padding-left:230px; color:#27467B}
.mision_spc{margin-right:-24px; margin-bottom:0}
.figure0{margin-top:0; margin-bottom:0}
.site_section b, .site_section strong{color:#14629C}
.pg_btn{display: flex !important; width: 158px; float: left; margin-right:20px; gap:10px}

.site_in_text{padding:10px 20px !important; background:#fff; border:1px solid #ddd !important; border-radius:4px !important; width:100%}
.site_in_textarea{padding:10px 20px !important; background:#fff; border:1px solid #ddd !important; border-radius:4px !important; width:100%; height:150px;}
.custom_btn button{color: var(--color-white); background: var(--gradient-btn-2); padding: 16px 40px; border-width: 0; border-style: var(--link-btn1-border-style); border-color: var(--link-btn1-border-color); border-radius: 60px; text-decoration: none; display: inline-block;}
.custom_btn button img{filter: brightness(0) invert(1) !important;}
.custom_btn button:hover{background:#227FC7}
.pilotroad_list{text-align:center}
.pilotroad_list figure, .pilotroad_list figure img{ border-radius:12px !important; width:100% !important}

.indoor_service{padding:24px; background:#F0FAFF; text-align:center; box-shadow: 0px 6px 19px -3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 6px 19px -3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 6px 19px -3px rgba(0,0,0,0.1); position:relative; height:100%} 
.indoor_service::before, .indoor_service::after {
  content: "";
  position: absolute;
  width: 100px;
  height: 100px;
  border: 4px solid #27467B;
  transition: opacity 0.3s ease;
  opacity: 0;
}

.indoor_service::before {
  top: 0;
  right: 0;
  border-left: none;
  border-bottom: none;
  border-top-right-radius: 8px;
}

.indoor_service::after {
  bottom: 0;
  left: 0;
  border-top: none;
  border-right: none;
  border-bottom-left-radius: 8px;
}

.indoor_service:hover::before,
.indoor_service:hover::after {
  opacity: 1;
}

.career_list .wpa-focusable{font-size:1.25rem; line-height:140%; font-weight:700; color:#000; text-decoration:none; position:relative}
.career_list .wpa-focusable:after{position: absolute; width: 20px; height: 20px;font-family: 'FontAwesome';content: '\f107'; background: #fff; 
  margin-left:10px; top:0px}

.frame{
      width:min(92vw, 540px);
      border-radius:var(--frame-radius);
      box-sizing:border-box;
    }

    .tiles{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:var(--gap);
      aspect-ratio:1 / 1; 
    }

    .tile{
      background-repeat:no-repeat;
      background-size:300% 300%; 
      border-radius:var(--tile-radius);
    }

    .tile:nth-child(1){ --row:1; --col:1; }
    .tile:nth-child(2){ --row:1; --col:2; }
    .tile:nth-child(3){ --row:1; --col:3; }
    .tile:nth-child(4){ --row:2; --col:1; }
    .tile:nth-child(5){ --row:2; --col:2; }
    .tile:nth-child(6){ --row:2; --col:3; }
    .tile:nth-child(7){ --row:3; --col:1; }
    .tile:nth-child(8){ --row:3; --col:2; }
    .tile:nth-child(9){ --row:3; --col:3; }

    .tile{
      background-position:
        calc((var(--col) - 1) * 50%)
        calc((var(--row) - 1) * 50%);
    }

.border-radius-10 img{border-radius:10px;}
.subpage_temp_items{ border:1px solid #eee; -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1); height:100%;}
.subpage_temp_img img{width: 100%;display: block;}
.subpage_temp_entry{padding: 24px;}
















/*Mobile*/
@media screen and (max-width: 764px) {
  .dnone{display: none !important;}
  .mob_spc{padding-left: 8px !important; padding-right: 8px !important}
  .mob_mt20{margin-top: 20px;}
  .mob_mt30{margin-top: 30px;}
  .mob_mb20{margin-bottom: 20px;}
  .mob_mb30{margin-bottom: 30px;}
  .mob_primary_nav{position: absolute; width: 100%; left: 0}
  .col-rev{flex-direction: column-reverse;}
  .menuzord-responsive .menuzord-menu{top: 56px; }
  ul.site_topbar_contact li{padding:10px 0}
  ul.site_social{height: auto; float: right;}
  ul.site_social li a{margin:0; }
  .site_header{padding-top: 16px; padding-bottom: 16px;}
  .site_logo img{max-height: 40px;}
  .copyright{margin-top: 24px;}
  #menu-footer-menu li a { padding:0px 16px 0px 16px;}
  .mob_topbar{justify-content: space-between;}
  .mob_translate{position: absolute; right: 16px; top: 0px}
  .mob_nav{position: absolute !important; left: 0; width: 100%}
  .footer_contact_bg{padding: 20px;}
  ul.footer_contact_items{margin-top: 10px}
  ul.footer_contact_items li{padding: 0; margin-top: 10px}
  .site_footer_about p{margin-bottom: 0}
  .site_header_logo img{z-index: 3; position: relative;}
  .home_slider, .site_service_expertise, .site_about, .site_service, .site_testimonial{padding-top: 30px; padding-bottom: 30px}
  .home_slider_item{flex-direction: column-reverse; gap: 0}
  .home_slider_entry{max-width: 86%}
  .home_slider_img{max-width: 86%; padding-bottom: 30px}
  .home_slider{background-size: 300px !important; }
  .home_slider_entry h4{font-size: 1.6rem}
  .home_slider_entry h2{font-size: 2.8rem; margin-bottom: 12px}
  .home_slider_more{margin-top: 10px}
  .mob_pad0{padding:0}
  .site_section_title{font-size: 2rem;}
  .site_service_bg{width: 100%; height: 300px; bottom:0; top:auto }
  .site_home_services{padding: 20px; margin-bottom: 40px}
  .site_home_service{padding: 16px 16px; border-right: 0; border-bottom: 1px solid #ddd !important}
  .home_service_item:nth-child(4) .site_home_service{border-bottom: 0 !important}
  .home_tmnl_list{gap: 0; flex-direction: column;}
  .home_tmnl_list_img{min-width: 150px}
  .home_tmnl_list::before{width: 95%}
  .home_tmnl_list_entry{padding: 24px}
  .home_tmnl_list_entry p{margin-bottom: 0}
  .site_section{padding-top: 30px; padding-bottom: 30px;}
	.site_tmnl_title{padding-left:0}
	.page_title{margin-top:0}
	.about_accordion{padding:20px;}
	.mission_title{padding-left:0}
	.mision_spc{margin-right:0}
	.about_mission_block{padding:30px;}
	.figure0{margin-top:0; margin-bottom:30px}
	.mob-flex{flex-direction:column;}
	.mob-flex a{margin-bottom:12px; align-items:center}
	.mob_pe_0{padding-right:0 !important}
	.col-reverse{flex-direction:column-reverse}

}