@import url('https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');




body {margin: 0;padding: 0;background-color: #ffffff;font-family: 'Poppins', sans-serif;font-weight: 400;}
h1, h2, h3, h4, h5, h6{font-family: "Montserrat", sans-serif;margin:0;padding: 0;color:#1b1b1b}
h3{ font-size:44px; color:#354049; font-weight:bold; margin-bottom:40px}

h4{ font-size:26px; color:#354049; font-weight:bold; margin-bottom:20px;}
p{font-family: "Source Sans 3", sans-serif; font-size: 17px;font-weight: 400; margin-bottom:15px;color:#2f2f2f; line-height:27px;}
img {max-width: 100%;border: none;}
a {text-decoration: none;outline: none !important;}
b, strong {font-weight: bold;}
.btn{background: #f8b325;border-radius: 5px;padding: 12px 37px;display: inline-block;color: #354049;font-size: 18px;font-family: "Source Sans 3", sans-serif;font-weight: bold; position:relative; transition: all .3s ease-in-out;}
.btn span{ margin-left:10px;}
.btn:hover img{ filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);transition: all .3s ease-in-out;}
.btn:hover{ background: #354049;color: #fff;transition: all .3s ease-in-out;}


/*-- header area start --*/
.header_area{z-index: 9;width: 100%; padding-top:20px; position:absolute;transition:all .5s ease-in-out}
.header_area .container {position: relative;}
.header{display: flex;justify-content: space-between;}
.header .logo {width: 100%;max-width: 230px;}
.header .logo img{width: 100%;object-fit: cover;}
.header_area .btn{height: 55px;}

@media screen and (min-width: 360px) {
.header_area.fix .header-top{display: none;}
.header_area.fix .btn{position: relative;top: -5px;}
.header_area.fix .navigation .btn {margin: 32px 0;}
.header_area.fix {position: fixed;width: 100%;left: 0;top: 0;background-color: #ffffff !important;border: none;z-index: 999;-webkit-animation-duration: 1s;
animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;
box-shadow: 1px 1px 7px hsl(0deg 0% 0% / 19%);padding: 15px 0px 5px 0px;min-height: auto; transition:all .5s ease-in-out}
.header_area.fix .logo{width: 150px;}

}
/*-- header area stop --*/

/*------------------banner css start--------------------*/
.bannersection{background:#f2f2f2;position: relative;padding: 200px 0px 100px;}
.bannersection:after{ position:absolute; content:""; background:url(../images/shap.png) no-repeat;width: 78px;height: 119px;bottom: 35px;}
.bannersection:before{ position:absolute; content:""; background:url(../images/shap1.png) no-repeat;width: 133px;height: 204px;top: 40%; right:0px;}
.btext{flex: 0 0 auto;width: 48%;}
.bannimg{flex: 0 0 auto;width: 52%;}
.bannertext h1{font-size: 45px;color: #354049;line-height: 50px;font-weight: bold;margin-bottom: 25px;}
.bannertext p{font-size: 18px;color: #354049;margin-bottom: 25px;}
.bannerimg{ background:url(../images/bannerbg.png) no-repeat;width: 721px;position: relative;height: 430px;background-position: center;
  background-size: 100%;z-index: 9;}
.bannerinarea{position: absolute;top: 28px;left: 0px;height: 333px;right: 0px;margin: 0 auto;width: 530px;}  
.bannerbg{ position:relative;}
.bannerinarea img{height: 100%;object-fit: cover; position:relative;}
.bannerbg:after{ position:absolute; content:""; background:url(../images/icon1.png) no-repeat;width: 142px;height: 123px;top: -90px;left: 42px;}
.bannerinarea:before{ position:absolute; content:""; background:url(../images/icon.png) no-repeat;width: 142px;height: 119px;bottom: 100px;left: -54px;}
/*------------------banner css stop--------------------*/

/*----------------Our Core Values css start-----------------*/
.corevalues{padding: 110px 0px 90px;}
.corevalues h3{ margin-bottom:70px; position:relative; display:inline-block;padding-left: 50px;}
.corevalues h3:after{ position:absolute; content:""; background:url(../images/icon2.png) no-repeat;width: 35px;height: 54px;top: 0px;left: 0px;}
.corevalues h3 span{ margin-right:20px;}
.coreimg{ position:relative;margin-bottom: 20px;}
.coreimg img{ position:relative; z-index:9;}
.coreimg:after{position: absolute;content: "";width: 80px;height: 80px;background: #f2e5cbfa;border-radius: 50px;left: 23px;top: 0px;}
.corevalues p{ width:92%;}
/*----------------Our Core Values css stop-----------------*/

/*----------------our mission section css start------------------*/
.ourmission{background:#f6f6f6;padding: 70px 0px; position:relative;}
.ourmission:after{ position:absolute; content:""; background:url(../images/icon3.png) no-repeat;width: 71px;height: 123px;top: 40%;left: 0px;}
.ourmission h3{position:relative; display:inline-block;padding-left: 50px;}
.ourmission h3:after{ position:absolute; content:""; background:url(../images/icon2.png) no-repeat;width: 35px;height: 54px;top: 0px;left: 0px;}
.ourmission p{ width:95%;}
.watch{ padding:80px 0px;}
.watchimg{border: 1px solid #ddd;border-radius: 5px;overflow: hidden;margin-bottom: 45px;}
.watchimg img{width: 100%;height: 100%;object-fit: cover;}
.watch h6{ font-size:16px; color:#354049; margin-top:25px;font-family: "Source Sans 3", sans-serif;}
/*----------------our mission section css stop------------------*/

/*----------------Our Marketing section css start------------------*/
.ourmarketing{ padding:80px 0px; background:#f9f9f9; position:relative;}
.ourmarketing h3{display: inline-block;margin-bottom: 75px; position:relative;}
.ourmarketing h3:after{ position:absolute; content:""; background:url(../images/icon2.png) no-repeat;width: 35px;height: 54px;top: 0px;left: -50px;}
.ourmarketing h3:before{ position:absolute; content:""; background:url(../images/icon4.png) no-repeat;width: 35px;height: 54px;top: 0px;right: -50px;}
.ourmarketing h4 {font-size: 17px;color: #354049;font-weight: bold;margin-bottom: 10px;line-height: 23px;}
.ourmarketing p{font-size: 14px;font-weight: 400;margin-bottom: 20px;color: #354049;line-height: 20px;}
.ourmarketimg{width: 590px;margin-left: -60px;}
.ourtext{ min-height:185px;}
.ourleftin{flex: 0 0 auto;width: 47%;}
.ourleft{flex: 0 0 auto;width: 26%;}
.ourleft1{flex: 0 0 auto;width: 27%;}
.ourmarketing:after{ position:absolute; content:""; background:url(../images/icon5.png) no-repeat;width: 137px;height: 187px;top: 190px;right: 0px;}
/*----------------Our Marketing section css stop------------------*/

/*--------our pricing section css start-------------*/
.ourpricing{ padding:70px 0px;}
.ourpricing h3{display: inline-block;margin-bottom: 65px; position:relative;}
.ourpricing h3:after{ position:absolute; content:""; background:url(../images/icon2.png) no-repeat;width: 35px;height: 54px;top: 0px;left: -50px;}
.ourpricing h3:before{ position:absolute; content:""; background:url(../images/icon4.png) no-repeat;width: 35px;height: 54px;top: 0px;right: -50px;}
.pricingbox{border: 2px solid #ddd;padding: 40px 50px;border-radius: 8px;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.pricingbox h4{font-size: 44px;color: #354049;margin-bottom: 25px;padding-bottom: 25px; position:relative;}
.pricingbox h4:after{ position:absolute; content:""; width:100px; height:1px; bottom:0px; left:0px; margin:0 auto; right:0px; background:#354049;}
.pricingbox p{font-size: 18px;color: #354049;line-height: 29px;margin-bottom: 55px;}
.pricingbox h2{font-size: 64px;font-weight: bold;color: #354049;margin-bottom: 25px;}
.pricingbox h6{ font-size:18px; color:#354049; margin-top:30px;}
.pricingbox:hover{ background:#f8b325;border: 2px solid #f8b325;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.pricingbox:hover .btn{ background:#354049; color:#fff;}
.pricingbox:hover .btn img{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);transition: all .3s ease-in-out;}
/*--------our pricing section css stop-------------*/


/*-----------footer area css start---------------*/
.footer{background:#272f36; padding:40px 0px;text-align: center;}
.footer_logo{max-width: 180px;width: 100%;}
.footer ul{ padding:0px; margin:0px;}
.footer ul li{ display:inline-block; margin:0px 3px;}
.footer ul li a{color: #f8b325;font-size: 18px; font-weight:bold; transition:all .5s ease-in-out;}
.footetext{display: flex;justify-content: space-between;align-items: center;}
.footer h6{ font-size:18px; color:#cfcfcf;}
.footer h5{ display:none;font-size:18px; color:#cfcfcf; margin-top:10px;}
/*-----------footer area css stop---------------*/