*{margin: 0px; padding: 0px; box-sizing:border-box;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
article{overflow: hidden;}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; 
}

h1,h2,h3,h4,h5,h6{margin:0; color: #000;  }

h1{ font-size:36px; font-family: 'Poppins', sans-serif}
h2{ font-size:26px; font-family: 'Poppins', sans-serif}
h3{ font-size:20px; font-family: 'Poppins', sans-serif}
h4{ font-size:20px; font-family: 'Poppins', sans-serif}
h5{ font-size:15px; font-family: 'Poppins', sans-serif}

p{font-family: "DM Sans", sans-serif;font-style: normal;font-size: 15px; font-weight: 400; line-height: 28px;color: #fff; letter-spacing: 1px;}

ul li {list-style: none;}
p a {color: #263246}
b.normal{font-weight: 400;}

ul,label{   margin:0;   padding:0;}

.btn-primary{ font-size: 14px;padding: 16px 36px 14px;color: #ffffff;text-transform: uppercase; font-weight: 700;background: #5768AD;border-radius: 2px;letter-spacing: 2px;}
.btn-primary:hover, .btn-primary:focus {color: #fff;background-color: #f14d39;  border-color: #f14d39;}
.btn {border: 0 none; border-radius: 2px; font-size: 16px; padding: 12px 30px;border-color: #1a7e87;color: #1a7e87;border: 1px solid;}
.btn:hover{color: #ffffff;background: #5768AD;border: 1px solid#5768AD;    box-shadow: 0 2px 5px 1px rgb(87 104 173);}
/*--HeaderS ection--*/
.container{ padding: 0px;}

/*--nav Section--*/
.img-fluid{width: 100%;}

/*--General CSS--*/
.section{ padding:4em 0; position: relative; overflow: hidden;}
.title{font-size:34px; line-height:35px; color: #fff; font-weight:700; margin: 0 0 20px 0;  }
.title.white{color: #fff;}
p.sub-title{color:#576087; font-size:20px;  font-weight: 400; font-style:initial;  letter-spacing: 1px; padding: 0px; margin:5px 0; text-align: center;}
.color-title{font-size:34px; line-height:35px; color: #5768AD; font-weight:700; margin: 0 0 20px 0;  }
.title-shape { background: rgba(0, 0, 0, 0) url(../images/title-shape.png) no-repeat scroll center center;height: 14px; margin-top: 20px;}
/*-- end General CSS--*/

.top-header{background: #07273c;}
.logo-left{  margin-top: 20px; display: flex;}
.header-right{margin-top: 30px;}
.as_infobox { display: inline-block;}
.as_orange {color: #ff7010;margin-right: 5px;}
.as_infobox a{color: #c9d6ef; margin-left: 10px;}
.header-menu .navbar-expand-lg .navbar-nav .nav-link {padding: 25px;color: #fff;transition: 0.5s all;}
.header-menu  .navbar-light .navbar-nav .nav-link:hover{color: #041e2f;}
.header-menu{color: #c9d6ef; margin-top: 20px;background:#d75e00; display: block;}
.header-menu .nav-item{display: inline-block;}
.header-menu .navbar-expand-lg .navbar-nav {width: 100%;text-align: center;display: block;}

.about {background: url(../images/bg2.jpg);background-repeat: no-repeat; background-size: cover;background-position: center;}

.about-box-img { position: relative;width: 100%;float: left;padding: 0 30px 30px 0;margin-top: 6em;}

.about-box-img:after {content: "";position: absolute; background: #17384e;left: 30px;right: 0;margin: auto;top: 30px; bottom: 0; z-index: -1;}
.about-box-img:before {position: absolute;content: ''; right: 0; bottom: 0; border-right: 2px solid #ff7010; border-bottom: 2px solid #ff7010; width: 90px; height: 90px;color: #17384e;}

.about .owl-carousel .owl-nav .owl-prev{position: absolute; top: 45%;height: 40px;width: 40px;line-height: 40px;text-align: center;background:#10334a;color: #fff;border-radius: 0px;}
.about .owl-carousel .owl-nav .owl-next{position: absolute; top: 45%; right: 0px; height: 40px;width: 40px;line-height: 40px;text-align: center;background: #10334a;color: #fff;border-radius: 0px;}
.about .owl-carousel .owl-nav .owl-next:hover, .about .owl-carousel .owl-nav .owl-prev:hover{color: #fff; background: #ff7010;}
.about-box-text{margin-top: 10%; text-align: center; color: #fff;}
.about-box-text p{text-align: justify;margin-top: 10px;}
.about-box-text b{display: block;text-align: left;color:#ff7010 ;}
.about-box-text li{text-align: left;padding: 5px 0;}
.point{color:#ff7010 ; font-weight: 500;}
.bold{color:#ff7010 ; font-weight: 600;}

.servises{background: url(../images/bg3.jpg);background-repeat: no-repeat; background-size: cover;background-position: center;}
.servises h2{color: #000;}
.servises .row{margin-top: 40px;}
.js-classic{border-bottom: 1px solid #9ea8ba; margin-bottom: 50px;}
.js-js-blog-article {padding: 20px 30px;box-shadow: 0 2px 8px 0 rgb(48 141 122 / 20%), 0 4px 32px 0 rgb(48 141 122 / 20%);border: 1px solid #1a7e87;}
.js-js-blog-article b{font-size: 20px;display: block; line-height: 40px;color:#000; font-weight:bold;}
.js-js-blog-article ul  li {display: inline-block; text-align: left;}
.js-js-blog-article .text-color {color: #1a7e87;font-weight: 500;font-size: 16px;}
.js-js-blog-article p{margin-top: 30px; text-align: justify; color: #000;}
.js-js-blog-article a{text-align: left;display: inline-block; margin-top: 20px;}

.js-blog-article-thumbnail {float: left;width: 100%;position: relative;}
.js-blog-article-thumbnail li {transition: 0.5s all;float: left;width: 100px; height: 50px;line-height: 50px;text-align: center;background: #ff7e00; color: #ffffff;position: absolute; font-size: 22px;font-weight: bold;top: 30px;left: -100px;}
.js-classic:hover .js-blog-article-thumbnail li {left: 0;}
.js-classic{overflow: hidden;}




.testimonials{background: url(../images/bg3.jpg);background-repeat: no-repeat; background-size: cover;background-position: center;}
.testimonials h2{color: #000;}
.review-img img {border-radius: 100%; width: 100%;}
.review-img{margin-top: 30px; display: inline-flex;}
.review-box i.fa-quote-left{ position: absolute; right: 85%; top: 10px; font-size: 50px; color: #1a7387;}
.review-box span{display: block; color: #ffc63f; margin: 10px 0}
.review-box strong{display: block; color: #1a7387; font-size: 20px;}
.testimonials .owl-carousel02 .item { background-color: #10334a; padding: 0 45px 42px;margin: 50px 15px; z-index: 1;}
.review-box p { margin-top: 20px; font-size: 15px;line-height: 24px; text-align: justify;}
.testimonials .owl-carousel02 .owl-nav .owl-prev{position: absolute; top: 45%;height: 40px;width: 40px;line-height: 40px;text-align: center;background:#10334a;color: #fff;border-radius: 0px;left: 0;}
.testimonials .owl-carousel02 .owl-nav .owl-next{position: absolute; top: 45%; right: 0px; height: 40px;width: 40px;line-height: 40px;text-align: center;background: #10334a;color: #fff;border-radius: 0px;}
.testimonials .owl-carousel02 .owl-nav .owl-next:hover, .testimonials .owl-carousel02 .owl-nav .owl-prev:hover{color: #fff; background: #ff7010;}


.why-choose{background: url(../images/bg2.jpg);background-repeat: no-repeat; background-size: cover;background-position: center;}
.why-choose-box-img {display: block;position: relative;width: 130px;margin: 0 auto;}
.nunber-box>span { font-size: 20px;color: #fff;font-weight: 700; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.why-choose h4 {color: #fff;font-size: 20px;margin: 25px 0 35px;text-align: center;transition: all 0.2s linear;}
.why-choose h4:hover{color: #ff7010;}
.why-choose-text p{margin-top: 20px;}
.why-choose-text{margin-top: 15%;}
.why-choose-text .title-shape{margin-right: 35%;}


.contact {
    background: url(../images/bg4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;padding-top: 80px;
}
.contact-box .title-shape{margin-right: 50%;margin-bottom: 40px;}
.as_info_box h5 {color: #ff7010;font-size: 20px;}
.as_font14 {color: #fff;font-size: 14px; line-height: 20px; margin-top: 5px;}
.as_info_box .as_icon {width: 65px;background-color: #ff7010;height: 65px;display: inline-flex;align-items: center;justify-content: center; border-radius: 100%; position: relative;margin-right: 26px;}
.as_info_box .as_icon:after{border: 1px dashed #ff7010;content: ''; position: absolute;left: -7px;top: -7px; bottom: -7px;right: -7px;border-radius: 100%;}
.as_info a{color: #fff;}
.as_info{display: inline-block; vertical-align: top;}



.as_contact_form { padding: 46px 50px 50px; background-color: #17384e; position: relative; margin-top: 25px;}
.as_contact_form .as_subheading {color: #fff;margin: 0 0 37px;}
.form-group {color: #fff;text-align: initial;margin: 10px 0;}
label {display: inline-block; color: #fff;margin-bottom: 20px;}
.form-control {display: block;width: 100%;height: 50px; background-color: #17384e; border: none; outline: none; box-shadow: none !important;color: #ffff; padding: 0 40px 0 30px;}
.as_contact_form .form-control {border: 1px solid rgb(255 255 255 / 10%); border-radius: 0px;}
.as_contact_form .form-control.height{height: 100px;width: 100%; display: block;}
.as_btn {height: 50px;background-color: #ff7010;font-size: 14px;text-transform: uppercase;display: inline-flex;align-items: center;padding: 0 23px; position: relative;margin-left: 15px;color:#fff;border: none !important; outline: none;width: auto; transition: 0.2s linear;}
.as_btn:before {right: 100%;content: ''; position: absolute;left: 100%; top: 0;bottom: 0;border-top: 25px solid transparent;border-bottom: 25px solid transparent; border-left: 15px solid #ff7010; transition: 0.2s linear;}



/********footer*******/

.fix-whatsapp { position: fixed; bottom: 110px;left: 30px;z-index: 999999;}
.fix-whatsapp img{width: 100%;}
.footer{background: #d75e00; padding: 4em 0; color: #c9d6ef;}
.footer-social a i{ height: 35px; width: 35px; line-height: 35px; border:1px solid #ddd; color: #fff; font-size: 15px; margin:  0 2px;}
.footer-menu a{color: #fff;  display: inline-block; margin: 0 2px; padding: 2px  10px; border-right: 1px solid #aaa; font-size: 13px; }
.footer-menu{margin: 15px 0;}
.copy-footer p{color: #fff; font-size: 13px;}
.copy-footer p a{color: #fff;}
.footer {background: #d75e00;padding: 4em 0; margin-top: -8px; color: #c9d6ef;}
/*****end*******/

.contact-about{margin-top: 20px;}
.flam-box-text strong{text-align: center;margin-top: 25px;display: block;}
.flam-box-img {float: left;width: 15%;vertical-align: top;}
.flam-box-text {color: #fff;float: right;width: 82%;vertical-align: top;text-align: left;}
.flam-box { padding: 10px; background: #08273c; border: 1px solid #17384e;margin-bottom: 15px;}



/*media query css*/
/* 1024   768    667   640   576   480   400   375  */

@media (max-width: 1366px) {

}



@media (max-width: 1024px) {

}


@media (max-width: 992px) {

}



@media (max-width: 768px) {

.about-box .col-md-5{width: 100%; max-width: 100%;flex: 100%;}
.about-box .col-md-7{width: 100%; max-width: 100%;flex: 100%;}
.servises .col-md-4{width: 50%; max-width: 50%;flex: 50%;}
.why-choose .col-md-4{width: 100%; max-width: 100%;flex: 100%;}
.why-choose .col-md-8{width: 100%; max-width: 100%;flex: 100%;}
.why-choose-text {text-align: center;}
.why-choose-text .title-shape { margin: 0%;}
.why-choose.section{padding: 0px;}
.as_info_box h5 {margin-top: 25px;}
.contact-start .col-md-6{width: 100%; max-width: 100%;flex: 100%;}
.contact-box .row.col .col-md-6 {width: 50%; max-width: 50%;flex: 50%;}
.contact-box{text-align: center;margin-top: 15px;}
.contact-box .title-shape{margin-bottom: 40px;margin-top: 20px;}
.navbar-toggler {border-color: #fff;width: 100%;}
.navbar-toggler:focus{outline: none;}
.header-menu .nav-item { display: block;text-align: left; border-bottom: 1px solid #ddd;}
}



@media (max-width: 667px) {
.contact-box .title-shape{margin-bottom: 40px;margin-top: 20px;}

.contact-box .row.col .col-md-6 {width: 50%; max-width: 50%;flex: 50%;}
.testimonials.section{padding: 1em;}
.servises .col-md-4{width: 100%; max-width: 100%;flex: 100%;}
.about.section{padding: 1em;}
.contact-box h2{display: none;}
.contact-box .title-shape{display: none;}
.fix-whatsapp {position: fixed; bottom: 8%;left: 19px; z-index: 999999;}
.as_infobox {margin-bottom: 10px;}

}



@media (max-width: 576px) {

}



@media (max-width: 480px) {
.footer {padding: 15px;
}



@media (max-width: 400px) {
.as_infobox {margin-bottom: 10px; text-align: center;}
.contact-box .row.col .col-md-6 {width: 100%; max-width: 100%;flex: 100%;}
}


@media (max-width: 350px) {

}