@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
}

.upperheader {
    /*background: #09833B;*/
	background: #19A463;
    padding: 12px 0px;
}

.container {
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
}

.upperHeader_row {
    display: flex;
    justify-content: space-between;
}

.social_icon *,
.info * {
    color: #fff;
}

.social_icon {
    display: flex;
    column-gap: 20px;
}

.info {
    display: flex;
    column-gap: 30px;
}

.info a {
    display: flex;
    column-gap: 10px;
    align-items: center;
}


/* main header */

.main-header {
    display: flex;
    justify-content: space-between;
    padding: 15px 0px;
    align-items: center;
}

ul.nav-links {
    display: flex;
    column-gap: 20px;
}

a.logo-text {
    color: #09833B;
    font-size: 35px;
    font-weight: bold;
}

ul.nav-links li a {
    color: #707070;
    font-size: 18px;
    font-weight: 400;
}


/* ====================== hero section ================= */

.hero {
    background-image: url('../img/main.png');
    padding: 120px 0px 240px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hero-main-img,
.hero-info {
    width: 50%;
}

.hero-main-img img {
    float: right;
}

h3.hero-heading {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
}

ul.hero-list li {
    color: #fff;
    font-size: 22px;
    line-height: 2;
}

ul.hero-list {
    position: relative;
}

ul.hero-list li:before {
    content: "\f058";
    width: 10px;
    height: 10px;
    position: relative;
    font-family: 'Font Awesome 5 Free';
    margin-right: 15px;
}


/* ================== FREE TRIALS ================= */

.trials-col {
	margin: 60px 0px;
	background-image: url('../img/trials.png');
	padding: 32px 0px;
	background-repeat: no-repeat;
	border-radius: 25px;
	background-position: center;
	background-size: cover;
}

.trials-col * {
    color: #fff;
    text-align: center;
}

h2.trials-heading {
    font-size: 42px;
    font-weight: bold;
}

h3.trials-preheading {
    font-size: 22px;
    font-weight: 600;
}

p.trials-para {
    font-size: 18px;
}

.trials-content {
    max-width: 70%;
    margin: 0 auto;
}


/*  */

.what-do-col {
    margin: 60px 0px;
    padding: 32px 0px;
}

.what-do-content {
    text-align: center;
    max-width: 70%;
    margin: 0 auto;
}

h2.what-do-heading {
    font-size: 32px;
    font-weight: bold;
}

p.what-do-para {
    font-size: 18px;
}


/* ====================== boxes ====================== */

.box {
	border: 1px solid #09833B;
	padding: 30px;
    height: fit-content;
	border-radius: 10px;
	box-shadow: 0 4px 35px rgba(0, 85, 255, 0.13);
}

.box-main {
    display: flex;
    column-gap: 50px;
}

.box-col {
	display: flex;
	flex-direction: column;
	row-gap: 50px;
	width: 33.3%;
}

h3.box-heading {
    font-size: 22px;
    font-weight: 600;
}

p.box-para {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 10px;
}

ul.box-list li {
    font-size: 18px;
    line-height: 1.5;
}

ul.box-list {
    position: relative;
}

ul.box-list li:before {
    content: "\f058";
    color: #09833B;
    width: 10px;
    height: 10px;
    position: relative;
    font-family: 'Font Awesome 5 Free';
    margin-right: 15px;
}

.box img {
    margin-bottom: 15px;
}


/* ============= Services ============ */

.services {
    padding: 60px 0px;
}

h2.services-heading {
    text-align: center;
    margin-bottom: 60px;
}


/* owl carousel */

#owl-demo .item {
    margin: 3px;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}


/* =============who we are =============== */

.history-row {
    display: flex;
}

.history-col1 {
    width: auto;
    padding-right: 30px;
}

.history-col2 img {
    padding-bottom: 20px;
}

.who-we-are p {
    line-height: 40px;
    font-weight: 300;
}

.history.about-team {
    margin-top: 70px;
}

.history.about-team h2.history-heading {
    padding-bottom: 20px;
}

.history.about-team .history-col1 {
    width: auto;
}


/* carreer start  */

.carreer {
    padding: 60px 0px;
}
.carreer .huzi-h2 {
	text-align: center;
	margin-bottom: 60px;
}
/* HUZAIFA CSS START */
.huzi-h3 {
	font-size: 28px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.huzi-h2 {
	font-size: 32px;
}   
.huzi-p {
	color: #3B3B3B;
	font-size: 18px;
	line-height: 2;
}
.huzi-flex{
    display: flex;
}
.huzi-col{
    width: 100%;
}
.huzi-col-50{
    width: 50%;
}
.huzi-col-60{
    width: 60%;
}
.huzi-col-40{
    width: 40%;
}
.huzi-col-33{
    width: 33%;
}
.huzi-col-20{
    width: 20%;
}
.huzi-mrt-50{
    margin-top: 50px;
}

.carreer .huzi-col-40 img {
	width: 100%;
	padding-left: 30px;
}
.huzi-ul li {
	position: relative;
	padding-left: 25px;
	font-size: 18px;
	line-height: 2;
	color: #3B3B3B;
}
.huzi-ul li::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #09833B;
	border-radius: 50px;
	position: absolute;
	left: 0;
	top: 7px;
}
.huzi-ul-heading {
	margin-top: 20px;
	font-weight: 500;
	margin-bottom: 10px;
	font-size: 18px;
}
.carreer em {
	margin-bottom: 10px;
	display: block;
}
.huzi-green{
    color:#09833B;
}
.huzi-center{
    text-align: center;
}
label {
	display: block;
	text-align: left;
	color: #3B3B3B;
	font-size: 18px;
	margin-bottom: 10px;
}
.huzi-form input {
	border: none;
	background: #E4E4E4;
	padding: 16px;
	display: block;
	border-radius: 10px;
	font-size: 18px;
	width: 100%;
}
.huzi-form {
	padding: 60px 0;
}
.huzi-form .huzi-col {
	margin-top: 22px;
}
.huzi-col-s30 {
	column-gap: 30px;
}
.huzi-btn {
	display: inline-block !important;
	width: auto !important;
	padding: 15px 44px !important;
	text-align: center;
	color: #fff;
	background: #AE8880 !important;
	border-radius: 5px !important;
    transition: 0.3s;
}
.huzi-btn:hover{
    background:#09833B !important;
}
.form-btn-warp {
	text-align: end;
}
.huzi-all-white * {
    color: #fff;
}
.huzi-pdr50{
    padding-right: 50px;
}
.container.footer-bottom {
	text-align: end;
	margin-top: 40px;
}
.huzi-footer {
    /*background-color: #09833B;*/
	background-color: #19A463;
	padding: 70px 0 25px 0;
}
.huzi-h4 {
	font-size: 22px;
	margin-bottom: 10px;
}
.huzi-footer .huzi-col-33 span, .huzi-footer ul li {
	margin-bottom: 10px;
	font-size: 16px;
	display: block;
}
.huzi-social .s-icon {
	margin-right: 18px;
}
.huzi-social .s-icon i {
	font-size: 22px;
}
.huzi-social {
	display: flex;
	margin-top: 25px;
}
.huzi-icons i {
	margin-right: 20px;
}
.huzi-icons {
	margin-bottom: 10px;
}
h2.trials-heading {
	margin-bottom: -8px;
}
h3.trials-preheading {
	margin-bottom: 12px;
}


/* huzi nav */
nav{
    width: 100%;
    background: #fff;
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);
    padding: 10px 0;
}
.huzi-continer {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.nav_warp {
	display: flex;
	align-items: center;
    justify-content: space-between;
}
.site_logo {
	width: 260px;
    padding-left: 20px;
}
.huzi_nav_ul {
	display: flex;
	list-style: none;
}
.huzi_nav_ul li {
	padding: 0 20px;
	font-size: 16px;
	font-family: 'lato';
	text-transform: capitalize;
}
.huzi_mob_navbar {
	display: block;
	font-size: 25px;
	cursor: pointer;
    display: none;
}
.huzi_mobnav_ul {
	list-style: none;
	position: absolute;
	right: 0;
	display: block !important;
	width: 100%;
    z-index: 3;
}
.huzi_mobnav_ul li {
	padding: 20px 25px;
	background: #e8e8e8;
}
.huzi_mobnav_ul li:hover {
	background-color: #09833b;
	color: #fff !important;
}
.huzi_mobnav_ul li:hover .nav-link{
    color: #fff;
}
.huzi-sticky-bar {
	position: fixed;
	width: 100%;
	padding: 0px 0 !important;
	top: 0;
	background: #fff;
	z-index: 99;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.slick-next::before, .slick-prev::before {
	color: #C8C8C8 !important;
}
.huzi-slide-item img {
	width: 100%;
}
.huzi-slide-item {
	padding: 0 30px;
}







@media screen and (max-width: 1220px) {
    .container {
        padding: 0 20px;
    }
}
@media screen and (max-width: 1080px) {
    .container {
        padding: 0 20px;
    }
    .hero-heading {
        font-size: 40px !important;
        margin-bottom: 14px;
    }
    ul.hero-list li {
        color: #fff;
        font-size: 16px;
        line-height: 2;
    }
    ul.nav-links li a {
        color: #707070;
        font-size: 16px;
        font-weight: 400;
    }
    .info a {
        font-size: 12px;
    }
    .box-main {
        column-gap: 20px;
    }
    h3.box-heading {
        font-size: 18px;
    }
    p.box-para {
        font-size: 14px;
    }
    ul.box-list li {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .box img {
        width: 60px;
    }
    .box-col {
        row-gap: 25px;
    }
    p.what-do-para {
        font-size: 16px;
    }
    p.trials-para {
        font-size: 16px;
    }
    h2.trials-heading {
        font-size: 32px;
    }
    h3.trials-preheading {
        margin-bottom: 12px;
        line-height: 1.2;
        font-size: 18px;
        margin-top: 16px;
    }
    .trials-content {
        max-width: 80%;
    }
    p.trials-para {
        font-size: 14px;
    }
    p.what-do-para {
        font-size: 14px;
    }
    .who-we-are p, .huzi-p{
        color: #3B3B3B;
        font-size: 16px;
        line-height: 2;
    }
    h2.services-heading {
        text-align: center;
        margin-bottom: 0;
    }
    .huzi-ul li {
        position: relative;
        padding-left: 25px;
        font-size: 16px;
        line-height: 2;
        color: #3B3B3B;
    }
    .huzi-footer a,
    .huzi-footer p {
        font-size: 14px;
    }
    .huzi-social .s-icon i {
        font-size: 16px;
    }
    .huzi-social {
        margin-top: 15px;
    }
    .huzi-footer .huzi-col-33 span, .huzi-footer ul li {
        margin-bottom: 8px;
        font-size: 14px;
    }
    label {
        font-size: 14px;
    }
    .huzi-form input {
        padding: 10px;
        font-size: 16px;
    }
    
}
@media screen and (max-width: 950px) {
    .t-none{
        display: none;
    }
}
@media screen and (min-width: 950px){
    .d-none{
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .huzi-flex{
        flex-wrap: wrap;
    }
    .huzi-col{
        width: 100%;
    }
    .huzi-col-50{
        width: 100%;
    }
    .huzi-col-60{
        width: 100%;
    }
    .huzi-col-40{
        width: 100%;
    }
    .carreer .huzi-col-40 img {
        padding-left: 0px;
    }
    .huzi-col-33{
        width: 100%;
    }
    .huzi-col-20{
        width: 50%;
    }
    .box-main {
        flex-wrap: wrap;
    }
    .box-col {
        margin-bottom: 25px;
        width: 100%;
    }
    .what-do-col {
        margin: 0 0px 15px 0;
        padding: 30px 0px;
    }
    .trials-col {
        margin: 50px 0px 15px 0px;
    }
    .hero-row {
        flex-wrap: wrap;
    }
    .hero-main-img img {
        float: unset;
    }
    .hero {
        padding: 75px 0px 75px;
    }
    .hero-main-img {
        margin-top: 55px;
        text-align: center;
    }
    .carreer .huzi-col-40 {
        margin-top: 30px;
    }
    .huzi-form {
        padding: 30px 0 60px 0;
    }
    .huzi-footer .huzi-col-33 {
        margin-top: 26px;
    }
    .info span {
        display: none;
    }
    .huzi_nav_ul{
        display: none !important;
    }
    .huzi_mob_navbar{
        display: block ;
    }
    .history-col2.d-none img {
        width: 100%;
    }
    .history-col1 {
        padding-right: 0;
    }
    
}
@media screen and (max-width: 400px) {
    .huzi-col-20{
        width: 100%;
    }
    .huzi-pdr50{
        padding-right: 0px;
    }
    .who-we-are p, .huzi-p {
        font-size: 14px;
    }
    .hero-heading {
        font-size: 32px !important;
    }
    .what-do-content {
        max-width: 100%;
    }
    .upperheader {
        background: #09833B;
        padding: 8px 0px;
    }
}