@charset "utf-8";
/* CSS Document */

.oswald-<uniquifier> {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

html, body{font-family: 'Montserrat', sans-serif; height:100%; }
h1, h2, h3, h4, h5, h6{margin:0px; padding:0px}
p{margin:0px; padding:0px}
ul {margin:0px; padding:0px; list-style:none}
ul li{margin:0px; padding:0px}
a{text-decoration:none; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.navbar{padding:0px 0px;}

h2{font-size:35px; color:#000543; padding:5px 0px; font-weight:600; line-height:49px;}
h2 span{color:#3680FB}
p{font-size:18px; color:rgb(0,5,67, 0.60); padding:5px 0px;}
h1.hed{font-size:50px; font-weight:700; color:#000543; padding:5px 0px}
h1.hed span{color:#3680FB}
ul.tli li{font-size:20px; color:rgb(0,5,67, 0.60); padding:5px 0px;}



.btn{text-decoration:none; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.navbar{padding:0px 0px;}
.navbar-light .navbar-toggler{border-radius:0px; border-color:#3680FB; outline:none; box-shadow:none; line-height:inherit; padding:2px 10px; color:#3680FB}
.navbar-light .navbar-toggler-icon{background:none;}
.navbar-toggler-icon{height:auto; width:auto; background:none}
.navbar-toggler{color:#3680FB; border:none; outline:none; box-shadow:none; font-weight:700; font-size:20px;}
.navbar-toggler:focus{box-shadow:none}

.phone{float:right}
.phone ul{display:flex; flex-wrap:wrap}
.phone ul li{padding:0px 10px 0px;}
.phone ul li a{font-size:16px; color:#000543; font-weight:400;}
.phone ul li a i{color:#3680FB; padding:0px 3px;}
.topen{padding:10px 0px; border-bottom:1px solid rgb(0,5,67, 0.10); text-align:right;}

.navbar-brand{width:120px;}
.navbar-expand-lg .navbar-nav .nav-link{font-size:16px; font-weight:600; color:#000543; padding:12px 15px;}
.menu{padding:15px 0px}
.nav-link:focus, .nav-link:hover{color:#3680FB}
.navbar-expand-lg .navbar-nav .nav-link:hover{color:#3680FB}

#banner{background:url(../images/bg.png) no-repeat top center, #f5f7fa; background-size:cover; padding:50px 50px; text-align:center; position:relative}
#banner .container{position:relative; z-index:999;}
#banner:before{position:absolute; left:0px; right:0px; background:#fff; content:""; bottom:0px; width:100%; height:30%;}
#banner h1{font-size:86px; font-weight:600; color:#000543; padding:20px 0px 50px;}
#banner h1 span{font-weight:800; color:#3680FB; position:relative}
#banner h1 span:before{position:absolute; left:0px; right:0px; bottom:-10px; background:url(../images/border.png) no-repeat top center; background-size:100%; margin:0px auto; height:25px; width:100%; content:"";}
#banner h1 abbr img{margin:-65px 0px 0px -41px;}
#banner img.mobdak{width:93%; margin:0px auto;}

#compenysection h3{color:#000543; font-size:28px; font-weight:500; text-align:right; font-style:italic;}
#compenysection {padding:10px 0px 40px;}
#compenysection .row{align-items:center;}

#selsfact{padding:30px 0px;}
#selsfact .row{align-items:center;}
.head{padding:60px 0px 20px; text-align:center; border-top:1px dashed rgba(32,117,244,.3)}
.head p{padding:10px 0px}
.head h1{padding:10px 0px}
.medbo ul li{position:relative; padding:6px 0px 6px 28px;}
.medbo ul li:before{font-family: "bootstrap-icons"; content:"\F26A"; position:absolute; left:0px; top:7px; font-size:20px; color:#2075f4;}
.medbo ul{padding:15px 0px;}
.borderb{ border-bottom:1px dashed rgba(32,117,244,.3); padding-bottom:40px;}
.medbo p{padding:10px 0px}



#customsection{padding:50px 0px; background:url(../images/wrdmapbg.png) no-repeat right center; background-size:50%;}
#customsection .row{align-items:center;}
.customerbox{display:flex; flex-wrap: wrap; align-items:center;}
.customerbox .col6{max-width:50%; flex:50%; padding:10px;}
.cusbox{border:1px solid rgba(32,117,244,0.15); border-radius:15px; padding:15px; background:#fff; box-shadow:0px 0px 10px #00000020; margin:25px 0px;}
.cusbox h3{font-family: "Oswald", sans-serif; font-size:38px; font-weight:400; color:#000543; padding:6px 0px;}
.aboge img{max-width:70%; margin:25px 0px;}
.medbo a{font-size:20px; font-weight:600; color:#3680FB; padding:10px 0px;  display:inline-block;}
.medbo a:hover{color:#000}
.medbo a:hover i{padding-right:5px;}
.medbo a i{ transition:all 0.5s ease-in-out; }

#gallerysection{padding:20px 0px 60px; position:relative}
#gallerysection:before{position:absolute; left:0px; right:0px; background:#f5f7fa; content:""; top:0px; width:100%; height:30%;}
.galleryhed{text-align:center; padding:35px 0px;}
.galleryhed h1 span{display:block}
#gallerysection .container{position:relative; z-index:999;}
.gallerybox{border-radius:15px; background:#fff; box-shadow:0px 0px 10px #00000020; padding:15px 15px 5px; text-align:center; border:1px solid rgba(32,117,244,0.15); margin:15px 0px;}
.gallerybox img{width:100%; border-radius:15px;}
.gallerybox p{color:#000543; font-weight:600; text-align:center; padding:15px 0px;}

#footersection{background:#F5F7FA; padding:60px 0px}
#footersection  .row{align-items:center;}
.fotrlink img{width:50%;}
.fotrlink ul{padding:20px 0px}
.fotrlink ul li{padding:25px 0px;}
.fotrlink ul li a{font-size:22px; color:#000543; font-weight:600;}
.fotrlink ul li a i{color:#3680FB; padding:0px 5px;}


.form_box {background:#fff; padding:15px 30px; border-radius:15px; box-shadow:0px 0px 10px #00000020; border:1px solid rgba(32,117,244,0.15);}
.form_box h2{padding:10px 0px; font-weight:700;}
.form_box .form-control{border:1px solid #e6edf3; background: #FFFFFF;
background: linear-gradient(179deg, rgba(255, 255, 255, 1) 50%, rgba(245, 247, 250, 1) 100%); outline:none; box-shadow: none; height:48px; border-radius:8px; font-size:15px; font-weight:400; color:#000; margin:15px 0px;}
.form_box textarea.form-control{height:100px;}
.form_box .btn{background:#3680FB; border-radius:100px; padding:12px 20px; margin:15px 0; width:250px; display:block; color:#fff; font-weight:700; font-size:22px; text-align:center; text-decoration:none}
.form_box .btn:hover{background:#000}


.iconbox1{position:absolute; left:10px; top:60px}
.iconbox2{position:absolute; left:40px; bottom:35%}
.iconbox3{position:absolute; right:10px; top:60px}
.iconbox4{position:absolute; right:40px; bottom:35%}
.icimg img{max-width:110px}

@media (min-width: 992px) and (max-width: 1199px) {
	h1.hed{font-size:38px;}
p{font-size:18px;}
h2{font-size:27px; line-height:43px;}
ul.tli li{font-size:18px;}
.phone ul li a{font-size:14px;}	
.navbar-expand-lg .navbar-nav .nav-link{font-size:15px;}
#banner h1{font-size:64px;}
#compenysection h3{font-size:21px;}
.cusbox h3{font-size:28px;}
.medbo a{font-size:18px;}
.fotrlink ul li a{font-size:20px;}
.icimg img{max-width:70px;}
}

@media (min-width: 768px) and (max-width: 991px) {
.phone{float:none}
.phone ul{display:block; text-align:center}
.phone ul li{display:inline-block;}
.phone ul li a{font-size:14px;}
h1.hed{font-size:32px;}
p{font-size:16px;}
h2{font-size:22px; line-height:34px;}
ul.tli li{font-size:16px;}
.borderb{padding-bottom:23px;}
.phone ul li a{font-size:14px;}	
.navbar-expand-lg .navbar-nav .nav-link{font-size:15px;}
#selsfact{padding:30px 0px 10px}
#banner h1{font-size:52px;}
#compenysection h3{font-size:18px; text-align:center; padding:0px 0px 10px}
#customsection{padding:30px 0px; text-align:center}
.cusbox h3{font-size:28px;}
.medbo a{font-size:18px;}
.fotrlink ul li a{font-size:18px;}
.fotrlink ul li {padding:10px 0px}
.fotrlink{padding:40px 0px 0px}
.fotrlink img{width:33%;}
.form_box .btn{font-size:19px;}
.icimg img{max-width:60px;}
}
@media (max-width: 767px) {
.phone{float:none}
.phone ul{display:block; text-align:center}
.phone ul li{display:inline-block;}
.phone ul li a{font-size:14px;}
h1.hed{font-size:24px;}
p{font-size:15px;}
h2{font-size:19px; line-height:28px;}
ul.tli li{font-size:15px;}
.borderb{padding-bottom:23px;}
.phone ul li a{font-size:14px;}	
.navbar-expand-lg .navbar-nav .nav-link{font-size:15px;}
#banner {padding:30px 0px 10px;}
#selsfact{padding:10px 0px 10px}
#banner h1{font-size:27px; padding:10px 0px 20px}
#banner h1 abbr img{max-width:22px; margin:-12px 0px 0px -6px}
#compenysection h3{font-size:16px; text-align:center; padding:0px 0px 10px}
#customsection{padding:30px 0px; text-align:center}
#compenysection{padding:10px 0px}
.head{padding:10px 0px}
.cusbox h3{font-size:25px;}
#banner h1 span:before{bottom:-22px;}
.medbo a{font-size:15px;}
.fotrlink ul li a{font-size:15px;}
.fotrlink ul li {padding:10px 0px}
.fotrlink{padding:40px 0px 0px}
.fotrlink img{width:33%;}
.form_box .btn{font-size:15px; width:200px;}
#footersection{padding:30px 0px}
#gallerysection{padding:20px 0px 30px}
.form_box{padding:15px;}
.galleryhed{padding:10px 0px}
.customerbox .col6{max-width:100%; flex:100%; padding:0px;}
.cusbox{margin:10px 0px}
.icimg{display:none}
}


@media (max-width: 480px) {

}

@media (max-width: 390px) {

}

@media (max-width: 320px) {

}