/*::-webkit-scrollbar {width:10px;background-color: #F5F5F5;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:none;}
::-webkit-scrollbar-track-piece {background-color: #dedede;}
::-webkit-scrollbar-thumb:vertical {background-color: #03132b;}*/

:root {
    --primary-color: #00792f;
    --primary-fs: 54px;
    --secondary-color: #ffce39;
    --bg-color-1: #261342;
}

[class^="box-"] {display:none}
[class^="box-"].showfirst {display:block}

body {font-family: 'Poppins', sans-serif;}
h1,
h2,
h3,
h4,
h5,
h6 {display: block;font-weight: 700;line-height: 1.13;color: #111111;}
p {font-family: 'Open Sans', sans-serif;display: block;}
*:hover,
*:focus,
* {outline: none !important;}
img {max-width: 100%; height: auto;}
a,
input[type="submit"] {-webkit-transition: all 0.4s ease-In-out; -moz-transition: all 0.4s ease-In-out; -o-transition: all 0.4s ease-In-out; transition: all 0.4s ease-In-out; display: inline-block; cursor: pointer;}
p, a {font-size: 15px;color: #111111;text-decoration: none;font-weight: 400;}
a:hover {text-decoration: none;}

*::-moz-selection {
	background-color: #008033 !important;
	color: white;
}
*::selection {
	/*background-color: #c58da0;*/
	background-color: #008033 !important;
	color: white;
}

/* Custom Slick Css */
.slick-list { margin: 0 -15px; }
.slick-slide { margin: 0 15px; }
ul.slick-dots { padding: 50px 0 0; text-align: center; }
ul.slick-dots li {margin: 0 20px 0 0px;width: auto;display: inline-block;vertical-align: middle;overflow: hidden;padding: 0px;border: none;}
.slick-dots li button:before,
.slick-dots li button:before { color: #FFF; opacity: 1; font-size: 20px; }
.slick-dots li button {height: 8px;width: 8px;border-radius: 50%;padding: 0px;background: #d6d6d6;border: none;cursor: pointer;font-size: 0px;padding: 0px;-webkit-transition: all 0.4s ease-In-out;-moz-transition: all 0.4s ease-In-out;-o-transition: all 0.4s ease-In-out;transition: all 0.4s ease-In-out;box-sizing: border-box;}
.slick-dots li.slick-active button {background: #f3c919;width: 11px;height: 11px;}
span.arrows {width: 40px;height: 40px;border: none;position: absolute;top: 0px;bottom: 0px;margin: auto;z-index: 2;cursor: pointer;line-height: 39px;font-size: 12px;text-align: center;font-weight: 300;top: 0;border-radius: 0;background: #f7f7f7;color: #696969}
span.arrows.next {right: 1%;}


textarea,
select,
input[type],
textarea,
select,
button {background: transparent; border: none; border-radius: 0px;}
::-webkit-input-placeholder {color: #3b3b3b }
::-moz-placeholder {color: #3b3b3b }
:-ms-input-placeholder {color: #3b3b3b }
:-moz-placeholder {color: #3b3b3b }


/* Custom Radio Button */
.customradio {display: inline-block;position:  relative;padding-left: 25px;margin-bottom: 0px;cursor: pointer;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;vertical-align:  middle;font-weight: 400;color: #FFFFFF;}
.customradio input {position: absolute; opacity: 0; cursor: pointer;}
.checkmark {position: absolute;top: 4px;left: 0;height: 11px;width: 11px;border-radius: 3px;background-color: #e0e0e0;}
.customradio input:checked ~ .checkmark {background: #ff6101;}


/* Hamburger Menu */
.hamburger {width: 30px;height: 20px;cursor: pointer;position: absolute;right: 15px;top: 0;bottom: 0;margin: auto;z-index: 8;display: none;}
.hamburger span {display: block;height: 4px;width: 100%;background: var(--primary-color);position: absolute;transition: .6s all;border-radius: 100px;}
.hamburger span:nth-child(1) {top: 0;}
.hamburger span:nth-child(2) {top: 8px;transform-origin: left;}
.hamburger span:nth-child(3) {top: 16px;}
.hamburger.active span:nth-child(1) {transform: rotate(45deg);top: 12px;transform-origin: right-center;background-color: #FFFFFF;}
.hamburger.active span:nth-child(2) {width: 0;opacity: 0;background-color: #FFFFFF;}
.hamburger.active span:nth-child(3) {transform: rotate(-45deg);top: 12px;transform-origin: right-center;background-color: #FFFFFF;}

/* Dropdwon CSS */
.dropdown-menu {}


/* Global Css */
.over-hidden {overflow: hidden;}
.overlay::after {content: '';position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgb(0 0 0 / 90%);z-index: 4;}
.overlay {display: none;}

.tr-90 {transform: rotate(90deg);}

/* Dropdown CSS*/
ul.dropdown {position: absolute;width: 200px;left: -47px;margin: auto;background: #FFFFFF;padding: 20px 15px 10px;text-align: left;border-radius: 5px;box-shadow: 0 0 10px 3px #00000014;opacity: 0;animation: btotreverse 0.5s forwards;}
ul.dropdown li a:before {display: none;}
@keyframes btotreverse {
    0% {top: 75px; opacity: 1;}
    100% {top: 115px; opacity: 0;}
}

.dropdown-nav:hover ul.dropdown {animation: btot 0.5s forwards; z-index: 9;}

@keyframes btot {
  0% {top: 115px; opacity: 0;}
  100% {top: 24px; opacity: 1;}
}

ul.dropdown li {width: 100%; display: inline-block; vertical-align: middle;}
ul.dropdown li a {padding: 0;font-size: 13px;text-transform: capitalize;color: #000 !important;display: block;width: 100%;margin: 0px 0 10px;text-align: center;font-weight: 500;}
ul.dropdown li a:hover {color: rgba(0,0,0,0.5) !important;}
.dropdown-nav {position: absolute;vertical-align: middle;width: 232px;top: 100%;left: 0;z-index: 2;background-color: #FFFFFF;border-radius: 4px;display: none;transition: all 0.4s ease-in-out;-webkit-box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 20%);-moz-box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 20%);box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 20%);}
.dropdown-nav:hover {overflow: visible;}
.site-navigation .dropdown-nav > li a {border-bottom: 1px solid #CCCCCC;display: block;}
.site-navigation .dropdown-nav > li:last-child a {border-bottom: 0;}
.site-navigation .dropdown-nav > li a img {display: inline-block;margin-right: 5px;}
.site-navigation ul li.has-dropdown:hover .dropdown-nav {display: block;}

/* General CSS  */

.element {position: absolute;}
.element-process {right: 0;top: 5%;}

.mt-200 {margin-top: -200px;}

ul {font-size: 0;padding-left: 0;margin-bottom: 0;}
ul > li {list-style: none;}

ul.inline-block > li {display: inline-block;margin-right: 20px;}
ul.inline-block > li:last-child {margin-bottom: 0;}

.over-hidden {overflow: hidden;}

.dtbl {display: table;table-layout: fixed;width: 100%;}
.dtbl .dtd {display: table-cell;vertical-align: middle;}

.ff-playfair {font-family: 'Playfair Display', serif;}
.fs-40 {font-size: 40px;}

.pos-unset {position: unset;}

.color-white {color: #FFFFFF;}

.bg-detail {background-position: center;background-position: center;background-size: cover;}

.bg-color-1 {background-color: #f7f8f4;}
.bg-color-2 {background-color: #d0dad4;}

.spacing__x {padding: 90px 0;}

.headingstyle1 {margin-bottom: 50px;}
.headingstyle1 h3 {color: var(--primary-color);font-size: var(--primary-fs);font-weight: 700;text-transform: uppercase;}
.headingstyle1 .color-white {color: #FFFFFF;}
.headingstyle1 p {margin: 0;}
.headingstyle1 .fs-40 {font-size: 40px;}

.headingstyle2 h2 {color: #FFFFFF;font-weight: 700;margin: 0;font-size: 54px;}
.headingstyle2 p {color: #FFFFFF;font-size: 18px;}
.headingstyle2 .fs-34 {font-size: 34px;}

.tt-uppercase {text-transform: uppercase;}

.pattern {background: url(../images/bg/pattern.jpg);background-repeat: repeat;background-position: center;}
.pattern-2 {background: url(../images/bg/pattern-2.jpg);background-repeat: repeat;background-position: center;}


header {background-color: #FFFFFF;padding: 15px 0 10px 0;position: relative;}
header.sticky-header {position: fixed;width: 100%;top: 0;z-index: 4;box-shadow: 0 0 10px 1px #CCCCCC;}

.site-navigation > ul {}
.site-navigation > ul > li {display: inline-block;position: relative;}
.site-navigation > ul > li a {font-size: 15px;color: #111111;text-transform: uppercase;padding: 10px 20px;}
.site-navigation > ul > li a:hover {color: var(--primary-color);}
.site-navigation > ul > li:last-child {display: none;}

.donate-us {text-align: right;}

.btn-primary-1 {background-color: #008033;color: #FFFFFF;text-transform: uppercase;padding: 10px 30px 10px 65px;border-radius: 50px;position: relative;}
.btn-primary-1 i {background: url(../images/sprite.png) no-repeat;background-position: -1px -1px;width: 28px;height: 30px;position: absolute;left: 25px;top: 0;bottom: 0;margin: auto;}
.btn-primary-1:hover {color: #FFFFFF;}

.slide {position: relative;overflow: hidden;}
.slide > img {width: 100%;height: auto;}
.slide .slide-assets {position: absolute;top: 50%;transform: translateY(-50%);width: 50%;}
.slide .slide-assets h3 {color: #FFFFFF;font-size: 54px;text-transform: uppercase;margin: 25px 0 5px 0;font-weight: 700;}
.slide .slide-assets p {color: #FFFFFF;margin: 0;font-size: 16px;}

.style-box-hadith {position: relative;text-align: center;}
.style-box-hadith .top {padding: 30px 30px;border:  2px solid var(--secondary-color);border-radius: 25px;position: relative;}
.style-box-hadith .top::before {content: '';position: absolute;width: 80px;border: 6px solid #FFFFFF;bottom: -3px;left: 50px;z-index: 2;}
.style-box-hadith .top::after {content: '';position: absolute;border: 2px solid var(--secondary-color);border-radius: 0 60px 0 0;width: 60px;height: 60px;bottom: -60px;left: 50px;border-bottom: none;border-left: none;z-index: 3;}
.style-box-hadith .top p {margin: 0;font-size: 20px;}
.style-box-hadith .bottom {margin: 20px 0 0 0;}
.style-box-hadith .bottom p {margin: 0;font-size: 24px;}

/*.latest-update-box {position: relative;display: inline-block;text-align: center;}
.latest-update-box img {border-radius: 4px;}
.latest-update-box h6 {margin: 10px 20px 0 20px;font-size: 15px;font-weight: 500;}*/

.latest-update-box {position: relative;border-bottom: 4px solid var(--primary-color);margin-bottom: 30px;}
.latest-update-box .img-box {margin-bottom: 25px;}
.gradient-style-1 {box-shadow: 0 0 10px 4px rgb(0 0 0 / 10%);}
.latest-update-box img {}
.latest-update-box .title {padding: 25px 20px;margin-bottom: 30px;}
.latest-update-box .title h5 {margin: 0 0 8px 0;font-size: 16px;font-weight: 600;}
.latest-update-box .title p {font-size: 14px;margin: 0 0 15px 0;}
.latest-update-box .title .btn-style-2 {font-size: 16px;padding: 7px 25px;}


.slider-arrows-style .slick-arrow {position: absolute;top: 0;bottom: 0;margin: auto;width: 36px;height: 36px;background-color: var(--primary-color);border-radius: 50px;font-size: 0;z-index: 1;display: flex !important;align-items: center;justify-content: center;}
.slider-arrows-style .slick-arrow::before {content: "\f104";font-family: "Font Awesome 5";font-weight: 900;color: #FFFFFF;font-size: 23px;line-height: 0;}
.slider-arrows-style .slick-prev {left: -60px;}
.slider-arrows-style .slick-next {right: -55px;}
.slider-arrows-style .slick-next::before {transform: rotate(180deg);}


.cta {position: relative;padding: 70px 0;}
.cta .cta-content h3 {margin: 0 0 7px 0;color: #FFFFFF;font-size: 25px;font-weight: 400;}
.cta .cta-content p {margin: 0;color: #FFFFFF;}

.btn-style-2 {background: #ffd34d;background: -moz-linear-gradient(top, #ffd34d 0%, #ffc000 100%);background: -webkit-linear-gradient(top, #ffd34d 0%,#ffc000 100%);background: linear-gradient(to bottom, #ffd34d 0%,#ffc000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd34d', endColorstr='#ffc000',GradientType=0 );color: #055d28;font-size: 24px;font-weight: 600;padding: 10px 50px;border-radius: 4px;}
.btn-style-2:hover {color: inherit;}

.btn-style-3 {position: relative;color: #FFFFFF;text-transform: uppercase;font-size: 20px;font-weight: 500;background-color: var(--primary-color);padding: 8px 64px;border-radius: 4px;}
.btn-style-3:hover {color: #FFFFFF;}

.latest-video {overflow: hidden;}
.latest-videos {position: relative;overflow: hidden;margin-bottom: 30px;text-align: center;}
.latest-videos > a {position: relative;}
.latest-videos > a::before {content: '';position: absolute;left: 0;top: 0;background-color: rgb(0 0 0 / 50%);width: 100%;height: 100%;}
.latest-videos .play-icon {position: absolute;width: 40px;height: 40px;background-color: #008033;left: 0;right: 0;top: 0;bottom: 0;margin: auto;color: #FFFFFF;border-radius: 50px;display: flex;align-items: center;justify-content: center;z-index: 1;}
.latest-videos .play-icon::before {content: '';position: absolute;left: -6px;top: -6px;right: 0;bottom: 0;margin: 0;background-color: rgb(0 128 51 / 50%);width: 128%;height: 128%;border-radius: 50px;z-index: -10;}
.latest-videos .title {margin: 10px 0 0 0;font-size: 15px;font-weight: 500;}


footer .footer-top {background-color: #0d0d0d;padding: 90px 0 70px 0;}
footer .footer-bottom {background-color: #161616;padding: 20px 0;border-top: 1px solid #383838;}
footer .copyrights p {margin: 0;}
footer .copyrights a {color: var(--primary-color);}
footer .terms-policy {text-align: right;}
footer .terms-policy ul li {}
footer .terms-policy ul li a {color: #FFFFFF;font-family: 'Open Sans', sans-serif;}

footer .ft-nav p {line-height: normal;margin: 15px 0;}
footer .ft-nav h5 {color: var(--primary-color);font-size: 18px;font-weight: 500;margin-bottom: 20px;}
footer .ft-nav ul li {margin-bottom: 12px;}
footer .ft-nav ul li a {font-size: 13px;color: #FFFFFF;font-family: 'Open Sans', sans-serif;text-transform: uppercase;}
footer .ft-nav ul li a:hover {color: var(--primary-color);}
footer .ft-nav ul li a i {margin-right: 4px;color: var(--primary-color);font-size: 14px;}


.media-center {padding: 110px 0 100px 0;}
.media-center .headingstyle1 {margin-bottom: 90px;}
.media-center-box {position: relative;text-align: center;cursor: pointer;}
.media-center-box .moving-border {position: relative;display: block;width: 99px;height: 99px;display: flex;align-items: center;justify-content: center;margin: auto;}
.media-center-box .moving-border::before {content: '';position: absolute;width: 99px;height: 99px;border: 5px solid var(--primary-color);left: 0;top: 0;right: 0;bottom: 0;margin: auto;transform: rotate(45deg);transition: all 0.6s ease-in-out;}
.media-center-box .moving-border::after {content: '';position: absolute;width: 99px;height: 99px;border: 5px solid var(--primary-color);left: 0;top: 0;right: 0;bottom: 0;margin: auto;transition: all 0.6s ease-in-out;}
.media-center-box .moving-border i {background: url(../images/sprite.png) no-repeat;background-position: -37px -1px;width: 54px;height: 54px;display: inline-block;}
.media-center-box .moving-border i.ic2 {background-position: -103px -1px;width: 56px;height: 56px;}
.media-center-box .moving-border i.ic3 {background-position: -165px -1px;width: 51px;height: 57px;}
.media-center-box .moving-border i.ic4 {background-position: -228px -1px;width: 44px;height: 60px;}
.media-center-box .moving-border i.ic5 {background-position: -279px -1px;width: 53px;height: 47px;}
.media-center-box h6 {color: #FFFFFF;font-weight: 500;margin: 30px 0 0 0;}
.media-center-list > ul {text-align: center;}
.media-center-list > ul li {width: 20%;text-align: center;margin: 0;}
.media-center-box:hover .moving-border::before {transform: rotate(-90deg);}
.media-center-box:hover .moving-border::after {transform: rotate(45deg);}

.events-updates {position: relative;}
.events-slider-nav {margin-bottom: 50px;}
/*.events-slider-for .slick-list {padding: 0 !important;}*/

.events-for-box img {
    width: 100%;
    max-height: 16.5rem;
    object-fit: cover;
    object-position: top left;
}

.events-slider-for .events-for-box img {margin: auto;}
.events-slider-for .slick-slide .events-for-box img {opacity: 0.5}
.events-slider-for .slick-slide.slick-current .events-for-box img {opacity: 1}
.events-slider-for .events-for-box.slick-current.slick-active.slick-center img {opacity: 1;}
.events-nav-box {text-align: center;padding: 20px 10px;border: 2px solid #00d654;border-radius: 5px;margin: 15px;position: relative;cursor: pointer;background: transparent;}
.events-nav-box h6 {margin: 0;color: #FFFFFF;font-size: 20px;font-weight: 600;}
.events-nav-box p {margin: 0;color: #FFFFFF;font-size: 13px;}
.events-nav-box.slick-current.slick-center {background: rgb(17 17 17 / 29%);}


.ul-style {text-align: center;display: flex;align-items: end;justify-content: center;}
.ul-style > li {display: inline-block;vertical-align: top;}
.w-268 {max-width: 268px;}
.w-200 {max-width: 200px;}

.custom-input-style-1 {position: relative;margin-bottom: 15px;}
.custom-input-style-1 input {width: 100%;background-color: #FFFFFF;height: 45px;border-radius: 4px;font-size: 15px;padding: 0 15px;font-family: 'Open Sans', sans-serif;}
.custom-input-style-1 label {color: #FFFFFF;font-size: 16px;text-align: left;display: block;}
.custom-input-style-1 input[type="submit"] {}

.custom-input-style-2 {position: relative;margin-bottom: 20px;}
.custom-input-style-2 input {width: 100%;border: 1px solid #cccccc;border-radius: 4px;font-size: 15px;height: 45px;padding: 0 15px;font-family: 'Open Sans', sans-serif;}
.custom-input-style-2 input::placeholder, .custom-input-style-2 textarea::placeholder {color: #CCCCCC;}
.custom-input-style-2 select {width: 100%;border: 1px solid #cccccc;border-radius: 4px;font-size: 15px;height: 45px;padding: 0 15px;color: #000000;font-family: 'Open Sans', sans-serif;}
.custom-input-style-2 textarea {width: 100%;border: 1px solid #cccccc;border-radius: 4px;font-size: 15px;padding: 15px 15px;resize: none;font-family: 'Open Sans', sans-serif;}
.custom-input-style-2 input[type="submit"] {width: 100%;}
.custom-input-style-2 label {font-size: 16px;color: #000000;}
.custom-input-style-2.style-2 input::placeholder {color: #000000;}


.home-banner-slider {position: relative;overflow: hidden;clear: both;background-color: #d6cc82;}

.donation-form {position: relative;top: -80px;}
.donation-form .donate-form-1 {padding: 20px 30px 15px 30px;position: relative;border-radius: 8px;box-shadow: 0 0 15px 5px rgb(0 0 0 / 20%);}
.donation-form .donate-form-1 h3 {color: #FFFFFF;}
.donation-form .donate-form-1 .btn-style-2 {font-size: 19px;width: 100%;}

.sub-heading {font-size: 24px;color: #000000;font-weight: 600;text-transform: uppercase;margin-bottom: 30px;}

.donate-form-pg {}
.cmr-12 {margin-right: 12px;}
.cmb-60 {margin-bottom: 60px;}
.donate-form-pg .cp-all {padding: 50px 60px;border: 1px solid #CCCCCC;border-radius: 4px;}

.transaction-details {margin: 20px 0 40px 0;}
.transaction-details ul {border: 1px solid #CCCCCC;border-bottom: 0;}
.transaction-details ul:last-child {border-bottom: 1px solid #CCCCCC}
.transaction-details ul li {font-size: 15px;color: #000000;padding: 10px 15px;}
.transaction-details ul li:first-child {border-right: 1px solid #CCCCCC;}


.donation-via-popup {position: fixed;top: 0;bottom: 0;right: 0;left: 0;margin: auto;width: 361px;height: 344px;z-index: 4;display: none;}
.donation-via-popup .popup-head {padding: 24px 35px;border-radius: 10px 10px 0 0;}
.donation-via-popup .popup-head h4 {color: #FFFFFF;margin: 0;font-weight: 600;font-size: 30px;text-transform: uppercase;}
.donation-via-popup .popup-body {background-color: #FFFFFF;padding: 45px 45px;border-radius: 0 0 10px 10px;-webkit-box-shadow: inset 0 10px 25px 2px rgb(0 0 0 / 20%);-moz-box-shadow: inset 0 10px 25px 2px rgb(0 0 0 / 20%);box-shadow: inset 0 10px 25px 2px rgb(0 0 0 / 20%);}


.close-popup {position: absolute;top: -35px;right: -35px;border: 2px solid #00b649;width: 38px;height: 38px;border-radius: 50px;color: #00b649;display: flex;align-items: center;justify-content: center;font-size: 19px;}
.close-popup:hover {color: #00b649;}



.custom-radio-button {}
.custom-radio-button {display: block;position: relative;padding-left: 35px;margin-bottom: 15px;cursor: pointer;font-size: 16px;font-weight: 500;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* Hide the browser's default radio button */
.custom-radio-button input {position: absolute;opacity: 0;cursor: pointer;}
/* Create a custom radio button */
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #FFFFFF;border-radius: 50%;border: 1px solid #008033;}
/* On mouse-over, add a grey background color */
.custom-radio-button:hover input ~ .checkmark {}
/* When the radio button is checked, add a blue background */
.custom-radio-button input:checked ~ .checkmark {background-color: #ffffff;}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the indicator (dot/circle) when checked */
.custom-radio-button input:checked ~ .checkmark:after {display: block;}
/* Style the indicator (dot/circle) */
.custom-radio-button .checkmark:after {top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 61%;height: 62%;border-radius: 50%;background: #008033;}


.payment-details .headingstyle2 {margin-bottom: 50px;}
.payment-details  .btn-submit-form {margin-bottom: 20px;}
.client-details {margin-bottom: 70px;}
.client-details > ul {}
.client-details > ul > li {display: inline-block;width: 50%;border-bottom: 1px solid #afafaf;font-size: 15px;font-family: 'Open Sans', sans-serif;padding: 10px 0;}
.client-details > ul > li:last-child {color: #848789;}
.client-details > ul > li:first-child {color: #111111;font-weight: 600;text-transform: uppercase;}

.custom-input-style-3 input {width: 100%;border-bottom: 1px solid #CCCCCC;font-family: 'Open Sans', sans-serif;font-size: 14px;padding: 10px 0;}
.custom-input-style-3 select {width: 100%;border-bottom: 1px solid #CCCCCC;font-family: 'Open Sans', sans-serif;font-size: 14px;padding: 10px 0;}
.custom-input-style-3 label {font-size: 12px;}
.opacity-0 {opacity: 0;}

.btn-submit-form {position: relative;font-size: 20px;color: var(--primary-color);text-transform: uppercase;border: 1px solid var(--primary-color);padding: 15px 70px;border-radius: 4px;}
.btn-submit-form.submit {background-color: var(--primary-color);color: #FFFFFF;}

.headingstyle3 {margin: 0 0 30px 0;}
.headingstyle3 h3 {font-size: 40px;color: var(--primary-color);text-transform: uppercase;}
.headingstyle3 p {margin: 0;color: #000000;}
.headingstyle3 h5 {font-size: 20px;font-weight: 400;text-transform: uppercase;}

.service-we-offer .headingstyle3 {margin-bottom: 50px;}
.service-weoffer-slider .slick-slide {margin: 0;}

.style-box-1 {position: relative;margin-bottom: 25px;}
.style-box-1 img {border-radius: 8px 8px 0 0;}
.style-box-1 .title {background-color: #FFFFFF;text-align: center;padding: 30px 25px;border-radius: 0 0 8px 8px;}
.style-box-1 .title h5 {margin: 0 0 12px 0;font-size: 24px;font-weight: 600;}
.style-box-1 .title p {margin: 0;line-height: normal;font-size: 14px;}

.bg-pattern-1 {background: url(../images/mix/bg-pattern-1.png) no-repeat;background-position: center;background-size: cover;}

.contactus-form .custom-input-style-2 label {font-weight: 500;}
.contact-info .description {padding: 10px 30px;box-shadow: 0 0 5px 1px #CCCCCC;border-radius: 0 0 6px 6px;}
.contact-info .description ul li {display: block;font-size: 15px;color: #111111;padding: 15px 0;font-family: 'Open Sans', sans-serif;}
.contact-info .description ul li+li {border-top: 1px solid #CCCCCC;}
.contact-info .description ul li i {display: inline-block;margin-right: 5px;font-size: 14px;color: var(--primary-color);}

.table-style-1 {position: relative;}
.table-style-1 > ul {}
.table-style-1 > ul > li {}
.table-style-1 .table-head ul li {font-size: 14px;font-weight: 500;color: #000000;background-color: #fbfbf9;padding: 10px 10px;border: 1px solid #CCCCCC;border-bottom: 0;border-right: 0;}
.table-style-1 .table-head ul li:last-child {border-right: 1px solid #CCCCCC}
.table-style-1 .table-body ul li {font-size: 16px;color: #000000;padding: 10px 15px;border: 1px solid #CCCCCC;border-right: 0;border-bottom: 0;}
.table-style-1 .table-body ul li:last-child {border-right: 1px solid #CCCCCC;}
.table-style-1 .table-body ul:last-child li {border-bottom: 1px solid #CCCCCC;}
.table-style-1 .btn-style-3 {font-size: 14px;padding: 4px 34px;}

.w-30 {width: 30%;}
.w-10 {width: 10%;}
.w-15 {width: 15%;}
.w-25 {width: 25%;}
.w-50 {width: 50%;}


.blog-post-thumb {position: relative;margin-bottom: 30px;}
.blog-post-thumb .img-box {border-radius: 10px;}
.blog-post-thumb .img-box img {border-radius: inherit;}
.blog-post-thumb .text-box h6 {color: #111111;font-size: 16px;font-weight: 600;line-height: 1.3;margin-bottom: 5px;}
.blog-post-thumb .text-box p {color: #111111;font-size: 15px;margin: 0 0 5px 0;}
.blog-post-thumb .read-more {color: var(--primary-color);}

.blog-post-thumb-style-1 .text-box {margin: 20px 0 0 0;}

.blog-post-thumb-style-2 .img-box::before {content: '';position: absolute;width: 100%;height: 100%;background-color: rgb(0 0 0 / 60%);border-radius: 10px;}
.blog-post-thumb-style-2 .text-box {position: absolute;bottom: 30px;padding: 0 30px;}
.blog-post-thumb-style-2 .text-box h6 {color: #FFFFFF;}
.blog-post-thumb-style-2 .text-box p {color: #FFFFFF;}

.article-inner-style .img-box {margin-bottom: 20px;}
.article-inner-style .img-box img {border-radius: 6px;}

.more-images > ul {font-size: 0;}
.more-images > ul > li {display: inline-block;overflow: hidden;width: 23%;text-align: center;margin-bottom: 15px;margin-right: 15px;}
.more-images > ul > li > a {display: block;}
.more-images > ul > li img {margin: auto;border-radius: 6px;min-height: 191px;height: 191px;object-fit: cover;width: 100%;}
.more-images > ul > li > div {margin: 0;}

.btn-style-4 {position: relative;color: var(--primary-color);font-size: 18px;font-weight: 600;text-transform: uppercase;border: 1px solid var(--primary-color);padding: 6px 30px;border-radius: 25px;}
.btn-style-4:hover {background-color: var(--primary-color);color: #FFFFFF;}

.islamic-books-list {font-size: 0;text-align: center;}
.islamic-books-list > li {width: 15%;display: inline-block;vertical-align: top;text-align: center;margin: 0 15px 30px 0;}
.islamic-books-list .book-cover {position: relative;height: 238px;overflow: hidden;}
.islamic-books-list .book-cover a::before {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;margin: auto;background: url(../images/mix/book-border.png);z-index: 1;}
.islamic-books-list .book-cover a {position: relative;display: block;}
.islamic-books-list h6 {font-size: 14px;font-weight: 500;margin: 10px 0 0 0;text-transform: capitalize;}

.service-intro .bg-pattern-1 {padding: 70px 0;}
.our-services .img-box, .our-services .text-box {margin-bottom: 60px;}
.our-services .text-box h5 {font-size: 24px;font-weight: 600;margin-bottom: 20px;}
.our-services .text-box p {margin-bottom: 25px;}
.our-services .text-box .btn-style-2 {padding: 5px 25px;font-size: 16px;}

.service-gallery-images ul li {/* display: none; */}

.thankyou-pg {padding: 150px 0;}
.content {text-align: center;}
.content p {color: #FFFFFF;font-size: 28px;font-weight: 400;line-height: normal;margin-bottom: 35px;font-family: 'Poppins', sans-serif;}
.content img {margin: auto;}

.fa-whatsapp {font-size: 17px !important;}

@media only screen and  (min-width: 1200px) and (max-width: 1500px)  {}

@media (max-width: 1550px) {}

@media (max-width: 1200px) {

    .donate-us {display: none;}
    .hamburger {display: block;}
    .mobile-navigation.active {display:flex;left: 0;}
    .mobile-navigation {position: fixed;left: -200%;right: 0;top: 0;bottom: 0;margin: auto;background: var(--primary-color);display: flex;align-items: center;transition: all 0.4s ease;z-index: 3;width: 100vw;height: 100%;padding: 20px;}
    .site-navigation > ul > li {display: block;}
    .site-navigation > ul > li a {color: #FFFFFF;padding: 5px 20px;}
    .site-navigation .dropdown-nav {position: relative;display: block;background-color: transparent;left: 30px;box-shadow: none;}
    .site-navigation .dropdown-nav > li a {font-size: 14px;}

}

@media (max-width: 1199px) {

    .donation-form {top: 0;padding-top: 40px;}
    .donation-form .ul-style {display: block;}

    .spacing__x {padding: 40px 0;}

    p {font-size: 14px;}

    .headingstyle1 {margin-bottom: 40px;}
    .headingstyle1 h3, .headingstyle1 .fs-40, .headingstyle2 h2 {font-size: 44px;}

    .headingstyle3 h5 {font-size: 18px;}
    .headingstyle3 h3 {font-size: 34px;}

    .style-box-hadith .top p {font-size: 18px;}
    .style-box-hadith .bottom {margin-top: 70px;}

    .latest-update-box {margin-bottom: 0;}
    .latest-update-box.style-2 .title {padding: 25px 0!important;}

    .media-center-list > ul li {width: 50%;}
    .media-center-box h6 {margin: 30px 0 40px 0;}

    .btn-style-2 {padding: 10px 30px;font-size: 18px;}

    .service-we-offer .headingstyle3 {margin-bottom: 30px;}
    .service-weoffer-slider .slick-slide {margin: 0 15px;}
    .service-weoffer-slider .slider-arrows-style .slick-arrow {display: none !important;}

    .slider-arrows-style .slick-arrow {display: none !important;}

    .our-services .img-box, .our-services .text-box {margin-bottom: 40px;}
    .our-services .container > .row {border-bottom: 1px solid #CCCCCC;margin-bottom: 40px;}
    .our-services .container > .row:last-child {border-bottom: 0;margin-bottom: 0;}

    .sub-heading {margin-top: 40px;}

    .service-gallery-images ul li, .more-images > ul > li {margin: 5px;width: 47%;}

    .islamic-books-list > li {width: 45%;}
    .islamic-books-list .book-cover {padding: 0;}
    .islamic-books-list .book-cover::before {display: none;}

    .headingstyle2 p {font-size: 14px;}

    .events-slider-for .slick-list {padding: 0px 15% !important;}
    .events-slider-for .events-nav-box {padding: 20px 10px;}

    .donate-form-pg .cp-all {padding: 0 30px 30px;}

    .table-style-1 .table-body ul li {font-size: 14px;}

    footer .footer-top {padding: 50px 0 30px 0;}
    footer .ft-nav {margin-bottom: 20px;}
    footer .ft-nav h5 {margin-bottom: 10px;}
    footer .ft-nav ul li {margin-bottom: 5px;}
    footer .terms-policy {text-align: left;}
    .slide .slide-assets {
        width: 60%;
    }
    .slide .slide-assets h3 {
        font-size: 40px;
    }
    .slide .slide-assets p {
        font-size: 16px;
    }
    .donation-form .donate-form-1 { margin-bottom: 2rem; }
}

@media (max-device-width: 864px) and (orientation: landscape) {}


@media (max-width: 991px) {

    .headingstyle1 {margin-bottom: 40px;}
    .headingstyle1 h3, .headingstyle1 .fs-40 {font-size: 30px;}
    .headingstyle2 h2 {font-size: 38px;}
    
    .style-box-hadith .bottom {margin-top: 100px;}

    /*.slide .slide-assets {transform: translateY(0);width: 100%;top: 0;}*/
    .slide .slide-assets img {display: none;}
    .slide .slide-assets h3 {font-size: 26px;}
    .slide .slide-assets p {font-size: 14px;line-height: normal;}

    .tranfer-via-bank .table-head, .donate-via-appwallet .table-head {display: none;}
    .tranfer-via-bank .dtbl, .donate-via-appwallet .dtbl {margin-bottom: 20px;}
    .tranfer-via-bank .dtbl .dtd:first-child {background-color: rgb(214 204 130 / 20%);}
    .tranfer-via-bank .dtbl .dtd, .donate-via-appwallet .dtbl .dtd {border-right: 1px solid #CCCCCC;}
    .table-style-1 .table-body ul li:last-child {border-bottom: 1px solid #CCCCCC;}


    .dtbl {display: block;}
    .dtbl .dtd {display: block;width: 100% !important;}
    .donation-form .donate-form-1 { margin-bottom: 2rem; }
}

@media (max-width: 767px) {
    .home-banner-slider .slick-slide > img {
        height: 240px;
        object-fit: cover;
    }
    .slide .slide-assets {
        width: 65%;
    }
    .slide .slide-assets h3 {
        font-size: 16px;
        margin: 5px 0;
        line-height: 1;
    }
    .slide .slide-assets p:empty {
        display: none;
    }
    .slide .slide-assets p {
        font-size: 12px;
    }
    .donation-form .donate-form-1 { margin-bottom: 2rem; }
}

@media (max-width: 375px) {}

@media (max-width: 309px) {
    .slide .slide-assets h3 {
        font-size: 16px;
    }
}

@media (max-width: 298px) {
    .slide .slide-assets p {
        font-size: 11px;
    }
}

@media (max-width: 271px) {
    .slide .slide-assets h3 {
        font-size: 14px;
    }
}
@media (max-width: 245px) {
    .slide .slide-assets h3 {
        font-size: 13px;
    }
    .slide .slide-assets p {
        font-size: 10px;
    }
}



.hidetext{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


div.more-images{
    text-align:center;
}
.our-services .text-box li {
    font-size: 14px;
}