body{ padding: 0px; margin: 0px; list-style: none; color:#000;}
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6, p{padding: 0px 0 15px 0; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
button, input[type="submit"]{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; -webkit-appearance: none; outline: none;}
input, button{ -webkit-appearance: none;}
input:focus, textarea:focus{ outline: none; box-shadow: none;}
button:focus, input[type="submit"]:focus{ outline: none; box-shadow: none;}
figure{ margin: 0px !important; padding: 0px;}
img{ max-width: 100%; object-fit:cover;}
a, span, strong, em{ display: inline-block;}
body{ font-family: var(--font-1);}

:root
{
    /* colors */
    --c-000: #000;
   	--c-888: #888;
   	--c-fff: #fff;
   	--c-004AAD: #004AAD;

    /* font-family */
    --font-1: 'Century Gothic';
    /* font-sizes */
    --font-80:80px;
    --line-80:89px;

    --font-60:60px;
    --line-60:69px;

    --font-58:58px;
    --line-58:65px;

    --font-56:56px;
    --line-56:60px;

    --font-40:40px;
    --line-40:49px;

    --font-38:38px;
    --line-38:43px;

    --font-30:30px;
    --line-30:39px;

    --font-26:26px;
    --line-26:35px;

    --font-24:24px;
    --line-24:32px;

    --font-20:20px;
    --line-20:28px;

    --font-18:18px;
    --line-18:26px;

    --font-16:16px;
    --line-16:20px;

    --font-14:14px;
    --line-14:18px;

    --font-12:12px;
    --line-12:15px;

}

.tophead{ width: 100%; padding: 80px 0; position: relative;}
.tophead h6{ font-size: var(--font-24); line-height: var(--line-24);font-family: var(--font-1);font-weight: 700;}
.tophead h5{ font-size: var(--font-26); line-height: var(--line-26);font-family: var(--font-1);font-weight: 700;}
.tophead h4{ font-size: var(--font-38); line-height: var(--line-38);font-family: var(--font-1);font-weight: 700;}
.tophead h3{ font-size: var(--font-56); line-height: var(--line-56);font-family: var(--font-1);font-weight: 700;}
.tophead h2{ font-size: var(--font-58); line-height: var(--line-58);font-family: var(--font-1);font-weight: 700;}
.tophead h1{ font-size: var(--font-60); line-height: var(--line-60);font-family: var(--font-1);font-weight: 750;}

.font18 h6{font-size: var(--font-18); line-height: var(--line-18);font-family: var(--font-1);font-weight: 700;}
.font20 h5{font-size: var(--font-20); line-height: var(--line-20);font-family: var(--font-1);font-weight: 400;}
.font40 h4{font-size: var(--font-40); line-height: var(--line-40);font-family: var(--font-1);font-weight: 700;}




.butns{ font-size: var(--font-18); line-height: var(--line-18); color: #fff; font-weight: 700; background: #DBAC34; min-width: 250px; line-height: 50px; text-align: center; font-family: var(--font-1);}

.navbar{ margin: 0px; padding: 0px;}
.navbar-brand{ margin: 0px; padding: 0px; width: 200px;}
.menu_sec li{font-size: var(--font-20); line-height: var(--line-20); font-weight: 400;padding: 15px; color: #000;}
.menu_sec li a{ color: #000;}
.head-con a{background: #fff;color: #1E1E4B;}


.container{max-width: 1440px;}


/* banner part */
.sec-banner{position: relative;}
.sec-banner img{width: 100%;object-fit: cover;}
.sec-info{max-width: 560px;top:20%;position: absolute;}
.sec-info h1{color:#fff;}
.sec-info h1 span{color:linear-gradient(270deg, #30707A 0%, #DBAC34 42.79%);}
.sec-info p{color:#fff;margin-bottom: 10px;font-size: var(--font-20);line-height: var(--line-20);}
.foot-form form{display: flex;width: 100%;}
.foot-form input[type="email"]{width:360px;border: 0;outline: none;padding: 16px 16px;font-size: 14px;}
.foot-form button{border: 0;padding: 15px;background: #f0b429;color: #0b1227;font-weight: 700;font-size: 18px;}


/* after banner */
.sec-after{position: relative;}
.sec-after::before{position:absolute;top:0;right: 0;width: 50%;height: 70%;content: "";background:url(../images/after-banner.png) no-repeat top right}
.sec-after h2{font-size: var(--font-60);line-height: var(--line-60);font-weight: 700;color: #1E1E4B;}
.info-head{max-width: 770px;}


/* carocel part */
.first-part{max-width: 250px;}
.first-part p{font-size: var(--font-16);line-height: var(--line-16);}
.first-part a{float: right;margin-top: 40px;color: #1E1E4B;font-size: var(--font-16);line-height: var(--line-16);font-weight: 700;}












/* We succeed */
.sec-succed{background: #E8EEEE;}
.sec-succed p {max-width: 825px;}
.info-img {margin-top: 30px;text-align: center;}
.info-img img{margin-bottom: 30px;}
.information{max-width: 269px;}

/*honeycomb maze*/
.comb-info {margin-left: 50px;}
.comb-info h1,h5 {color: #1E1E4B;}
.comb-info p{margin: 40px 0px;}
.comb-info a{color: #1E1E4B;text-transform: uppercase;}









/* testimonial part*/
.box{box-shadow: 0px 4px 35px 0px #00000014;background: #546F73;border-radius: 12px;padding: 30px 45px;}
.box-info{color: #fff;border-radius: 12px;height: 240px;}
.bottom-part {border-top: 1px solid #DBAC3480;display: flex;flex-wrap: wrap; justify-content: space-between;}
.testi-img{margin-top: 25px;}
.sec-user i{width: 60px;height: 60px;border-radius: 100%;background-color: #fff;justify-content: center;align-items: center;display: flex;flex-wrap: wrap;font-style: normal;font-size: var(--font-26);line-height: var(--line-26);weight:500;}
.sec-user {margin-top: 25px;}
.sec-user-info strong{display: block;color: #fff;font-size: var(--font-20);line-height: var(--line-20);}
.sec-user-info span{color: #fff;}
.sec-user-info{margin-left: 15px ;}


/* meet our team */
.our-team a{color: #1E1E4B;margin-top: 25px;}
.team-image {position: relative;}
.team-image::before{position: absolute;content: "";top: 20%;left: 0;width: 100%;height: 80%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.036) 24.52%, rgba(0, 0, 0, 0.2) 100%);background-color: #F5F5F5;border-radius: 10px;}
.team-image img{z-index: 1;position: relative;height: 246px;border-radius: 10px;}
.team-image a{z-index: 1;}
.team-info h6{font-size: var(--font-20);line-height: var(--line-20);}
.text-info span{font-style: normal;font-size: var(--font-16);line-height: var(--line-16);}
.team-info {margin-top: 25px;text-align: center;}
.career-icon{position: absolute;top: 80%;right: 8%;}
.career-icon a{background: #f0b429;border-radius: 100%;height: 35px;display: flex;flex-wrap: wrap;width: 35px;justify-content: center;align-items: center;color:#fff;}





/* before footer part */
.before-foot{background: #546F73;position: relative;}
.before-foot::before{position:absolute;top:0;right: 0;width: 50%;height: 100%;content: "";background:url(../images/before-foot.png) no-repeat top right}
.head-part h4{max-width: 675px;color: #fff;margin-bottom: 20px;}

/* footer part */
.footer-tab {background: #1E1E4B;}
.part p{color: #fff;padding: 30px 0;}
.part li{padding: 5px;}
.part li a{color: #fff;}
.part em{font-style: normal;margin-left: 10px;}
.icon ul{display: flex;}
.icon li {padding: 10px 0px;font-weight: normal;display: flex;color: #fff;}
.icon li strong{flex: 1;}
.icon i {background: #f0b429;border-radius: 100%;margin: 0px 15px 0px 0px;height: 32px;display: flex;flex-wrap: wrap;width: 32px;justify-content: center;align-items: center;}
.part h6{color: #fff;}
.bottom{color: #fff;}
.bottom-info a{color: #fff;}
.bottom-info {color:#fff;padding: 0px 0 40px;}
.bottom-info ul {display: flex;justify-content: space-around;}







































  
  
@media (min-width: 992px) and (max-width: 9000px) {
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0px; border: none; border-bottom: 2px solid #ccc; 
    background:#fff !important;
    width: 150px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 5px 8px 8px; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 300px;opacity: 1; visibility: visible; /*transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;*/}






}


@media only screen and (max-width: 1799px) {


:root
{
    /* font-sizes */
    --font-80:70px;
    --font-60:50px;
    --font-40:30px;
    --font-30:25px;
    --font-24:20px;
    --font-18:17px;
    --font-16:15px;
    --font-14:14px;
    
    /* font-Lineheight */
    --line-80:79px;
    --line-60:59px;
    --line-40:39px;
    --line-30:29px;
    --line-24:23px;
    --line-18:23px;
    --line-16:20px;
    --line-14:18px;
}



}


@media only screen and (max-width: 1599px) {
.container{max-width: 1370px;}
:root
{
    /* font-sizes */
    --font-80:60px;
    --font-60:40px;
    --font-40:25px;
    --font-30:22px;
    --font-24:18px;
    --font-18:15px;
    --font-16:14px;
    --font-14:13px;
    
    /* font-Lineheight */
    --line-80:69px;
    --line-60:49px;
    --line-40:29px;
    --line-30:25px;
    --line-24:23px;
    --line-18:23px;
    --line-16:20px;
    --line-14:18px;
}



}   





@media only screen and (max-width: 1399px) {
.container{max-width: 1170px;}
:root
{
    /* font-sizes */
    --font-80:60px;
    --font-60:40px;
    --font-40:25px;
    --font-30:22px;
    --font-24:18px;
    --font-18:15px;
    --font-16:14px;
    --font-14:13px;
    
    /* font-Lineheight */
    --line-80:69px;
    --line-60:49px;
    --line-40:29px;
    --line-30:25px;
    --line-24:23px;
    --line-18:23px;
    --line-16:20px;
    --line-14:18px;
}






} 


@media only screen and (max-width: 1199px) {
.container{max-width: 960px;}






}


@media only screen and (max-width: 991px) {
.nav_top .navbar-toggler{ border: none; background: none;padding: 10px 0; margin-right: 15px;box-shadow: none;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 34px;height: 3px;  border-radius: 16px; background-color: #fff;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 6px;}
.navbar-toggler .icon-bar{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navbar-toggler.showtoggle .icon-bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;}  
.navbar-toggler.showtoggle .icon-bar:nth-child(3) { transform: translateY(-10px) rotate(-45deg);} 
.header_sec .container{ padding: 0px;}
.navbar-collapse{ position: absolute; top: 100%; left: 0px; background: rgba(0,0,0,0.9); width: 100%; z-index: 11;}
.navbar-brand{ padding-left: 15px;}
.menu_sec li a{ width: 100%; padding: 10px 15px;}
        

.container{max-width: 720px;}










}

 
@media only screen and (max-width: 767px){
.container{max-width:100%;}




}




@media only screen and (max-width: 640px){ 

  


} 

@media only screen and (max-width: 480px){ 



}
@media only screen and (max-width: 400px){ 




}