/* font family link */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap');

/* universal css start */
*{
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}
/* universal css end */

/* global css start */
body{
 font-family:'Outfit', sans-serif;
}
p{
 font-size: 15px;
 color: #545454;
 margin-bottom: 1em;
 line-height: 100%;
}
h1{
 font-size: 3em;
 font-weight: 700;
 line-height: 55px;
 letter-spacing: 1px;
}
h2{
 font-size: 1.7em;
 font-weight: normal;
}
h3{
 font-size: 1em;
}
h5{
 font-size: 0.8em;
}
h6{
 font-weight: bold;
 margin-bottom: 15px;
}
h1,h2,h3,h5,h6{
 color: #0D1F35;
}
a{
 text-decoration: none;
}
.container_full{
 width: 100%;
}
.fix{
 overflow: hidden;
}
.container{
 width: 1000px;
 display: block;
 margin: 0 auto;
}
/* global css end */

/* local css start */

/* header start */
#header{
 position: sticky;
 top: 0;
 background-color: #fff3df;
}
#header .wrapheader{
 margin-bottom: 15px;
}
#header .wrapheader .left-logo{
 width: 162px;
 display: inline-block;
}
#header .wrapheader .left-logo .main-logo{
 width: 90%;
 padding: 10px;
}
#header .wrapheader .middle-nav{
 width: 60%;
 display: inline-block;
 text-align: center;
}
#header .wrapheader .middle-nav nav{
 display: inline-block;
}
#header .wrapheader .middle-nav nav #menu{
 list-style: none;
}
#header .wrapheader .middle-nav nav #menu li{
 float: left;
}
#header .wrapheader .middle-nav nav #menu li a{
 display: block;
 font-size: 13px;
 font-weight: bold;
 color: #545454;
 border-bottom: 1px solid #fff;
 padding: 30px 0px;
 margin: 0px 30px;
}
#header .wrapheader .middle-nav nav #menu li a:hover{
 border-bottom: 2px solid #FF8B38;
}
#header .wrapheader .middle-nav nav #menu li.active a{
 border-bottom: 2px solid #FF8B38;
}
#header .wrapheader .right-button{
 width: 19%;
 float: right;
}
#header .wrapheader .right-button #btn1{
 padding: 12px 22px;
 font-size: 12px;
 margin: 19px 0px;
 color: #fff;
 font-weight: bold;
 border: none;
 border-radius: 12px;
 background-color: #1B2638;
 font-family:'Outfit', sans-serif;
}
#header .wrapheader .right-button #btn1:hover{
 background-color: #081320;
 cursor: pointer;
}
/* header end */

/* hero section start */
#hero .bg-border{
 border-top: 1px solid #ddd;
 margin-top: -21px;
}
#hero .wraphero{
 width: 100%;
 margin-bottom: 50px;
}
#hero .wraphero .left-h-buttons{
 width: 40%;
 float: left;
 margin: 60px 0px;
}
#hero .wraphero .left-h-buttons .fa-fire{
 color: #FF8B38;
 margin-right: 5px;
}
#hero .wraphero .left-h-buttons #btn2{
 padding: 15px 23px;
 font-size: 14px;
 margin: 25px 0px;
 color: #fff;
 font-weight: bold;
 border: none;
 border-radius: 15px;
 background-color: #FF8B38;
 font-family:'Outfit', sans-serif;
}
#hero .wraphero .left-h-buttons #btn2:hover{
 background-color: #ca6e2c;
 color: #ddd;
 cursor: pointer;
}
#hero .wraphero .left-h-buttons #btn3{
 padding: 15px 23px;
 font-size: 14px;
 margin: 25px 10px;
 color: #081320;
 font-weight: bold;
 border: 1px solid #ddd;
 border-radius: 15px;
 background-color: #fff;
 font-family:'Outfit', sans-serif;
}
#hero .wraphero .left-h-buttons #btn3:hover{
 background-color: #ddd;
 color: #081320;
 cursor: pointer;
}
#hero .wraphero .left-h-buttons .fa-long-arrow-alt-right, #hero .wraphero .left-h-buttons .fa-check-circle{
 margin-left: 10px;
 font-size: 14px;
}
#hero .wraphero .left-h-buttons .fa-check-circle{
 color: #9282ee;
}
#hero .wraphero .right-hero-image{
 width: 50%;
 float: right;
}
#hero .wraphero .right-hero-image .hero-img{
 width: 80%;
}
/* hero section end */

/* menu section start */
#menucard .wrapmenu{
 margin-top: 100px;
}
#menu .wrapmenu .upperheading{
}
#menucard .wrapmenu .upper-heading .fa-paint-brush{
 font-size: 10px;
 margin-bottom: 10px;
}
#menucard .wrapmenu .upper-heading h5{
 margin-bottom: 15px;
}
#menucard .wrapmenu .upper-heading .proud{
 font-size: 2.5em;
 width: 65%;
 color: #0D1F35;
 font-weight: normal;
 display: inline-block;
}
#menucard .wrapmenu .upper-heading .fa-long-arrow-alt-right{
 font-size: 25px;
 margin: 35px 80px 35px 10px;
 float: right;
 color: #0D1F35;
}
#menucard .wrapmenu .upper-heading .fa-long-arrow-alt-right:hover{
 color: #7877EE;
 cursor: pointer;
}
#menucard .wrapmenu .lower-menu-card{
 width: 93%;
 margin: 0 auto;
}
#menucard .wrapmenu .lower-menu-card .same-card{
 width: 270px;
 height: 250px;
 float: left;
 margin: 20px;
 padding: 25px;
 border-radius: 25px;
}
#menucard .wrapmenu .lower-menu-card .change1{
 background-color: #FEEDD1;
}
#menucard .wrapmenu .lower-menu-card .change2{
 background-color: #ABF0FF;
}
#menucard .wrapmenu .lower-menu-card .change3{
 background-color: #D6D5FF;
}
#menucard .wrapmenu .lower-menu-card .same-card .fa-unlock-alt, #menucard .wrapmenu .lower-menu-card .same-card .fa-chart-area, #menucard .wrapmenu .lower-menu-card .same-card .fa-tachometer-alt{
 width: 50px;
 height: 50px;
 padding: 14px;
 border-radius: 50px;
 background-color: #fff;
}
#menucard .wrapmenu .lower-menu-card .same-card .fa-unlock-alt{
 color: #C7841B;
}
#menucard .wrapmenu .lower-menu-card .same-card .fa-chart-area{
 color: #2A9CB6;
}
#menucard .wrapmenu .lower-menu-card .same-card .fa-tachometer-alt{
 color: #6466C9;
}
#menucard .wrapmenu .lower-menu-card .same-card h3,p{
 margin-top: 15px;
 padding-right: 10px;
}
#menucard .wrapmenu .lower-menu-card .same-card #btn4{
 font-size: 11px;
 margin-top: 20px;
 font-weight: bold;
 color: #3d3d3d;
 border: none;
 background: none;
}
#menucard .wrapmenu .lower-menu-card .same-card #btn4:hover{
 color: #868585;
 cursor: pointer;
}
#menucard .wrapmenu .lower-menu-card .same-card #btn4 .fa-long-arrow-alt-right{
 margin-left: 5px;
}
/* menu section end */

/* about section start */
#about .wrapabout{
 margin-top: 100px;
}
#about .wrapabout .left-headings{
 width: 50%;
 float: left;
 margin: 97px 0px;
}
#about .wrapabout .left-headings h2{
 font-size: 25px;
}
#about .wrapabout .left-headings #btn3{
 padding: 15px 23px;
 font-size: 14px;
 margin: 25px 0px;
 color: #fff;
 font-weight: bold;
 border: none;
 border-radius: 15px;
 background-color: #FF8B38;
 font-family:'Outfit', sans-serif;
}
#about .wrapabout .left-headings #btn3:hover{
 background-color: #ca6e2c;
 color: #ddd;
 cursor: pointer;
}
#about .wrapabout .left-headings .fa-long-arrow-alt-right{
 margin-left: 10px;
 font-size: 14px;
}
#about .wrapabout .right-back-image{
 float: right;
 width: 50%;
}
#about .wrapabout .right-back-image img{
 float: right;
 width: 400px;
}
/* about section end */

/* price section start */
#price .wrapprice{
 width: 93%;
 margin: 100px auto 20px auto;
}
#price .wrapprice .price-card{
 width: 270px;
 height: 250px;
 float: left;
 margin: 20px 16px 20px 17px;
 padding: 20px;
 border-radius: 25px;
 text-align: center;
}
#price .wrapprice .card1{
 background-color: #ABF0FF;
}
#price .wrapprice .card2{
 background-color: #D6D5FF;
 width: 290px;
 height: 290px;
 padding-top: 40px;
 margin-top: 0px;
}
#price .wrapprice .card3{
 background-color: #FEEDD1;
}
#price .wrapprice .price-card .up-price-wrap{
 border-bottom: 1px solid #C2C4F5;
}
#price .wrapprice .price-card h6{
 color: #0D1F35;
 font-size: 12px;
}
#price .wrapprice .price-card h1{
 font-size: 2.2em;
}
#price .wrapprice .price-card p{
 font-size: 14px;
 margin-bottom: 25px;
}
#price .wrapprice .price-card h3{
 margin: 20px;
}
/* price section end */

/* newsletter start */
#newsletter .wrapmail{
 margin-top: 50px;
 border-radius: 25px;
 text-align: center;
 padding: 20px 0px;
 background-color: #fff3df;
}
#newsletter .wrapmail input{
 padding: 5px 20px;
 border: 1px solid #868585;
 border-radius: 7px;
 margin-top: 25px;
}
#newsletter .wrapmail #btn5{
 padding: 6px 20px;
 border: none;
 color: #fff;
 font-weight: bold;
 font-family:'Outfit', sans-serif;
 font-size: 12px;
 border-radius: 7px;
 background-color: #FF8B38;
}
#newsletter .wrapmail #btn5:hover{
 background-color: #ca6e2c;
 color: #ddd;
 cursor: pointer;
}
#newsletter .wrapmail ul{
 list-style: none;
 display: block;
 margin: 0 auto;
}
#newsletter .wrapmail ul li{
 display: inline-block;
 margin-top: 10px;
}
#newsletter .wrapmail ul li a{
 display: block;
 margin: 20px;
 font-size: 12px;
 color: #868585;
}
#newsletter .wrapmail ul li a:hover{
 color: #0D1F35;
}
/* newsletter end */

/* footer start */
#footer .foot-text{
 margin-top: 50px;
 border-top: 1px solid #ddd;
 padding-top: 20px;
 text-align: center;
 color: #545454;
}
/* footer end */
/* local css end */