body{font-size: 16px; font-family: 'Aileron';font-weight: 500;color: #000000}
a{color:#454546;text-decoration:none;transition: all ease .4s;}
a:hover{color:#1c1c1c}
/*-------------basic------------------*/
.fw-400{font-weight: 400}
.fw-500{font-weight: 500}
.fw-500{font-weight: 500}
.fw-600{font-weight: 600}
.fw-700{font-weight: 700}
.z-index-1{z-index: 1}
.z-index-2{z-index: 2}
.z-index-3{z-index: 3}
.z-index-4{z-index: 4}
.z-index-5{z-index: 5}
.z-index-6{z-index: 6}
/*--------opacity----------------*/
.opacity-1{opacity: 1!important}
.list-style-none{list-style: none}
/*--------Preloader----------------*/
#preloader{position: fixed;background: #ffffff;z-index: 999999}
/*---------------button------------*/
.btn-black{background:#1c1c1c;color: #ffffff;padding: 5px 55px;font-size: 18px }
.btn-black:hover{background:#107ecd;color: #ffffff }
.btn-black:focus{outline: 0;box-shadow: 0;box-shadow: none  ;}
.btn-black .line{width: 55px; height: 2px;background-color: #ffffff;right:-26px;top: 50%;margin-top: -1px}
.btn-black .line.blue-line{background-color: #107ecd;}

.btn-blue{background:#107ecd;;color: #ffffff;padding: 5px 55px;font-size: 18px }
.btn-blue:hover{background:#000000;color: #ffffff }
.btn-blue:focus{outline: 0;box-shadow: 0;box-shadow: none  ;}
.btn-blue .line{width: 55px; height: 2px;background-color: #ffffff;right:-26px;top: 50%;margin-top: -1px}
.btn-blue .line.blue-line{background-color: #107ecd;} 

	@keyframes lineH{
			0%{
				width: 0%;
			}
			100%{
        width: 100%;opacity: 0;
      }
    }
	#lineh1{
			position: absolute;
			left: 0;
			height: 2px;
			background: #107ecd;
			animation: lineH 1s 1s infinite linear;
		}
#lineh2{
			position: absolute;
			left: 0;
			height: 2px;
			background: #ffffff;
			animation: lineH 1s 1s infinite linear;
		}

#myBtn{position: fixed;z-index: 99;right: 20px; bottom: 20px;background: #107ecd;border: 0;border-radius: 50px;color: #ffffff}
.floating-button{background: #30adcd;color: #ffffff;height: 95px; width: 95px;border-radius: 100px;border: 5px solid #ffffff;position: fixed; bottom: 100px;right: 40px;font-size: 30px;z-index: 99}
.floating-button:hover{background: #141414;color: #ffffff;}
.floating-button {
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(48, 174, 204, 0.5);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(48, 174, 204, 0);
  }
}

/*------------------------------------*/
header{transition: all ease .4s;z-index: 99}
header.fixed-header{background-color: #ffffff}
header{border-bottom:1px solid rgba(255, 255, 255, 0.3)}
header .navbar{font-size: 14px;font-weight: bold; font-style: normal;}
header .navbar .navbar-nav .nav-item a.nav-link{color: #ffffff;padding: 0 17px;display: flex;align-items:center;height: 84px;position: relative}
header .navbar .navbar-nav .nav-item a.nav-link::before{position: absolute;left: 50%;bottom: -1px;right: 50%;height: 1px; background: #ffffff;display: block;content: "";opacity: 0;transition: all ease .4s}
header .navbar .navbar-nav .nav-item a.nav-link.active::before{opacity: 1;left: 0;right: 0}
header .navbar .navbar-nav .nav-item a.nav-link:hover::before{opacity: 1;left: 0;right: 0}
header .navbar .navbar-nav .nav-item a.nav-link.home{font-size: 25px}
header .navbar .navbar-nav .nav-item a.nav-link:hover{color: #ffffff}
header .navbar .navbar-nav .nav-item a.nav-link.active{color: #ffffff}
header .navbar .navbar-toggler:focus{outline: 0;box-shadow: 0;box-shadow: none  ;}
header .shadow{box-shadow: 0 .1rem 1rem rgba(170, 170, 170, 0.15) !important}
header .navbar .navbar-nav .nav-item:hover .dropdown-menu {display: block}
header .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-item:hover {background-color:#107ecd;color: #ffffff }
header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item{padding:9px 25px;border-bottom: 1px solid #f5f5f5 }

header .navbar .download{color: #ffffff}
header .navbar .download .bg{padding: 20px 50px}
header .navbar .download .bg::before{background: #141414;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: skew(36deg);display: block;content: "";transition: all ease .4s}
header .navbar .download:hover .bg::before{background: #107ecd}
header .navbar .download .bg h5{font-size: 14px;font-weight: bold}
header .navbar .download .bg h3{font-size: 22px;font-weight: bold}
header .navbar .navbar-brand .default{}
header .navbar .navbar-brand .scrool {display: none}
header.fixed-header .navbar .navbar-brand .default{display: none}
header.fixed-header .navbar .navbar-brand .scrool{display: block}
header.fixed-header .navbar .navbar-nav .nav-item a.nav-link{color: #000000;}
header.fixed-header .navbar .navbar-nav .nav-item a.nav-link:hover{color: #000000}
header.fixed-header .navbar .navbar-nav .nav-item a.nav-link.active{color: #000000}
header.fixed-header .navbar .navbar-toggler{border: 1px solid #107ecd;background: #107ecd}
header.fixed-header .navbar .navbar-nav .nav-item a.nav-link:hover{background: #107ecd;color: #ffffff}
/*-----banner-----------*/
.banner{position: relative;z-index: 4}
.social{position:absolute;z-index: 10;right:0px;border-left: 1px solid rgba(255, 255, 255, 0.3); top: 0;bottom: 0;width: 88px}
.social ul {border-left: 1px solid #ffffff}
.social ul li{list-style: none; display: block;padding: 15px;font-size: 25px}
.social ul li a{color: #ffffff;display: block;width: 35px;height: 35px; border-radius:100%;transition: all ease .4s;text-align: center}
.social ul li a:hover{background: #107ecd }


.banner .carousel-item::after{  position:absolute;content: "";display: block;left: 0;top: 0;width: 100%;height: 100%;background: url(../img/shade.png) repeat-x 0 0;z-index: 4}
.banner .container{z-index: 10;position: relative}
.banner .container .carousel-caption{ }
.banner .container .carousel-caption .title{ font-weight: 900;font-style: normal;font-size: 70px;line-height: 1;padding-bottom: 40px}
.banner .icon-banner{z-index: 12}
.banner .carousel-indicators [data-bs-target]{width:12px; height: 12px;border-radius: 50%;opacity: 1;border: 0 }
.banner .carousel-indicators .active{background:#107ecd;width:12px; height: 12px;border-radius: 50%;opacity: 1  }
/*----------About------------*/
.about   {padding: 74px 0;font-size: 18px}
.about h2{color: #0f0e0d;font-size: 36px}

/*---------Who we-------------*/
.who-we{background: #107ecd}
.who-we .left{width: 55%;padding:124px 66px 202px 0 }
.who-we .left::after{}
.who-we .left{
  background: linear-gradient(#086eb7 0 0) var(--p, 0) / var(--p, 0) no-repeat;
  transition: 0.4s, background-position 0s;
}
.who-we:hover .left {
  --p: 100%;
  color: #fff;
    
}

.who-we .left .diamond-black{width:109px;}
.who-we .left::before{background: #faf8f8;position: absolute;transform:rotate(145deg) translate(13px, 8px) skew(-35deg, 2deg);right: -126px;bottom: -44px;content: "";width: 341px;    height:115px;}
.who-we .left .box{padding-left: calc((100vw - 1320px) / 2);}
.who-we .left .box h4{font-size: 16px}
.who-we .left .box h2{font-weight: 900; font-style: normal;font-size: 53px}
.who-we .left .box h3{font-weight: 600; font-style: normal;font-size: 26px}
.who-we .right{width:45%;padding:163px 0 132px 90px;background: #faf8f8 }
.who-we .right .box{padding-right: calc((100vw - 1320px) / 2);}

/*---------Text scrool-------------*/
.scrooling-text {
    padding: 65px 0 75px;
    -webkit-animation: bannermove 30s linear infinite;
       -moz-animation: bannermove 30s linear infinite;
        -ms-animation: bannermove 30s linear infinite;
         -o-animation: bannermove 30s linear infinite;
            animation: bannermove 30s linear infinite;
}
 
@keyframes "bannermove" {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -2125px;
 }
 
}
 
@-moz-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}
 
@-webkit-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}
 
@-ms-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}
 
@-o-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}
/*---------services-------------*/
.services{padding: 0 0 102px}
.services .title{padding: 0 0 60px}
.services .title h5{font: 600 16px / 1 Aileron}
.services .title h2{font: bold 36px / 1 Aileron}
.services .title .line{width:57px; height: 2px;background: #107ecd; }
.services .box{background: #faf8f8; }
.services .box figure::before{background: #faf8f8;position: absolute;transform: rotate(145deg) translate(18px, 8px) skew(-10deg, 2deg);left: -19px;top: -44px;content: "";display: block;z-index: 5;width: 187px; height:77px}
.services .colums:hover figure::before{background:#cfebff;}
.services article { padding: 30px}
.services .colums article{
  background: linear-gradient(#cfebff 0 0) var(--p, 0) / var(--p, 0) no-repeat;
  transition: 0.4s, background-position 0s;
}
.services .colums:hover article{
  --p: 100%;
}
.services article .icon{ padding:0 0 25px}
.services article h2{ display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;font:bold 22px / 1.2 Aileron;overflow: hidden}
.services article .description{ display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;font:600 16px / 1.5 Aileron;overflow: hidden}
.services article .more{ color:#000000;font-weight: bold }
.services article .more:hover{ color:#107ecd;}
.services article .more::after{ position: absolute;width: 100%;bottom: -8px;height: 2px; background: #000000;display: block;content: "";}
.services article .more:hover::after{background: #107ecd;}
.services .colum figure img{transition: all ease .4s;transform: scale(1)}
.services .colum:hover figure img{transition: all ease .4s;transform: scale(1.2)}
.services .colum:hover .more{ color:#107ecd;}
/*---------what we deal---------------*/
.what-we-deal{background: #107ecd;}
.what-we-deal .cover{padding: 75px 0;
  background: linear-gradient(#086eb7 0 0) var(--p, 0) / var(--p, 0) no-repeat;
  transition: 0.4s, background-position 0s;
}
.what-we-deal:hover .cover {
  --p: 100%;
  color: #fff;
    
}
.what-we-deal .angle-white{width: 201px;}
.what-we-deal .diamond-black{width:109px;}
.what-we-deal h5{font:600 16px / 1 Aileron;}
.what-we-deal h4{font:bold 24px / 1.3 Aileron;}
/*-------------------News----------*/
.contact-form-home{}
.contact-form-home .angle-black{bottom: -48px;width: 28%}
.contact-form-home .form{width: 52%;padding: 104px 110px 56px 0}
.contact-form-home .form h5{    font: 600 16px / 1 Aileron;}
.contact-form-home .form h2{ font:bold 36px / 1 Aileron}
.contact-form-home .form .line { width: 57px; height: 2px; background: #107ecd;}
.contact-form-home .figure{width: 48%;margin-bottom: -47px}
.contact-form-home .figure .diamond-blue{width:109px }
.contact-form-home .form-control{border: 0}
.contact-form-home textarea.form-control{border:1px solid #e5e5e5}
.contact-form-home .form-select{border: 0}

.form-control:focus{outline:none;box-shadow: none}
.form-select:focus{outline:none;box-shadow: none}
/*contact home section*/
.contact-info{background: #141414;padding: 134px 0 202px}

.contact-info .first{padding-left: 122px}
.contact-info .last{}
.contact-info .second{border-left: 1px solid #1d1c1b;border-right: 1px solid #1d1c1b}
.contact-info .title{padding:0 0 24px 35px}
.contact-info .title .icon{padding:0 0 24px 35px}
.contact-info .title::before{width: 65px; height: 63px;background:#242222;transform: skew(0deg, -25deg) translate(44px, 0px);position: absolute;left: 0; top: 0;content: "";display: block;z-index: 1}
.contact-info h4{font:bold 24px / 1 Aileron}
.contact-info address{font:normal 18px / 1.5 Aileron;padding-left: 40px}
/*location map*/
.location-map{padding: 0 0 90px}
.location-map iframe{height:630px;margin-top: -121px }
/*****footer*******/
footer{padding:121px 0 40px;background:fixed url(../img/footer-bg.jpg) center bottom no-repeat;}
footer h2{font:bold 24px / 1.3 Aileron}
footer::after{background:rgba(0, 0, 0, 0.7);display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: ""}
footer .line{ width: 57px;height: 2px; background: #ffffff;}
footer ul li{list-style: none;padding: 0 0 11px}
footer ul li a{color: #ffffff}
footer ul li a:hover{color: #107ecd}
/**/
.banner-inner{}
.banner-inner h1{font-size:62px;font-weight: 900;}
.banner-inner::after{position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.3);content: "";width: 100%;height: 100%;z-index: 1}
.banner-inner .content{z-index: 5}
.banner-inner .icon{z-index: 2;position:absolute;left: 0;top: 0;max-height: 100%}

.about-inner{padding-bottom: 128px}
.about-inner .angle-white{max-width: 208px}
.about-inner .angle-blue{max-width: 108px;right: 11.5px}
.about-inner h5{font-size: 16px}
.about-inner h2{font-size: 54px; font-weight: bold;  font-style: normal;}
.about-inner .line { width: 57px;height: 2px; background: #107ecd;}

.blue-box{background: #107ecd;padding: 122px 0;font-size: 30px;font-weight: bold}
.blue-box .diamond-black{max-width: 108px;top: -64px}
/*Group*/

.group-colum::before{width: 160px; height: 100px;background: #107ecd;width: 88px;
  height: 215px;
  display: block;
  content: "";
  left: 17px;
  top: -100px;
  transform: rotate(59deg);
  position: absolute;
  z-index: 9;}
.group-colum .logo{height: 165px}
.group-colum .description{ display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;font:600 18px / 1.5 Aileron;overflow: hidden;min-height: 109px}
.group-colum .enq{ border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1}
.group-colum .enq h2{font:bold 24px / 1.5 Aileron;}
.group-colum .enq .pn{font:700 20px / 1.5 Aileron;}
.group-colum .btn{font-size: 18px}
.group-colum .btn:hover{background: #107ecd!important}
.group-colum .more{color: #000000; font-size: 14px;border: 1px solid #000000;padding: 4px 18px;border-radius: 20px}
.group-colum .more:hover{color: #ffffff;border: 1px solid #107ecd;background: #107ecd}

.management-team{padding: 135px 20px; max-width: 1600px}
.management-team .diamond-black{bottom: -26px}
.management-team .colums{}
.management-team .colums .mail{padding: 15px 0 0;border-top: 1px dashed #928e8e;margin-top: 15px;font-weight: 600}
.management-team h5{font-size: 16px}
.management-team h2{font-size: 54px; font-weight: bold;  font-style: normal;}
.management-team h4{font:bold 24px / 1.2 Aileron;; }
.management-team .line { width: 57px;height: 2px; background: #107ecd;}
.management-team .user { width: 57px;height:57px; background: #107ecd;margin-top: -57px;margin-bottom: 20px;}
.management-team .user i {font-size: 36px;color: #ffffff;margin-top: 17px;}
/*-----------------*/
.inner-wraper{padding:55px 0 }
.client-box .diamond-blue{width: 64px;}

.product-box{}
.product-box .image{background: #faf8f8;border: 1px solid #bfdaec;height:650px }
.product-box figcaption{background: #141414;margin-right:74px;font-size: 24px;margin-top:-44px }

.product-box figcaption::after{background: #107ecd;position: absolute;top: 50%;height: 2px; width: 55px;display: block;content: "";z-index: 2;right: 60px}
.product-box figcaption::before{background: #faf8f8;position: absolute;top: -33px;
  height: 64px;
  width: 72px;
  display: block;
  content: "";
  z-index: 1;
  right: -38px;
  transform: rotate(45deg);}

@media (max-width:1600px){
    .banner .container .carousel-caption .title{font-size: 56px;}
}
@media (max-width:1399px){
    header .navbar .navbar-nav .nav-item a.nav-link{padding: 0 13px;}
    header .navbar .download .bg{padding: 20px 34px;}
    .banner .container .carousel-caption .title{font-size: 52px;}
    .who-we .left .box h2{font-size: 44px;}
    .who-we .left .box{padding-left:calc((100vw - 1140px) / 2)}
    .who-we .right .box{padding-right:calc((100vw - 1140px) / 2)}
    .services article .icon{padding: 0 0 10px;}
    .services article .icon img{max-height: 50px}
    .contact-form-home .form{padding:  110px 56px 0;}
    .management-team h4{font:bold 20px / 1.2 Aileron}
    .management-team h2{font-size: 44px;}
    .management-team{padding: 88px 20px;}
    .blue-box{padding: 77px 0;font-size: 25px;}
}
@media (max-width:1199px){
    .navbar-nav{background: #ffffff;padding: 20px 0 0 0;}
    header .navbar .navbar-nav .nav-item {border-bottom: 1px solid #eee;}
    header .navbar .navbar-nav .nav-item a.nav-link,
    header .navbar .navbar-nav .nav-item a.nav-link.active,
    header .navbar .navbar-nav .nav-item a.nav-link:hover {color: #000000}
    header .navbar .navbar-nav .nav-item a.nav-link{height: auto}
    header .navbar .navbar-nav .nav-item a.nav-link{padding: 12px 13px;font-size: 18px;justify-content: space-between; }
    .who-we .left .box{padding-left: calc((100vw - 960px) / 2);}
    .who-we .right .box{padding-right: calc((100vw - 960px) / 2);}
    .product-box figcaption{font-size: 16px;margin-top: -29px;}
    .product-box figcaption::before{right: -51px;}
    .banner-inner h1{font-size: 39px;}
    .about-inner h2{font-size: 35px;}
    header .navbar .navbar-collapse{position: fixed;left: 0;top: 0;background: #ffffff;width:0%;height: 100%}
    header .navbar .navbar-collapse.show{height: 100%;overflow: auto;transition: all ease .4s;width: 100%}
    header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item{font-size: 10px;font-weight: 600;z-index: 1}
    header .navbar .navbar-nav .nav-item:hover .dropdown-menu{display: none;}
    header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item{max-width: 100%;white-space: break-spaces;}
    header .navbar .navbar-nav .nav-item:hover .dropdown-menu.show{display:block}
    .dropdown-item{word-wrap: normal}
    header .navbar .navbar-toggler{z-index: 5;}
    header .navbar .navbar-toggler .line-1{width: 15px; height:1px;}
    header .navbar .navbar-toggler .line-2{width: 18px; height:1px;margin: 4px 0}
    header .navbar .navbar-toggler .line-3{width: 20px; height:1px;}
    header .navbar .navbar-toggler.collapsed .line-1,
    header .navbar .navbar-toggler.collapsed .line-2,
    header .navbar .navbar-toggler.collapsed .line-3{background:#ffffff} 
    
    header .navbar .navbar-toggler .line-1,
    header .navbar .navbar-toggler .line-2,
    header .navbar .navbar-toggler .line-3{background:#ffffff;transition: all ease .4s;}
    
    header.fixed-header .navbar .navbar-toggler .line-1,
    header.fixed-header .navbar .navbar-toggler .line-2,
    header.fixed-header .navbar .navbar-toggler .line-3{background:#000000;transition: all ease .4s;}
    
    header .navbar-toggler[aria-expanded="true"] .line-1,
    header .navbar-toggler[aria-expanded="true"] .line-2,
    header .navbar-toggler[aria-expanded="true"] .line-3 {  background-color: #000000; }
    header .navbar-toggler[aria-expanded="true"] .line-2{opacity: 0}
    header .navbar-toggler[aria-expanded="true"] .line-1{width: 20px;transform: rotate(45deg);translate: 5px 7px;}
    header .navbar-toggler[aria-expanded="true"] .line-3{width: 20px;transform: rotate(-45deg);translate: 5px -3px;}
    header.fixed-header .navbar .navbar-toggler{background: transparent;border:0}
    header .navbar-collapse .logo{max-height: 100px!important}
    header .navbar-nav{border-bottom: 1px solid #eeeeee}
    header .navbar-nav .dropdown .dropdown-menu{background: #f7f7f7;}
}

@media (max-width:991px){
    .who-we .left,
    .who-we .right{padding: 48px 20px;width: 100%}
    .contact-form-home .form{padding: 20px;width: 100%}
    .contact-info .first{padding-left: 0}
    .banner .container .carousel-caption .title{font-size: 33px;}
    .who-we .left .box h2{font-size: 27px;}
    .who-we .left .box h3{font-size: 19px;}
    .who-we .left .diamond-black{width: 58px;}
    .who-we .left::before{width: 234px;height: 99px;}
    .what-we-deal h4{font: bold 20px / 1.3 Aileron;}
    .contact-form-home{padding: 40px 0px;}
    .product-box .image{height: 485px;}
    .product-box .image img{max-height: 100%;}
    .product-box figcaption{margin-right: 30px;}
    .product-box figcaption::after{width: 31px;right: 30px;}
    .blue-box .diamond-black{max-width: 52px;top: -31px;}
    .blue-box{font-size: 19px;padding: 65px 0;}
    
}
@media (max-width:767px){
    .banner .container .carousel-caption .title{font-size: 26px;}
    .who-we .left .box h2{font-size: 29px;}
    .who-we .left .box h3{font-size: 18px;}
    .who-we .left .diamond-black{width: 35px;}
    .who-we .left::before{width: 228px;height: 80px;}
    .services .colum figure img{width: 100%}
    .banner .carousel-indicators [data-bs-target]{width: 5px;height: 5px}
    .btn-black{padding: 4px 21px;font-size: 13px;}
    .banner .container .carousel-caption .title{font-size: 19px;padding-bottom: 9px;padding-top: 15px;}
    .btn-black .line{width: 29px;right: -17px;}
    .scrooling-text {padding: 13px 0 21px;}
    .scrooling-text img{max-height:44px}
    .services .title h2,.who-we .left .box h2,.services article h2,.contact-form-home .form h2{font: bold 24px / 1 Aileron;}
    .what-we-deal h4{font: bold 17px / 1.3 Aileron;}
    header .navbar .navbar-brand img{max-height:29px }
    .contact-info .title::before{transform: skew(0deg, -25deg) translate(5px, 0px);}
    .contact-info .title .icon{max-height: 50px; max-width: 50px;padding: 0 0 1px 0;}
    .contact-info h4{font: bold 18px / 1 Aileron;}
    .contact-info address{font: normal 14px / 1.5 Aileron;padding-bottom: 20px}
    .contact-info .title{padding: 0 0 7px 35px}
    .contact-info{padding: 42px 0 133px;}
    footer{padding: 34px 0 23px;}
    .services{  padding: 0 0 32px;}
    .what-we-deal .cover{padding: 40px 0;}
    .location-map iframe{height: 258px;}
    .location-map{padding: 0px 0 39px;}
    .banner-inner h1{font-size: 19px;}
    .about-inner h2{font-size: 24px;}
    .about-inner{padding-bottom: 51px;}
    .floating-button{height: 50px; width: 50px;bottom: 50px;right: 15px;font-size: 20px;border: 3px solid #ffffff;}
    body{font-size: 14px;}
    .who-we .left .box h4{font-size: 12px;}
    .services .title h2, .who-we .left .box h2, .services article h2, .contact-form-home .form h2{font: bold 21px / 1 Aileron;}
    .who-we .left .box h3{font-size: 14px;}
    .who-we .left, .who-we .right{padding: 24px 20px;}
    .management-team{padding: 0 20px;}
    .management-team h2{font-size: 23px;}
    .management-team h5{font-size: 12px;}
    .management-team .diamond-black{width: 27px;bottom: -15px;}
    .management-team .user{width: 38px;  height: 38px;margin-top: -35px;}
    .management-team .user i{margin-top: 8px;font-size: 36px;}
    .blue-box{font-size: 15px;padding: 20px;}
}