/*
Theme Name: GIAC
Description: Child theme of GIAC
Author: giac
Version: 1.0.0
Text Domain: giac
Template: twentytwentyone
*/

@import url(../twentytwentyone/style.css);
@font-face {
    font-family: 'be_vietnambold';
    src: url('./assets/fonts/bevietnam-bold-webfont.woff2') format('woff2'),
         url('./assets/fonts/bevietnam-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'be_vietnamregular';
    src: url('./assets/fonts/bevietnam-regular-webfont.woff2') format('woff2'),
         url('./assets/fonts/bevietnam-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'be_vietnamsemibold';
    src: url('./assets/fonts/bevietnam-semibold-webfont.woff2') format('woff2'),
         url('./assets/fonts/bevietnam-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html{overflow-x: hidden}
* { margin: 0; padding: 0; box-sizing: border-box;}
*:not(.slick-track):not(.slick-list) { transition: all 0.3s ease-in-out;}
body{color: var(--grey-shades-g-50, #808080); font-family: 'be_vietnamregular'; font-size: 18px; line-height: 26px;overflow-x: hidden;}
a{display: inline-block;}
.site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus { outline:none; }
a, button:focus, button:focus-visible, .site a:focus, body .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button), a:hover, .widget a:link, .widget a:visited, .widget a:active { text-decoration: none; text-decoration-style: none; outline: none; border: none; border-color: transparent; }
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img{outline: none;}
.widget>*:last-child { margin-block: 0; }
li { list-style: none; }
img { width: 100%; height: auto; }
img:focus-visible, a:focus, .btn:focus, a:focus-visible, div:focus-visible { outline: none; box-shadow: none; }
.site-main>* { margin: 0; }
.site-main { padding: 0;}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus{outline:none;}
.has-background-white .site a.giac-btn:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: var(--base-color-p-main, #00BAFF); color:#000; }

.heading-style-1{color:  #FFF;font-family: 'be_vietnamsemibold'; font-size: 52px; line-height: 60px;}
.heading-style-2{color:  #333; font-family: 'be_vietnamsemibold'; text-align: center; font-size: 44px; font-style: normal; line-height: 52px; }
.heading-style-3{color: #444; font-family: 'be_vietnambold'; font-size: 24px; line-height: 32px; }
.heading-style-4{color:  #FFF; text-align: center; font-family: 'be_vietnambold';font-size: 20px; line-height: 24px; letter-spacing: 0.1px;}
.heading-style-5{color:  #00BAFF; text-align: center; font-family: 'be_vietnambold'; font-size: 18px; line-height: 22px; letter-spacing: 0.09px;}
.p-big{color: #FFF; font-family: 'be_vietnamregular'; text-align: center; font-size: 44px; line-height: 60px;}
p{color:  #808080; font-family: 'be_vietnamregular'; font-size: 18px; line-height: 26px; }
.p-small{color:  #808080; text-align: center; font-family: 'be_vietnamregular'; font-size: 16px; line-height: 24px; }
/* button */
.giac-btn { padding: 14px 31px;color:  #000; font-family: 'be_vietnambold'; text-align: center; font-size: 16px; line-height: 24px; text-transform: uppercase;position: relative;bottom: 0; right: 0;height: 100%; background: #00BAFF;overflow: hidden; z-index: 1;  }
.giac-btn:before { content: ''; position: absolute; bottom: 0; right: 0; width: 0%; height: 100%; background-color: #006F99; transition: all 0.3s ease-in-out; z-index: -1; }
.giac-btn:hover { color: #fff; }
.giac-btn:hover:before { width: 100%; }

:root                   
{ 
    /* color */
    --white: #ffffff; 
    --black: #000000;    
    --blue:#00BAFF;   
    
    /* background-color */
    --f0: transparent;
    
    /* validation color */
    --g1: #36612F;
    --g2: #C0D7BC;
    --r1 : #ff4500;
    --r2 : #ffc8c8;
}
.section-padding{padding-block: 100px;}
.section-padding-big{padding-block: 141px;}
.container{max-width: 1140px;margin: 0 auto;}

/*  =========================== header section =========================== */
.site-main { padding-top: 80px; }
header{position: fixed; top: 0; right: 0; left: 0; z-index: 100;background-color: var(--white);}
header.sticky{box-shadow: 0px 8px 16px 0px rgba(58, 58, 58, 0.2); z-index: 100;}
.wp-custom-logo .site-header{padding: 0;max-width:unset;display: block;}
header .container-header{display: flex;flex-wrap: wrap;align-items: center;justify-content: end;}

/* haeder logo */
header.site-header .site-branding { margin: 0 0 3px; left: calc(50% - (1140px/2));position:absolute;right: auto; top: 50%;transform: translateY(-50%);} 
header.site-header .site-branding .site-logo { margin: 0;} 
header.site-header .site-branding .site-logo img { width: 104px; height: 58px; }
/* nav */
header .header-right{display: flex;align-items: center;column-gap: 44px;}
header.site-header .menu-wrapper { gap: 44px; }
header.site-header .primary-navigation .menu-wrapper li a { color:#666; font-family: 'be_vietnamsemibold'; font-size: 16px; line-height: 24px; text-transform: uppercase; padding: 8px;}
header.site-header .primary-navigation .menu-wrapper a:hover { text-decoration: none; text-decoration-style: none; color: var(--blue); }
header.site-header .primary-navigation .menu-wrapper li .mPS2id-highlight-first{color: var(--blue);}
header.site-header .primary-navigation .current-menu-item>a:first-child, header.site-header .primary-navigation .current_page_item>a:first-child { text-decoration: none;  display:inline-block; }
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: transparent; text-decoration: none; color: var(--blue); }
header.site-header .primary-navigation .current-menu-item>a:first-child:hover, header.site-header .primary-navigation .current_page_item>a:first-child:hover { text-decoration: none; text-decoration-style: none; }
/* header mail */
.header-mail .widget a:link{color: #666666;}
.header-mail .widget a:link:hover{color: var(--blue);}
.header-mail strong{font-weight: 500; }
.header-mail a{color:#666; font-family: 'be_vietnamregular'; font-size: 16px; line-height: 22px;column-gap: 8px;}
.header-mail a,.header-call a{display: flex;align-items: center;}
.header-mail a strong:first-child{border-radius: 100px; background: #F2F2F2;width:36px;height: 36px;display: flex;align-items: center;justify-content: center;transition: 0.4s all ease-in-out}
.header-mail a img{width:20px;height: 20px;}
.header-mail a strong:first-child:hover{background-color: var(--blue);}
.header-mail a strong:first-child:hover img{filter: brightness(0) saturate(100%) invert(98%) sepia(98%) saturate(7%) hue-rotate(125deg) brightness(102%) contrast(100%);}
/* header call */
.header-call .widget a:link{color: var(--black);}
.header-call a{padding: 24px 25px 28px 27px;column-gap: 6px; background: var(--blue);color: var(--black); text-align: center; font-size: 20px; line-height: 28px; font-family: 'be_vietnambold'; text-transform: uppercase;position: relative;bottom: 0; right: 0;height: 100%; background: #00BAFF;overflow: hidden; z-index: 1;}
.header-call a img{width:24px;height: 24px;}
/* hover */
.header-call a::before{ content: ''; position: absolute; bottom: 0; right: 0; width: 0%; height: 100%; background-color: #006F99; transition: all 0.3s; z-index: -1;}
.header-call .widget a:link:hover{ color: var(--white);}
.header-call a:hover img{filter: brightness(0) saturate(100%) invert(98%) sepia(98%) saturate(7%) hue-rotate(125deg) brightness(102%) contrast(100%);}
.header-call a:hover::before{width: 100%;}
.has-background-white .site .header-call a:focus:not(.wp-block-button__link):not(.wp-block-file__button){background: var(--blue);color: var(--black);}
.header-call a strong{transition: 0s all ease-in-out !important;}
/*  =========================== banner section =========================== */
.banner-image{position: relative;min-height:520px;max-height:560px;height: calc(100vh - 80px); }
.banner-image:after{content: '';height:100%;width: 100%;background: linear-gradient(90deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.00) 79.55%);position: absolute; top:0;left: 0;}
.banner-image img{width: 100%;height: 100%; object-fit: cover;}
.banner-content{position: absolute;top:50%;max-width: 647px;transform:translateY(-50%);z-index:10;}
.banner-content .heading-style-1{margin-bottom: 16px;}
.banner-content p{color: var(--white);margin-bottom: 34px;}
 /* dots */
.slick-dotted.slick-slider { margin-bottom:0; }
.slick-dots{ bottom: 7%; right: auto; width: unset;left: calc(50% - (1140px/2));display: flex;column-gap: 8px;} 
.slick-dots button:not(:hover):not(:active):not(.has-background){background-color: transparent;}
.slick-dots li {margin-inline: 0;width: 18px;height: 18px;}
.slick-dots li button{padding: 0;width: 18px;height: 18px;position: relative;border-radius:50%;}
.slick-dots li button:before{line-height: 0;width: 10px;height: 10px;font-size: 0; background-color:#CCCCCC;opacity:0.6;content:'';border-radius:50%;transform: translate(-50%, -50%);left:50%;top:50%;}
.slick-dots li.slick-active button{border:1px solid #fff; border-radius:50%;}
.slick-dots li.slick-active button:before { background-color: var(--white); opacity:1; border-radius:50%;}
 
/*  =========================== services section =========================== */
.section-services .heading-style-2{margin-bottom: 54px;}
.section-services .services-card-wrap{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;}
.section-services .services-card{width: calc(1140px / 3 - 20px);padding:73px 24px; border: 1px solid   #E6E6E6;position: relative;overflow:hidden;}
.section-services .services-card-image{width: 80px;height: 80px;margin-bottom: 16px;}
.section-services .services-card-image img{width: 100%;height: 100%;object-fit: cover;}
.section-services .heading-style-3{margin-bottom: 8px;}
.section-services .service-card-line{width: 52px; height: 3px;background: var(--base-color-p-main, #00BAFF);margin-bottom: 8px;}
/* hover */
.services-card:hover{border-color: var(--blue);}
.services-card::after{content: '';transition: all 0.3s;position: absolute;bottom: 0;right: 0;height: 0;width:0; background-color: rgba(240, 251, 255, 1); box-shadow: 0px 0px 24px 0px rgba(0, 186, 255, 0.10);z-index: -2  ;}
.services-card::before{content:'';transition: all 0.3s;position: absolute;bottom: 0;right: 0;width:78px;height: 80px;background:url(./assets/images/favicon.png) no-repeat right bottom;background-size: cover;transform: translate(100px,100px);opacity:0;pointer-events: none;z-index:-1;}
.services-card:hover::after{height: 100%;width:100%;}
.services-card:hover::before{opacity:1;transform: translate(17px,17px);}

/*  ===========================  capital section =========================== */
.section-capital{position: relative;top:0;left: 0;}
.section-capital::after{content:'';position: absolute;top: 0;left: 0; height: 100%;width: 100%; background: rgba(0, 0, 0, 0.70);}
.section-capital .container{position: relative; z-index: 10;max-width: 940px;}
.section-capital .heading-style-3{color: var(--blue);text-align: center;margin-bottom: 16px;}
/*  ===========================  testimonial section =========================== */
.section-testimonial{position: relative;}
.section-testimonial .container{position: relative;}
.section-testimonial::after{content: url(./assets/images/testimonial-after-image.svg);position: absolute;right:0;bottom: 0;z-index: -1;}
.testimonial-slider-wrap{max-width: 940px;margin:0 auto}
.section-testimonial .testimonial-slider{text-align: center;}
.section-testimonial .testimonial-slider img{height: 60px; width: 60px;margin:0 auto 16px;}
.section-testimonial .testimonial-slider .heading-style-2{margin-bottom: 24px;}
.section-testimonial .testimonial-slider .p-small{margin-bottom: 16px;}
.section-testimonial .author-name-post{display: flex;justify-content: center; column-gap: 24px;align-items: center;}
.section-testimonial .author-name-post a:hover h5{color: var(--black);}
.section-testimonial .author-name-line{width: 2px; height: 20px;background-color: #B3B3B3;}
/* slick */
.slick-arrow {top: 70%;transition: 0.3s all ease-in-out;}
.slick-prev{left:0;}
.slick-next{right: 0;}
.section-testimonial button.slick-arrow {width:40px;height:40px; background: #F7F7F7 !important; border-radius:50%; display: flex; justify-content: center; align-items: center;}
.section-testimonial button.slick-arrow:hover { background: var(--blue) !important;}
.section-testimonial button.slick-arrow:hover::before{filter: brightness(0) saturate(100%) invert(96%) sepia(5%) saturate(224%) hue-rotate(214deg) brightness(120%) contrast(100%);}
.section-testimonial .testimonial-slider-wrap .slick-next:before{background-image: url(./assets/images/slick-next-arrow.svg);}
.section-testimonial .testimonial-slider-wrap .slick-prev:before{background-image: url(./assets/images/slick-prev-arrow.svg);}
.section-testimonial .testimonial-slider-wrap .slick-next:before,.section-testimonial .testimonial-slider-wrap .slick-prev:before{content:'';height: 24px;width:24px;position:absolute;transition: 0.3s all ease-in-out;}
.section-testimonial .slick-slider{position: unset;}
/*  ===========================  contact-us section =========================== */
.section-contact-us{background: var(--primary-p-10, #002533);padding-bottom: 0;}
.section-contact-us .heading-style-2{color: var(--white);margin-bottom: 54px;}
.contact-information{margin-bottom: 50px; display: flex;justify-content:space-between;text-align: center;}
.content-info{width: calc(1140px / 3 - 20px); padding-block: 8px;}
.contact-information .content-info img{width: 48px;height: 48px;margin-bottom:8px}
.contact-information .content-info a:hover{color: var(--blue);transform: scale(1.1);}
/* contact-form */
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus, select:focus,input[type=text]:focus-visible, input[type=email]:focus-visible, input[type=url]:focus-visible, input[type=password]:focus-visible, input[type=search]:focus-visible, input[type=number]:focus-visible, input[type=tel]:focus-visible, input[type=date]:focus-visible, input[type=month]:focus-visible, input[type=week]:focus-visible, input[type=time]:focus-visible, input[type=datetime]:focus-visible, input[type=datetime-local]:focus-visible, input[type=color]:focus-visible, .site textarea:focus-visible, select:focus-visible{ outline-offset: none; outline: none;color: #CCCCCC;  background-color: rgba(255, 255, 255, 0.05);}
.contact-form{padding: 60px 97px;background: rgba(255, 255, 255, 0.05);}
.contact-form .heading-style-2{margin-bottom: 34px;}
form{display: flex; flex-direction: column; row-gap: 30px;}
form .row{display: flex;gap: 30px;}
form .row .column-6{width: 100%;}
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea,select{width: 100%;}
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea, select  { border: none; border-radius: 0; background: rgba(255, 255, 255, 0.05); margin: 0; padding: 11px 5px 15px 16px; color: #CCCCCC; font-size: 16px; font-weight: 400; line-height: 26px; }
input[type=text]::placeholder, input[type=email]::placeholder, input[type=url]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, input[type=date]::placeholder, input[type=month]::placeholder, input[type=week]::placeholder, input[type=time]::placeholder, input[type=datetime]::placeholder, input[type=datetime-local]::placeholder, input[type=color]::placeholder, .site textarea::placeholder, select::placeholder { color: var(--grey-shades-g-80, #CCC); font-family: 'be_vietnamregular'; font-size: 16px; font-weight: 400; line-height: 26px; }
textarea{height: 100px;resize: none;}
input[type=submit]:not(:hover):not(:active):not(.has-background) { background-color: #00BAFF;}
input[type=submit]:not(:hover):not(:active):not(.has-text-color) { color: #000; }
input[type=submit] {padding: 13px 52px;color: #000; font-size: 16px; font-weight: 700; line-height: 24px; border: none; }
input[type=submit]:focus, input[type=submit]:focus-visible, input[type=submit]:active { outline: none;}
.wpcf7-select{background-image: url(./assets/images/dropdown-arrow.svg); background-repeat: no-repeat; background-position: right 8px center; background-size: 24px;}
.form-button{text-align: center;margin-top: 4px;display: inline-block;position:relative;bottom: 0; right: 0;height: 100%; background: #00BAFF;overflow: hidden; z-index: 1; max-width: fit-content; margin: 0 auto;}
 input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #CCCCCC !important;
}
/* hover */
input[type=submit]:hover{color: var(--white);}
.form-button:before { content: ''; position: absolute; bottom: 0; right: 0; width: 0%; height: 100%; background-color: #006F99; transition: all 0.3s; z-index: -1; }
.form-button:hover{ color: #fff; }
.form-button:hover:before { width: 100%;}
/* spinner */
.wpcf7-spinner { margin: 0px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.submitting .wpcf7-submit { pointer-events: none; color: black !important; }
/* massege */
.wpcf7-response-output { margin: 10px 0px 0px !important; font-size: 12px !important; line-height: 20px !important; border: none !important; color: var(--white-color); font-weight: 600; text-align: center;}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output { background: #ffb900;color: #002533;}
.wpcf7 form.failed .wpcf7-response-output { background: #dc3232;color: var(--white);}
.wpcf7 form.sent .wpcf7-response-output { background: #46b450;color: var(--white);}
.wpcf7-not-valid-tip { font-size: 12px; } 
.wpcf7 form .wpcf7-response-output { font-size: 12px; }
/*  ===========================  location section =========================== */
#map{height: 500px;width: 100%;}
/*  ===========================  footer section =========================== */
.site-footer:before, .site-footer:after {content: none;} 
.wrapper-footer { background: var(--grey-shades-g-97, #F7F7F7); padding: 34px 0;}
.wrapper-footer .site-footer { margin-block: 0; padding-block: 0; }
.wrapper-footer .site-footer>* { margin-block: 0; }
.wrapper-footer .site-footer .size-full { display: inline-block; }
.wrapper-footer .site-logo{margin-block: 0;}
.wrapper-footer .container{display: flex; justify-content:space-between;align-items: center;}
.footer-logo img{width: 153px;height: 85px;}
.wrapper-footer .copyright-social{display: flex; flex-direction: column; align-items: end; row-gap: 16px;}
.has-background-white .site #menu-item-33 a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background:#00BAFF;}
.wrapper-footer .copyright-social .social-icon a{border-radius: 50%; background: var(--grey-shades-g-90, #E6E6E6);height: 52px; width: 52px;display: flex;align-items: center;justify-content: center;}
.wrapper-footer .copyright-social .social-icon a img{width: 32px; height: 32px;}
.wrapper-footer .copyright-social .social-icon a:hover{background-color: #00BAFF;}
.wrapper-footer .copyright-social .social-icon a:hover img,.site #menu-item-33 a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img{filter: brightness(0) saturate(100%) invert(80%) sepia(100%) saturate(2%) hue-rotate(220deg) brightness(109%) contrast(101%);}
.wrapper-footer .copyright p{color: var(--grey-shades-g-50, #808080); text-align: right; font-family: 'be_vietnamregular'; font-size: 16px; line-height: 24px;}
/* bottom footer-------------------- */
.bottom-footer{background: var(--primary-p-10, #002533);padding-block: 13px;}
.bottom-footer p{ color: var(--white); text-align: center; font-family: 'be_vietnamregular'; font-size: 16px; line-height: 24px; }


/* 404 */

.error-page{ padding: 180px 0; text-align: center; }
.error-page .heading-style-1{ color: #00BAFF; margin-bottom: 20px; font-size: 130px; line-height: 130px; }
.error-page .heading-style-2{ margin-bottom: 20px; }
.error404 main p { font-size:18px; line-height: 24px; }

/*  ====================================================== media query  ====================================================== */
@media screen and (max-width:1199px) {
    .container{max-width: 960px;}
    .section-padding{padding-block: 90px;}
     .section-padding-big { padding-block: 138px; }
    .heading-style-1{font-size: 50px; line-height: 58px;}     
    .heading-style-2{ font-size: 42px;  line-height: 50px; }
    .heading-style-3{ font-size: 23px; line-height: 30px; }
    .heading-style-4{font-size: 19px; line-height: 22px; }
    .heading-style-5 { font-size: 17px; line-height: 20px; }    
    .p-big{ font-size: 42px; line-height: 58px;}    
    p{ font-size: 17px; line-height: 25px; }  
    .p-small{font-size: 15px;line-height: 22px;}  
    .giac-btn{padding: 13px 30px;font-size: 15px; line-height: 22px;}
     
    /*  ================header section =============== */ 
    .site-main { padding-top: 73px; }
    header.site-header .site-branding .site-logo img { width: 90px; height: auto; }
    header.site-header .site-branding { left: calc(50% - (960px/2));}
    /* nav */
    header.site-header .menu-wrapper { gap: 22px; }
    header.site-header .primary-navigation .menu-wrapper li a { font-size: 15px; line-height: 22px; padding: 6px;}
    header .header-right { column-gap: 22px; }
    .header-mail a { font-size: 15px; line-height: 20px; column-gap: 6px; }
    .header-mail a strong:first-child{width: 33px; height: 33px;}
    .header-mail a img { width: 18px; height: 18px; }
    .header-call a { padding: 24px 25px; column-gap: 6px; font-size: 17px; line-height: 26px;}
    
    
    /*  ================banner section =============== */
   
    /* .banner-image { height: 490px;} */
    .banner-content .heading-style-1 { margin-bottom: 15px; }
    .banner-content p { margin-bottom: 32px; }
    .slick-dots{left: calc(50% - (960px/2));}    
    /*  ================services section =============== */ 
    .section-services .heading-style-2 { margin-bottom: 50px; }      
    .section-services .services-card { width: calc(1140px / 3 - 70px); padding: 65px 20px;  }
    .section-services .services-card-image { width: 78px; height: 78px; margin-bottom: 15px; }
    .section-services .heading-style-3,.section-services .service-card-line{margin-bottom: 7px;}
    /*  =========================== capital section =========================== */
    .section-capital .heading-style-3{margin-bottom: 14px;}    
    /*  ===========================  testimonial section =========================== */   
    .testimonial-slider-wrap { max-width: 858px; } 
    .section-testimonial .testimonial-slider img { height: 58px; width: 58px; margin-bottom:14px; }
    .section-testimonial .testimonial-slider .heading-style-2 { margin-bottom: 22px; }
    .section-testimonial .testimonial-slider .p-small { margin-bottom: 14px; }
    .section-testimonial .author-name-line {height: 22px;}
    /* slick */
    .section-testimonial button.slick-arrow {width:38px;height:38px;}
    .slick-next:hover,.slick-prev:hover{width:38px;height:38px;}
    .section-testimonial .testimonial-slider-wrap .slick-next:before,.section-testimonial .testimonial-slider-wrap .slick-prev:before{height: 22px;width:22px;}
    .section-testimonial .slick-prev{left: 0;}
    .section-testimonial .slick-next{right:0;}
    /*  ===========================  contact-us section =========================== */
   .section-contact-us{padding-bottom: 0;}       
    .section-contact-us .heading-style-2 { margin-bottom: 52px; }
    .contact-information { margin-bottom: 48px;}
    .content-info { width: calc(1140px / 3 - 65px); padding-block: 6px; }
    .contact-information .content-info img { width: 46px; height: 46px; margin-bottom: 7px; }
    .contact-form { padding: 58px 92px;}
    .contact-form .heading-style-2 { margin-bottom: 32px; }    
    form{row-gap: 28px;}
    input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea, select  { padding: 10px 5px 13px 14px;  font-size: 17px;  line-height: 24px; }
    input[type=text]::placeholder, input[type=email]::placeholder, input[type=url]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, input[type=date]::placeholder, input[type=month]::placeholder, input[type=week]::placeholder, input[type=time]::placeholder, input[type=datetime]::placeholder, input[type=datetime-local]::placeholder, input[type=color]::placeholder, .site textarea::placeholder, select::placeholder {  font-size: 17px;  line-height: 24px; }
    textarea{height: 90px;}
    input[type=submit]{ padding: 12px 50px;}
    input[type=submit] { font-size: 15px; line-height: 22px }
    /*  ===========================  location section =========================== */
    #map{height: 430px;} 
    /*  ===========================  footer section =========================== */
    .wrapper-footer { padding: 31px 0;}
    .footer-logo img { width: 145px;height:auto}
    .wrapper-footer .copyright-social{row-gap: 14px;}
    .wrapper-footer .copyright-social .social-icon a { height: 50px; width: 50px;}
    .wrapper-footer .copyright-social .social-icon a img { width: 30px; height: 30px; }
    .wrapper-footer .copyright p { font-size: 15px; line-height: 20px; }
    /* bottom-footer------------ */
    .bottom-footer{padding: 12px 0;}
    .bottom-footer p{font-size: 15px; line-height: 22px;}
    
    
}
@media screen and (max-width:991px) {
    .container{max-width: 720px;}
    .section-padding{padding-block: 75px;}
    .section-padding-big { padding-block: 120px; }   
    .heading-style-1{font-size: 42px; line-height: 50px;}     
    .heading-style-2{ font-size: 38px;  line-height: 46px; }
    .heading-style-3{ font-size: 22px; line-height: 28px; }
    .heading-style-4{font-size: 18px; line-height: 23px; }    
    .heading-style-5 { font-size: 16px; line-height: 18px; }    
    .p-big{ font-size: 38px; line-height: 54px;}        
    p{ font-size: 16px; line-height: 23px; }
    .p-small{font-size: 14px;line-height: 20px;} 
    .giac-btn{padding: 12px 27px; font-size: 14px; line-height: 21px; }
    
    /*  ================header section =============== */ 
    .site-main { padding-top: 55px; }
    header.site-header .site-branding .site-logo img { width: 78px; height: auto; }
    header.site-header .site-branding { left: calc(50% - (720px/2));}
    /* nav */
    header.site-header .menu-wrapper { gap: 16px; }
    header.site-header .primary-navigation .menu-wrapper li a { font-size: 14px; line-height: 18px; padding: 0px;}
    header .header-right { column-gap: 25px; }
    .header-mail a { font-size: 13px; line-height: 19px; column-gap: 3px; }
    .header-mail a strong:first-child{width: 30px; height: 30px;}
    .header-mail a img { width: 16px; height: 16px; }
    .header-call a { padding: 15px; column-gap: 0px;text-indent: -9999px; }
    .header-call a img{width: 20px; height: 20px;}
    
    /*  ================banner section =============== */ 
    .banner-image { height: calc(100vh - 56px);min-height:496px;max-height: 536px;}
    .banner-content .heading-style-1 { margin-bottom: 13px; }
    .banner-content p { margin-bottom: 28px;}
    .slick-dots{left: calc(50% - (720px/2));}    
    /*  ================services section =============== */   
    .section-services .heading-style-2 { margin-bottom: 40px; }    
    .section-services .services-card { width: calc(1140px / 3 - 145px); padding: 35px 13px;  }
    .section-services .services-card-image { width: 70px; height: 70px; margin-bottom: 12px; }
    .section-services .heading-style-3,.section-services .service-card-line{margin-bottom: 8px;}
    /*  =========================== capital section =========================== */
    .section-capital .heading-style-3{margin-bottom: 12px;}    
    /*  ===========================  testimonial section =========================== */   
    .testimonial-slider-wrap { max-width: 600px; } 
    .section-testimonial .testimonial-slider img { height: 52px; width: 52px; margin-bottom:12px; }
    .section-testimonial .testimonial-slider .heading-style-2 { margin-bottom: 20px; }
    .section-testimonial .testimonial-slider .p-small { margin-bottom: 12px; }
    .section-testimonial .author-name-line {height: 20px;}
    /* slick */
    .section-testimonial button.slick-arrow{width:33px;height:33px;}
    .slick-next:hover,.slick-prev:hover{width:33px;height:33px;}
    .section-testimonial .testimonial-slider-wrap .slick-next:before,.section-testimonial .testimonial-slider-wrap .slick-prev:before{height: 23px;width:23px;}
    
    /*  ===========================  contact-us section =========================== */
   .section-contact-us{padding-bottom: 0;}       
    .section-contact-us .heading-style-2 { margin-bottom: 42px; }
    .contact-information { margin-bottom: 38px;}
    .content-info { width: 100%; padding-block: 5px; }
    .contact-information .content-info img { width: 40px; height: 40px; margin-bottom: 8px; }
    .contact-form { padding: 50px 60px;}
    .contact-form .heading-style-2 { margin-bottom: 30px; }
    form{row-gap: 25px;}
    input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea, select  { padding: 10px 5px 10px 14px; font-size: 15px;  line-height: 22px; }
    input[type=text]::placeholder, input[type=email]::placeholder, input[type=url]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, input[type=date]::placeholder, input[type=month]::placeholder, input[type=week]::placeholder, input[type=time]::placeholder, input[type=datetime]::placeholder, input[type=datetime-local]::placeholder, input[type=color]::placeholder, .site textarea::placeholder, select::placeholder {  font-size: 15px;  line-height: 22px; }
    textarea{height: 80px;}
    input[type=submit]{ padding: 11px 45px;}
    input[type=submit] { font-size: 14px; line-height: 20px }    
     /*  ===========================  location section =========================== */
    #map{height: 380px;}
     /*  ===========================  footer section =========================== */
    .wrapper-footer { padding: 29px 0;}
    .footer-logo img { width: 115px;}
    .wrapper-footer .copyright-social{row-gap: 14px;}
    .wrapper-footer .copyright-social .social-icon a { height: 45px; width: 45px;}
    .wrapper-footer .copyright-social .social-icon a img { width: 28px; height: 28px; }
    .wrapper-footer .copyright p { font-size: 14px; line-height:18px; }
    /* bottom-footer------------ */
    .bottom-footer{padding: 11px 0;}
    .bottom-footer p{font-size: 14px; line-height: 18px;}    
    
}
@media screen and (max-width:767px) {
    .container{max-width: 540px;}
    .section-padding{padding-block: 60px;}
    .section-padding-big { padding-block: 110px; } 
    .heading-style-1{font-size: 38px; line-height: 46px;} 
    .heading-style-2{ font-size: 35px;  line-height: 42px; }
    .heading-style-3{ font-size: 21px; line-height: 24px; }
    .heading-style-4{font-size: 17px; line-height: 20px; letter-spacing: 0.2px;}      
    .heading-style-5 { font-size: 15px; line-height: 17px; }      
    .p-big{ font-size: 33px; line-height: 50px;}     
    p{ font-size: 15px; line-height: 20px; }
    .p-small{font-size: 15px;line-height: 21px;}     
    .giac-btn{padding: 10px 22px; font-size: 14px; line-height: 19px; }    
    
    /*  ================header section =============== */ 
    .site-main { padding-top: 50px; }
    .primary-navigation-open .site-header .site-logo { display: block !important; }
    header.site-header .site-branding .site-logo img { width: 70px;}
    header.site-header .site-branding { left: calc(50% - (540px/2));}
    /* nav */
    header.site-header .menu-wrapper { gap: 27px; }
    header.site-header .primary-navigation .menu-wrapper{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);margin-top: -50px;}
    header.site-header .primary-navigation .menu-wrapper li{text-align: center;}
    header.site-header .primary-navigation .menu-wrapper li a { font-size: 18px; line-height: 26px;}
    header .header-right { column-gap: 25px; }
    .header-mail a { column-gap: 0px;text-indent: -9999px;  }
    .header-mail a strong:first-child{width: 35px; height: 35px;}
    .header-mail a img { width: 18px; height: 18px; }
    .header-call{margin-right: 52px;}
    .header-call a { padding: 12px 13px;}
    .header-call a img{width: 24px; height: 24px;}     
    /* resoponsiv header */    
    .primary-navigation{position: unset;}
    .menu-button-container { display: block;padding: 0;right: 15px; top: 50%; transform: translateY(-50%);width: fit-content; }
    .menu-button-container #primary-mobile-menu {padding: 0;}
    .primary-navigation-open .primary-navigation > .primary-menu-container { position: absolute; visibility: visible; opacity: 1; transform: translateY(0);top: 50px; }
    .primary-navigation > .primary-menu-container { position: fixed; visibility: hidden; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px); padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); padding-bottom: var(--global--spacing-horizontal); background-color:var(--white); transition: all 0.15s ease-in-out; transform: translateY(var(--global--spacing-vertical)); height: 100vh; z-index: 499; overflow-x: hidden; overflow-y: auto; border: 2px solid transparent; margin: 0 !important; transition: all 0.5s ease; }
    .primary-navigation > div > .menu-wrapper li { display: block !important; position: relative; width: 100%; }
    .primary-navigation-open .menu-button-container {width: fit-content;background-color: transparent;}
    .lock-scrolling .site { position: relative !important; }
    body.overflow-hidden,html.overflow-hidden{overflow-y: hidden;}
    
     /*  ================banner section =============== */ 
    .banner-image { height: calc(100vh - 50px);min-height:446px;max-height: 486px;}
    .banner-content{max-width: 485px;}
    .banner-content .heading-style-1 { margin-bottom: 14px; }
    .banner-content p { margin-bottom: 30px;}
    .slick-dots{left: calc(50% - (540px/2));column-gap: 6px;}     
    /*  ================services section =============== */   
    .section-services .heading-style-2 { margin-bottom: 32px; }    
    .section-services .services-card-wrap{flex-direction: column;}
    .section-services .services-card { width:100%; padding: 35px 13px;margin: 0 auto 20px; max-width: 450px; }
    .section-services .services-card-image { width: 65px; height: 65px; margin-bottom: 10px; }
    .section-services .heading-style-3,.section-services .service-card-line{margin-bottom: 12px;}
    /*  =========================== capital section =========================== */
    .section-capital .heading-style-3{margin-bottom: 10px;}     
    /*  ===========================  testimonial section =========================== */   
    .testimonial-slider-wrap { max-width: 400px; } 
    .section-testimonial .testimonial-slider img { height: 50px; width: 50px; margin-bottom:10px; }
    .section-testimonial .testimonial-slider .heading-style-2 { margin-bottom: 18px; }
    .section-testimonial .testimonial-slider .p-small { margin-bottom: 10px; }
    .section-testimonial .author-name-line {height: 18px;}
    /* slick */
    .section-testimonial button.slick-arrow{width:38px;height:38px;}
    .slick-next:hover,.slick-prev:hover{width:33px;height:33px;}
   /*  ===========================  contact-us section =========================== */
   .section-contact-us{padding-bottom: 0;}   
    .section-contact-us .heading-style-2 { margin-bottom: 38px; }
    .section-contact-us .p-small{text-align: start;}
    .contact-information { margin:0 auto 35px;flex-direction: column;row-gap:20px;align-items: center;max-width: 300px;}
    .content-info {  padding-block: 4px; display: flex;column-gap:20px;justify-content: start;align-items:center;}
    .contact-information .content-info img { width: 38px; height: 38px; margin-bottom: 0px; }
    .contact-form { padding: 25px;}
    .contact-form .heading-style-2 { margin-bottom: 28px; }
    form{row-gap: 20px;}
    form .row { gap: 14px; }
    input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea, select  {padding: 9px 5px 9px 12px; font-size: 14px; line-height: 21px;}
    input[type=text]::placeholder, input[type=email]::placeholder, input[type=url]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, input[type=date]::placeholder, input[type=month]::placeholder, input[type=week]::placeholder, input[type=time]::placeholder, input[type=datetime]::placeholder, input[type=datetime-local]::placeholder, input[type=color]::placeholder, .site textarea::placeholder, select::placeholder {font-size: 14px; line-height: 21px;}
    textarea{height: 70px;}
    input[type=submit] {padding: 10px 40px;}
    input[type=submit] { font-size: 14px; line-height: 17px } 
    /*  ===========================  location section =========================== */
    #map{height: 310px;}
     /*  ===========================  footer section =========================== */
    .wrapper-footer { padding: 26px 0;}
    .wrapper-footer .container{flex-direction: column;row-gap: 16px;}
    .footer-logo img { width: 100px;}
    .wrapper-footer .copyright-social{row-gap: 16px;align-items: center;}
    .wrapper-footer .copyright-social .social-icon a { height: 40px; width: 40px;}
    .wrapper-footer .copyright-social .social-icon a img { width: 26px; height: 26px; }
    .wrapper-footer .copyright p { font-size: 14px; line-height:16px; }
    /* bottom-footer------------ */
    .bottom-footer{padding: 13px 0;}
    .bottom-footer p{font-size: 15px; line-height: 20px;}
    
    
}
@media screen and (max-width:575px) {
    .container{max-width: 100%;padding-inline: 15px;}
    .section-padding{padding-block: 50px;}
    .section-padding-big { padding-block: 75px; }  
    .heading-style-1{font-size: 34px; line-height: 40px;}     
    .heading-style-2{ font-size: 29px;  line-height: 40px; }
    .heading-style-3{ font-size: 20px; line-height: 22px; }
    .heading-style-4{font-size: 16px; line-height: 18px;}  
    .heading-style-5 { font-size: 16px; line-height: 19px; }      
    .p-big{ font-size: 30px; line-height: 40px;}        
    p{ font-size: 14px; line-height: 19px; }
    .p-small{font-size: 16px;line-height: 23px;}     
    .giac-btn{padding: 9px 20px; font-size: 14px; line-height: 18px; }
    
    /*  ================header section =============== */ 
     .site-main { padding-top: 50px; }
     .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img { width: 65px; max-height: unset;max-width:unset;}
    .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo { position: unset; padding-top: 0; } 
    header.site-header .site-branding { left: 15px;}
    /* nav */
    header.site-header .menu-wrapper { gap: 22px;padding-bottom: 0; }
    header.site-header .primary-navigation .menu-wrapper li a { font-size: 17px; line-height: 23px;}
    header .header-right { column-gap: 20px; }
    .header-mail a strong:first-child{width: 35px; height: 35px;}
    .header-mail a img { width: 18px; height: 18px; }
    .header-call a { padding: 12px 13px;}
    .header-call a img{width: 24px; height: 24px;}     
    .primary-navigation-open .primary-navigation { position: unset;}    
    
    /*  ================banner section =============== */ 
    .banner-image { height: calc(100vh - 50px);min-height:346px;max-height: 400px;}
    .banner-content{max-width: 485px;}
    .banner-content .heading-style-1 { margin-bottom: 10px; }
    .banner-content p { margin-bottom: 16px;}
    .slick-dots{left:15px;column-gap: 4px;}  
    /* slick dot */
    .slick-dots li button { width: 14px; height: 14px; }
    .slick-dots li button:before { width: 8px; height: 8px;}
    /*  ================services section =============== */   
    .section-services .heading-style-2 { margin-bottom: 30px; }    
    .section-services .services-card { padding: 30px 14px;margin: 0 auto 15px;  }
    .section-services .services-card-image { width: 60px; height: 60px; margin-bottom: 9px; }
    .section-services .heading-style-3,.section-services .service-card-line{margin-bottom: 10px;}
    /*  =========================== capital section =========================== */
    .section-capital .heading-style-3{margin-bottom: 14px;}
    /*  ===========================  testimonial section =========================== */   
    .testimonial-slider-wrap { max-width: 400px; } 
    .section-testimonial .testimonial-slider img { height: 52px; width: 52px; margin-bottom:12px; }
    .section-testimonial .testimonial-slider .heading-style-2 { margin-bottom: 15px; }
    .section-testimonial .testimonial-slider .p-small { margin-bottom: 12px; }
    .section-testimonial .author-name-line {height: 20px;}
    /* slick */
    .slick-arrow { top: 105%;}
    .section-testimonial .slick-prev{left: 15px;}
    .section-testimonial .slick-next{right:15px;}
    .section-testimonial button.slick-arrow{width:38px;height:38px;z-index: 1;}
    .slick-next:hover,.slick-prev:hover{width:33px;height:33px;}
   /*  ===========================  contact-us section =========================== */
   .section-contact-us{padding-bottom: 0;}
    .section-contact-us .heading-style-2 { margin-bottom: 33px; }
    .contact-information { margin:0 auto 30px;row-gap:18px;}
    .content-info {  padding-block: 0px; column-gap:15px;}
    .contact-information .content-info img { width: 30px; height: 30px; }
    .contact-form { padding: 25px;}
    .contact-form .heading-style-2 { margin-bottom: 28px; }
    form{row-gap: 20px;}
    form .row { gap: 20px; flex-direction: column;}
    input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea, select  {padding: 10px 5px 10px 15px; font-size: 14px; line-height: 20px;}
    input[type=text]::placeholder, input[type=email]::placeholder, input[type=url]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, input[type=date]::placeholder, input[type=month]::placeholder, input[type=week]::placeholder, input[type=time]::placeholder, input[type=datetime]::placeholder, input[type=datetime-local]::placeholder, input[type=color]::placeholder, .site textarea::placeholder, select::placeholder {font-size: 14px; line-height: 20px;}
    textarea{height: 65px;}
    input[type=submit]{padding: 9px 30px;}
    input[type=submit] { font-size: 14px; line-height: 16px }  
    /*  ===========================  location section =========================== */
    #map{height: 250px;}
    /*  ===========================  footer section =========================== */
    .wrapper-footer { padding: 29px 0;}
    .wrapper-footer .container{row-gap: 14px;}
    .footer-logo img { width: 90px;}
    .wrapper-footer .copyright-social{row-gap: 14px;}
    .wrapper-footer .copyright-social .social-icon a { height: 36px; width: 36px;}
    .wrapper-footer .copyright-social .social-icon a img { width: 24px; height: 24px; }
    .wrapper-footer .copyright p { font-size: 15px; line-height:18px;text-align: center; }
    /* bottom-footer------------ */
    .bottom-footer{padding: 13px 0;}
    .bottom-footer p{font-size: 15px; line-height: 22px;}
    
   
}