* { padding: 0; } htmlbody{ padding: 0;} .header-section { padding: 31px 0 85px; text-align: center; } .header-section h2 { padding: 49px 0 0; color: #fff; font-size: 44px; font-weight: 600; text-shadow: 0px 3px 1px rgba(3929960.4); text-transform: uppercase; } .content-section-div { padding: 29px 0 30px; } .cause2choose .bg-pattern { min-height: 246px; } .content-section-div .shadow { -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)!important; box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)!important; } /*.content-section-div .bg-pattern { background: #ffffff; background-image: url(http://shtheme.com/demosd/hostpro1/wp-content/themes/hostpro/images/backgrounds/bg3.png); background-repeat: repeat; }*/ .content-section-div .cause2choose .media .media-left { /* padding-right: 15px; */ display: block; position: relative; left: 0; right: 0; /* top: -29px; */ z-index: 9; /* width: 80px; */ /* height: 80px; */ margin: 0 auto; /* background: #ffffff; */ /* border-radius: 100px; */ } .content-section-div .feature-1 i { /* display: block; */ /* width: 80px; */ /* height: 80px; */ /* border: 1px solid rgba(231,234,244,0.9); */ /* box-shadow: 0 10px 40px 0 rgba(231,234,244,0.8)0 2px 9px 0 rgba(231,234,244,0.8); */ /* border-radius: 50%; */ /* text-align: center; */ /* line-height: 80px; */ /* background: #fff; */ /* color: #da0266; */ /* margin: 0 auto; */ /* margin-bottom: 15px; */ /* transition: all 0.3s ease; */ /* -webkit-transition: all 0.3s ease; */ -moz-transition: all 0.3s ease; /* background: -webkit-linear-gradient(#271d60#da0266); */ /* -webkit-background-clip: text; */ /* -webkit-text-fill-color: transparent; */ font-size: 60px; font-weight: 100; background: -webkit-linear-gradient(#7e92ad#313b48); -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)!important; */ /* box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)!important; */ } .content-section-div .cause2choose .media { padding: 39px 13px 0; text-align: center; border-radius: 6px; border: 1px solid #00bcd45c; line-height: 44px !important; background: #; border-radius: 13px; } .content-section-div .cause2choose .media h4 a { font-family: 'Nunito'sans-serif; margin: 0; font-weight: 600; cursor: pointer; padding: 0; display: block; text-transform: uppercase; font-size: 15px; line-height: 1.54; color: #151515;
width: 100%;
}
.content-section-div .cause2choose:hover .media h4 a { color: #fafafa; background: #72b263; cursor: pointer; }
h4 { line-height: 1.5; } .content-section-div{ padding: 50px 0 50px;} .content-section-div .media-body h4 { line-height: 23px; /* font-size: 15px !important; */ margin: 4px 0 0; } .content-section-div .cause2choose:hover .feature-1 i { background: -webkit-linear-gradient(#16A085#F4D03F); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .content-section-div .cause2choose:hover .media h4 a { color: #70b264; cursor: pointer; } .content-section-div .cause2choose .media:hover { box-shadow: 0px 0 25px 0 rgba(2002192390.7) !important; }
.content-section-div .media-body {
} .content-section-div .media-body h4 { line-height: 23px; /* font-size: 15px !important; */ margin: 4px 0 0; }
@media(max-width:767px){ .header-section h2 { padding: 49px 0 0; color: #fff; font-size: 29px; font-weight: 600; text-shadow: 0px 3px 1px rgba(3929960.4); text-transform: uppercase; } .content-section-div .cause2choose .media { margin-bottom: 44px; } }