/*Start navbar style*/
.navbar1{padding-top:5px;}
.navbar1 .nav2 p{font-size: 13px}
.navbar1 .nav2 p i{font-size:16px;}
.navbar1 .nav1 i{font-size: 14px; margin-left:10px}
.navbar1 .nav1, .nav2{cursor: pointer}

/*End navbar style*/
/*Start Header style*/
.header{padding-top: 25px; padding-bottom: 25px}
.header .brand{font-size: 25px}
.header .contat{font-size: 18px}
/*End Header style*/
.header-nav .navbar-light .navbar-toggler{margin: auto; outline: none}
.header-nav ul li{margin-right: 4px; }
.header-nav ul li a{margin-left: 10px}
.carsoul{height: 450px; background-image:url(bg-1.jpg)}
.carsoul .cap{margin-top: 50px;}
.carsoul .thin{font-size: 22px}
.carsoul .h2S{padding-bottom: 30px }
.carsoul button{margin-right: 10px; padding: 5px 20px; outline: none}
.static{padding-top: 50px; padding-bottom: 50px}
.static i{font-size:30px; padding-bottom: 30px}
.static h5{ padding-bottom: 10px}
.static .stat1{margin-bottom: 40px}
.contact{padding-bottom: 50px;}
.contact .con1{background-image: linear-gradient(to left,#1072a7, #3e8dea) ; margin-left: 60px; padding-top: 20px}
.contact .con2{background-image: linear-gradient(to left,#93ecfc, #5dd6fa); margin-left: -30px; padding-top: 20px}
.contact .con3{background-image:linear-gradient(to left, #5cbdd4, #48cbfc);margin-left: -60px ; padding-top: 20px; padding-bottom: 20px}
@media (max-width:767px){
    
.contact .con1{margin-left: 0px }
.contact .con2{margin-left: 0px}
.contact .con3{margin-left: 0px }
}
@media (min-width:768px) and (max-width:991px){
    
.contact .con1{margin-left: 0px }
.contact .con2{margin-left:30px}
.contact .con3{margin-left: -30px; }
}
.our-services {padding-top: 50px; padding-bottom: 50px;background-image: url(content-dot2.jpg)}
.our-services img{width: 100px}
.our-services .owl-theme .owl-dots .owl-dot{display: none}
 .our-services .owl-carousel .owl-nav button.owl-next{position: absolute; top:-13%; right:1%; background-color: white; border-radius: 50%; padding: 5px 10px; display: block; width: 30px; height: 30px; outline: none;color: gainsboro; border-color:gainsboro }
.our-services .owl-carousel .owl-nav button.owl-prev{position: absolute; top:-13%; right:4%;padding: 5px 10px; display: block; width:30px; height:30px; background-color: white; border-radius:50%; outline: none;color: gainsboro; border-color:gainsboro }
.our-services .p1{padding-top: 10px; margin-bottom: 2px}
.our-services p{margin-left: 20px; cursor: pointer}
@media (max-width:767px){
    .our-services .owl-carousel .owl-nav button.owl-prev{right: 10%} 

}
@media (min-width:768px) and (max-width:1199px){
      .our-services .owl-carousel .owl-nav button.owl-prev{right: 6%} 

}
.numbers {padding: 50px; padding-bottom: 50px; background-image: url(content-prlx.jpg)}
.numbers .num1{background-color: rgba(255, 255, 255, .3); padding-top: 50px; padding-bottom: 50px;margin-bottom: 20px}
.numbers .num1 i{font-size: 30px; margin-bottom: 20px; }
.choose{padding-top: 50px; padding-bottom: 50px; background-image: url(content-dot2.jpg)}
.choose img{width: 300px; height:300px;}
.choose .choose1{padding-top: 50px; padding-bottom: 30px;margin-bottom: 20px}
.choose .pchoose {padding-bottom: 30px}
.choose p, span{cursor: pointer}
.choose .pname{margin-bottom:0px; padding-top: 20px; font-size: 22px}
.choose .pi i{margin-right: 20px; padding-top: 20px}
.choose .pi i:hover {color: skyblue}
@media (min-width:991px) and (max-width:1200px){
.choose img{width: 250px; height:250px;}
}
@media (min-width:767px) and (max-width:991px){
.choose img{width: 170px; height:170px;}
}
.testmonial{padding-top: 50px; padding-bottom: 50px; }
.testmonial .item1 img{width: 110px; height: 110px}
.testmonial .testionail1{border: 1px solid #d6d1d1; padding: 50px 20px 30px 20px; border-top-right-radius: 10%; margin-top: 40px}
.testmonial .testionail1 h4{padding-bottom: 20px}
.testmonial .item1 .i1{margin-left: 20px; margin-top: 30px}
.testmonial .item1 p{margin-bottom: 0px}
.testmonial .item1 .ii1{font-size: 14px}
.testmonial .owl-theme .owl-nav{display: none}
.testmonial .testionail1 .owl-theme .owl-dots{position: absolute; top:-20px; right: 5%; }

.testmonial .owl-theme .owl-dots .owl-dot{outline:none}
.testmonial .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #3a95ff;}
.testionail2{padding: 30px 0px 30px 0px}
.item2{margin-top: 20px}
.item2 img{height: 300px; width: 80%}
.testionail2 .act{padding: 10px 10px ; background-image: linear-gradient(to left, #19c49d, #4086f7);border: 1px solid #d6d1d1}
.testionail2 button{padding: 10px 10px ;background-color: transparent; outline: none; border: 1px solid #d6d1d1}

@media (min-width:0px) and (max-width:768px){
 .ttt{margin-top: 50px}
    .testionail2{padding: 10px 0px 10px 0px}
   .testmonial .testionail1{margin-top: 10px}
    .testmonial.testionail1{padding: 10px 0px 10px 0px}
}
.news{padding-top: 50px; padding-bottom:50px; background-image: url(content-dot2.jpg)}
.news .news2 {padding-left: 20px; padding-top: 20px; padding-right: 20px}
.news .col1{padding-left: 0px; padding-right: 0px}
.news .news2 p{font-size: 14px}
.news .news2 .b{margin-bottom: 5px;margin-top: 20px}
.years{padding-top:20px; padding-bottom:15px;background-image: linear-gradient(to left, #19c49d, #4086f7) }
.years .owl-theme .owl-dots{display: none}
.years .owl-theme .owl-nav {display: none}
.info{padding-top: 50px; padding-bottom:10px; }
.info p{width: 20%; padding-bottom: 5px}
.info .b4{width: 35%}
.info li{margin-bottom: 10px; padding-bottom: 5px; font-size: 14px; cursor: pointer}
.info .l{border-bottom:1px solid rgba(203, 193, 193,.1);}
.info .info1{margin-bottom: 30px}
@media (min-width:0px) and (max-width:768px){
.news{ padding-bottom:0px; }
.years{padding-bottom:0px}
}
.scroll{position: fixed; bottom: 5%; right:3%; padding: 3px 10px;border-radius: 3px ; background-color: rgba(0, 0, 0,.4); display: none; cursor: pointer}
.load{position: fixed; top:0; left: 0; height:100%; background-color: white; z-index: 80090999999999; width: 100%}
.load .tt{margin: auto}

.hPage{background-image: linear-gradient(to left, #19c49d, #4086f7); padding-top: 10px; padding-bottom: 10px}
.About{padding-top: 20px; padding-bottom: 50px}
.About .owl-theme .owl-dots .owl-dot{display: none}
.About .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{display: none}
.About .p1 span{margin-right: 10px}
.About p{font-size: 14px}
.About .page1 h3{margin-bottom: 40px;font-weight: 400}
.About .px{margin-bottom: 40px}
.advange{padding-top: 50px; padding-bottom: 70px}
.advange h3{padding-bottom: 30px; font-weight: 400}
.advange .ad1{padding-top: 30px; padding-bottom: 30px; border: 1px solid #ded9d9; margin-bottom: 20px}
.advange .ad1 .ahmed{width: 40%; margin: auto; padding-top: 20px; padding-bottom: 20px; margin-bottom: 10px; border:1px solid #ade2fa}
.advange .ad1 .ahmed i{font-size: 24px}
.advange .ad1 p{font-size: 15px}
.meet{padding-top: 50px; padding-bottom: 50px; background-image: url(content-prlx.jpg)}
.meet img{width: 200px; height:200px;}
.meet .choose1{padding-top: 50px; padding-bottom: 30px;margin-bottom: 20px; background-color: rgba(255, 255, 255,.4); border: 1px solid #e5e0e0}
.meet .pchoose {padding-bottom: 30px}
.meet p, span{cursor: pointer}
.meet .pname{margin-bottom:0px; padding-top: 20px; font-size: 22px}
.meet .pi i{margin-right: 20px; padding-top: 20px}
.meet .pi i:hover {color: skyblue}
.meet h3{padding-bottom: 30px}
@media (min-width:991px) and (max-width:1200px){
.meet img{width: 150px; height:150px;}
}

.what{padding-top: 50px; padding-bottom: 50px;}
.what .owl-carousel .owl-item img { width:  14% ; margin: auto; margin-bottom: 30px}
.what .owl4{padding-top: 50px;}
.what .item{ border: 1px solid #dddbdb; padding-top:30px; padding-bottom: 20px}
.what .owl-carousel button.owl-dot{display: none}
.what h2{font-weight: 400; margin-bottom: 40px}
.what p{font-size: 14px}
.what h4{font-weight: 400; font-size: 16px}
.what .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{display: none}
.scroll2{position: fixed; bottom: 5%; right:3%; padding: 3px 10px;border-radius: 3px ; background-color: rgba(0, 0, 0,.4); display: none; cursor: pointer}
.services{padding-top: 50px; padding-bottom: 50px}
.services h3{font-weight: 400; padding-bottom: 30px}
.services ul{padding-bottom: 30px}
.services p{font-size: 14px}
.services button{outline: none; padding: 5px 10px; border: 1px solid blue; margin-top: 30px}
.services .siv1{margin-bottom: 40px}
@media (min-width:0px) and (max-width:766px){
    .advange .ad1 .ahmed {width:15%}
    .what .owl-carousel .owl-item img{width: 25%}
}
.mixd{padding-top:80px; padding-bottom: 50px}
.mixd h3{padding-bottom: 40px; font-weight:300}
.mixd .mix1{margin-bottom: 20px; border-color: gray}
.mixd p{margin-top: 10px}
.stattics {margin-top: 50px; padding-top: 50px; position: relative; padding-bottom: 50px}
.stattics .stst{background-image: linear-gradient(to left, #19c49d, #4086f7); padding:20px 20px; height:130px;margin-bottom:10px }
.stattics h3{padding-bottom: 20px;font-weight: 300 }
.stattics .stst p {font-size: 20px}
.Teams{padding: 50px 0px 50px 0px}
.Teams p i{margin-right: 7px} 
.Teams h3{font-weight:400; margin-bottom: 20px}
.Teams .owl-theme .owl-dots, .owl-theme .owl-nav{display: none}
.Teams2{background-image: url(content-prlx.jpg); padding: 50px 0px 50px 0px}
.Teams2 .container{background-color: rgba(255, 255, 255,.4); padding:30px 10px 30px 10px }
.Teams2 .tt1 img{width: 100%}
.Teams2 .chp{margin-bottom:0px}
.Teams2 h3{margin-bottom: 20px}
.Teams2 p i{margin-right: 20px}
.Teams2 .tx{font-size: 13px}
.Teams3{padding-top: 50px; padding-bottom: 50px;}
.Teams3 img{width: 200px; height:200px;}
.Teams3 .choose1{padding-top: 20px; padding-bottom: 30px;margin-bottom: 20px;border-color: gainsboro;}
.Teams3 .pchoose {padding-bottom: 30px}
.Teams3 p, span{cursor: pointer}
.Teams3 .pname{margin-bottom:0px; padding-top: 20px; font-size: 22px}
.Teams3 .pi i{margin-right: 20px; padding-top: 20px}
.Teams3 .pi i:hover {color: skyblue}
.Teams3 h3{padding-bottom: 30px}
.Teams4{padding: 50px 0px 50px 0px; background-image: url(content-dot2.jpg)}
.Teams4 img{width: 100px;margin-right: 10px}
.Teams4 p{font-size: 14px}
.Teams4 h3{font-size: 16px}
.Teams4 .ttt4{padding: 20px 20px; margin-bottom: 10px}
.Teams4 .tm1{padding-right:0px}
.Teams4 h4{padding-bottom: 40px;}
 .contact{padding:50px 0px 20px 0px}
 .contact input{height:43px; outline:none}
 .contact i{font-size:8px}
 .contact .form-control:focus{box-shadow:none}
 .contact button{width:130px; outline:none}
 .contact .contact1{Margin-bottom:20px}
 .contact .contact1 img{Margin-bottom:10px}
 .contact .contact1 p{Margin-bottom:3px}
@media (min-width:991px) and (max-width:1200px){
.Teams3 img{width: 150px; height:150px; }
}
@media (min-width:767px) and (max-width:991px){
    .advange .ad1 .ahmed{width: 20%}
    .advange .ad1 .ppd{width: 15%}
     .what .owl-carousel .owl-item img{width: 20%}
    .Teams2 .tt1 img{width: 40%} 
    .Teams2{text-align: center}
}
@media(max-width:767px){
   .Teams2 .tt1 img{width: 70%} 
    .Teams2{text-align: center}
}

@media(min-width:991px){
    .stattics{padding-top: 300px}
    .stattics .s2{height:150px}
     .stattics .s3{height:195px}
     .stattics .s4{height:175px}
     .stattics .s5{height:155px}
    .stattics .t{ position: absolute; bottom: 0; left: 0; width: 70%}
    .stattics h3{position: absolute; top:0px; text-align: center; }

}