@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body{  background:#fff; font-family: 'Poppins', sans-serif; font-weight: 400;}
#toTop { border-radius:0; bottom:40px; cursor: pointer; display: none; position: fixed; right: 40px; z-index: 999999;}
h2{width:100%;}
a{text-decoration: none}
a:hover{text-decoration: none}
.form-control::-moz-placeholder {color: #68baf7 !important; opacity: 1;}
.form-control:-ms-input-placeholder {color: #68baf7 !important;}
.form-control::-webkit-input-placeholder {color: #68baf7 !important;}
.md-10{margin: 0 -10px}
.pd-10{padding: 0 10px}
.md-0{margin: 0 0px}
.pd-0{padding: 0 0px}
.full-width{width: 100%}
.container{max-width: 1200px}
.navbar-expand-lg{justify-content: space-between;}
.navbar-collapse{flex-grow: 0}
.dropdown-submenu {position: relative;}

.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after {display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #000; margin-top: 2px; margin-right: -13px;}
.dropdown-submenu:hover>a:after {border-left-color: #fff;}

.header-main-area{position: absolute; width: 100%; left: 0px; top: 0px; z-index: 2; transition: all 0.5s ease;}
.header-main-area .top-info-area{display: flex; justify-content: space-between; padding: 10px 0; transition: all 0.5s ease;}
.header-main-area .top-info-area .leftside a{font-size: 14px; color: #fff; font-weight: 400; line-height: 30px; margin-right: 30px}
.header-main-area .top-info-area .leftside a i{margin-right: 10px}
.header-main-area .top-info-area ul.social-media{margin: 0px; padding: 0px; list-style: none; display: flex;}
.header-main-area .top-info-area ul.social-media li{margin: 0px}
.header-main-area .top-info-area ul.social-media li a{width: 30px; height: 30px; font-size: 18px; line-height: 30px; text-align: center; display: block; color: #fff}
.header-main-area .navbar{background: #fff; border-radius: 8px; padding: 0 15px}
.header-main-area .navbar-nav{margin-right: 30px}
.header-main-area .navbar .navbar-brand{height: 35px; padding: 0px; margin-left: 5px}
.header-main-area .navbar .navbar-brand img{height: 100%}
.header-main-area .navbar ul.navbar-nav li a{color: #000; padding: 20px 12px; font-size: 16px; font-weight: 300;}
.header-main-area .navbar ul.navbar-nav li:hover a{color: #0072c6;}
.header-main-area .navbar ul.navbar-nav li.active a{color: #0072c6;}
.header-main-area .navbar ul.navbar-nav li .dropdown-menu{margin: 0px; padding: 10px 10px 6px 10px; border-radius:0 0 8px 8px; border:none}
.header-main-area .navbar ul.navbar-nav li .dropdown-menu li a{font-size: 14px; font-weight: 400; color: #000; padding: 10px 20px 10px 12px; display: block; white-space: nowrap; background: #f7f7f7; line-height: 14px; border-radius: 7px; margin-bottom: 4px;}
.header-main-area .navbar ul.navbar-nav li .dropdown-menu li a:hover{background: #0072c6; color: #fff}
.header-main-area .btn-search{background: transparent; border: none; width: 30px; text-align: center; height: 30px; color: #000; position: absolute; right: 15px;}
.header-main-area .btn-search:hover{color: #0072c6}

.header-main-area.fixed{position: fixed; top: 0px; background: #fff; transition: all 0.5s ease; -webkit-box-shadow: 0px 5px 40px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 40px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 40px 0px rgba(0,0,0,0.2);}
.header-main-area.fixed .top-info-area{display: none; transition: all 0.5s ease;}

.main-slider{position: relative; height: 100vh; overflow: hidden;}
.main-slider .item{position: relative;}
.main-slider .item .content-area{width: 100%; height: 100vh; position: relative;}
.main-slider .item .content-area img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; margin: 0px; transition: all 1s ease; }
.main-slider .item .content-area .text-block{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; display: flex; align-items: center; background: rgba(0, 0, 0, 0.55)}
.main-slider .item .content-area .text-block h2{font-size: 60px; line-height: 70px; font-weight: 700; color: #fff; position: relative; padding-left: 30px;  margin: 0 0 20px 0; transform: scale(0.5); transition: all 2s ease; margin-left: -100px; }
.main-slider .item .content-area .text-block h2 span{font-size: 20px; display: block; line-height: 28px; font-weight: 400; margin-bottom: 5px}
.main-slider .item .content-area .text-block h2::before{content: ''; position: absolute; left: 0px; width: 3px; height: 100%; background: #fff; top: 0px}
.main-slider .item .content-area .text-block p{font-size: 16px; font-weight: 300; color: #fff; line-height: 26px; margin: 0 0 100px 0; padding-left: 30px; transform: scale(0.5); transition: all 2s ease; }
.main-slider .item .content-area .text-block .btn-blue{background: #0072c6; padding: 14px 40px; color: #fff; display: inline-block; font-size: 16px; font-weight: 500; margin-left: 30px; transform: rotateX(180deg); transition: all 1s ease;}
.main-slider .item .content-area .text-block .w-60{width: 60%}
.main-slider .owl-item.active .content-area .text-block h2{transition: all 2s ease;  transform: scale(1); margin-left: 0px}
.main-slider .owl-item.active .content-area .text-block p{transition: all 1s ease;  transform: scale(1); margin: 0 0 20px 0}
.main-slider .owl-item.active .content-area .text-block .btn-blue{transition: all 1s ease;  transform: rotateX(0deg);}

.main-slider .owl-dots{position: absolute; bottom: 0px; width: 100%; display: flex;}
.main-slider .owl-dots .owl-dot{width: 25%; border:#4f4e4d 1px solid; border-bottom: none; border-right:none}
.main-slider .owl-dots .owl-dot:first-child{border-left:none}
.main-slider .owl-dots .owl-dot button{border: none; background:rgba(0, 0, 0, 0.50); color: #fff; display: block; width: 100%; cursor: pointer; font-size: 24px; padding: 25px 0}
.main-slider .owl-dots .owl-dot button:focus{outline: none}
.main-slider .owl-dots .owl-dot.active button{background: #0072c6}
.main-slider .owl-prev{position: absolute; left: 15px; top: 50%; transform: translate(0%, -50%); width: 20px}
.main-slider .owl-next{position: absolute; right: 15px; top: 50%; transform: translate(0%, -50%);width: 20px}
.main-slider .owl-next img, .main-slider .owl-prev img{width: 100%}

.about-area {
    padding: 100px 0;
    background: url(../images/about-bg.png) right center no-repeat;
    background-size: 70%;
    height: 100vh;
    text-align: center;
}
.about-area .about-content-block{align-items: center; margin-bottom: 50px}
.about-area .about-content-block .left-content{width: 50%; position: relative; padding-right: 40px}
.about-area .about-content-block .left-content h2{font-size: 50px; font-weight: 700; color: #0071c4; line-height: 45px; margin: 0 0 20px 0; position: relative; z-index: 1}
.about-area .about-content-block .left-content h2 span{display: block; font-size: 16px; font-weight: 500; color: #000; text-transform: uppercase;}
.about-area .about-content-block .left-content .border-title{font-size: 120px; color: #fff; font-weight: 700; line-height: 120px; position: absolute; top: -17px; left: 0px; -webkit-text-stroke: 1px #cecece;}
.about-area .about-content-block .left-content p{font-size: 16px; line-height: 26px; font-weight: 300; color: #767171; margin-bottom: 20px}
.about-area .about-content-block .left-content .btn-blue{background: #0072c6; padding: 14px 40px; color: #fff; display: inline-block; font-size: 16px; font-weight: 500;}
.about-area .about-content-block .photo-area{width: 50%; height: 544px; position: relative;}
.about-area .about-content-block .photo-area .photo-1{width: 66%; position: absolute; right: 0px; top: 0px; transition: all 0.5s ease; }
.about-area .about-content-block .photo-area .photo-2{width: 50%; position: absolute; left: 0px; bottom: 0px; transition: all 0.5s ease; }
.about-area .number-box{border:#d3d3d3 1px solid; text-align: center; font-size: 40px; font-weight: 700; color: #0072c6; line-height: 40px; padding: 25px}
.about-area .number-box span{display: block; font-size: 18px; font-weight: 500; color: #000; line-height: 18px; margin-top: 10px}
.about-area .md-10 .col-lg-3:nth-of-type(4n+1){margin-top: 40px}
.about-area .md-10 .col-lg-3:nth-of-type(4n+3){margin-top: 40px}


.service-area{padding: 100px 0; background: #0071c4; position: relative;}
.service-area .container{position: relative; }
.service-area h2{font-size: 50px; font-weight: 700; color: #fff; line-height: 45px; margin: 0 0 40px 0; position: relative; z-index: 1}
.service-area h2 span{display: block; font-size: 16px; font-weight: 500; color: #fff; text-transform: uppercase;}
.service-area .border-title{font-size: 120px; color: #0071c4; font-weight: 700; line-height: 120px; position: absolute; top: -17px; left: 15px; -webkit-text-stroke: 1px #4e92d1; }
.service-area .service-block{width: 100%; height: 420px; border:#fff 1px solid; overflow: hidden; position: relative;}
.service-area .service-block img{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; object-fit: cover; margin: auto; transition: all 0.5s ease; transform: scale(1);}
.service-area .service-block .black-fade{background: #000; opacity: 0.5; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transition: all .5s ease;}
.service-area .service-block .service-title{position: absolute; top: 0px; left: 0px; color: #fff; font-size: 18px; font-weight: 600; width: 100%; padding: 15px; text-transform: uppercase;}
.service-area .service-block .service-number{position: absolute; bottom: 0px; left: 0px; color: #fff; font-size: 120px; font-weight: 900; line-height: 80px; opacity: 0.5;  transition: all .5s ease;}
.service-area .service-block .link{position: absolute; bottom: 0px; right: 0px; color: #0071c4; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 24px;  transition: all .5s ease;}
.service-area .service-block .white-fade{width: 120%; height: 200px; position: absolute; bottom: -190px; right: -218px; background: #fff; transform: rotate(45deg); transition: all .5s ease;}
.service-area .service-block:hover .black-fade{opacity: 0; transition: all .5s ease;}
.service-area .service-block:hover .white-fade{ bottom: -30px; right: -30px; transform: rotate(-10deg); transition: all .5s ease;}
.service-area .service-block:hover .service-number{ color: #0071c4; opacity:1; bottom: 20px; left: 20px; transition: all .5s ease;}
.service-area .service-block:hover .link{ color: #0071c4; opacity:1; bottom: 10px; right: 10px; transition: all .5s ease;}
.service-area .service-block:hover .service-title{ color: #000;transition: all .5s ease;}
.service-area .service-block:hover img{transition: all 0.5s ease; transform: scale(1.1);}

.service-area .service-slider .owl-item:nth-of-type(2n+2){margin-top: 40px}
.service-area .service-slider .owl-nav{position: absolute; top: -115px; right: 0px}
.service-area .service-slider .owl-nav .owl-prev{width: 75px; height: 75px; background: #fff; color: #0071c4; font-size: 24px; border-radius: 50%; margin-right: 10px; transition: all 0.5s ease;}
.service-area .service-slider .owl-nav .owl-next{width: 75px; height: 75px; background: #fff; color: #0071c4; font-size: 24px; border-radius: 50%; transition: all 0.5s ease;}
.service-area .service-slider .owl-nav .owl-prev i{-webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.5s ease;}
.service-area .service-slider .owl-nav .owl-next i{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.5s ease;}
.service-area .service-slider .owl-nav .owl-prev.disabled, .service-area .service-slider .owl-nav .owl-next.disabled{opacity: 0.5}
.service-area .service-slider .owl-nav .owl-next:hover{background: #000; color: #fff; border:#000 1px solid; transition: all 0.5s ease;}
.service-area .service-slider .owl-nav .owl-next:hover i{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.service-area .service-slider .owl-nav .owl-prev:hover i{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.service-area .service-slider .owl-nav .owl-prev:hover{background: #000; color: #fff; border:#000 1px solid; transition: all 0.5s ease;}

.team-block{width: 100%; height: 420px; border:#fff 1px solid; overflow: hidden; position: relative;}
.team-block img{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; object-fit: cover; margin: auto; transition: all 0.5s ease; transform: scale(1);}
.team-block:hover img{transition: all 0.5s ease; transform: scale(1.1);}
.team-block .black-fade{background: url(../images/black-fade-img.png) bottom center repeat-x; width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px}
.team-block .content-block{position: absolute; bottom: 0px; width: 100%; padding: 20px; z-index: 1; transition: all .5s ease;}
.team-block .content-block h3{color: #fff; font-size: 24px; font-weight: 600; text-transform: uppercase; margin: 0px 0px 5px 0px;  transition: all .5s ease;}
.team-block .content-block p{color: #fff; font-size: 16px; font-weight: 300; margin: 0px;  transition: all .5s ease;}
.team-block .white-fade{width: 120%; height: 200px; position: absolute; bottom: -190px; left: -218px; background: #fff; transform: rotate(45deg); transition: all .5s ease;}
.team-block:hover .white-fade{ bottom: -60px; left: -30px; transform: rotate(-10deg); transition: all .5s ease;}
.team-block:hover .content-block{padding-bottom: 35px; transition: all .5s ease;}
.team-block:hover .content-block h3{color: #0071c4; transition: all .5s ease;}
.team-block:hover .content-block p{color: #0071c4; transition: all .5s ease;}

.project-area{padding: 100px 0 100px 120px; background: #fff; position: relative;}
.project-area h2{font-size: 50px; font-weight: 700; color: #0071c4; line-height: 45px; margin: 0 0 40px 0; position: relative; z-index: 1}
.project-area h2 span{display: block; font-size: 16px; font-weight: 500; color: #000; text-transform: uppercase;}
.project-area .border-title{font-size: 120px; color: #fff; font-weight: 700; line-height: 120px; position: absolute; top: 82px; left: 120px; -webkit-text-stroke: 1px #cecece; }
.project-block{width: 398px; height: 450px; border-radius: 15px; overflow: hidden; position: relative;}
.project-block img{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; object-fit: cover; margin: auto; transform: scale(1); transition: all 0.5s ease;}
.project-block .black-fade{background: url(../images/black-fade-img.png) bottom center repeat-x; width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px}
.project-block .content-area{position: absolute; padding: 25px 100px 25px 30px; bottom: 0px; left: 0px;  transition: all 0.5s ease;}
.project-block .content-area .project-name{font-size: 20px; font-weight: 600; color: #fff; line-height: 28px}
.project-block .content-area .client-name{font-size: 15px; font-weight: 300; color: #75c5ff; line-height: 20px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px}
.project-block .link{width: 60px; height: 60px; border-radius: 50%; background: #0071c4; line-height: 60px; text-align: center; font-size: 24px; color: #fff; position: absolute; bottom: 25px; right: 25px; transition: all 0.5s ease;}
.project-block:hover .content-area{bottom: 25px; transition: all 0.5s ease;}
.project-block:hover .link{bottom: 15px; transition: all 0.5s ease; right: 15px}
.project-block:hover img{transition: all 0.5s ease; right: 15px; transform: scale(1.1);}
.project-area .product-slider{width: 100%; }
.project-area .product-slider .owl-stage {padding-left: 0px !important;}
.project-area .product-slider .owl-nav{position: absolute; top: -115px; right: 100px}
.project-area .product-slider .owl-nav .owl-prev{width: 75px; height: 75px; background: #fff; color: #767171; font-size: 24px; border-radius: 50%; margin-right: 10px; transition: all 0.5s ease; border:#767171 1px solid}
.project-area .product-slider .owl-nav .owl-next{width: 75px; height: 75px; background: #fff; color: #767171; font-size: 24px; border-radius: 50%; transition: all 0.5s ease; border:#767171 1px solid}
.project-area .product-slider .owl-nav .owl-prev i{-webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.5s ease;}
.project-area .product-slider .owl-nav .owl-next i{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.5s ease;}
.project-area .product-slider .owl-nav .owl-prev.disabled, .project-area .product-slider .owl-nav .owl-next.disabled{opacity: 0.5}
.project-area .product-slider .owl-nav .owl-next:hover{background: #767171; color: #fff; border:#767171 1px solid; transition: all 0.5s ease;}
.project-area .product-slider .owl-nav .owl-next:hover i{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.project-area .product-slider .owl-nav .owl-prev:hover i{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.project-area .product-slider .owl-nav .owl-prev:hover{background: #000; color: #fff; border:#000 1px solid; transition: all 0.5s ease;}

.banner-section{padding: 0px}
.banner-section .banner-block{width: 100%; height: 340px; border-radius: 15px; overflow: hidden; border-radius: 15px; position: relative;}
.banner-section .banner-block img{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; object-fit: cover; margin: auto; transform: scale(1); transition: all 0.5s ease;}
.banner-section .banner-block .content{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;display: flex; align-items: center; text-align: center;}
.banner-section .banner-block .content h2{width: 100%; text-align: center; color: #FFF; font-size: 40px; font-weight: 300; position: relative; z-index: 1; margin: 0px}
.banner-section .banner-block .content h2 a{display: block; font-weight: 700; color: #fff; font-size: 60px}
.banner-section .banner-block .content::before{content: ''; background: #000; opacity: 0.6; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.banner-section .banner-block.blue .content::before{background:#0071c4 }
.banner-section .banner-block:hover img{transition: all 0.5s ease; right: 15px; transform: scale(1.1);}

.news-area{padding: 100px 0; background: #fff; position: relative;}
.news-area .container{position: relative; }
.news-area h2{font-size: 50px; font-weight: 700; color: #0071c4; line-height: 45px; margin: 0 0 40px 0; position: relative; z-index: 1}
.news-area h2 span{display: block; font-size: 16px; font-weight: 500; color: #000; text-transform: uppercase;}
.news-area .border-title{font-size: 120px; color: #fff; font-weight: 700; line-height: 120px; position: absolute; top: -17px; left: 15px; -webkit-text-stroke: 1px #cecece; }
.news-block{margin: 0px; padding: 0px; position:relative;}
.news-block .news-photo{width: 100%; height: 280px; position: relative; overflow: hidden; border-radius: 15px}
.news-block .news-photo .date{position: absolute; top: 15px; right: 15px; background: #0071c4; width: 54px; text-align: center; padding: 6px 0; border-radius: 5px}
.news-block .news-photo .date span{display: block; font-size: 18px; line-height: 18px; color: #fff; font-weight: 400}
.news-block .news-photo .date strong{display: block; font-size: 30px; line-height: 26px; color: #fff}
.news-block .news-photo .date small{display: block; font-size: 13px; line-height: 15px; color: #fff}
.news-block .news-photo img{position: absolute; top: 0px; bottom: 0px; left: 0px;  right: 0px; width: 100%; height: 100%; object-fit: cover; margin: auto; transform: scale(1); transition: all 0.5s ease;}
.news-block .news-content-block{padding: 20px 20px 25px 20px; position: relative; background: #fff; border-radius: 15px; -webkit-box-shadow: 0px 0px 24px 0px rgba(204,204,204,0.32); -moz-box-shadow: 0px 0px 24px 0px rgba(204,204,204,0.32); box-shadow: 0px 0px 24px 0px rgba(204,204,204,0.32); margin-top: -40px; margin-bottom: 20px; position: relative; z-index: 1; width: 90%; margin-left:5%; transition: all 0.5s ease;}
.news-block .news-content-block .name{font-weight: 300; font-size:15px; color: #0071c4; position: relative; z-index: 1}
.news-block .news-content-block .name i{margin-right: 5px}
.news-block .news-content-block .news-title{font-size: 20px; font-weight: 600; color: #000; line-height: 28px; margin: 8px 0; position: relative; z-index: 1}
.news-block .news-content-block p{font-size: 14px; color: #656161; line-height: 24px; margin: 0px; position: relative; z-index: 1}
.news-block .news-content-block::before{position: absolute; content: ''; border-radius: 15px; background: #fff; bottom: 0px; left: 0px; width: 100%; height: 100%; border-bottom: #0071c4 6px solid; transition: all 0.5s ease; }
.news-block:hover .news-photo img{transition: all 0.5s ease; right: 15px; transform: scale(1.1);}
.news-block:hover .news-content-block{padding: 20px 20px 45px 20px; transition: all 0.5s ease; margin-top: -60px}
.news-block:hover .news-content-block::before{ border-bottom: #0071c4 26px solid; transition: all 0.5s ease; }

.news-area .news-slider .owl-nav{position: absolute; top: -115px; right: 0px}
.news-area .news-slider .owl-nav .owl-prev{width: 75px; height: 75px; background: #fff; color: #767171; font-size: 24px; border-radius: 50%; margin-right: 10px; transition: all 0.5s ease; border:#767171 1px solid}
.news-area .news-slider .owl-nav .owl-next{width: 75px; height: 75px; background: #fff; color: #767171; font-size: 24px; border-radius: 50%; transition: all 0.5s ease; border:#767171 1px solid}
.news-area .news-slider .owl-nav .owl-prev i{-webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.5s ease;}
.news-area .news-slider .owl-nav .owl-next i{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.5s ease;}
.news-area .news-slider .owl-nav .owl-prev.disabled, .news-area .news-slider .owl-nav .owl-next.disabled{opacity: 0.5}
.news-area .news-slider .owl-nav .owl-next:hover{background: #767171; color: #fff; border:#767171 1px solid; transition: all 0.5s ease;}
.news-area .news-slider .owl-nav .owl-next:hover i{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.news-area .news-slider .owl-nav .owl-prev:hover i{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.news-area .news-slider .owl-nav .owl-prev:hover{background: #000; color: #fff; border:#000 1px solid; transition: all 0.5s ease;}


footer .footer-main{background: #0071c4; padding: 50px 0 40px 0}
footer .footer-main .logo{width: 300px; margin-bottom: 30px}
footer .footer-main .logo img{width: 100%;}
footer .footer-main .info{font-size: 14px; line-height: 23px; color: #a3c1e3; font-weight: 400; position: relative; padding-left: 55px; margin-top: 12px}
footer .footer-main .info a{font-size: 18px; font-weight: 700; color: #fff; display: block;}
footer .footer-main .info .icon{width: 40px; height: 40px; background: #fff; border-radius: 6px; line-height: 40px; text-align: center; font-size: 22px; color: #0071c4; position: absolute; top: 4px; left: 0px}
footer .footer-main h3{font-size: 24px; line-height: 24px; color: #fff; margin: 0px 0 8px 0; font-weight: 700}
footer .footer-main p{font-size: 14px; line-height: 20px; color: #fff; opacity: 0.5; font-weight: 400}
footer .footer-main p strong{font-size: 16px; display: block;}
footer .footer-main ul.link{margin: 0px 0px 10px 0px; padding: 0px; list-style: none}
footer .footer-main ul.link li a{color: #a3c1e3; font-size: 14px; line-height: 24px; font-weight: 400;  padding-left: 15px; position: relative;}
footer .footer-main ul.link li a::before{font-family: "Font Awesome 5 Free"; left: 0px; color: #fff; font-weight: 700; content: '\f105'; position: absolute; top: -1px; opacity: 1}
footer .footer-main ul.link li a:hover{color: #fff}

footer .copy-right-area{background: #005594; padding: 10px 0}
footer .copy-right-area .content{display: flex; justify-content: space-between; align-items: center;}
footer .copy-right-area p{margin: 0px; font-size: 14px; color: #fff; font-weight: 400}
footer .copy-right-area ul.social-media{margin: 0px; padding: 0px; list-style: none; display: flex;}
footer .copy-right-area ul.social-media li{margin: 0px}
footer .copy-right-area ul.social-media li a{width: 30px; height: 30px; font-size: 18px; line-height: 30px; text-align: center; display: block; color: #fff}

.inner-title-area{position: relative; background: red; text-align: center;}
.inner-title-area img{width: 100%; height: 100%; position: absolute; top:0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.inner-title-area .content-block{padding: 230px 0 100px 0; position: relative; z-index: 1; background: rgba(0, 0, 0, 0.5)}
.inner-title-area .content-block h1{font-size: 50px; line-height: 40px; font-weight: 700; color: #fff; margin: 0px}

.contact-page{padding: 100px 0; background: url(../images/about-bg.png) right center no-repeat; background-size: 70%}
.contact-page .content-block{display: flex; align-items: center; margin-bottom: 100px}
.contact-page .content-block .left-content{width: 55%; position: relative; padding-right: 40px}
.contact-page .content-block .left-content h2{font-size: 50px; font-weight: 700; color: #0071c4; line-height: 45px; margin: 0 0 20px 0; position: relative; z-index: 1}
.contact-page .content-block .left-content h2 span{display: block; font-size: 16px; font-weight: 500; color: #000; text-transform: uppercase;}
.contact-page .content-block .left-content .border-title{font-size: 100px; color: #fff; font-weight: 700; line-height: 100px; position: absolute; top: 0px; left: 0px; -webkit-text-stroke: 1px #cecece;}
.contact-page .content-block .left-content p{font-size: 16px; line-height: 26px; font-weight: 300; color: #000; margin-bottom: 20px}
.contact-page .content-block .left-content .info{font-size: 16px; line-height: 23px; color: #0071c4; font-weight: 700; position: relative; padding-left: 65px; margin-bottom: 20px; padding-top: 5px}
.contact-page .content-block .left-content .info a{font-size: 20px; font-weight: 400; color: #000; display: block;}
.contact-page .content-block .left-content .info span{font-size: 20px; font-weight: 400; color: #000; display: block;}
.contact-page .content-block .left-content .info .icon{width: 50px; height: 50px; background: #0071c4; border-radius: 6px; line-height: 50px; text-align: center; font-size: 22px; color: #fff; position: absolute; top: 4px; left: 0px}
.contact-page .content-block .form-area{width: 45%; background:#0071c4; position: relative; padding: 50px; }
.contact-page .content-block .form-area .form-group{position: relative; margin-bottom: 30px}
.contact-page .content-block .form-area .form-group label{background: #0071c4; line-height: 24px; border-radius: 0px; color: #fff; font-weight: 700; margin: 0px; font-size: 14px; padding: 0 10px; top: -12px; left: 10px; position: absolute;}
.contact-page .content-block .form-area .form-group .form-control{border:#fff 1px solid; border-radius: 0px; background: transparent; line-height: 30px; color: #fff; font-size: 14px; padding: 12px 20px 8px 20px}
.contact-page .content-block .form-area .btn-submit{background: #fff; padding: 14px 40px; color: #0072c6; display: inline-block; font-size: 16px; font-weight: 500; border:none; cursor: pointer;}
.contact-page .map-area{width: 100%; height: 450px; position: relative;}
.contact-page .map-area::before{content: ''; position: absolute; top: -30px; left: -30px; width: 100%; height: 100%; border:#0071c4 1px dashed}
.contact-page .map-area::after{content: ''; position: absolute; bottom: -30px; right: -30px; width: 100%; height: 100%; border:#656161 1px dashed}
.contact-page .map-area iframe{width: 100%; height: 100%; position: relative; z-index: 2; border:#000 1px solid}


.about-page{padding: 100px 0; background: url(../images/about-bg.png) right center no-repeat; background-size: 70%}
.about-page .about-content-block{display: flex; align-items: center; margin-bottom: 50px}
.about-page .about-content-block .left-content{width: 55%; position: relative; padding-right: 40px}
.about-page .about-content-block .left-content h2{font-size: 50px; font-weight: 700; color: #0071c4; line-height: 45px; margin: 0 0 20px 0; position: relative; z-index: 1}
.about-page h2{font-size: 50px; font-weight: 700; color: #0071c4; line-height: 45px; margin: 0 0 20px 0; position: relative; z-index: 1}
.about-page .about-content-block .left-content h2 span{display: block; font-size: 16px; font-weight: 500; color: #000; text-transform: uppercase;}
.about-page .about-content-block .left-content .border-title{font-size: 120px; color: #fff; font-weight: 700; line-height: 120px; position: absolute; top: -17px; left: 0px; -webkit-text-stroke: 1px #cecece;}
.about-page .about-content-block .left-content p{font-size: 16px; line-height: 26px; font-weight: 300; color: #000; margin-bottom: 20px}
.about-page .about-content-block .left-content .btn-blue{background: #0072c6; padding: 14px 40px; color: #fff; display: inline-block; font-size: 16px; font-weight: 500;}
.about-page .about-content-block .photo-area{width: 45%; position: relative;}
.about-page .about-content-block .photo-area img{width: 80%; margin-left: 20%}
.about-page .about-content-block .photo-area .sign{background: #0071c4; width: 245px; padding: 20px 30px; margin-top: -30px; position: relative; z-index: 1}
.about-page .about-content-block .photo-area .sign img{width: 100%; margin: 0px}
.about-page .about-content-block .photo-area .sign::before{border: #0071c4 1px solid; content: ''; position: absolute; width: 100%; height: 100%; left: -10px; top: -10px}
.about-page .about-content-block .photo-area .number-area{display: flex; flex-wrap: wrap; margin-top: 50px}
.about-page .about-content-block .photo-area .number-area .number-box{width: 50%; text-align: center; font-size: 30px; font-weight: 700; color: #0072c6; line-height: 30px; padding: 25px}
.about-page .about-content-block .photo-area .number-area .number-box span{display: block; font-size: 15px; font-weight: 500; color: #000; line-height: 18px; margin-top: 10px}
.about-page .about-content-block .photo-area .number-area .number-box:nth-of-type(4n+1){border-right: #d3d3d3 1px solid; border-bottom: #d3d3d3 1px solid}
.about-page .about-content-block .photo-area .number-area .number-box:nth-of-type(4n+2){border-bottom: #d3d3d3 1px solid}
.about-page .about-content-block .photo-area .number-area .number-box:nth-of-type(4n+3){border-right: #d3d3d3 1px solid}

.client-slider-area{padding: 100px 0; background: #fff; position: relative;}
.client-slider-area .container{position: relative; }
.client-slider-area h2{font-size: 50px; font-weight: 700; color: #0071c4; line-height: 45px; margin: 0 0 40px 0; position: relative; z-index: 1}
.client-slider-area h2 span{display: block; font-size: 16px; font-weight: 500; color: #000; text-transform: uppercase;}
.client-slider-area .border-title{font-size: 120px; color: #fff; font-weight: 700; line-height: 120px; position: absolute; top: -17px; left: 15px; -webkit-text-stroke: 1px #cecece; }
.client-slider-area .logo-block{width: 100%; border:#d3d3d3 1px solid;   filter: grayscale(100%);  transition: all 0.5s ease;}
.client-slider-area .logo-block:hover{  filter: grayscale(0%);  transition: all 0.5s ease;}
.client-slider-area .owl-nav{position: absolute; top: -115px; right: 0px}
.client-slider-area .owl-nav .owl-prev{width: 75px; height: 75px; background: #fff !important; color: #767171 !important; font-size: 24px !important; border-radius: 50%; margin-right: 10px; transition: all 0.5s ease; border:#767171 1px solid !important}
.client-slider-area .owl-nav .owl-next{width: 75px; height: 75px; background: #fff !important; color: #767171 !important; font-size: 24px !important; border-radius: 50%; transition: all 0.5s ease; border: #767171 1px solid !important;}
.client-slider-area .owl-nav .owl-prev i{-webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.5s ease;}
.client-slider-area .owl-nav .owl-next i{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.5s ease;}
.client-slider-area .owl-nav .owl-prev.disabled, .client-slider-area .owl-nav .owl-next.disabled{opacity: 0.5}
.client-slider-area .owl-nav .owl-next:hover{background: #767171; color: #fff; border:#767171 1px solid; transition: all 0.5s ease;}
.client-slider-area .owl-nav .owl-next:hover i{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.client-slider-area .owl-nav .owl-prev:hover i{-webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease;}
.client-slider-area .owl-nav .owl-prev:hover{background: #000; color: #fff; border:#000 1px solid; transition: all 0.5s ease;}

.news-page{padding: 100px 0 70px 0}
.news-page .news-block{margin-bottom: 30px}
.news-page .news-block .news-content-block{margin-bottom: 0px}

.cms-page{padding: 60px 0 60px 0}
.blog_detail{padding: 60px 0 60px 0}

.projectlist-page{padding: 100px 0 70px 0}
.projectlist-page .project-block{width: 100%; margin-bottom: 30px}
.fa-ul{margin-left: 1.5em;}
.fa-ul>li{line-height: 30px;}
.fa-ul li .fa{color:#0072c6;}
.about-area img {
    max-width: 300px;
    margin-bottom: 15px;
}