/*
Theme Name: darul-ahnaf
Theme URI: https://www.webmakeout.com/wordpress/darul-ahnaf
Author: P-THEMES
Author URI: https://www.webmakeout.com/
Version: 1.1
Template: webmakeout
License: Commercial
*/
/*************** Global CSS  ***************/
p, .porto-u-sub-heading {
    font-size: 18px;
    line-height: 27px;
}
.header-reveal #header.sticky-header .header-main.sticky {
    margin-top: 0;
    animation: none;
}
#header.sticky-header .header-main.sticky {
    transition: none;
}
.header-contact>p {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
}
#header, .sticky-header .header-main.sticky {
    border-top: 0px solid #ededed;
}
.header-top {
    background-color: #fff;
	border-bottom: 0px;
}
.header-top>.container {
    background-color: #c88125;
}
body {
    font-size: 20px;
    line-height: 27px;
}
.notice.update-message.notice-error.notice-alt {
    display: none;
}
.no-breadcrumbs .main-content {
    padding-top: 5px;
}



#header .share-links a:not(:hover) {
    background: none;
    color: #ffffff;
}
/*************** Home CSS  ***************/
.hm_one {
    border: 1px solid #f2f2f2f2;
    padding: 12px 2%;
    text-align: center;
}
/*************** Education | Relation | Publication  ***************/
.box_three {
    border: 1px solid #f2f2f2f2;
    padding: 12px 2%;
    text-align: center;
}
.thre_h_o {
    font-weight: 500;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 0.8px;
}
.thre_h_a {
    background-color: #c88125;
    color: #fff;
    padding: 7px 20px;
    border-radius: 5px;
    font-size: 20px;
    letter-spacing: 0.5px;
}
.thre_h_a:hover {
    background-color: #3f51b5;
    color: #fff;
}
/*************** OUR PROGRAMS  ***************/
.box_prm {
    margin-top: 35px;
    padding: 35px;
    padding-bottom: 25px;
    border: 1px solid #f2f2f2f2;
}
.wt-w-ofr-box {
    width: 100%;
    text-align: center;
}
.offer-box-head {
    font-size: 56px;
    font-weight: 900;
    letter-spacing: 5px;
    line-height: 58px;
    text-transform: uppercase;
}
.wt-w-ofr-box-tow {
    width: 48%;
    float: left;margin: 0 1%;
}
.box-tow-head {
    background-color: #c88125;
    border-radius: 5px;
    margin: 15px 0;
    margin-bottom: 22px;
}
.box-tow-head>h4 {
    font-size: 28px;
    color: #fff;
    line-height: 30px;
    padding: 15px 0;
    margin: 0;
    letter-spacing: 0px;
    font-weight: 500;
}
.wt-w-ofr-cnt-box {
    background-color: #3f51b5;
    margin-bottom: 17px;
    padding: 10px 0;
    border-radius: 5px;
}
.wt-w-ofr-cnt-box:hover {
    background-color: #c88125;
}
.wt-w-ofr-cnt-box>span {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
}
/*************** OUR Community ***************/

@media only screen and (max-width: 991px){
	#header .main-menu {
		display: block !important;
	}
	#header .mobile-toggle {
		display: none;
	}
	#footer .footer-bottom .container>div {
		padding: 10px 0;
		text-align: center;
	}
	#header .header-main .header-left {
		padding: 0px 0;
	}
	#header .logo {
		max-width: 250px;
	}
}
@media only screen and (max-width: 767px) {
	#header .logo {
		max-width: 250px;
	}
}
@media only screen and (max-width: 590px){
	#header .main-menu {
		display: none !important;
	}
}
@media only screen and (max-width: 560px){
	.wt-w-ofr-box-tow {
		width: 96%;
		margin: 0 2%;
	}
	.thre_h_o {
		font-size: 30px;
		line-height: 30px;
	}
	.offer-box-head {
		font-size: 38px;
		line-height: 40px;
	}
	.news_des {
		margin: 0 10px;
	}
}
@media only screen and (max-width: 440px) {
    .thre_h_o {
        font-size: 26px;
        line-height: 26px;
    }
    #wpforms-1742-field_0-container {
        width: 96%;
        margin: 0 2%;
    }
    #wpforms-1742-field_1-container {
        width: 96%;
        margin: 0 2%;
    }
    .offer-box-head {
        font-size: 34px;
        line-height: 30px;
    }
    .vc_cta3-style-classic.vc_cta3-color-classic {
        padding: 25px;
    }
}
@media only screen and (max-width: 383px) {
    .thre_h_o {
        font-size: 22px;
        line-height: 22px;
    }
    .offer-box-head {
        font-size: 28px;
        line-height: 28px;
    }
    
}
@media only screen and (max-width: 343px) {
    .thre_h_o {
        font-size: 20px;
        line-height: 20px;
    }
    .offer-box-head {
        font-size: 24px;
        line-height: 24px;
    }
    
}