@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300&display=swap');
/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
:root{
    --blue:#4a6782;
}
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:100%;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.clear:after { clear:both;}

img {max-width:100%;	vertical-align:bottom;}

a {	
    color:#444;	
    text-decoration:none;
   -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

a:hover {text-decoration:none;}

a:focus {outline:0;text-decoration:none;}

a:hover, a:active {	outline:0;}

input:focus, textarea:focus, button:focus {	outline:0;	border:0;}

ul,li,h1,h2,h3,h4 {list-style-type:none;margin:0;padding:0}

h1, .h1{font-size: 48px;line-height: 58px;}
h2  {font-size: 26px;line-height: 36px;}
h3  {font-size: 22px;line-height: 32px;}
h5  {font-size: 20px;line-height: 29px;}

.medium{font-weight: 500;}
.semibold{font-weight: 600;}
.bold{font-weight: 700;}
.text-blue{color: var(--blue);}

a{display: inline-block;}
a:hover{color:#000}


body {
    font-size: 16px;
    color: #000;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;
}

.container{
    width: 98%;
    max-width: 1240px;
}

/*------------------------------------*\
                MAIN
\*------------------------------------*/
/* .banner{
    background: url('../image/Image_desktop.jpg') no-repeat center;
    background-size: 100% 100%;
    height: 600px;
} */
 .banner-text{
    top: 25px;
 }
.icon-section .icon-item img{
    height: 120px;
    object-fit: cover;
}
.copyright {
    border-top: 1px solid #9ab1c4;
}
.icon-item{
    position: relative;
}
.icon-item::after{
    content: '';
    position: absolute;
    width: 280px;
    height: 280px;
    background: #f1f3f8;
    border-radius: 50%;
    left: 50%;
    top: 75px;
    transform: translate(-50%, 0);
    z-index: -1;
}




@media (max-width:991px){
    h1, .h1 {
        font-size: 32px;
        line-height: 40px;
    }
    .logo img{
        max-width: 65%;
    }
    /* .banner {
        background: url(../image/Image_desktop.jpg) no-repeat center;
        background-size: cover;
        height: 460px;
    } */
}

@media (max-width:767px){
    h1, .h1 {
        font-size: 32px;
        line-height: 40px;
    }
    h2 {
        font-size: 24px;
        line-height: 34px;
    }
    h5 {
        font-size: 18px;
        line-height: 28px;
    }
    h3 {
        font-size: 20px;
        line-height: 30px;
    }
    /* .banner{
        background: url('../image/Image_mobile.jpg') no-repeat center;
        background-size: 100%;
        height: 490px;
    } */
    .icon-section .icon-item img {
        height: 80px;
    }
    .icon-item p{
        max-width: 55%;
        margin: 0 auto;
    }
    .icon-item:after{
        width: 320px;
        height: 320px;
        top:50px;
    }
    .logo img{
        max-width: 65%;
    }
}
@media (max-width:500px){
    h1, .h1 {
        font-size: 28px;
        line-height: 40px;
    }
    h2 {
        font-size: 22px;
        line-height: 32px;
    }
    .icon-item p{
        max-width: 95%;
        margin: 0 auto;
    }
    .icon-item:after{
        width: 340px;
        height: 340px;
    }
    .copyright p{
        font-size: 12px;
    }
    /* .icon-item .img-item:after{
        width: 350px;
        height: 350px;
    } */
    .banner-text {
        top: 25px;
    }
}
@media (max-width:370px){
    h1, .h1 {
        font-size: 28px;
        line-height: 40px;
    }
    h2 {
        font-size: 22px;
        line-height: 32px;
    }

}