/*
============================
Name:  Danbox - Charity HTML Template
Version: 1.0.0
Description: Danbox -Charity HTML Template
Author: Themezone
Author URI: https://www.templatemonster.com/authors/themezone/
Location:
============================
*/
/*============= TYPHOGRAPHY AREA STARS ===============*/
/*============= HEDAER CSS AREA ===============*/
/*============= MENU CSS AREA STARS ===============*/
/*============= Banner CSS AREA ===============*/
/*============= Activity CSS AREA ===============*/
/*============= BREADCRUMB CSS AREA ===============*/
/*============= Guardian CSS AREA ===============*/
/*============= Section_title CSS AREA ===============*/
/*============= Sponsorshop CSS AREA ===============*/
/*============= Experince CSS AREA ===============*/
/*============= Gallery CSS AREA ===============*/
/*============= Volunteers CSS AREA ===============*/
/*============= Testmonial CSS AREA ===============*/
/*============= News CSS AREA ===============*/
/*============= SIDEBAR CSS AREA ===============*/
/*============= Counter CSS AREA ===============*/
/*============= Btn CSS AREA  ===============*/
/*============= Global CSS AREA ===============*/
/*============= Preloader CSS AREA ===============*/
/*============= News CSS AREA ===============*/
/*============= CONTACT CSS AREA ===============*/
/*============= Boostrap_helper CSS AREA ===============*/
/*============= TEAM CSS AREA ===============*/
/*============= FAQ CSS AREA ===============*/
/*============= 404 CSS AREA ===============*/
/*============= SCROLLTOP CSS AREA ===============*/
/*============= FOOTER CSS AREA ===============*/
/*============= SPACING CSS AREA ===============*/
/*============= CustomanimationCSS AREA ===============*/
/*============= TYPHOGRAPHY AREA STARS ===============*/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
/* browser prefix adding  */
.teamprofile__personalcontent .data > ul li > span, .offcanvas__contact ul li a, .header--one .header__menu nav > ul li ul li a, .header--one .header__menu nav > ul li a, .pagi ul li a, h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
  color: #3c3a3a;
}

.donationform--one .donationform__wrapper .paymentinformation > a:hover, .careerdetails__details ul li, .career__inner:hover .text h5 a, .management__inner .thumb .socialicon a:hover i, .contactwithus__inner .text p span, .volunteers__sinleitem:hover .profile a, .guardian__item:hover .content .top ul li:last-child > p, .guardian__item .content .top ul li.active p, .activity__leftimg:hover .playbtn_animation a i, .offcanvas__social ul li a i, .header--one .header__menu nav > ul li.active > a, .header--one .header__socialicon a:hover i, .footer__copyright p:hover a, .footer--one .footer__gallery .innerimg .inneritem .upitem a:hover i, .footer--one .footer__logo .socialicon .icon a:hover i, .sidebar__catagory .content ul li:hover a, .sidebar__catagory .content ul li:hover span, .sidebar__popular .desk ul li:hover .text h6 a, .newssingle__reletedpost .content:hover .text h6 a, .newssingle__details .bottom ul li i, .newssingle__details .middle .quote p, .news--three .news__inner:hover .text h6 a, .news--one .news__rightcontent .item:hover .text h6 > a, .callus__btn a:hover, .fourzero__content h2 {
  color: #a82626;
}

.nav-pills .nav-link, .accordion-item .accordion-button,
.sponsorship__item .text h6,
.guardian__header h2,
.activity__item .text h6 {
  color: #534741;
}

.dailyrouting__inner ul li .text h6 {
  color: #292524;
}

.teamprofile__personalcontent .data > ul li .allicon ul li a, .childprofile__personalinfo > .thumb, .menu-item-has-children > a::before, .menu-item-has-children > a::after, .header--one .header__menu nav > ul li ul li.menu-item-has-children > a::before, .header--one .header__menu nav > ul li ul li.menu-item-has-children > a::after, .banner--one .banner__bg .slidetext .banner__btn .or:before, .banner--one .banner__bg .slidetext .banner__btn .or:after {
  background: #3c3a3a;
}

.donationform--six .donationform__payment button, .donationform--three .donationform__wrapper .donation-container .button-group button:hover, .donationform--one .donationform__wrapper .top ul li.active .thumb span, .careerdetails__details .personalinfo a, .career__inner .text .allbtn a:last-child, .career__inner .text .allbtn a:hover, .management__inner .thumb:after, .teamprofile__personalcontent .data > ul li .allicon ul li a:hover, .aboutteam__text a, .contactinfo__withus form button, .childprofile__donation form button, .childprofile__personalinfo .video .video__inner > a, .volunteerform__wrapper form button, .volunteers__inner .name p, .projects__photoitem .inner_text .icon a, .projects__header ul li.active, .experince__rightcontent, .experince__leftcontent .alltext a, .guardian__item .content .bottom .guardian__btn > a, .guardian__item .content .top h6, .menu-item-has-children.open > a::after, .menu-item-has-children.open > a::before, .offcanvas__header, .header--one .header__btn a, .banner--two .banner__btn, .banner--one .banner__bg .slidetext .banner__btn a:first-child, .footer--one .footer__gallery .innerimg .inneritem .upitem a, .sidebar__alltag .alltaginner a, .newssingle__leavecoments .formarea form button, .news--one .news__rightcontent .newslatter form .icon, .appeals__content .allbtn .btnone, .nav-pills .nav-link.active, .pagi ul li a:hover, .pagi ul li a.active, .tooltip::before, .tooltip, .callus__btn a, #scroll-percentage, .accordion-item .accordion-button:not(.collapsed) .plus-icon:after, .accordion-item .accordion-button:not(.collapsed), .playbtn_animation a {
  background: #a82626;
}

.activity__item .thumb {
  background: #e7dfd2;
}

.impact__inner h6 a, .dailyrouting__inner .title h6, .parent__header h2, .donate__form form button, .donate__inner p, .donate__inner h2, .donationform--six .donationform__payment button, .donationform--three .donationform__wrapper .donation-container .button-group button.active, .donationform--three .donationform__wrapper .donation-container .button-group button:hover, .donationform--one .donationform__wrapper .top ul li.active .thumb span, .careerdetails__jobpost .icon a i, .careerdetails__details .personalinfo a, .career__inner .text .allbtn a:last-child, .career__inner .text .allbtn a:hover, .management__inner .thumb .socialicon a i, .teamprofile__personalcontent .data > ul li .allicon ul li a i, .awarad__inner h6, .awarad__inner .counting h2, .aboutteam__text a, .contactwithus__righmessage form .formbtn, .contactinfo__withus form button, .childprofile__donation form button, .childprofile__details .expense th, .childprofile__personalinfo .video .video__inner > a, .volunteerform__wrapper form button, .volunteers__text2 .swiper-slide ul li h2, .volunteers__text2 .swiper-slide ul li, .volunteers__text .swiper-slide ul li h2, .volunteers__inner .name p, .projects__photoitem .inner_text h6, .projects__header ul li.active, .experince__inner h2, .experince__leftcontent .alltext a, .guardian__item .content .bottom .guardian__img h6, .guardian__item .content .bottom .guardian__btn > a, .guardian__item .content .top h6 a, .guardian__item .content .top h6, .section__title h2, .offcanvas__close-btn button i, .offcanvas__logo a h5, .header--one .header__btn a, .header--one .header__mobilebar .danbox-menu-bar i, .header--one .header__topcontact ul li .text p span, .header--one .header__topcontact ul li .icon i, .banner--two .banner__btn, .banner--one .banner__bg .slidetext .banner__btn a:first-child, .banner--one .banner__bg .slidetext p, .banner--one .banner__bg .slidetext h2, .footer--one .footer__gallery .innerimg .inneritem .upitem a i, .footer--one .footer__links ul li:hover a, .footer--one .footer__widgets h6, .breadcamb__content nav ol li i, .breadcamb__content nav ol li a, .breadcamb__content h3, .sidebar__alltag .alltaginner a, .newssingle__leavecoments .formarea form button, .newssingle__details .bottom .socialbuttn > a i, .news--three .news__inner .text > a span, .news--one .news__rightcontent > a, .need__left ul li, .need__left h2, .need__left h6, .humanity__content h6, .humanity__content p, .humanity__content h2, .appeals__content .allbtn .btnone, .pagi ul li a:hover, .pagi ul li a.active, .tooltip, .accordion-item .accordion-button:not(.collapsed), .playbtn_animation a i {
  color: #fff;
}

.dailyrouting__inner ul, .management__inner .thumb .socialicon a:hover, .teamprofile__allcontent, .awarad__right, .contactwithus__righmessage, .projects__header ul li, .activity__leftimg:hover .playbtn_animation a, .menu-item-has-children.menu-item-has-children2 > a::before, .menu-item-has-children.menu-item-has-children2 > a::after, .banner--one .banner__bg .slidetext .banner__btn .or span, .footer--one .footer__gallery .innerimg .inneritem .upitem a:hover, .need__righ .item .icon, .callus__btn a:hover, .accordion-item .accordion-button:not(.collapsed) .plus-icon, .custom__btn, .playbtn_animation::before, .playbtn_animation::after, body,
button,
input,
select,
optgroup,
textarea {
  background: #fff;
}

.donationform--one .donationform__wrapper .top ul li.active p, .careerdetails__jobpost h6, .career__inner .text .allbtn a, .awarad__inner h6, .awarad__inner .counting h2, .childprofile__details .expense td,
.childprofile__details .expense th, .testmonial__inner .profile ul li .right h6, .testmonial__inner .profile ul li .left h6, .volunteerform__title h6, .projects__photoitem .inner_text h6, .projects__header ul li, .experince__inner h6, .guardian__item .content .bottom .guardian__img h6, .guardian__item .content .bottom .guardian__btn > a, .section__title p, .header--one .header__menu nav > ul li a, .banner--two .banner__btn, .banner--two .banner__text h3, .newssingle__details .middle .quote p, .news--one .news__left .text > h6 span, .news--one .news__left .text > h6, .need__righ .item h4, .need__righ .item h6, .humanity__content h6, .accordion-item .accordion-button, .custom__btn, body,
button,
input,
select,
optgroup,
textarea {
  font-family: "Inter", serif;
}

.volunteers__sinleitem .profile a, .banner--one .banner__bg .slidetext .banner__btn .or span, .news--one .news__left .text a, .counter2 .awarad__inner .counting h2 {
  font-family: "Playfair Display", serif;
}

.impact__inner h6 a, .donationform--four .donationform__wrapper .paymentinformation .selectachild .childwrapper .swiper-slide .item .text a, .donationform--two .donationform__btn a, .donationform--one .donationform__wrapper .paymentinformation > a, .careerdetails__details .personalinfo a, .career__inner .text .allbtn a, .career__inner .text h5 a, .aboutteam__text a, .zakkat__details .donatebtn, .childprofile__personalinfo .video .video__inner > a, .volunteers__sinleitem .profile a, .guardian__item .content .bottom .guardian__btn > a, .guardian__item .content .top h6 a, .offcanvas__social ul li a, .offcanvas__contact ul li a, .header--one .header__btn a, .header--one .header__menu nav > ul li a, .banner--two .banner__btn, .footer__copyright p a, .footer--one .footer__links ul li a, .breadcamb__content nav ol li a, .sidebar__alltag .alltaginner a, .sidebar__catagory .content ul li a, .sidebar__popular .desk ul li .text h6 a, .newssingle__reletedpost .content .text h6 a, .newssingle__commets .commentsinner ul li .top .right > a, .newssingle__commets .commentsinner ul li .top .left .name a, .newssingle__details .bottom .allbutton > a, .news--three .news__inner .text > a, .news--three .news__inner .text h6 > a, .news--one .news__rightcontent > a, .news--one .news__rightcontent .item .text h6 > a, .news--one .news__rightcontent .item .text > a, .news--one .news__left .text a, .appeals__content .allbtn .btntwo, .appeals__content .allbtn .btnone, .pagi ul li a, .footerbtn, .custom__btn {
  text-decoration: none;
}

.teamprofile__personalcontent span, .header--one .header__btn a, .breadcamb__content nav ol li, .sidebar__alltag .alltaginner a, .newssingle__leavecoments .formarea form button, .nav-pills .nav-link, .pagi ul li a, .accordion-item .accordion-button, input::placeholder,
textarea::placeholder,
select::placeholder {
  text-transform: capitalize;
}

.impact__header, .family__title p, .family__title h2, .dailyrouting__inner .title h6, .dailyrouting__header h2, .parent__header h2, .facilities__item, .donate__inner p, .donate__inner h2, .donate__inner .icon, .donate__header, .donationform--six .donationform__payment button, .donationform--six .donationform__payment h5, .donationform--six .donationform__payment, .donationform--one .donationform__wrapper .paymentinformation, .donationform--one .donationform__wrapper .top ul li .thumb span, .donationform--one .donationform__wrapper .top ul li, .careerdetails__jobpost .icon a, .careerdetails__employment ul li .icon, .career__inner .text .allbtn, .career__inner .text > p, .career__inner .text h5, .management__inner .text, .management__inner .thumb .socialicon a, .management__title, .teamprofile__personalcontent .data > ul li .allicon ul li a, .awarad__item h6, .history__title, .contactwithus__header h2, .contactwithus__inner, .contactinfo__withus form button, .contactinfo__allitem .item .icon, .childprofile__personalinfo .video .video__inner > a, .childprofile__personalinfo > h6, .testmonial__title, .testmonial__inner p, .volunteerform__title, .volunteers__title, .volunteers__sinleitem .profile span, .volunteers__sinleitem .profile a, .volunteers__inner .name p, .projects__title, .projects__photoitem .inner_text .icon a, .projects__photoitem .inner_text, .sponsorship__item .text h6, .sponsorship__item .thumb, .experince__inner, .experince__title, .guardian__item .content .bottom, .guardian__item .content .top h6, .activity__item .text h6, .activity__item .thumb, .activity__header h2, .offcanvas__social ul li a, .banner--one .banner__bg .slidetext .banner__btn .or span, .footer__copyright p, .footer--one .footer__gallery .innerimg .inneritem .upitem a, .footer--one .footer__contact ul li .icon, .breadcamb__content nav, .breadcamb__content, .newssingle__details .bottom .socialbuttn > a, .news--three .news__inner .text > a, .news--three .news__inner .text, .news--one .news__left .text, .news--one .news__title, .need__righ .item, .need__header, .appeals__header, .counter2 .awarad__inner .counting h2, .counter2 .awarad__inner, .pagi ul li a, .custom__btn, .playbtn_animation a {
  text-align: center;
}

.dailyrouting__inner ul li, .facilities__othersfacilities ul li, .donationform--two .donationform__personalinfo ul li, .donationform--two .donationform__detils ul li, .donationform--one .donationform__wrapper .top ul li, .careerdetails__employment ul li, .career__inner .text ul li, .teamprofile__personalcontent .data > ul li .allicon ul li, .teamprofile__personalcontent .data > ul li, .history__left ul li, .zakkat__counting ul li, .childprofile__personalinfo ul li, .testmonial__inner .profile ul li, .projects__header ul li, .offcanvas__social ul li, .offcanvas__contact ul li, .header--one .header__menu nav > ul li, .footer--one .footer__contact ul li, .footer--one .footer__links ul li, .sidebar__catagory .content ul li, .sidebar__popular .desk ul li, .newssingle__commets .commentsinner ul li, .newssingle__details .bottom ul li, .news--one .news__rightcontent .item .text ul li:first-child, .need__left ul li, .pagi ul li {
  list-style: none;
}

* {
  margin: 0;
  padding: 0;
}

.news--three .news__inner .text > a span, .tooltip, .custom__btn:after {
  opacity: 0;
}

.footer--one .footer__gallery .innerimg:hover .inneritem {
  opacity: 1;
}

.offcanvas {
  visibility: hidden;
  opacity: 0;
}

.offcanvas.opened {
  visibility: visible;
  opacity: 1;
}

.testmonial .swiper-button-prev,
.testmonial .swiper-button-next, .experince__rightcontent img, .experince__leftcontent img, .activity__header img, .header--three .header__bottom.header-fixed .ellepsis, .header--one .header__bottom.header-fixed .ellepsis, .banner--one .banner__pagination, .banner--one .banner__bg .slidetext .banner__btn a:last-child, .banner--one .banner__bg .slidetext .banner__btn .or, .newssingle__commets .commentsinner ul li .top .right, .working .map-container, .accordion-item .accordion-button:after, .accordion-item .accordion-button .plus-icon {
  display: none;
}

.volunteers__sinleitem .profile span, .volunteers__sinleitem .profile a, .header--one .header__menu nav > ul li a, .newssingle__commets .commentsinner ul li .top .left .name a, .newssingle__commets .commentsinner ul li .top .left .name span {
  display: block;
}

.donationform--two .donationform__personalinfo ul li p span, .donationform--two .donationform__detils ul li p span, .donationform--one .donationform__wrapper .top ul li .thumb span, .careerdetails__jobpost .icon a, .careerdetails__details .personalinfo .item span, .management__inner .thumb .socialicon a, .teamprofile__personalcontent .data > ul li > span, .teamprofile__personalcontent span, .aboutteam__text a, .zakkat__details .donatebtn, .childprofile__personalinfo .video .video__inner > a, .childprofile__personalinfo ul li span, .projects__photoitem .inner_text .icon a, .guardian__item .content .bottom .guardian__btn > a, .guardian__item .content .top ul li > p span, .offcanvas__social ul li a, .header--one .header__btn a, .header--one .header__menu nav > ul li ul li a, .banner--two .banner__btn, .banner--one .banner__bg .slidetext .banner__btn .or span, .footer--one .footer__gallery .innerimg .inneritem .upitem a, .footer--one .footer__contact ul li .text span, .sidebar__alltag .alltaginner a, .sidebar__popular .desk ul li .text span, .sidebar__widgets .title h5, .newssingle__details .bottom .socialbuttn > a, .newssingle__details .bottom .allbutton > a, .news--three .news__inner .text > a span, .news--three .news__inner .text > a, .news--one .news__rightcontent > a, .news--one .news__left .text a, .pagi ul li a, .custom__btn {
  display: inline-block;
}

.impact__inner .map,
.impact__inner .date, .dailyrouting__inner ul li, .facilities__othersfacilities ul li, .facilities__othersfacilities ul, .donationform--three .donationform__wrapper .donation-container .button-group, .donationform--two .donationform__btn, .donationform--one .donationform__wrapper .paymentinformation > a, .donationform--one .donationform__wrapper .paymentinformation, .donationform--one .donationform__wrapper .top ul, .careerdetails__employment ul li, .career__inner .text .allbtn, .career__inner .text ul, .teamprofile__personalcontent .data > ul li .allicon ul, .teamprofile__personalcontent .data > ul li, .teamprofile__personalcontent .data > ul, .history__right, .aboutteam__text2 ul, .contactinfo__allitem .item, .childprofile__donation form .form-check, .childprofile__personalinfo .gurdianprofile .profile .text .social, .childprofile__personalinfo .gurdianprofile .profile, .childprofile__personalinfo ul li, .testmonial__inner .profile ul li .left, .volunteers__text2 .swiper-slide ul li, .volunteers__text2 .swiper-slide ul, .volunteers__text .swiper-slide ul li, .volunteers__text .swiper-slide ul, .projects__header ul, .guardian__item .content .bottom .guardian__img, .guardian__item .content .top ul li, .activity__header, .offcanvas__social ul, .offcanvas__allimg, .offcanvas__close-btn, .header--three .header__mainpart .left, .header--three .header__mainpart, .header--two .header__mainpart .right, .header--two .header__mainpart, .header--one .header__mobileright, .header--one .header__mobilebar .danbox-menu-bar, .header--one .header__socialicon, .header--one .header__topcontact ul li, .header--one .header__topcontact ul, .banner--one .banner__bg .slidetext .banner__btn, .footer--one .footer__gallery .innerimg .inneritem, .footer--one .footer__contact ul li, .footer--one .footer__links ul, .footer--one .footer__logo .socialicon .icon, .sidebar__catagory .content ul li, .sidebar__catagory .content ul, .sidebar__popular .desk ul li, .newssingle__reletedpost .content, .newssingle__commets .commentsinner ul li .top .left, .newssingle__author .content, .newssingle__details .bottom .allbutton, .newssingle__details .bottom ul li, .news--three .news__inner .text > a, .news--two .news__rightcontent .item .text ul li, .news--two .news__rightcontent .item .text ul, .news--one .news__rightcontent .item .text ul, .news--one .news__rightcontent .item, .need__righ, .need__left ul, .appeals__content .allbtn, .nav-pills, .pagi ul, .pagi, .tooltip, .footerbtn, .playbtn_animation {
  display: flex;
  flex-wrap: wrap;
}

.donationform--three .donationform__wrapper .donation-container .button-group, .donationform--one .donationform__wrapper .paymentinformation > a, .donationform--one .donationform__wrapper .paymentinformation, .donationform--one .donationform__wrapper .top ul, .career__inner .text .allbtn, .career__inner .text ul, .projects__header ul, .activity__header, .footer--one .footer__gallery .innerimg .inneritem, .breadcamb__content nav ol, .news--three .news__inner .text > a, .nav-pills, .pagi ul, .pagi, .tooltip, .footerbtn, .playbtn_animation {
  justify-content: center;
}

.sidebar__catagory .content ul li {
  justify-content: space-between;
}

.accordion-item .accordion-button {
  justify-content: space-between !important;
}

.impact__inner .map,
.impact__inner .date, .dailyrouting__inner ul li, .donationform--one .donationform__wrapper .paymentinformation > a, .donationform--one .donationform__wrapper .top ul, .careerdetails__employment ul li, .career__inner .text .allbtn, .career__inner .text ul, .teamprofile__personalcontent .data > ul li, .history__right, .childprofile__donation form .form-check, .childprofile__personalinfo .gurdianprofile .profile .text .social, .childprofile__personalinfo .gurdianprofile .profile, .testmonial__inner .profile ul li .left, .volunteers__text2 .swiper-slide ul li, .volunteers__text2 .swiper-slide ul, .volunteers__text .swiper-slide ul li, .volunteers__text .swiper-slide ul, .guardian__item .content .bottom .guardian__img, .activity__header, .header--three .header__mainpart .left, .header--three .header__mainpart, .header--two .header__mainpart .right, .header--two .header__mainpart, .header--one .header__mobileright, .header--one .header__menu nav > ul, .header--one .header__socialicon, .header--one .header__topcontact ul, .banner--one .banner__bg .slidetext .banner__btn, .footer--one .footer__gallery .innerimg .inneritem, .footer--one .footer__contact ul li, .footer--one .footer__logo .socialicon .icon, .sidebar__catagory .content ul li, .sidebar__catagory .content ul, .sidebar__popular .desk ul li, .newssingle__reletedpost .content, .newssingle__commets .commentsinner ul li .top .left, .newssingle__commets .commentsinner ul li .top, .newssingle__author .content, .newssingle__details .bottom ul li, .news--three .news__inner .text > a, .news--two .news__rightcontent .item .text ul li, .news--two .news__rightcontent .item .text ul, .news--one .news__rightcontent .item .text ul, .tooltip, .footerbtn, .playbtn_animation {
  align-items: center;
}

.offcanvas__close-btn, .header--one .header__mobileright, .header--one .header__mobilebar .danbox-menu-bar, .header--one .header__socialicon {
  justify-content: flex-end;
}

.childprofile__donation form button, .sidebar__search form button, .accordion-item, .custom__btn {
  border: none;
}

.teamprofile__personalcontent .data > ul li .allicon ul li a, .header--three .header__bottom.header-fixed .ellepsis, .header--one .header__bottom.header-fixed .ellepsis, .accordion-item .accordion-button:not(.collapsed) .plus-icon, .accordion-item .accordion-button:not(.collapsed), .accordion-item .accordion-button .plus-icon {
  transition: all 0.3s ease;
}

.header--three .header__bottom.header-fixed, .header--one .header__bottom.header-fixed {
  transition: all 0.5s ease;
}

.family__title p, .donate__header p, .career__inner .text > p, .career__inner .text h5, .management__title p, .history__title p, .contactwithus__inner .thumb, .childprofile__personalinfo > .thumb, .testmonial__title p, .testmonial__inner p, .volunteerform__title p, .projects__title p, .sponsorship__item .thumb, .experince__title p, .experince__title h2, .guardian__item .content .bottom .guardian__img, .guardian__item .content .top, .news--one .news__title p, .need__righ .item .icon, .need__header p, .appeals__header p, .callus__title, .callus__btn a, .fourzero__content p {
  margin: auto;
}

.impact__inner, .impact, .family__left, .parent__inner, .donate__inner p, .donate__inner, .donationform--four .donationform__wrapper .paymentinformation .selectachild .childwrapper, .donationform--four .donationform__wrapper .paymentinformation .selectachild .searchbar, .donationform--one .donationform__wrapper .top ul li, .career__inner .thumb, .management__inner .thumb, .awarad__right, .history__right, .history__left, .contactwithus__inner, .childprofile__personalinfo > h6, .testmonial, .volunteers__sinleitem .thumb, .projects__photoitem, .projects, .experince__rightcontent, .experince__inner, .experince__leftcontent, .guardian__item .thumb, .guardian__item, .guardian, .activity__leftimg, .menu-item-has-children > a, .banner--one .banner__bg .slidetext .banner__btn .or, .footer--one .footer__gallery .innerimg, .breadcamb__content nav ol li, .sidebar__search form, .news--one .news__rightcontent .newslatter form, .news--one .news__rightcontent .item .thumb, .news--one .news__left .thumb, .news--one .news__left, .counter2 .awarad__inner, .counter2, .image-anime, .footerbtn, .animation2, .animation, .custom__btn,
.volunteers__inner,
.header--one .header__menu nav > ul li,
.accordion-item .accordion-button .plus-icon {
  position: relative;
}

.impact__inner::after, .donationform--four .donationform__wrapper .paymentinformation .selectachild .searchbar button, .management__inner .thumb:after, .management__inner .thumb .socialicon, .childprofile__personalinfo > h6::after, .volunteers__inner .name, .projects__photoitem .inner_text, .guardian__item .thumb:after, .menu-item-has-children > a::before, .menu-item-has-children > a::after, .banner--one .banner__bg .slidetext .banner__btn .or:before, .banner--one .banner__bg .slidetext .banner__btn .or:after, .footer--one .footer__gallery .innerimg .inneritem, .sidebar__search form button, .news--one .news__rightcontent .newslatter form .icon, .counter2:after, .image-anime:after, .tooltip::before, .tooltip, .working .tooltip, .accordion-item .accordion-button .plus-icon:before, .accordion-item .accordion-button .plus-icon:after, .custom__btn:after, .playbtn_animation::before, .playbtn_animation::after, .playbtn_animation {
  position: absolute;
  content: "";
}

.impact__inner, .career__inner .thumb, .childprofile__personalinfo > .thumb, .volunteers__sinleitem .thumb, .volunteers__sinleitem, .volunteers__inner, .projects__photoitem, .guardian__item .thumb, .guardian__item, .sidebar__popular .desk ul li .thumb, .newssingle__reletedpost .content .thumb, .news--three .news__inner .text > a, .news--one .news__rightcontent .item .thumb, .news--one .news__left .thumb, .loader, .image-anime, .custom__btn {
  overflow: hidden;
}

.donationform--three .donationform__wrapper .donation-container .button-group button, .projects__header ul li, .header--one .header__mobilebar .danbox-menu-bar i, .footerbtn, .accordion-item .accordion-button {
  cursor: pointer;
}

.dailyrouting__inner ul li .text h6, .facilities__othersfacilities ul, .careerdetails__employment ul li:last-child, .teamprofile__Guidelines p, .teamprofile__year p:last-child, .teamprofile__experience p:last-child, .teamprofile__personalcontent .data > ul li p, .teamprofile__personalcontent h4, .zakkat__details .writername h6, .testmonial__inner .profile ul li .right h6, .testmonial__inner .profile ul li .left h6, .testmonial__inner .profile ul, .volunteers__text2 .swiper-slide ul li h2, .volunteers__text2 .swiper-slide ul, .volunteers__text .swiper-slide ul li h2, .volunteers__text .swiper-slide ul, .guardian__item .content .bottom .guardian__img h6, .guardian__item .content .top ul li:last-child, .activity__item .text h6, .offcanvas__contact ul li:last-child, .offcanvas .danbox-main-menu-mobile nav ul, .header--one .header__menu nav > ul, .header--one .header__topcontact ul, .banner--two .banner__text h3, .footer--one .footer__contact ul li:last-child, .footer--one .footer__links ul, .sidebar__catagory .content ul li:last-child, .sidebar__catagory .content ul, .sidebar__popular .desk ul li .text h6, .sidebar__popular .desk ul li:last-child, .sidebar__popular .desk ul, .newssingle__reletedpost .content .text h6, .news--one .news__rightcontent .item .text ul, .accordion-item .accordion-button {
  margin-bottom: 0;
}

.footer--one {
  background-repeat: no-repeat;
}

.footer--one {
  background-position: center;
}

.footer--one {
  background-size: cover;
}

.callus {
  background-repeat: no-repeat !important;
}

.callus {
  background-size: cover !important;
}

.sidebar__popular .desk ul li .text h6 a, .sidebar__popular .desk ul li .text h6 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
body.maincolor {
  background: #fcf9f4;
}

:root {
  scroll-behavior: auto !important;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
  clear: both;
  line-height: 1.3;
  font-family: "Playfair Display", serif;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

h1 {
  font-size: calc(1.5rem + 3vw);
}
@media (min-width: 1200px) {
  h1 {
    font-size: 3.75rem;
  }
}

h2 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h2 {
    font-size: 2.5rem;
  }
}

h3 {
  font-size: calc(1.35rem + 1.2vw);
}
@media (min-width: 1200px) {
  h3 {
    font-size: 2.25rem;
  }
}

h4 {
  font-size: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  h4 {
    font-size: 1.875rem;
  }
}

h5 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h5 {
    font-size: 1.5rem;
  }
}

h6 {
  font-size: 1.25rem;
}

p {
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
  color: #555;
  font-family: "Inter", serif;
}

a {
  color: #0066b3;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a:visited {
  outline: none;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}

a:focus {
  outline: thin dotted;
  outline: none;
}

a:hover,
a:active {
  outline: 0;
}

img {
  height: auto;
  max-width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

select {
  border: 1px solid #d9d9d9;
}

input,
textarea,
select {
  outline: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
/*--
    - all Margin 
-----------------------------------------*/
.teamprofile__personalcontent .data > ul li > span, .newssingle__details .bottom ul li > p {
  margin-top: 0px;
}

.teamprofile__personalcontent span {
  margin-top: 2px;
}

.newssingle__commets .commentsinner ul li .top .left .name a {
  margin-top: 3px;
}

.contactinfo__withus form button {
  margin-top: 5px;
}

.childprofile__personalinfo .gurdianprofile .profile .text .social {
  margin-top: 8px;
}

.zakkat__details .donatebtn, .volunteerform__wrapper form button, .news--one .news__left .text a, .appeals__header p, .working__left .text p {
  margin-top: 10px;
}

.facilities__item h6, .guardian__item .content .bottom .guardian__img {
  margin-top: 12px;
}

.guardian__item .content .bottom .guardian__btn {
  margin-top: 13px;
}

.donationform--one .donationform__wrapper .top ul li p, .careerdetails__details .admin p, .zakkat__details .writername > p, .testmonial__title p, .sponsorship__item .text h6, .activity__item .text h6, .newssingle__details .bottom p, .news--one .news__rightcontent .item .text ul, .news--one .news__left .text > h6, .fourzero__content p {
  margin-top: 15px;
}

.donationform--two .donationform__personalinfo ul, .donationform--two .donationform__detils ul, .careerdetails__jobpost .icon, .awarad__item h6, .history__right .text p, .aboutteam__text2 ul, .aboutteam__text2 p, .aboutteam__text a, .childprofile__donation form button, .childprofile__personalinfo .video .video__inner > a, .projects__photoitem .inner_text h6, .offcanvas .danbox-main-menu-mobile nav, .banner--two .banner__text p, .banner--one .banner__bg .slidetext p, .newssingle__author .content .text p, .newssingle__details .bottom ul, .news--one .news__rightcontent .newslatter form, .humanity__content h6 {
  margin-top: 20px;
}

.donationform--two .donationform__personalinfo, .childprofile__personalinfo > h6, .guardian__item .content .bottom, .offcanvas__allimg, .newssingle__commets .commentsinner ul li .bottom {
  margin-top: 25px;
}

.donationform--four .donationform__wrapper .paymentinformation .selectachild .childwrapper, .donationform--four .donationform__wrapper .paymentinformation .selectachild .searchbar, .donationform--two .donationform__btn, .donationform--one .donationform__wrapper .paymentinformation > a, .careerdetails__jobpost, .career__inner .text .allbtn, .career__inner .text ul, .contactwithus__inner .text, .zakkat__calcalutor form, .childprofile__personalinfo .gurdianprofile .profile, .testmonial__inner .profile, .volunteerform__wrapper form, .footer--one .footer__logo .socialicon, .footer--one .footer__logo .text, .newssingle__leavecoments .formarea form button, .newssingle__details .top .allp, .news--one .news__rightcontent .newslatter, .need__righ .item h6, .need__left ul, .humanity__content p {
  margin-top: 30px;
}

.donationform--three .donationform__wrapper .donation-container, .callus__btn {
  margin-top: calc(1.34375rem + 1.125vw);
}
@media (min-width: 1200px) {
  .donationform--three .donationform__wrapper .donation-container, .callus__btn {
    margin-top: 2.1875rem;
  }
}

.contactinfo__withus form, .contactinfo__allitem .item, .childprofile__details .expense, .offcanvas__social, .offcanvas__contact, .banner--two .banner__btn, .newssingle__leavecoments, .newssingle__author, .appeals__content .zakattype, .appeals__content > p, .appeals__header {
  margin-top: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .contactinfo__withus form, .contactinfo__allitem .item, .childprofile__details .expense, .offcanvas__social, .offcanvas__contact, .banner--two .banner__btn, .newssingle__leavecoments, .newssingle__author, .appeals__content .zakattype, .appeals__content > p, .appeals__header {
    margin-top: 2.5rem;
  }
}

.donate__form, .donationform--six .donationform__payment, .donationform--five .donationform__wrapper .formcontainer, .donationform--four .donationform__wrapper .paymentinformation .selectachild, .donationform--two .donationform__right, .donationform--one .donationform__wrapper .paymentinformation, .sponsorship__wrapper, .experince__leftcontent .alltext a {
  margin-top: calc(1.4375rem + 2.25vw);
}
@media (min-width: 1200px) {
  .donate__form, .donationform--six .donationform__payment, .donationform--five .donationform__wrapper .formcontainer, .donationform--four .donationform__wrapper .paymentinformation .selectachild, .donationform--two .donationform__right, .donationform--one .donationform__wrapper .paymentinformation, .sponsorship__wrapper, .experince__leftcontent .alltext a {
    margin-top: 3.125rem;
  }
}

.experince__wrapper {
  margin-top: calc(1.46875rem + 2.625vw);
}
@media (min-width: 1200px) {
  .experince__wrapper {
    margin-top: 3.4375rem;
  }
}

.impact__wrapper, .donate__wrapper, .management__wrapper, .childprofile__personalinfo ul, .volunteerform__wrapper, .projects__wrapper, .guardian__wrapper, .newssingle__commets, .news--one .news__wrapper {
  margin-top: calc(1.5rem + 3vw);
}
@media (min-width: 1200px) {
  .impact__wrapper, .donate__wrapper, .management__wrapper, .childprofile__personalinfo ul, .volunteerform__wrapper, .projects__wrapper, .guardian__wrapper, .newssingle__commets, .news--one .news__wrapper {
    margin-top: 3.75rem;
  }
}

.activity__wrapper, .pagi {
  margin-top: calc(1.53125rem + 3.375vw);
}
@media (min-width: 1200px) {
  .activity__wrapper, .pagi {
    margin-top: 4.0625rem;
  }
}

.zakkat__details .faq {
  margin-top: calc(1.5625rem + 3.75vw);
}
@media (min-width: 1200px) {
  .zakkat__details .faq {
    margin-top: 4.375rem;
  }
}

.aboutteam__bottom {
  margin-top: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
  .aboutteam__bottom {
    margin-top: 5rem;
  }
}

.contactinfo__withus, .appeals__wrapper .tab-content {
  margin-top: calc(1.75rem + 6vw);
}
@media (min-width: 1200px) {
  .contactinfo__withus, .appeals__wrapper .tab-content {
    margin-top: 6.25rem;
  }
}

.dailyrouting__inner ul li .text h6, .facilities__othersfacilities ul, .careerdetails__employment ul li:last-child, .teamprofile__Guidelines p, .teamprofile__year p:last-child, .teamprofile__experience p:last-child, .teamprofile__personalcontent .data > ul li p, .teamprofile__personalcontent h4, .zakkat__details .writername h6, .testmonial__inner .profile ul li .right h6, .testmonial__inner .profile ul li .left h6, .testmonial__inner .profile ul, .volunteers__text2 .swiper-slide ul li h2, .volunteers__text2 .swiper-slide ul, .volunteers__text .swiper-slide ul li h2, .volunteers__text .swiper-slide ul, .guardian__item .content .bottom .guardian__img h6, .guardian__item .content .top ul li:last-child, .activity__item .text h6, .offcanvas__contact ul li:last-child, .offcanvas .danbox-main-menu-mobile nav ul, .header--one .header__menu nav > ul, .header--one .header__topcontact ul, .banner--two .banner__text h3, .footer--one .footer__contact ul li:last-child, .footer--one .footer__links ul, .sidebar__catagory .content ul li:last-child, .sidebar__catagory .content ul, .sidebar__popular .desk ul li .text h6, .sidebar__popular .desk ul li:last-child, .sidebar__popular .desk ul, .newssingle__reletedpost .content .text h6, .news--one .news__rightcontent .item .text ul, .accordion-item .accordion-button {
  margin-bottom: 0px;
}

.childprofile__personalinfo .gurdianprofile .profile .text h6 {
  margin-bottom: 2px;
}

.newssingle__commets .commentsinner ul li .top .left .name h6 {
  margin-bottom: 3px;
}

.management__inner .text h5 {
  margin-bottom: 4px;
}

.dailyrouting__inner ul li .text p, .donationform--five .donationform__wrapper .formcontainer form label, .volunteers__sinleitem .profile a, .experince__inner h2, .newssingle__commets .commentsinner ul li .bottom p {
  margin-bottom: 5px;
}

.volunteerform__wrapper form label {
  margin-bottom: 7px;
}

.offcanvas__contact ul li, .sidebar__popular .desk ul li .text span, .need__righ .item h6 {
  margin-bottom: 8px;
}

.donate__form form label, .donationform--one .donationform__wrapper .paymentinformation .bottominfo .buttongroup button, .careerdetails__details h5, .management__title h2, .history__title h2, .childprofile__personalinfo ul li, .offcanvas__contact h5, .newssingle__details .bottom ul li {
  margin-bottom: 10px;
}

.zakkat__counting ul li, .guardian__item .content .top ul li, .sidebar__catagory .content ul li, .news--three .news__inner .text p, .appeals__content .zakattype > p {
  margin-bottom: 12px;
}

.zakkat__calcalutor form label {
  margin-bottom: 13px;
}

.family__right .allitem .item .text h6, .dailyrouting__inner ul li, .teamprofile__Guidelines h5, .teamprofile__year h5, .teamprofile__experience h5, .contactwithus__righmessage form label, .experince__leftcontent .alltext .allp p:first-child, .offcanvas__social h5, .sidebar__popular .desk ul li, .newssingle__details .top h6, .news--one .news__rightcontent .item .thumb {
  margin-bottom: 15px;
}

.donationform--two .donationform__personalinfo ul li {
  margin-bottom: 16px;
}

.donationform--two .donationform__detils ul li {
  margin-bottom: 17px;
}

.donate__form form h5, .donationform--three .donationform__wrapper .donation-container .button-group, .careerdetails__details ul li, .contactinfo__allitem h4, .childprofile__personalinfo .video h6, .sponsorship__header h4, .guardian__item, .newssingle__details .middle p, .newssingle__details .top .allp p, .appeals__content .zakattype h6 {
  margin-bottom: 20px;
}

.zakkat__counting h6 {
  margin-bottom: 24px;
}

.aboutteam__text h2, .childprofile__details .expense > h4, .childprofile__details .alldesk p, .childprofile__details h4, .footer--one .footer__widgets h6, .newssingle__reletedpost h5, .newssingle__leavecoments h5, .newssingle__commets h5, .newssingle__author h5, .news--three .news__inner .text h6, .news--one .news__rightcontent .item {
  margin-bottom: 25px;
}

.family__right .allitem .item .text, .donationform--five .donationform__wrapper .formcontainer h5, .donationform--one .donationform__wrapper .paymentinformation .bottominfo h5, .careerdetails__details .admin h2, .zakkat__details .faq h4, .zakkat__details > p, .zakkat__details h5, .sidebar__widgets .title h5 {
  margin-bottom: 30px;
}

.careerdetails__details .personalinfo .item {
  margin-bottom: calc(1.34375rem + 1.125vw);
}
@media (min-width: 1200px) {
  .careerdetails__details .personalinfo .item {
    margin-bottom: 2.1875rem;
  }
}

.experince__leftcontent .alltext h2 {
  margin-bottom: calc(1.35rem + 1.2vw);
}
@media (min-width: 1200px) {
  .experince__leftcontent .alltext h2 {
    margin-bottom: 2.25rem;
  }
}

.facilities__othersfacilities h5, .careerdetails__employment ul li, .experince__inner, .newssingle__commets .commentsinner ul li {
  margin-bottom: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .facilities__othersfacilities h5, .careerdetails__employment ul li, .experince__inner, .newssingle__commets .commentsinner ul li {
    margin-bottom: 2.5rem;
  }
}

.dailyrouting__header, .parent__header, .facilities__heading, .contactwithus__righmessage h4, .testmonial__title, .offcanvas__allimg, .sidebar__widgets, .appeals__content .zakattype {
  margin-bottom: calc(1.4375rem + 2.25vw);
}
@media (min-width: 1200px) {
  .dailyrouting__header, .parent__header, .facilities__heading, .contactwithus__righmessage h4, .testmonial__title, .offcanvas__allimg, .sidebar__widgets, .appeals__content .zakattype {
    margin-bottom: 3.125rem;
  }
}

.family__title, .contactwithus__header, .volunteers__title, .need__header {
  margin-bottom: calc(1.5rem + 3vw);
}
@media (min-width: 1200px) {
  .family__title, .contactwithus__header, .volunteers__title, .need__header {
    margin-bottom: 3.75rem;
  }
}

.donationform--two .donationform__personalinfo ul, .donationform--two .donationform__detils ul, .career__inner .text ul, .history__left ul, .aboutteam__text2 ul, .zakkat__counting ul, .volunteers__text .swiper-slide ul, .offcanvas .danbox-main-menu-mobile nav ul, .header--three .header__menu nav ul, .newssingle__commets .commentsinner ul, .newssingle__details .bottom ul, .need__left ul {
  margin-left: 0px;
}

.guardian__item .content .top ul li > p, .footer--one .footer__links ul li a, .news--one .news__rightcontent .item .text ul li span, .news--one .news__left .text > h6 span {
  margin-left: 5px;
}

.donationform--one .donationform__wrapper .paymentinformation > a i {
  margin-left: 10px;
}

.news--one .news__rightcontent .item .text ul li:last-child {
  margin-left: 30px;
}

.newssingle__commets .commentsinner ul li:nth-child(2) {
  margin-left: calc(1.4375rem + 2.25vw);
}
@media (min-width: 1200px) {
  .newssingle__commets .commentsinner ul li:nth-child(2) {
    margin-left: 3.125rem;
  }
}

.career__inner .text ul li:last-child, .header--one .header__topcontact ul li:last-child, .footer--one .footer__logo .socialicon .icon a:last-child {
  margin-right: 0px;
}

.guardian__item .content .top ul li .icon, .header--one .header__topcontact ul li .icon i, .news--two .news__rightcontent .item .text ul li:last-child i, .news--two .news__rightcontent .item .text ul li img {
  margin-right: 5px;
}

.sidebar__catagory .content ul li a i {
  margin-right: 8px;
}

.childprofile__donation form .form-check input, .testmonial__inner .profile ul li .left img, .newssingle__details .bottom ul li i {
  margin-right: 10px;
}

.footer--one .footer__logo .socialicon .icon a, .breadcamb__content nav ol li i {
  margin-right: 15px;
}

.header--one .header__topcontact ul li, .news--one .news__left {
  margin-right: 20px;
}

.history__left ul li {
  margin-right: 21px;
}

.donationform--six .donationform__payment .allimg, .career__inner .text, .volunteerform__title h6 {
  margin-block: 20px;
}

.newssingle__details .bottom .allbutton, .newssingle__details .middle .quote {
  margin-block: 30px;
}

.childprofile__personalinfo .video {
  margin-block: 45px;
}

.childprofile__donation {
  margin-block: 60px;
}

.donationform--two .donationform__btn a i {
  margin-inline: 8px;
}

.volunteers__title {
  margin-inline: 20px;
}

/*--
    -all Padding 
-----------------------------------------*/
.donationform--four .donationform__wrapper .paymentinformation .selectachild .childwrapper .swiper-slide .item .text {
  padding-top: 10px;
}

.career__inner .text > p {
  padding-top: 15px;
}

.management__inner .text, .contactwithus__righmessage form textarea, .experince__title p {
  padding-top: 20px;
}

.donationform--two .donationform__personalinfo, .awarad__right {
  padding-top: 25px;
}

.experince__rightcontent {
  padding-top: 30px;
}

.guardian__item .content .top ul li:last-child, .sidebar__popular .desk ul li:last-child {
  padding-bottom: 0px;
}

.guardian__item .content .top ul li, .sidebar__catagory .content ul li {
  padding-bottom: 12px;
}

.dailyrouting__inner ul li, .sidebar__popular .desk ul li {
  padding-bottom: 15px;
}

.news--one .news__rightcontent .item {
  padding-bottom: 25px;
}

.family__right .allitem .item .text, .newssingle__details .bottom .allbutton {
  padding-bottom: 30px;
}

.guardian__item .content .bottom {
  padding-bottom: calc(1.34375rem + 1.125vw);
}
@media (min-width: 1200px) {
  .guardian__item .content .bottom {
    padding-bottom: 2.1875rem;
  }
}

.awarad__right {
  padding-bottom: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .awarad__right {
    padding-bottom: 2.5rem;
  }
}

.dailyrouting__inner ul, .facilities__othersfacilities ul, .donationform--two .donationform__personalinfo ul, .donationform--two .donationform__detils ul, .careerdetails__employment ul, .career__inner .text ul, .teamprofile__personalcontent .data > ul li .allicon ul, .teamprofile__personalcontent .data > ul, .history__left ul, .zakkat__counting ul, .childprofile__personalinfo ul, .testmonial__inner .profile ul, .volunteers__text2 .swiper-slide ul, .volunteers__text .swiper-slide ul, .projects__header ul, .offcanvas__social ul, .offcanvas__contact ul, .offcanvas .danbox-main-menu-mobile nav ul, .header--three .header__menu nav ul, .header--one .header__topcontact ul, .footer--one .footer__contact ul, .footer--one .footer__links ul, .sidebar__catagory .content ul, .sidebar__popular .desk ul, .newssingle__commets .commentsinner ul, .newssingle__details .bottom ul, .news--two .news__rightcontent, .news--one .news__rightcontent .item .text ul, .need__left ul, .pagi ul {
  padding-left: 0px;
}

.aboutteam__text2 ul {
  padding-left: 15px;
}

.contactwithus__righmessage form textarea, .contactwithus__righmessage form input, .news--one .news__rightcontent .newslatter form input {
  padding-left: 20px;
}

.career__inner .text ul li:last-child, .header--one .header__menu nav > ul li:last-child a, .header--one .header__menu nav > ul li:last-child, .header--one .header__topcontact ul li:last-child {
  padding-right: 0px;
}

.header--one .header__topcontact ul li {
  padding-right: 20px;
}

.history__left ul li {
  padding-right: 30px;
}

.history__alitem .item {
  padding-block: 0px;
}

.tooltip {
  padding-block: 5px;
}

.volunteers__inner .name p {
  padding-block: 6px;
}

.guardian__item .content .bottom .guardian__img {
  padding-block: 7px;
}

.history__left ul li, .header--one .header__top {
  padding-block: 10px;
}

.header--one .header__bottom {
  padding-block: 11px;
}

.dailyrouting__inner .title, .donationform--four .donationform__wrapper .paymentinformation .selectachild .searchbar input, .guardian__item .content .bottom .guardian__btn > a, .guardian__item .content .top ul, .header--one .header__menu nav > ul li ul li a {
  padding-block: 12px;
}

.donationform--six .donationform__payment button, .donationform--five .donationform__wrapper .formcontainer form input, .career__inner .text .allbtn a, .aboutteam__text a {
  padding-block: 13px;
}

.contactwithus__righmessage form input, .childprofile__donation form button, .volunteerform__wrapper form button {
  padding-block: 14px;
}

.donate__form form button, .donationform--one .donationform__wrapper .paymentinformation .bottominfo .buttongroup button, .careerdetails__details .personalinfo a, .zakkat__details .donatebtn, .childprofile__personalinfo .video .video__inner > a, .volunteers__text2, .volunteers__text, .newssingle__leavecoments .formarea form button, .newssingle__details .bottom .allbutton > a, .news--one .news__rightcontent > a, .appeals__content .allbtn .btntwo, .appeals__content .allbtn .btnone, .accordion-item .accordion-button:not(.collapsed) {
  padding-block: 15px;
}

.header--two .header__top, .header--one .header__btn a {
  padding-block: 16px;
}

.volunteers__sinleitem .profile, .offcanvas__logo, .header--one .header__mobile, .newssingle__commets .commentsinner ul li .bottom {
  padding-block: 20px;
}

.footer__copyright {
  padding-block: 25px;
}

.news--one .news__left .text, .counter2 .awarad__inner {
  padding-block: 30px;
}

.donate__inner, .contactwithus__inner, .volunteerform__wrapper, .need__righ .item {
  padding-block: 40px;
}

.activity__item {
  padding-block: 45px;
}

.facilities__item, .news--three .news__inner .text {
  padding-block: 50px;
}

.need__top {
  padding-block: 60px;
}

.volunteers__inner .name p, .guardian__item .content .bottom .guardian__img, .tooltip {
  padding-inline: 10px;
}

.guardian__item .content .top ul, .header--one .header__menu nav > ul li ul li a, .accordion-item .accordion-button {
  padding-inline: 20px;
}

.awarad__right, .volunteerform__wrapper {
  padding-inline: 25px;
}

.dailyrouting__inner ul li, .donate__form form button, .donate__inner, .careerdetails__details .personalinfo a, .career__inner .text .allbtn a, .zakkat__details .donatebtn, .childprofile__donation form button, .volunteerform__wrapper form button, .guardian__item .content .bottom .guardian__btn > a, .offcanvas__header, .offcanvas__body, .newssingle__leavecoments .formarea form button, .newssingle__commets .commentsinner ul li .bottom, .newssingle__details .bottom .allbutton > a, .news--one .news__rightcontent > a, .need__top, .appeals__content .allbtn .btntwo, .appeals__content .allbtn .btnone {
  padding-inline: 30px;
}

.donationform--six .donationform__payment button, .aboutteam__text a, .news--three .news__inner .text {
  padding-inline: 40px;
}

.header--one .header__btn a {
  padding-inline: 45px;
}

.news--one .news__rightcontent .newslatter form .icon {
  padding: 8px;
}

.donationform--four .donationform__wrapper .paymentinformation .selectachild .childwrapper .swiper-slide .item, .donationform--three .donationform__wrapper .donation-container .button-group button, .childprofile__donation form .form-check input, .header--one .header__mobilebar .danbox-menu-bar {
  padding: 10px;
}

.career__inner, .projects__header ul li, .guardian__item .content .top h6, input,
textarea,
select {
  padding: 15px;
}

.newssingle__details .middle .quote, .accordion-item .accordion-body {
  padding: 20px;
}

.sponsorship__item {
  padding: 22px;
}

.donationform--five .donationform__wrapper .formcontainer, .contactinfo__withus, .newssingle__reletedpost .content {
  padding: 25px;
}

.donationform--two .donationform__right, .careerdetails__jobpost, .careerdetails__employment, .contactwithus__righmessage, .childprofile__donation, .childprofile__personalinfo, .sidebar__full, .newssingle__author .content {
  padding: 30px;
}

.news--one .news__rightcontent .newslatter {
  padding: calc(1.34375rem + 1.125vw);
}
@media (min-width: 1200px) {
  .news--one .news__rightcontent .newslatter {
    padding: 2.1875rem;
  }
}

.donate__form, .zakkat__calcalutor form, .zakkat__details .writername, .newssingle__leavecoments .formarea, .newssingle__commets .commentsinner {
  padding: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .donate__form, .zakkat__calcalutor form, .zakkat__details .writername, .newssingle__leavecoments .formarea, .newssingle__commets .commentsinner {
    padding: 2.5rem;
  }
}

.donationform--six .donationform__payment, .donationform--one .donationform__wrapper .paymentinformation {
  padding: calc(1.4375rem + 2.25vw);
}
@media (min-width: 1200px) {
  .donationform--six .donationform__payment, .donationform--one .donationform__wrapper .paymentinformation {
    padding: 3.125rem;
  }
}

/*--
    - wdith, height and line height
-----------------------------------------*/
/*-- width with pixel and %--*/
.menu-item-has-children > a::after, .tooltip::before {
  width: 10px;
}

.donationform--four .donationform__wrapper .paymentinformation .selectachild .searchbar button {
  width: 15px;
}

.management__inner .thumb .socialicon a, .banner--one .banner__bg .slidetext .banner__btn .or span, .footer--one .footer__gallery .innerimg .inneritem .upitem a {
  width: 35px;
}

.guardian__item .content .bottom .guardian__img .img {
  width: 36px;
}

.careerdetails__jobpost .icon a, .teamprofile__personalcontent .data > ul li .allicon ul li a, .footer--one .footer__contact ul li .icon, .footer--one .footer__logo .socialicon .icon a, .newssingle__details .bottom .socialbuttn > a, .accordion-item .accordion-button .plus-icon {
  width: 40px;
}

.news--three .news__inner .text > a {
  width: 44px;
}

.donationform--one .donationform__wrapper .top ul li .thumb span, .careerdetails__employment ul li .icon, .pagi ul li a {
  width: 50px;
}

.contactinfo__allitem .item .icon, #scroll-percentage {
  width: 60px;
}

.donate__inner .icon {
  width: 72px;
}

.offcanvas__allimg img {
  width: 75px;
}

.sponsorship__item .thumb, .activity__item .thumb {
  width: 78px;
}

.sidebar__popular .desk ul li .thumb {
  width: 85px;
}

.playbtn_animation a {
  width: 86px;
}

.impact__inner::after, .family__left img, .parent__inner img, .facilities__othersfacilities ul li, .donationform--two .donationform__btn, .donationform--one .donationform__wrapper .paymentinformation .bottominfo .buttongroup button, .donationform--one .donationform__wrapper .paymentinformation .bottominfo .buttongroup, .donationform--one .donationform__wrapper .paymentinformation .bottominfo, .career__inner .thumb img, .management__inner .thumb:after, .management__inner .thumb img, .teamprofile__img img, .awarad__item img, .history__right .thumb img, .aboutteam__thumb img, .map iframe, .childprofile__personalinfo .gurdianprofile .profile .thumb img, .childprofile__personalinfo .video .video__inner > a, .childprofile__personalinfo .video .video__inner img, .childprofile__personalinfo > h6::after, .childprofile__personalinfo > .thumb img, .volunteers__sinleitem .thumb img, .volunteers__inner img, .projects__photoitem img, .guardian__item .thumb img, .offcanvas, .header--one .header__menu nav > ul li ul li a, .footer--one .footer__gallery .innerimg .inneritem, .footer--one .footer__gallery .innerimg img, .sidebar__catagory .content ul li, .sidebar__popular .desk ul li .thumb img, .sidebar__search form input, .sidebar__widgets .title h5, .newssingle__reletedpost .content .thumb img, .newssingle__commets .commentsinner ul li .top .left .thumb img, .newssingle__author .content .thumb img, .newssingle__details .middle img, .newssingle__details .top img, .news--three .news__inner .thumb img, .news--two .news__rightcontent .item .thumb img, .news--one .news__left .thumb img, .counter2:after, .counter2 .awarad__inner, input,
textarea,
select {
  width: 100%;
}

/*--height  with pixel and %--*/
.childprofile__personalinfo > h6::after {
  height: 1px;
}

.menu-item-has-children > a::before, .tooltip::before {
  height: 10px;
}

.donationform--four .donationform__wrapper .paymentinformation .selectachild .searchbar button {
  height: 15px;
}

.management__inner .thumb .socialicon a, .banner--one .banner__bg .slidetext .banner__btn .or span, .footer--one .footer__gallery .innerimg .inneritem .upitem a {
  height: 35px;
}

.guardian__item .content .bottom .guardian__img .img {
  height: 36px;
}

.careerdetails__jobpost .icon a, .teamprofile__personalcontent .data > ul li .allicon ul li a, .footer--one .footer__contact ul li .icon, .footer--one .footer__logo .socialicon .icon a, .newssingle__details .bottom .socialbuttn > a, .accordion-item .accordion-button .plus-icon {
  height: 40px;
}

.news--three .news__inner .text > a {
  height: 44px;
}

.donationform--one .donationform__wrapper .top ul li .thumb span, .careerdetails__employment ul li .icon, .pagi ul li a {
  height: 50px;
}

.contactinfo__allitem .item .icon, #scroll-percentage {
  height: 60px;
}

.donate__inner .icon {
  height: 72px;
}

.sponsorship__item .thumb, .activity__item .thumb, .offcanvas__allimg img {
  height: 78px;
}

.playbtn_animation a {
  height: 86px;
}

.impact__inner::after, .management__inner .thumb:after, .childprofile__personalinfo > .thumb img, .experince__rightcontent, .guardian__item .content .top, .footer--one .footer__gallery .innerimg .inneritem, .counter2:after {
  height: 100%;
}

/*--line height with pixel--*/
.careerdetails__jobpost h6 {
  line-height: calc(1.2875rem + 0.45vw);
}
@media (min-width: 1200px) {
  .careerdetails__jobpost h6 {
    line-height: 1.625rem;
  }
}

.childprofile__details .alldesk p, .newssingle__details .middle p {
  line-height: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  .childprofile__details .alldesk p, .newssingle__details .middle p {
    line-height: 1.75rem;
  }
}

.careerdetails__details .personalinfo .item p, .careerdetails__details .admin p, .careerdetails__details ul li p {
  line-height: calc(1.30625rem + 0.675vw);
}
@media (min-width: 1200px) {
  .careerdetails__details .personalinfo .item p, .careerdetails__details .admin p, .careerdetails__details ul li p {
    line-height: 1.8125rem;
  }
}

.newssingle__details .middle .quote h6, .newssingle__details .middle .quote {
  line-height: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  .newssingle__details .middle .quote h6, .newssingle__details .middle .quote {
    line-height: 2rem;
  }
}

.history__right .text h5 {
  line-height: calc(1.33125rem + 0.975vw);
}
@media (min-width: 1200px) {
  .history__right .text h5 {
    line-height: 2.0625rem;
  }
}

.career__inner .text h5, .volunteers__sinleitem .profile a {
  line-height: calc(1.3375rem + 1.05vw);
}
@media (min-width: 1200px) {
  .career__inner .text h5, .volunteers__sinleitem .profile a {
    line-height: 2.125rem;
  }
}

.management__inner .thumb .socialicon a {
  line-height: calc(1.34375rem + 1.125vw);
}
@media (min-width: 1200px) {
  .management__inner .thumb .socialicon a {
    line-height: 2.1875rem;
  }
}

.volunteerform__wrapper form h4 {
  line-height: calc(1.40625rem + 1.875vw);
}
@media (min-width: 1200px) {
  .volunteerform__wrapper form h4 {
    line-height: 2.8125rem;
  }
}

.need__left h2 {
  line-height: calc(1.54375rem + 3.525vw);
}
@media (min-width: 1200px) {
  .need__left h2 {
    line-height: 4.1875rem;
  }
}

/*--
    - font-size 
-----------------------------------------*/
.footer--one .footer__gallery .innerimg .inneritem .upitem a i {
  font-size: 0.75rem;
}

.career__inner .text .allbtn a, .contactwithus__righmessage form .formbtn, .childprofile__personalinfo .gurdianprofile .profile .text span, .testmonial__inner .profile ul li .right h6, .testmonial__inner .profile ul li .left h6, .volunteerform__wrapper form button, .guardian__item .content .bottom .guardian__img h6, .guardian__item .content .bottom .guardian__btn > a, .banner--two .banner__btn, .news--three .news__inner .text > a, .news--one .news__rightcontent > a, .custom__btn {
  font-size: 0.875rem;
}

.teamprofile__personalcontent .data > ul li .allicon ul li a i, .header--one .header__menu nav > ul li a {
  font-size: 0.9375rem;
}

.dailyrouting__inner ul li .text h6, .dailyrouting__inner ul li span, .donationform--three .donationform__wrapper .donation-container .button-group button, .contactwithus__inner .text p span, .zakkat__calcalutor form label, .zakkat__details .donatebtn, .testmonial__inner p, .experince__leftcontent .alltext .allp p:first-child, .header--one .header__btn a, .banner--one .banner__bg .slidetext .banner__btn a, .footer--one .footer__contact ul li .text span, .sidebar__catagory .content ul li a, .sidebar__popular .desk ul li .text span, .newssingle__reletedpost .content .text h6, .news--one .news__left .text > h6 span, .news--one .news__left .text > h6, .news--one .news__left .text p, .humanity__content h6, .callus__btn a {
  font-size: 1rem;
}

.donationform--one .donationform__wrapper .top ul li .thumb span, .careerdetails__jobpost h6, .careerdetails__employment ul li .text h6, .awarad__inner h6, .zakkat__counting ul li, .childprofile__personalinfo .video h6, .projects__photoitem .inner_text h6, .sponsorship__item .text h6, .sponsorship__header p, .experince__inner h6, .activity__item .text h6, .sidebar__popular .desk ul li .text h6, .need__left h6, .working__inner h6 {
  font-size: 1.125rem;
}

.volunteers__text2 .swiper-slide ul li h2, .volunteers__text .swiper-slide ul li h2, .banner--one .banner__bg .slidetext p {
  font-size: 1.25rem;
}

.impact__inner h6 a, .volunteers__sinleitem .profile a {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  .impact__inner h6 a, .volunteers__sinleitem .profile a {
    font-size: 1.5rem;
  }
}

.childprofile__personalinfo .video .video__inner .playbtn_animation > a i {
  font-size: calc(1.28125rem + 0.375vw);
}
@media (min-width: 1200px) {
  .childprofile__personalinfo .video .video__inner .playbtn_animation > a i {
    font-size: 1.5625rem;
  }
}

.contactwithus__righmessage h4, .volunteerform__wrapper form h4, .news--one .news__left .text a {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  .contactwithus__righmessage h4, .volunteerform__wrapper form h4, .news--one .news__left .text a {
    font-size: 2rem;
  }
}

.need__left h2 {
  font-size: calc(1.34375rem + 1.125vw);
}
@media (min-width: 1200px) {
  .need__left h2 {
    font-size: 2.1875rem;
  }
}

.counter2 .awarad__inner .counting h2 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .counter2 .awarad__inner .counting h2 {
    font-size: 2.5rem;
  }
}

.aboutteam__text h2, .guardian__header h2, .section__title h2, .breadcamb__content h3, .humanity__content h2, .working__left .text h2 {
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .aboutteam__text h2, .guardian__header h2, .section__title h2, .breadcamb__content h3, .humanity__content h2, .working__left .text h2 {
    font-size: 3rem;
  }
}

.awarad__inner .counting h2, .banner--two .banner__text h2, .banner--two .banner__text h3 {
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  .awarad__inner .counting h2, .banner--two .banner__text h2, .banner--two .banner__text h3 {
    font-size: 3.5rem;
  }
}

/*--
    - text 
-----------------------------------------*/
.projects__title--title2 h2 span {
  font-weight: 300;
}

.family__title h2 span, .dailyrouting__header h2 span, .parent__header h2 span, .facilities__heading h2 span, .donationform--four .donationform__wrapper .paymentinformation .selectachild .childwrapper .swiper-slide .item .text a, .careerdetails__employment ul li .text p, .teamprofile__personalcontent .data > ul li p, .teamprofile__personalcontent span, .awarad__inner h6, .contactwithus__header h2 span, .zakkat__counting ul li, .childprofile__details .expense td,
.childprofile__details .expense th, .childprofile__personalinfo .gurdianprofile .profile .text span, .testmonial__inner .profile ul li .right h6, .volunteerform__title h6, .guardian__item .content .top ul li > p span, .footer--one .footer__contact ul li .text span, .sidebar__alltag .alltaginner a, .sidebar__catagory .content ul li a, .sidebar__popular .desk ul li .text span, .news--three .news__title h2 span, .news--one .news__rightcontent .item .text ul li span, .news--one .news__left .text > h6, .need__left h6, .humanity__content h6 {
  font-weight: 400;
}

.teamprofile__personalcontent .data > ul li > span, .contactwithus__inner .text p span, .zakkat__details .writername h6, .header--one .header__menu nav > ul li a, .header--one .header__topcontact ul li .text p span, .newssingle__details .middle .quote h6, .newssingle__details .middle .quote, .callus__btn a, .accordion-item .accordion-body p {
  font-weight: 500;
}

.donationform--two .donationform__personalinfo ul li p span, .donationform--two .donationform__detils ul li p span, .donationform--two .donationform__detils h6, .donationform--one .donationform__wrapper .paymentinformation > a, .donationform--one .donationform__wrapper .top ul li.active p, .career__inner .text ul li p span, .aboutteam__text a, .zakkat__details .donatebtn, .childprofile__personalinfo ul li span, .testmonial__inner .profile ul li .left h6, .testmonial__inner p, .projects__header ul li, .sponsorship__header p span, .experince__leftcontent .alltext .allp p:first-child, .guardian__item .content .bottom > p span, .guardian__item .content .top ul li > p, .guardian__item .content .top h6, .header--one .header__btn a, .banner--three .banner__bg .slidetext p span, .banner--one .banner__bg .slidetext .banner__btn a, .footer__copyright p a, .newssingle__reletedpost .content .text h6 a, .news--three .news__inner .text h6, .news--one .news__left .text > h6 span, .appeals__content .zakattype > p span, .nav-pills .nav-link, .pagi ul li a {
  font-weight: 600;
}

.donationform--two .donationform__btn a, .donationform--one .donationform__wrapper .top ul li .thumb span, .careerdetails__jobpost h6, .careerdetails__details .personalinfo .item span, .career__inner .text .allbtn a, .career__inner .text h5, .history__right .text h5, .history__left ul li span, .contactwithus__righmessage form .formbtn, .zakkat__calcalutor form .result, .zakkat__counting ul li span, .zakkat__details .writername > p, .volunteerform__wrapper form button, .volunteerform__wrapper form h4, .volunteers__sinleitem .profile a, .guardian__item .content .bottom .guardian__btn > a, .banner--two .banner__btn, .banner--two .banner__text h2, .banner--one .banner__bg .slidetext .banner__btn .or span, .breadcamb__content h3, .sidebar__popular .desk ul li .text h6 a, .sidebar__popular .desk ul li .text h6, .sidebar__widgets .title h5, .newssingle__details .middle .quote p, .news--three .news__inner .text > a, .news--one .news__rightcontent > a, .news--one .news__left .text a, .need__left h6 span, .humanity__content h6 > span, .appeals__content .allbtn .btntwo, .appeals__content .allbtn .btnone, .counter2 .awarad__inner .counting h2, .accordion-item .accordion-button, .custom__btn, h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
  font-weight: 700;
}

/*--
    - from top, left, bottom, right with %  
-----------------------------------------*/
.impact__inner::after, .management__inner .thumb:after, .offcanvas, .counter2:after {
  top: 0%;
}

.donationform--four .donationform__wrapper .paymentinformation .selectachild .searchbar button {
  top: 32%;
}

.management__inner .thumb .socialicon, .guardian__item .thumb:after, .menu-item-has-children > a::after, .banner--one .banner__bg .slidetext .banner__btn .or:before, .banner--one .banner__bg .slidetext .banner__btn .or:after, .footer--one .footer__gallery .innerimg .inneritem, .image-anime:after, .accordion-item .accordion-button .plus-icon:before, .accordion-item .accordion-button .plus-icon:after, .custom__btn:after, .playbtn_animation {
  top: 50%;
}

.projects__photoitem .inner_text {
  top: 100%;
}

.impact__inner::after, .management__inner .thumb:after, .childprofile__personalinfo > h6::after, .counter2:after {
  left: 0%;
}

.management__inner .thumb .socialicon, .volunteers__inner .name, .projects__photoitem .inner_text, .guardian__item .thumb:after, .banner--one .banner__bg .slidetext .banner__btn .or:before, .banner--one .banner__bg .slidetext .banner__btn .or:after, .footer--one .footer__gallery .innerimg .inneritem, .image-anime:after, .custom__btn:after, .playbtn_animation {
  left: 50%;
}

.offcanvas.opened {
  right: 0%;
}

.donationform--four .donationform__wrapper .paymentinformation .selectachild .searchbar button, .news--one .news__rightcontent .newslatter form .icon {
  right: 2%;
}

.sidebar__search form button {
  right: 5%;
}

.accordion-item .accordion-button .plus-icon:after {
  right: 13%;
}

.accordion-item .accordion-button .plus-icon:before {
  right: 43%;
}

.offcanvas {
  bottom: 0%;
}

.volunteers__inner .name {
  bottom: 10%;
}

/*--
    -gap 1 to 100
-----------------------------------------*/
.offcanvas__allimg {
  gap: 5px;
}

.impact__inner .map,
.impact__inner .date, .facilities__othersfacilities ul li, .donationform--three .donationform__wrapper .donation-container .button-group, .career__inner .text .allbtn, .childprofile__personalinfo .gurdianprofile .profile .text .social, .projects__header ul, .guardian__item .content .bottom .guardian__img, .offcanvas__social ul, .newssingle__details .bottom .allbutton, .news--three .news__inner .text > a {
  gap: 10px;
}

.header--one .header__socialicon {
  gap: 12px;
}

.careerdetails__employment ul li, .teamprofile__personalcontent .data > ul li .allicon ul, .footer--one .footer__contact ul li {
  gap: 15px;
}

.dailyrouting__inner ul li, .contactinfo__allitem .item, .banner--one .banner__bg .slidetext .banner__btn, .newssingle__reletedpost .content, .newssingle__commets .commentsinner ul li .top .left, .news--two .news__rightcontent .item .text ul, .need__righ, .appeals__content .allbtn {
  gap: 20px;
}

.childprofile__personalinfo .gurdianprofile .profile {
  gap: 25px;
}

.family__right .allitem .item, .newssingle__author .content, .news--one .news__rightcontent .item {
  gap: 30px;
}

.header--two .header__mainpart .right, .header--one .header__mobileright {
  gap: 40px;
}

.header--three .header__mainpart .left {
  gap: 60px;
}

.donationform--one .donationform__wrapper .top ul {
  gap: 80px;
}

/*--
    -%b-radius 0 to 10
-----------------------------------------*/
.volunteers__inner .name p {
  border-radius: 2px;
}

.projects__header ul li, .header--one .header__btn a, .footer--one .footer__gallery .innerimg img, .footer--one .footer__gallery .innerimg, .sidebar__alltag .alltaginner a, .sidebar__alltag, .sidebar__catagory, .accordion-item .accordion-button .plus-icon {
  border-radius: 4px;
}

.donationform--six .donationform__payment button, .donationform--three .donationform__wrapper .donation-container .button-group button, .donationform--one .donationform__wrapper .paymentinformation, .teamprofile__personalcontent .data > ul li .allicon ul li a, .history__right .thumb img, .contactinfo__withus form button, .childprofile__personalinfo .video .video__inner > a, .activity__rightcontent, .sidebar__popular .desk ul li .thumb img, .sidebar__popular .desk ul li .thumb, .sidebar__search form input, .newssingle__leavecoments .formarea form button, .newssingle__details .bottom .allbutton > a, .news--one .news__rightcontent .item .thumb img, .pagi ul li a, .tooltip {
  border-radius: 5px;
}

.donationform--four .donationform__wrapper .paymentinformation .selectachild .childwrapper .swiper-slide .item, .donationform--four .donationform__wrapper .paymentinformation .selectachild .searchbar input, .contactwithus__inner {
  border-radius: 8px;
}

.family__left img, .dailyrouting__inner, .facilities__item, .donate__form, .donate__inner, .donationform--six .donationform__payment, .donationform--two .donationform__right, .donationform--one .donationform__wrapper .paymentinformation .bottominfo .buttongroup button, .career__inner .thumb img, .career__inner .thumb, .teamprofile__img img, .awarad__right, .aboutteam__thumb img, .contactinfo__withus, .contactinfo__leftimg img, .zakkat__details .donatebtn, .childprofile__donation, .childprofile__details .expense table, .childprofile__personalinfo .video .video__inner img, .testmonial__wrapper, .volunteerform__wrapper, .volunteers__sinleitem, .projects__photoitem, .guardian__item .content .top, .guardian__item, .activity__leftimg img, .sidebar__full, .newssingle__reletedpost .content .thumb, .newssingle__reletedpost .content, .newssingle__leavecoments .formarea, .newssingle__commets .commentsinner ul li .bottom, .newssingle__commets .commentsinner, .newssingle__author .content, .newssingle__details .middle img, .newssingle__details .middle .quote, .news--three .news__inner, .news--two .news__rightcontent .item .thumb img, .news--two .news__rightcontent, .news--one .news__rightcontent .item .thumb, .news--one .news__left .thumb img, .news--one .news__left .thumb, .custom__btn:after {
  border-radius: 10px;
}

.parent__inner img, .parent__inner, .career__inner, .zakkat__calcalutor form, .news--one .news__rightcontent .newslatter {
  border-radius: 12px;
}

.impact__inner, .management__inner .thumb:after, .management__inner .thumb img, .aboutteam__thumb img {
  border-radius: 15px;
}

.careerdetails__jobpost, .careerdetails__employment, .childprofile__personalinfo, .guardian__item .content .bottom .guardian__img .img {
  border-radius: 18px;
}

.careerdetails__jobpost .icon a, .childprofile__donation form button, .volunteerform__wrapper form button, .offcanvas__social ul li a, .footer--one .footer__contact ul li .icon, .footer--one .footer__logo .socialicon .icon a, .newssingle__details .bottom .socialbuttn > a {
  border-radius: 20px;
}

.news--three .news__inner .text > a {
  border-radius: 22px;
}

.donationform--one .donationform__wrapper .top ul li .thumb span, .careerdetails__employment ul li .icon {
  border-radius: 25px;
}

.careerdetails__details .personalinfo a, .career__inner .text .allbtn a, .aboutteam__text a, .guardian__item .content .bottom .guardian__img, .guardian__item .content .bottom .guardian__btn > a, .news--one .news__rightcontent .newslatter form .icon, .news--one .news__rightcontent .newslatter form input, .news--one .news__rightcontent > a, .nav-pills .nav-link, .custom__btn {
  border-radius: 30px;
}

.donate__inner .icon {
  border-radius: 36px;
}

.banner--two .banner__btn {
  border-radius: 50px;
}

/*=============ANIMATION AREA STARS ===============*/
.img-custom-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-form-top {
  animation: img-top 5s 1 forwards;
}

@keyframes img-top {
  0% {
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
.img-rotate {
  animation: rotateImage 4s linear;
  will-change: transform;
}

@keyframes rotateImage {
  0% {
    transform: translate(-100px, -100px);
  }
  100% {
    transform: translate(0, 0);
  }
  0% {
    transform: translate(-100px, -100px);
  }
}
.wow {
  visibility: hidden;
}

.wow.animated {
  visibility: visible !important;
}

/*============= All BUTTON AREA STARS ===============*/
.playbtn_animation {
  z-index: 999;
  transform: translate(-50%, -50%);
}
.playbtn_animation a {
  border-radius: 43px;
  line-height: 100px;
}
.playbtn_animation a i {
  font-size: 35px;
}
.playbtn_animation::before, .playbtn_animation::after {
  height: 10em;
  width: 10em;
  border: 0.8em solid #a82626;
  border-radius: 50%;
  animation: playbtn_animation_79178 3.5s linear infinite;
  z-index: -1;
}
.playbtn_animation::after {
  opacity: 0;
  animation-delay: 1.2s;
}
@keyframes playbtn_animation_79178 {
  0% {
    border: 0.8em solid #fff;
    transform: scale(0);
    opacity: 1;
  }
  100% {
    border: 0 solid #fff;
    transform: scale(1);
    opacity: 0;
  }
}

.custom__btn {
  padding: 16px 35px;
  color: #534741;
}

.custom__btn:after {
  background: rgba(168, 38, 38, 0.86);
  width: 5px;
  height: 5px;
  transform: translate(-50%, -50%);
}

.custom__btn:hover:after {
  animation: ripple_401 1s ease-out;
}

@keyframes ripple_401 {
  0% {
    width: 5px;
    height: 5px;
    opacity: 1;
  }
  100% {
    width: 200px;
    height: 200px;
    opacity: 0;
  }
}
/*============= Bootstrap AREA STARS ===============*/
.accordion-item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #fcf9f4;
  border-bottom: 1px solid #e7dfd2;
}
.accordion-item .accordion-button {
  border-radius: 0 !important;
  background: #fcf9f4;
  font-size: 1rem;
}
@media (min-width: 576px) {
  .accordion-item .accordion-button {
    font-size: 1.125rem;
  }
}
.accordion-item .accordion-button .plus-icon {
  margin-left: auto;
  background: #fcf9f4;
}
@media (min-width: 576px) {
  .accordion-item .accordion-button .plus-icon {
    display: block;
  }
}
.accordion-item .accordion-button .plus-icon:after {
  width: 14px;
  height: 2px;
  background: #534741;
  transform: translate(-50%, -50%);
}
.accordion-item .accordion-button .plus-icon:before {
  width: 2px;
  height: 14px;
  background: #534741;
  transform: translate(-50%, -50%);
}
.accordion-item .accordion-button:focus {
  border: none;
  box-shadow: none;
}
.accordion-item .accordion-body p {
  color: #534741;
  line-height: 28.4px;
}
.accordion-item .accordion-button:not(.collapsed) {
  box-shadow: none;
  border-radius: 10px 10px 0 0 !important;
  border: none !important;
}
.accordion-item .accordion-button:not(.collapsed) .plus-icon:before {
  width: inherit;
  background: none;
  height: inherit;
}
.accordion-item .accordion-button:not(.collapsed) .plus-icon:after {
  width: 14px;
  height: 2px;
}
.accordion-item .accordion-body:not(.collapsed) {
  box-shadow: 0px 8px 10px 0px #f5f7f8;
  background: #e7dfd2;
  border-radius: 0 0 10px 10px !important;
}

/*============= Global AREA STARS ===============*/
@media (min-width: 1200px) {
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
}
.animation {
  animation: mymove 6s infinite;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-delay: 2s;
}
@keyframes mymove {
  0% {
    left: 0px;
  }
  50% {
    left: 100px;
  }
  100% {
    left: 0px;
  }
}

.animation2 {
  animation: mymove2 6s infinite;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-delay: 2s;
}
@keyframes mymove2 {
  0% {
    right: -100px;
  }
  50% {
    right: -50px;
  }
  100% {
    right: -100px;
  }
}

.fourzero {
  padding: calc(1.875rem + 7.5vw) 0;
}
@media (min-width: 1200px) {
  .fourzero {
    padding: 7.5rem 0;
  }
}
.fourzero__content {
  margin-top: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  .fourzero__content {
    margin-top: 1.875rem;
  }
}
.fourzero__content p {
  max-width: 688px;
}

.working {
  position: relative;
}
.working__left .text {
  text-align: center;
}
@media (min-width: 576px) {
  .working__left .text {
    text-align: left;
  }
}
.working__left .text h2 {
  color: #534741;
}
.working__left .text p {
  color: #7f726b;
}
@media (min-width: 576px) {
  .working__left .text p {
    max-width: 485px;
  }
}
.working__left .allitem {
  margin: 30px 0 0 0;
}
@media (min-width: 576px) {
  .working__left .allitem {
    border-top: 1px solid #e7dfd2;
    border-bottom: 1px solid #e7dfd2;
    padding: 30px 0;
    margin: 30px 0;
  }
}
.working__inner h6 {
  color: #534741;
}
@media (max-width: 575px) {
  .working__inner h6 {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .working__inner .counting h2 {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  .working .map-container {
    position: absolute;
    content: "";
    overflow: hidden;
    max-width: 800px;
    margin: 50px auto;
    border-radius: 10px;
    top: 65px;
    left: 600px;
    display: block;
  }
}
@media (min-width: 1400px) {
  .working .map-container {
    left: 700px;
  }
}
@media (min-width: 1600px) {
  .working .map-container {
    max-width: 850px;
    left: 920px;
  }
}
@media (min-width: 1200px) {
  .working .map-image {
    width: 100%;
    display: inline-block;
  }
}
@media (min-width: 1200px) {
  .working .map-points {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
  }
}
@media (min-width: 1200px) {
  .working .map-point {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #a82626;
    transform: translate(-50%, -50%);
    transition: transform 0.2s ease;
    border-radius: 5px;
    cursor: pointer;
  }
}
@media (min-width: 1200px) {
  .working .map-point:hover {
    width: 15px;
    height: 15px;
    transform: translate(-50%, -50%) scale(1.2);
    background-color: red;
  }
}
@media (min-width: 1200px) {
  .working .tooltip {
    background-color: #333;
    color: #fff;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 14px;
    display: none;
    white-space: nowrap;
    pointer-events: none;
    transform: translate(-50%, -150%);
  }
}

.padding-block {
  padding: 70px 0;
}
@media (min-width: 576px) {
  .padding-block {
    padding: calc(1.84375rem + 7.125vw) 0;
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .padding-block {
    padding: 7.1875rem 0;
  }
}

.margin-block {
  margin: 60px;
}
@media (min-width: 576px) {
  .margin-block {
    margin: calc(1.875rem + 7.5vw) 0;
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .margin-block {
    margin: 7.5rem 0;
  }
}

#scroll-percentage {
  border-radius: 200px;
  position: fixed;
  bottom: 40px;
  right: 50px;
  transform: scale(0);
  display: grid;
  place-items: center;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 99999;
}

@media (max-width: 991.98px) {
  #scroll-percentage {
    right: 30px;
  }
}
@media (max-width: 767.98px) {
  #scroll-percentage {
    bottom: 20px;
    right: 20px;
  }
}
#scroll-percentage.active {
  bottom: 50px;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
  animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 991.98px) {
  #scroll-percentage.active {
    bottom: 30px;
  }
}
@media (max-width: 767.98px) {
  #scroll-percentage.active {
    bottom: 20px;
  }
}
#scroll-percentage-value {
  height: calc(100% - 6px);
  width: calc(100% - 6px);
  background: #a82626;
  color: #fff;
  border-radius: 200px;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 600;
}

#scroll-percentage-value i {
  font-size: 18px;
  animation: scrolltopicon 1s infinite ease-in-out alternate;
  -webkit-animation: scrolltopicon 1s infinite ease-in-out alternate;
}

@-webkit-keyframes scrollToTop {
  0% {
    -webkit-transform: translate3d(0, 80%, 0);
    transform: translate3d(0, 80%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes scrollToTop {
  0% {
    -webkit-transform: translate3d(0, 80%, 0);
    transform: translate3d(0, 80%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.callus__btn a {
  padding: 16px 35px;
}
.callus__title {
  max-width: 620px;
}

/* From Uiverse.io by vinodjangid07 */
.footerbtn {
  transition-duration: 0.5s;
}

.tooltip {
  top: -20px;
  transition-duration: 0.2s;
  pointer-events: none;
  letter-spacing: 0.5px;
}

.tooltip::before {
  background-size: 1000%;
  background-position: center;
  transform: rotate(45deg);
  bottom: -20%;
  transition-duration: 0.3s;
}

.footerbtn:hover .tooltip {
  top: -45px;
  opacity: 1;
  transition-duration: 0.3s;
}

.footerbtn:hover {
  background-position: right;
  transition-duration: 0.5s;
}

.pagi ul {
  gap: 10px;
}
.pagi ul li a {
  line-height: 50px;
  background: #f4efe6;
  border: 1px solid #e7dfd2;
}
.pagi ul li a.active {
  border: 1px solid #a82626;
}
.image-anime:after {
  width: 200%;
  height: 0%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.image-anime:hover:after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}

.counter2 {
  padding: calc(2.0625rem + 9.75vw) 0;
  z-index: 1;
}
@media (min-width: 1200px) {
  .counter2 {
    padding: 9.375rem 0;
  }
}
.counter2 .awarad__inner {
  z-index: 999;
}
.counter2 .awarad__inner .counting h2 {
  color: #fff !important;
}
.counter2 .awarad__inner h6 {
  color: #fff !important;
}
@media (min-width: 1400px) {
  .counter2 .leftimg {
    left: 0;
    bottom: 0;
    z-index: 1;
  }
}
@media (min-width: 1400px) {
  .counter2 .rightimg {
    top: 0;
    right: 0;
    z-index: 1;
  }
}
.counter2:after {
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
}

.nav-pills {
  gap: 15px;
}
@media (min-width: 992px) {
  .nav-pills {
    gap: 10px;
  }
}
.nav-pills .nav-link {
  font-size: 0.9375rem;
  padding: 10px 25px;
  border: 1px solid #e7dfd2;
  background: #f4efe6;
}
@media (min-width: 992px) {
  .nav-pills .nav-link {
    font-size: 1rem;
    padding: 10px 30px;
  }
}
.nav-pills .nav-link.active {
  border: 1px solid #a82626;
}

.appeals__header {
  margin-bottom: calc(1.4375rem + 2.25vw);
}
.appeals__header p {
  max-width: 500px;
}
@media (min-width: 1200px) {
  .appeals__header {
    margin-bottom: 3.125rem;
  }
}
.appeals__content h2 {
  color: #534741;
}
.appeals__content h2 span {
  color: #a82626;
}
@media (min-width: 992px) {
  .appeals__content > p {
    max-width: 485px;
  }
}
.appeals__content .allbtn .btnone {
  border-radius: 50px;
}
.appeals__content .allbtn .btntwo {
  border-radius: 50px;
  border: 1px solid #534741;
  color: #534741;
}
.humanity {
  background-repeat: no-repeat;
  background-position: center;
  padding: 280px 0;
}
.humanity__content h2 {
  width: 400px;
}
.humanity__content h2 > span {
  color: #a82626;
}
.humanity__content p {
  max-width: 500px;
}
.need__header p {
  max-width: 700px;
}
.need__top {
  background: #3c3a3a;
  border-radius: 12px 12px 0 0;
}
@media (min-width: 576px) {
  .need__top {
    padding: calc(1.5rem + 3vw) calc(1.375rem + 1.5vw);
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .need__top {
    padding: 3.75rem 2.5rem;
  }
}
@media (min-width: 1400px) {
  .need__top {
    padding: calc(1.5rem + 3vw) calc(1.625rem + 4.5vw);
  }
}
@media (min-width: 1400px) and (min-width: 1200px) {
  .need__top {
    padding: 3.75rem 5rem;
  }
}
.need__top .progress-container {
  width: 100%;
  height: 26px;
  background-color: #e0e0e0;
  border-radius: 5px;
  overflow: hidden;
  margin: 50px 0 0 0;
}
.need__top .progress-bar {
  height: 100%;
  width: 0;
  background-color: #a82626;
  position: relative;
}
.need__top .progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  font-size: 14px;
}
.need__top .progress-bar.animating {
  transition: width 2s ease;
}
.need__left h6 span {
  color: #fff;
}
@media (max-width: 991px) {
  .need__left h6 {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .need__left h2 {
    max-width: 550px;
  }
}
@media (min-width: 576px) {
  .need__left h2 {
    font-size: calc(1.425rem + 2.1vw);
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .need__left h2 {
    font-size: 3rem;
  }
}
@media (max-width: 991px) {
  .need__left h2 {
    text-align: center;
  }
}
@media (max-width: 991px) {
  .need__left ul {
    justify-content: center;
  }
}
@media (min-width: 576px) {
  .need__left ul li {
    border-right: 1px solid #7f726b;
    padding-right: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 575px) {
  .need__left ul li {
    width: 100%;
    text-align: center;
  }
}
.need__left ul li span {
  color: #fff;
}
.need__left ul li:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
@media (max-width: 991px) {
  .need__righ {
    justify-content: center;
  }
}
.need__righ .item {
  width: 130px;
  background: #a82626;
  border-radius: 80px;
}
@media (min-width: 576px) {
  .need__righ .item {
    width: 160px;
  }
}
.need__righ .item .icon {
  line-height: 75px;
  border-radius: 50px;
  width: 75px;
  height: 75px;
}
@media (min-width: 576px) {
  .need__righ .item .icon {
    width: 96px;
    height: 96px;
    line-height: 96px;
  }
}
.need__righ .item h6 {
  color: rgba(255, 255, 255, 0.6);
}
.need__righ .item h4 {
  color: #fcf9f4;
  font-weight: 300;
}
.need__righ .item:last-child {
  background: #fff;
}
.need__righ .item:last-child .icon {
  background: #3c3a3a;
}
.need__righ .item:last-child h6 {
  color: #7f726b;
}
.need__righ .item:last-child h4 {
  color: #534741;
}
.need__bottomimg {
  width: 100%;
}
.need__bottomimg img {
  width: 100%;
  max-height: 554px;
}

/*=============Preloader AREA STARS ===============*/
.loader {
  position: fixed;
  top: 0;
  left: 0;
  font-size: 16px;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background: #a82626;
}

.loader:before {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%) rotate(45deg);
  height: 20%;
  width: 3px;
  background: #fff;
  left: 50%;
  top: 50%;
}

.loader:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 50%;
  width: 1em;
  height: 1em;
  background-color: #fff;
  border-radius: 15%;
  animation: rollingRock 2.5s cubic-bezier(0.79, 0, 0.47, 0.97) infinite;
}

@keyframes rollingRock {
  0% {
    transform: translate(0, -1em) rotate(-45deg);
  }
  5% {
    transform: translate(0, -1em) rotate(-50deg);
  }
  20% {
    transform: translate(1em, -2em) rotate(47deg);
  }
  25% {
    transform: translate(1em, -2em) rotate(45deg);
  }
  30% {
    transform: translate(1em, -2em) rotate(40deg);
  }
  45% {
    transform: translate(2em, -3em) rotate(137deg);
  }
  50% {
    transform: translate(2em, -3em) rotate(135deg);
  }
  55% {
    transform: translate(2em, -3em) rotate(130deg);
  }
  70% {
    transform: translate(3em, -4em) rotate(217deg);
  }
  75% {
    transform: translate(3em, -4em) rotate(220deg);
  }
  100% {
    transform: translate(0, -1em) rotate(-225deg);
  }
}
/*=============NEWS AREA STARS ===============*/
.news--one {
  background: #fcf9f4;
}
.news--one .news__title h2 {
  color: #534741;
}
.news--one .news__title p {
  color: #88786f !important;
  max-width: 650px;
}
@media (min-width: 992px) {
  .news--one .news__left:after {
    position: absolute;
    content: "";
    background: #e7dfd2;
    width: 1px;
    height: 650px;
    right: -5%;
    top: 0;
  }
}
.news--one .news__left .thumb img {
  transform: scale(1.1);
}
.news--one .news__left .text p {
  color: #88786f;
}
.news--one .news__left .text a {
  color: #534741;
  max-width: 470px;
}
@media (min-width: 768px) {
  .news--one .news__left .text a {
    line-height: 44.8px;
  }
}
.news--one .news__left .text > h6 {
  color: #88786f;
}
.news--one .news__left .text > h6 span {
  color: #534741;
}
.news--one .news__left:hover .thumb a img {
  transform: scale(1);
}
@media (min-width: 992px) {
  .news--one .news__rightcontent {
    padding-left: 20px;
  }
}
.news--one .news__rightcontent .item {
  border-bottom: 1px solid #e7dfd2;
}
@media (max-width: 575px) {
  .news--one .news__rightcontent .item {
    flex-direction: column-reverse;
  }
}
@media (min-width: 576px) {
  .news--one .news__rightcontent .item {
    align-items: center;
  }
}
@media (min-width: 576px) {
  .news--one .news__rightcontent .item .text {
    width: calc(100% - 150px);
  }
}
@media (max-width: 575px) {
  .news--one .news__rightcontent .item .text > a {
    display: none;
  }
}
@media (min-width: 576px) {
  .news--one .news__rightcontent .item .text > a {
    margin-bottom: 15px;
    display: inline-block;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 20px;
    color: #534741;
    border: 1.8px solid #a82626;
    text-transform: uppercase;
    font-size: 14px;
  }
}
.news--one .news__rightcontent .item .text h6 > a {
  color: #534741;
  line-height: 28px;
}
@media (max-width: 575px) {
  .news--one .news__rightcontent .item .text h6 {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .news--one .news__rightcontent .item .text h6 {
    max-width: 450px;
  }
}
@media (max-width: 575px) {
  .news--one .news__rightcontent .item .text ul {
    justify-content: center;
    margin-top: 10px;
  }
}
.news--one .news__rightcontent .item .text ul li {
  color: #dfd4c1;
}
.news--one .news__rightcontent .item .text ul li span {
  color: #292524;
}
.news--one .news__rightcontent .item .text ul li:last-child p {
  color: #88786f;
}
@media (max-width: 575px) {
  .news--one .news__rightcontent .item .thumb {
    text-align: center;
  }
}
@media (min-width: 576px) {
  .news--one .news__rightcontent .item .thumb {
    width: 120px;
    margin-bottom: 0;
  }
}
.news--one .news__rightcontent .item .thumb img {
  transform: scale(1.1);
}
.news--one .news__rightcontent .item .thumb:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}
.news--one .news__rightcontent .item:hover .thumb img {
  transform: scale(1);
}
.news--one .news__rightcontent .item:hover .thumb:after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}
.news--one .news__rightcontent > a {
  background: #534741;
}
@media (max-width: 575px) {
  .news--one .news__rightcontent > a {
    display: flex;
    justify-content: center;
  }
}
.news--one .news__rightcontent > a.custom__btn:after {
  background-color: rgba(255, 255, 255, 0.2);
}
.news--one .news__rightcontent .newslatter {
  background: #f4efe6;
}
.news--one .news__rightcontent .newslatter form input {
  background: #fcf9f4;
}
.news--one .news__rightcontent .newslatter form .icon {
  top: 7px;
}
.news--one .news__rightcontent .newslatter form .icon button {
  border: none !important;
  background: transparent;
}
.news--two .news__rightcontent {
  background: #f4efe6;
  padding: calc(1.3125rem + 0.75vw) calc(1.3125rem + 0.75vw) calc(1.375rem + 1.5vw) calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  .news--two .news__rightcontent {
    padding: 1.875rem 1.875rem 2.5rem 1.875rem;
  }
}
@media (min-width: 1200px) {
  .news--two .news__rightcontent {
    padding: 40px;
  }
}
@media (max-width: 575px) {
  .news--two .news__rightcontent .item {
    gap: 0px;
  }
}
@media (max-width: 1199px) {
  .news--two .news__rightcontent .item {
    flex-direction: column-reverse;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
@media (min-width: 576px) {
  .news--two .news__rightcontent .item {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .news--two .news__rightcontent .item {
    gap: 30px;
  }
}
.news--two .news__rightcontent .item .text {
  width: 100%;
}
@media (max-width: 1199px) {
  .news--two .news__rightcontent .item .text {
    margin-top: calc(1.3125rem + 0.75vw);
  }
}
@media (max-width: 1199px) and (min-width: 1200px) {
  .news--two .news__rightcontent .item .text {
    margin-top: 1.875rem;
  }
}
@media (min-width: 1200px) {
  .news--two .news__rightcontent .item .text {
    width: calc(100% - 307px);
  }
}
.news--two .news__rightcontent .item .text > a {
  text-transform: capitalize;
}
@media (min-width: 576px) {
  .news--two .news__rightcontent .item .text > a {
    background: #fcf9f4;
    border: 1px solid #e7dfd2;
  }
}
@media (max-width: 575px) {
  .news--two .news__rightcontent .item .text ul {
    margin-top: 12px;
  }
}
.news--two .news__rightcontent .item .text ul li {
  color: #e7dfd2;
}
.news--two .news__rightcontent .item .text ul li:last-child {
  margin-left: 0;
}
@media (max-width: 399px) {
  .news--two .news__rightcontent .item .text ul li:last-child {
    display: none;
  }
}
.news--two .news__rightcontent .item .text ul li:last-child i {
  color: #88786f;
}
.news--two .news__rightcontent .item .thumb {
  width: 100%;
}
@media (max-width: 575px) {
  .news--two .news__rightcontent .item .thumb {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .news--two .news__rightcontent .item .thumb {
    width: 277px;
  }
}
.news--two .news__rightcontent .item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.news--three {
  background: transparent;
}
.news--three .news__inner {
  background: #f4efe6;
}
.news--three .news__inner .thumb img {
  border-radius: 10px 10px 0 0;
}
.news--three .news__inner .text h6 {
  line-height: 28px;
}
.news--three .news__inner .text > a {
  line-height: 37px;
  margin: auto;
  background: #a82626;
  border: 2px solid #fff;
  color: #534741;
  transition: all 1s;
}
.news--three .news__inner .text > a .icon {
  transition: all 1s;
}
.news--three .news__inner .text > a span {
  transition: all 1s;
}
.news--three .news__inner:hover .text > a {
  width: 100%;
  border: 2px solid #fff;
}
.news--three .news__inner:hover .text > a span {
  opacity: 1;
}

/*=============NEWS DETAILS AREA STARS ===============*/
.newssingle__details .top .allp p {
  line-height: 28px;
}
.newssingle__details .middle .quote {
  background: #f4efe6;
}
@media (min-width: 450px) {
  .newssingle__details .middle .quote {
    padding: calc(1.375rem + 1.5vw);
  }
}
@media (min-width: 450px) and (min-width: 1200px) {
  .newssingle__details .middle .quote {
    padding: 2.5rem;
  }
}
.newssingle__details .middle .quote h6 {
  color: #534741;
}
@media (max-width: 449px) {
  .newssingle__details .middle .quote h6 {
    text-align: center;
    font-size: 1.0625rem;
  }
}
@media (max-width: 449px) {
  .newssingle__details .middle .quote p {
    text-align: center;
  }
}
@media (max-width: 1199px) {
  .newssingle__details .bottom ul li i {
    display: none;
  }
}
.newssingle__details .bottom .allbutton {
  border-bottom: 1px solid #e7dfd2;
}
.newssingle__details .bottom .allbutton > a {
  background: #f4efe6;
  border: 1px solid #e7dfd2;
  color: #534741;
}
.newssingle__details .bottom .socialbuttn > a {
  line-height: 40px;
}
.newssingle__details .bottom .socialbuttn > a.facebook {
  background: #3b5998;
}
.newssingle__details .bottom .socialbuttn > a.twiter {
  background: #14171a;
}
.newssingle__details .bottom .socialbuttn > a.linked {
  background: #007bb5;
}
.newssingle__details .bottom .socialbuttn > a.link {
  background: #3c3a3a;
}
.newssingle__author .content {
  background: #f4efe6;
}
.newssingle__author .content .thumb {
  width: 144px;
  height: 144px;
  border-radius: 72px;
}
@media (max-width: 575px) {
  .newssingle__author .content .thumb {
    margin: auto;
  }
}
@media (max-width: 575px) {
  .newssingle__author .content .text {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .newssingle__author .content .text {
    width: calc(100% - 175px);
  }
}
.newssingle__commets .commentsinner {
  background: #f4efe6;
}
.newssingle__commets .commentsinner ul li .top {
  justify-content: space-between;
  display: flex;
}
.newssingle__commets .commentsinner ul li .top .left .thumb {
  width: 54px;
  height: 54px;
  border-radius: 50%;
}
.newssingle__commets .commentsinner ul li .top .left .name span {
  color: #7f726b;
}
.newssingle__commets .commentsinner ul li .top .left .name a {
  color: #7f726b;
}
@media (min-width: 450px) {
  .newssingle__commets .commentsinner ul li .top .left .name a {
    display: none;
  }
}
@media (min-width: 450px) {
  .newssingle__commets .commentsinner ul li .top .right {
    display: block;
  }
}
.newssingle__commets .commentsinner ul li .top .right > a {
  color: #7f726b;
}
.newssingle__commets .commentsinner ul li .bottom {
  background: #fcf9f4;
  border: 1px solid #e7dfd2;
}
@media (min-width: 450px) {
  .newssingle__commets .commentsinner ul li .bottom {
    margin-left: calc(1.5rem + 3vw);
  }
}
@media (min-width: 450px) and (min-width: 1200px) {
  .newssingle__commets .commentsinner ul li .bottom {
    margin-left: 3.75rem;
  }
}
.newssingle__leavecoments .formarea {
  background: #f4efe6;
  background: #f4efe6;
}
.newssingle__leavecoments .formarea form input,
.newssingle__leavecoments .formarea form textarea {
  background: #fcf9f4;
}
.newssingle__leavecoments .formarea form button {
  border: none;
}
.newssingle__reletedpost {
  margin-top: calc(1.4375rem + 2.25vw);
}
@media (min-width: 1200px) {
  .newssingle__reletedpost {
    margin-top: 3.125rem;
  }
}
.newssingle__reletedpost .content {
  background: #f4efe6;
}
.newssingle__reletedpost .content .thumb {
  width: 100px;
  height: 100px;
}
@media (max-width: 449px) {
  .newssingle__reletedpost .content .thumb {
    margin: auto;
  }
}
@media (min-width: 450px) {
  .newssingle__reletedpost .content .text {
    width: calc(100% - 120px);
  }
}
.newssingle__reletedpost .content .text h6 {
  line-height: 22px;
}
@media (max-width: 449px) {
  .newssingle__reletedpost .content .text h6 {
    text-align: center;
  }
}
.newssingle__reletedpost .content:hover .thumb img {
  transform: scale(1.1);
}
/*=============SIDEBAR AREA STARS ===============*/
.sidebar__full {
  background: #f4efe6;
}
.sidebar__widgets .title h5 {
  color: #534741;
}
.sidebar__search form input {
  padding: 15px 10px;
  border: 1px solid #e7dfd2;
  background: #fcf9f4;
}
.sidebar__search form button {
  background: none;
  top: 37%;
}
.sidebar__popular .desk ul li {
  gap: 20px;
}
.sidebar__popular .desk ul li:last-child {
  border-bottom: none;
}
.sidebar__popular .desk ul li .text {
  width: calc(100% - 105px);
}
.sidebar__popular .desk ul li .text h6 {
  line-height: 25.2px;
}
.sidebar__popular .desk ul li .text span {
  color: #88786f;
}
.sidebar__popular .desk ul li:hover .thumb img {
  transform: scale(1.1);
}
.sidebar__catagory .content ul li {
  border-bottom: 1px solid #e7dfd2;
}
.sidebar__catagory .content ul li a {
  color: #70717b;
}
.sidebar__alltag .alltaginner a {
  padding: 0.625rem 0.75rem;
  margin: 0.1875rem;
  border: 1px solid #f2f6f9;
  transition: all 0.3s ease;
}
@media (min-width: 576px) {
  .sidebar__alltag .alltaginner a {
    padding: 0.625rem 0.9375rem;
    margin: 0.3125rem;
  }
}

/*=============BREADCAMB AREA STARS ===============*/
.breadcamb {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 1400px) {
  .breadcamb {
    position: relative;
    margin-top: -134px;
  }
}
.breadcamb__content {
  padding: calc(2.375rem + 13.5vw) 0;
}
@media (min-width: 1200px) {
  .breadcamb__content {
    padding: 12.5rem 0;
  }
}
@media (min-width: 1400px) {
  .breadcamb__content {
    padding: calc(2.8125rem + 18.75vw) 0 calc(2.0625rem + 9.75vw) 0;
  }
}
@media (min-width: 1400px) and (min-width: 1200px) {
  .breadcamb__content {
    padding: 16.875rem 0 9.375rem 0;
  }
}
.breadcamb__content nav ol li {
  z-index: 99;
}
.breadcamb__content nav ol li.active {
  color: #fff !important;
}
.breadcamb__content nav ol li::before {
  color: #fff !important;
}

/*=============FOOTER AREA STARS ===============*/
.footer--one .footer__wrapper {
  padding: 80px 0;
}
@media (min-width: 576px) {
  .footer--one .footer__wrapper {
    padding: calc(1.75rem + 6vw) 0;
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .footer--one .footer__wrapper {
    padding: 6.25rem 0;
  }
}
@media (min-width: 1200px) {
  .footer--one .footer__widgets h6 {
    margin-bottom: 37px;
  }
}
.footer--one .footer__logo .text p {
  color: #848483;
}
.footer--one .footer__logo .socialicon .icon a {
  line-height: 40px;
  border: 1px solid #848483;
}
.footer--one .footer__logo .socialicon .icon a i {
  color: #848483;
}
.footer--one .footer__logo .socialicon .icon a:hover {
  border: 1px solid #dd333a;
}
.footer--one .footer__links ul {
  flex-direction: column;
  gap: 18px;
}
.footer--one .footer__links ul li a {
  color: #848483;
}
.footer--one .footer__contact ul li {
  margin-bottom: calc(1.28125rem + 0.375vw);
}
@media (min-width: 1200px) {
  .footer--one .footer__contact ul li {
    margin-bottom: 1.5625rem;
  }
}
.footer--one .footer__contact ul li .icon {
  line-height: 35px;
  border: 1px solid #848483;
}
.footer--one .footer__contact ul li .text {
  width: calc(100% - 55px);
}
.footer--one .footer__contact ul li .text span {
  line-height: 24px;
  color: #848483;
}
.footer--one .footer__contact ul li:first-child {
  align-items: flex-start;
}
.footer--one .footer__gallery .innerimg .inneritem {
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.footer--one .footer__gallery .innerimg .inneritem .upitem {
  -webkit-transform: translate(51px);
  -ms-transform: translate(51px);
  transform: translate(51px);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.footer--one .footer__gallery .innerimg .inneritem .upitem a {
  line-height: 34px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.footer--one .footer__gallery .innerimg .inneritem .upitem a i {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.footer--one .footer__gallery .innerimg:hover .inneritem .upitem:nth-child(1) {
  -webkit-transform: translate(0px);
  -ms-transform: translate(0px);
  transform: translate(0px);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.footer__copyright {
  background: #fcf9f4;
}
.footer__copyright p {
  color: #7f726b;
}
.footer__copyright p a {
  color: #534741;
}
/*=============BANNER AREA STARS ===============*/
.banner--one {
  position: relative;
}
@media (min-width: 1400px) {
  .banner--one {
    margin-top: -134px;
  }
}
.banner--one .banner__bg {
  background-size: cover;
  background-position: center;
  padding: calc(2.375rem + 13.5vw) 0;
}
@media (min-width: 1200px) {
  .banner--one .banner__bg {
    padding: 12.5rem 0;
  }
}
@media (min-width: 1400px) {
  .banner--one .banner__bg {
    padding: calc(3rem + 21vw) 0 calc(2.6875rem + 17.25vw) 0;
  }
}
@media (min-width: 1400px) and (min-width: 1200px) {
  .banner--one .banner__bg {
    padding: 18.75rem 0 15.625rem 0;
  }
}
.banner--one .banner__bg .slidetext {
  opacity: 0;
  transform: translateY(-100%);
  transition: opacity 1.5s ease, transform 1.5s ease;
}
@media (max-width: 575px) {
  .banner--one .banner__bg .slidetext h2 {
    text-align: center;
    max-width: 500px;
    margin: auto;
    font-size: calc(1.375rem + 1.5vw);
  }
}
@media (max-width: 575px) and (min-width: 1200px) {
  .banner--one .banner__bg .slidetext h2 {
    font-size: 2.5rem;
  }
}
@media (min-width: 576px) {
  .banner--one .banner__bg .slidetext h2 {
    font-size: calc(1.4875rem + 2.85vw);
    max-width: 650px;
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .banner--one .banner__bg .slidetext h2 {
    font-size: 3.625rem;
  }
}
@media (min-width: 1200px) {
  .banner--one .banner__bg .slidetext h2 {
    font-size: calc(1.5625rem + 3.75vw);
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .banner--one .banner__bg .slidetext h2 {
    font-size: 4.375rem;
  }
}
@media (min-width: 1400px) {
  .banner--one .banner__bg .slidetext h2 {
    font-size: calc(1.625rem + 4.5vw);
    line-height: calc(1.7rem + 5.4vw);
  }
}
@media (min-width: 1400px) and (min-width: 1200px) {
  .banner--one .banner__bg .slidetext h2 {
    font-size: 5rem;
  }
}
@media (min-width: 1400px) and (min-width: 1200px) {
  .banner--one .banner__bg .slidetext h2 {
    line-height: 5.75rem;
  }
}
@media (max-width: 575px) {
  .banner--one .banner__bg .slidetext p {
    text-align: center;
  }
}
@media (min-width: 576px) {
  .banner--one .banner__bg .slidetext p {
    max-width: 550px;
    line-height: calc(1.3rem + 0.6vw);
    margin-top: 30px;
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .banner--one .banner__bg .slidetext p {
    line-height: 1.75rem;
  }
}
@media (min-width: 768px) {
  .banner--one .banner__bg .slidetext p {
    color: #b3b3b3;
  }
}
@media (min-width: 1600px) {
  .banner--one .banner__bg .slidetext p {
    margin-top: 40px;
  }
}
.banner--one .banner__bg .slidetext .banner__btn {
  margin-top: 30px;
}
@media (max-width: 575px) {
  .banner--one .banner__bg .slidetext .banner__btn {
    justify-content: center;
  }
}
@media (min-width: 576px) {
  .banner--one .banner__bg .slidetext .banner__btn {
    gap: 35px;
    margin-top: 40px;
  }
}
.banner--one .banner__bg .slidetext .banner__btn .or {
  z-index: 99;
}
@media (min-width: 576px) {
  .banner--one .banner__bg .slidetext .banner__btn .or {
    display: block;
  }
}
.banner--one .banner__bg .slidetext .banner__btn .or span {
  border-radius: 18px;
  outline: 4px solid rgba(255, 255, 255, 0.1);
  line-height: 30px;
}
.banner--one .banner__bg .slidetext .banner__btn .or:after {
  width: 65px;
  height: 2px;
  transform: translate(-50%, -50%);
  z-index: -99;
}
.banner--one .banner__bg .slidetext .banner__btn .or:before {
  width: 2px;
  height: 65px;
  transform: translate(-50%, -50%);
  z-index: -99;
}
@media (min-width: 576px) {
  .banner--one .banner__bg .slidetext .banner__btn a:last-child {
    display: block;
  }
}
.banner--one .banner__bg .slidetext .banner__btn a:first-child.custom__btn:after {
  background-color: rgba(255, 255, 255, 0.2);
}
@media (min-width: 992px) {
  .banner--one .banner__pagination {
    bottom: 20px !important;
    display: block;
  }
}
@media (min-width: 992px) {
  .banner--one .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.12);
    width: 60px !important;
    height: 4px !important;
    opacity: 1;
    border-radius: 0 !important;
  }
}
@media (min-width: 992px) {
  .banner--one .swiper-pagination-bullet-active {
    background: #fff;
  }
}
.banner--one .swiper-slide-active .slidetext {
  opacity: 1;
  transform: translateY(0);
}
.banner--two {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}
@media (min-width: 1366px) {
  .banner--two {
    background-position: center;
  }
}
.banner--two .banner__text {
  padding: calc(2.0625rem + 9.75vw) 0;
  opacity: 0;
  animation: fadeIn 1.5s ease-out forwards;
}
@media (min-width: 1200px) {
  .banner--two .banner__text {
    padding: 9.375rem 0;
  }
}
@media (min-width: 1400px) {
  .banner--two .banner__text {
    padding: calc(2.59375rem + 16.125vw) 0;
  }
}
@media (min-width: 1400px) and (min-width: 1200px) {
  .banner--two .banner__text {
    padding: 14.6875rem 0;
  }
}
.banner--two .banner__text h3,
.banner--two .banner__text h2,
.banner--two .banner__text p {
  opacity: 0;
  animation: fadeIn 1.5s ease-out forwards;
  animation-delay: 0.3s;
}
.banner--two .banner__text h3 {
  font-weight: 200;
  animation-delay: 0.3s;
}
.banner--two .banner__text h2 {
  animation-delay: 0.5s;
}
@media (min-width: 1200px) {
  .banner--two .banner__text h2 {
    line-height: 70px;
  }
}
.banner--two .banner__text p {
  font-style: normal;
  animation-delay: 0.7s;
  max-width: 600px;
}
@media (min-width: 576px) {
  .banner--two .banner__text p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 1199px) {
  .banner--two .banner__text p {
    margin: 20px auto 0 auto;
  }
}
.banner--two .banner__btn {
  padding: 15px 30px;
  opacity: 0;
  animation: fadeIn 1.5s ease-out forwards;
  animation-delay: 1s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (min-width: 1200px) {
  .banner--three {
    margin-top: -134px;
  }
}
@media (min-width: 1200px) {
  .banner--three .banner__bg {
    padding: calc(3rem + 21vw) 0 calc(2.6875rem + 17.25vw) 0;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .banner--three .banner__bg {
    padding: 18.75rem 0 15.625rem 0;
  }
}
.banner--three .banner__bg .slidetext h2 {
  max-width: 580px;
  font-size: calc(1.475rem + 2.7vw);
  line-height: calc(1.5625rem + 3.75vw);
}
@media (min-width: 1200px) {
  .banner--three .banner__bg .slidetext h2 {
    font-size: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .banner--three .banner__bg .slidetext h2 {
    line-height: 4.375rem;
  }
}
.banner--three .banner__bg .slidetext p {
  color: #fff;
  margin-top: 20px;
  line-height: 28px;
}
.banner--three .banner__bg .slidetext p span {
  color: rgb(255, 255, 255);
}
.banner--three .banner__btn a {
  display: block !important;
}

/*=============HEADER AREA STARS ===============*/
@media (min-width: 1400px) {
  .header--one {
    position: relative;
    z-index: 9999;
    max-width: 1380px;
    margin: auto;
  }
}
.header--one .header__top {
  background: #3c3a3a;
}
.header--one .header__topcontact ul li {
  border-right: 1px solid #848483;
}
.header--one .header__topcontact ul li .text p {
  color: #848483;
}
.header--one .header__topcontact ul li:last-child {
  border-right: none;
}
.header--one .header__socialicon a i {
  color: #848483;
}
.header--one .header__bottom {
  background: rgba(168, 38, 38, 0.86);
}
@media (min-width: 1400px) {
  .header--one .header__bottom {
    border-radius: 0px 0px 12px 12px;
  }
}
@media (min-width: 1200px) {
  .header--one .header__bottom.header-fixed {
    top: 0;
    width: 100% !important;
    position: fixed;
    max-width: inherit;
    z-index: 9999;
    box-shadow: 1px 1px 11px 3px rgba(215, 215, 215, 0.1);
    transition: all 0.5s ease;
    background: #a82626;
  }
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul {
    display: flex;
  }
}
.header--one .header__menu nav > ul li a {
  padding: 10px;
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul li a {
    padding: 0.375rem 1.125rem;
    display: inline-block;
    padding: 22.5px 30px;
    color: rgba(255, 255, 255, 0.64);
  }
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul li.active > a {
    color: #fff;
    background: #a82626;
  }
}
.header--one .header__menu nav > ul li.active.bgnone a {
  background: transparent;
}
.header--one .header__menu nav > ul li ul {
  padding-left: 0;
  left: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul li ul {
    width: 250px;
    position: absolute;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    top: 150px;
    box-shadow: 0px 4px 4px 0px rgba(229, 228, 228, 0.2);
  }
}
@media (max-width: 1199px) {
  .header--one .header__menu nav > ul li ul {
    display: none;
  }
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul li ul li {
    border-bottom: 1px solid rgba(121, 66, 68, 0.15);
  }
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul li ul li:hover {
    background: #a82626;
  }
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul li ul li:hover a {
    color: #fff;
  }
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul li ul li.active {
    background: #a82626;
  }
}
.header--one .header__menu nav > ul li ul li.active a {
  color: #a82626;
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul li ul li.active a {
    color: #fff;
  }
}
.header--one .header__menu nav > ul li ul li.active a::after {
  background: #fff !important;
}
.header--one .header__menu nav > ul li ul li.active a::before {
  background: #fff !important;
}
.header--one .header__menu nav > ul li ul li:last-child {
  border: none;
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul li ul li.menu-item-has-children:hover > a::after {
    background: #fff;
  }
}
.header--one .header__menu nav > ul li ul li.menu-item-has-children2 > a::after {
  background: #fff;
}
.header--one .header__menu nav > ul li ul li.menu-item-has-children2 > a::before {
  background: #fff;
}
@media (max-width: 1199px) {
  .header--one .header__menu nav > ul li ul li ul {
    padding-left: 20px;
  }
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul li ul li ul {
    position: absolute;
    left: 100%;
    top: 220%;
  }
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul li ul li ul li a {
    color: #15141c !important;
  }
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul li ul li ul li a:hover {
    color: #fff !important;
  }
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul li ul li ul li.active {
    background: #a82626;
  }
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul li ul li ul li.active a {
    color: #fff !important;
  }
}
.header--one .header__menu nav > ul li ul li:hover ul {
  top: 0%;
}
.header--one .header__menu nav > ul li:hover > ul {
  top: 100%;
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul li:hover > ul {
    visibility: visible;
    opacity: 1;
  }
}
.header--one .header__menu nav > ul li:hover > a {
  color: #a82626;
}
@media (min-width: 1200px) {
  .header--one .header__menu nav > ul li:hover > a {
    color: #fff;
  }
}
.header--one .header__menu nav > ul > li > a {
  text-transform: uppercase;
}
.header--one .header__mobilebar .danbox-menu-bar {
  line-height: 50px;
}
.header--one .header__mobilebar .danbox-menu-bar i {
  font-size: calc(1.28125rem + 0.375vw);
}
@media (min-width: 1200px) {
  .header--one .header__mobilebar .danbox-menu-bar i {
    font-size: 1.5625rem;
  }
}
.header--one .header__mobile {
  background: rgb(168, 38, 38);
}
.header--two {
  position: inherit;
  z-index: inherit;
  width: 100%;
  max-width: inherit;
}
.header--two .header__top {
  background: #fafaf9;
}
.header--two .header__bottom {
  background: #fff !important;
}
.header--two .header__menu nav ul > li a {
  color: #292524;
}
.header--two .header__menu nav ul > li.menu-item-has-children a::after {
  background: #292524;
}
.header--two .header__menu nav ul > li.menu-item-has-children a::before {
  background: #292524;
}
.header--two .header__menu nav ul > li:hover > a {
  color: #a82626;
}
.header--two .header__menu nav ul > li.active a {
  color: #a82626;
}
.header--two .header__menu nav ul > li.active.menu-item-has-children a::after {
  background: #a82626;
}
.header--two .header__menu nav ul > li.active.menu-item-has-children a::before {
  background: #a82626;
}
.header--two .header__topcontact ul li {
  border: none !important;
}
.header--two .header__topcontact ul li .icon i {
  color: #292524;
}
.header--two .header__topcontact ul li .text p {
  color: #292524;
}
.header--two .header__topcontact ul li .text p span {
  color: #292524;
}
.header--two .header__socialicon a i {
  color: #292524;
}
.header--two .header__donatebtn a {
  border: 1px solid #a82626;
  padding: 10px 20px;
}
.header--two .header__mainpart {
  justify-content: space-between;
}
.header--two .header__mobile {
  background: #fff;
}
.header--two .header__mobilebar .danbox-menu-bar i {
  color: #0c0a09;
}
@media (min-width: 1200px) {
  .header--three {
    position: relative;
    z-index: 9999;
    max-width: 1380px;
    margin: auto;
  }
}
.header--three .header__bottom {
  background: transparent !important;
}
@media (min-width: 1200px) {
  .header--three .header__bottom.header-fixed {
    top: 0;
    width: 100% !important;
    position: fixed;
    max-width: inherit;
    z-index: 9999;
    box-shadow: 1px 1px 11px 3px rgba(215, 215, 215, 0.1);
    transition: all 0.5s ease;
    background: rgba(0, 0, 0, 0.65) !important;
  }
}
.header--three .header__donatebtn a {
  color: rgba(255, 255, 255, 0.64);
  background: transparent;
  border: 1px solid #fff;
  padding: 13px 35px;
}
.header--three .header__mainpart {
  justify-content: space-between;
}
.offcanvas {
  box-shadow: 0px 4px 4px 0px rgba(229, 228, 228, 0.42);
  position: fixed;
  right: -100%;
  z-index: 999999;
  scrollbar-width: none;
  transition: 1s ease-in-out;
  overflow-y: scroll;
}
@media (min-width: 576px) {
  .offcanvas {
    width: 550px;
  }
}
.offcanvas.opened {
  -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 1s;
}
.offcanvas__close-btn button {
  background: none;
  border: none;
}
.offcanvas__close-btn button i {
  font-size: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  .offcanvas__close-btn button i {
    font-size: 1.875rem;
  }
}
.offcanvas__header {
  border-bottom: 1px solid #edf1f8;
}
@media (max-width: 1199px) {
  .offcanvas .danbox-main-menu-mobile nav {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .offcanvas .danbox-main-menu-mobile nav ul li {
    width: 100%;
    border-bottom: 1px solid #edf1f8;
  }
}
@media (max-width: 1199px) {
  .offcanvas .danbox-main-menu-mobile nav ul li a {
    display: block;
    width: 100%;
  }
}
.offcanvas .danbox-main-menu-mobile nav ul li ul li {
  border-left: none;
  border-right: none;
}
.offcanvas .danbox-main-menu-mobile nav ul li ul li:last-child {
  border-bottom: none;
}
.offcanvas__social ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid rgba(255, 51, 51, 0.29);
}
.menu-item-has-children > a::after {
  transform: translateY(-50%);
  right: 10px;
  height: 2px;
}
.menu-item-has-children > a::before {
  top: 50%;
  transform: translateY(-50%);
  right: 14px;
  width: 2px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (min-width: 1200px) {
  .menu-item-has-children > a::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    right: 11px;
    height: 2px;
    background: rgba(255, 255, 255, 0.64);
  }
  .menu-item-has-children > a::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    right: 15px;
    height: 10px;
    background: rgba(255, 255, 255, 0.64);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
}
@media (min-width: 1200px) {
  .menu-item-has-children:hover > a:before {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
  }
}
@media (min-width: 1200px) {
  .menu-item-has-children:hover > a::after {
    background: #fff;
  }
}
@media (max-width: 1199px) {
  .menu-item-has-children.open > a:before {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
  }
}
.menu-item-has-children.menu-item-has-children2:hover > a::after {
  background: #fff;
}

/*=============SECTION TITLE AREA STARS ===============*/
.section__title p {
  color: #fcf9f4;
}

/*=============ACTIVITY AREA STARS ===============*/
.activity {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (min-width: 768px) {
  .activity__header {
    gap: 60px;
  }
}
@media (max-width: 575px) {
  .activity__header h2 {
    font-size: calc(1.3125rem + 0.75vw);
  }
}
@media (max-width: 575px) and (min-width: 1200px) {
  .activity__header h2 {
    font-size: 1.875rem;
  }
}
@media (min-width: 768px) {
  .activity__header h2 {
    max-width: 300px;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .activity__header h2 {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .activity__header img {
    display: block;
  }
}
@media (max-width: 767px) {
  .activity__header p {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .activity__header p {
    max-width: 300px;
  }
}
@media (max-width: 1199px) {
  .activity__leftimg img {
    width: 100%;
  }
}
.activity__item {
  border: 1px solid #e7dfd2;
  background: #f4efe6;
}
@media (min-width: 1200px) {
  .activity__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 22px;
  }
}
.activity__item .thumb {
  border-radius: 39px;
  line-height: 78px;
  border: 1px solid #dfd4c1;
  animation: cardAnimacion 1.4s;
}
@media (max-width: 1199px) {
  .activity__item .thumb {
    margin: auto;
  }
}
.activity__item .thumb img {
  transition: all 0.5s ease;
}
@media (min-width: 1200px) {
  .activity__item .text h6 {
    width: 150px;
    line-height: 25.2px;
  }
}
.activity__item:hover .thumb img {
  transform: rotateY(190deg) scale(1.2);
}
.activity__rightcontent .row .col-sm-6:nth-child(odd) .activity__item {
  border-bottom: none !important;
}
@media (min-width: 576px) {
  .activity__rightcontent .row .col-sm-6:nth-child(odd) .activity__item {
    border-right: none !important;
  }
}
.activity__rightcontent .row .col-sm-6:nth-child(even) .activity__item {
  border-bottom: none !important;
}
@media (min-width: 576px) {
  .activity__rightcontent .row .col-sm-6:nth-child(1) .activity__item {
    border-radius: 8px 0 0 0;
  }
}
@media (min-width: 576px) {
  .activity__rightcontent .row .col-sm-6:nth-child(2) .activity__item {
    border-radius: 0 8px 0 0;
  }
}
@media (min-width: 576px) {
  .activity__rightcontent .row .col-sm-6:nth-child(5) .activity__item {
    border-bottom: 1px solid #e7dfd2 !important;
    border-radius: 0 0 0 8px;
  }
}
.activity__rightcontent .row .col-sm-6:nth-child(6) .activity__item {
  border-bottom: 1px solid #e7dfd2 !important;
}
@media (min-width: 576px) {
  .activity__rightcontent .row .col-sm-6:nth-child(6) .activity__item {
    border-radius: 0 0 8px 0;
  }
}

/*=============GURDIAN AREA STARS ===============*/
@media (max-width: 991px) {
  .guardian__header h2 {
    text-align: center;
  }
}
.guardian__header p {
  max-width: 500px;
}
@media (max-width: 991px) {
  .guardian__header p {
    margin: auto;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .guardian__header p {
    margin-left: auto;
  }
}
.guardian__item {
  background: #fcf9f4;
  border: 1px solid #e7dfd2;
}
.guardian__item .thumb img {
  transform: scale(1.1);
}
.guardian__item .thumb:after {
  width: 200%;
  height: 0%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}
.guardian__item .content .top {
  position: relative;
  z-index: 999;
  margin-top: -56px;
  background: #f4efe6;
}
@media (min-width: 400px) {
  .guardian__item .content .top {
    max-width: 360px;
  }
}
.guardian__item .content .top h6 {
  border-radius: 10px 10px 0 0;
}
.guardian__item .content .top ul {
  border-top: none !important;
}
@media (min-width: 400px) {
  .guardian__item .content .top ul {
    border-radius: 0 0 10px 10px;
    border: 1px solid #e7dfd2;
  }
}
.guardian__item .content .top ul li {
  border-bottom: 1px solid #e7dfd2;
}
.guardian__item .content .top ul li > p {
  color: #534741;
}
.guardian__item .content .top ul li > p span {
  width: 70px;
  color: #88786f;
}
.guardian__item .content .top ul li:last-child {
  border-bottom: none;
}
.guardian__item .content .bottom > p span {
  color: #534741;
}
.guardian__item .content .bottom .guardian__img {
  background: #3c3a3a;
  width: 220px;
}
.guardian__item .content .bottom .guardian__img .img {
  border: 2px solid #fff;
}
.guardian__item:hover .thumb img {
  transform: scale(1);
}
.guardian__item:hover .thumb:after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}
.guardian__paginaton {
  bottom: 50px !important;
}
@media (min-width: 992px) {
  .guardian__paginaton {
    bottom: 65px !important;
  }
}
.guardian .swiper-pagination-bullet {
  background: #e7dfd2;
  width: 12px;
  height: 12px;
  opacity: 1;
}
.guardian .swiper-pagination-bullet-active {
  background: #88786f;
}

/*=============EXPERIENCE AREA STARS ===============*/
.experince {
  background: #3c3a3a;
}
@media (min-width: 1200px) {
  .experince__title h2 {
    max-width: 850px;
    line-height: 67px;
  }
}
.experince__title p {
  max-width: 620px;
  line-height: 25px;
}
.experince__leftcontent {
  padding: 50px 30px;
}
@media (min-width: 768px) {
  .experince__leftcontent {
    padding: calc(1.5rem + 3vw);
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .experince__leftcontent {
    padding: 3.75rem;
  }
}
@media (min-width: 992px) {
  .experince__leftcontent {
    border-radius: 12px 0px 0px 12px;
  }
}
@media (max-width: 1399px) {
  .experince__leftcontent {
    background-color: #fcf9f4;
  }
}
@media (min-width: 1400px) {
  .experince__leftcontent {
    background-image: url("..//..//..//img/home/experience/leftimg.jpg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    padding: 70px 0;
  }
}
@media (min-width: 1400px) {
  .experince__leftcontent .alltext {
    margin-left: auto;
    max-width: 485px;
    margin-right: 35px;
  }
}
.experince__leftcontent .alltext .allp p {
  line-height: 23px;
}
.experince__leftcontent .alltext .allp p:first-child {
  color: #534741;
}
.experince__leftcontent .alltext .allp p:last-child {
  margin-top: 25px;
}
.experince__leftcontent .alltext a.custom__btn:after {
  background-color: rgba(255, 255, 255, 0.2);
}
@media (min-width: 1400px) {
  .experince__leftcontent img {
    position: absolute;
    content: "";
    top: 5%;
    left: 20%;
    display: block;
  }
}
.experince__inner {
  z-index: 1;
}
.experince__inner h6 {
  color: rgba(255, 255, 255, 0.5);
  font-style: normal;
  font-weight: 400;
}
@media (min-width: 992px) {
  .experince__inner h6 {
    margin-top: 8px;
  }
}
@media (min-width: 992px) {
  .experince__inner::after {
    position: absolute;
    content: "";
    left: 50%;
    width: 90px;
    height: 15px;
    background: url("..//..//..//img/home/experience/bordershape.png");
    background-repeat: no-repeat;
    transform: translateX(-50%);
    bottom: -40%;
  }
}
.experince__inner:nth-child(3)::after {
  background: transparent;
}
@media (max-width: 767px) {
  .experince__rightcontent {
    padding: 35px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .experince__rightcontent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
@media (min-width: 992px) {
  .experince__rightcontent {
    border-radius: 0 10px 10px 0;
  }
}
@media (min-width: 1400px) {
  .experince__rightcontent img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
  }
}

/*=============SPONSORSHOP AREA STARS ===============*/
.sponsorship {
  padding-bottom: calc(1.875rem + 7.5vw);
}
@media (min-width: 1200px) {
  .sponsorship {
    padding-bottom: 7.5rem;
  }
}
.sponsorship__header h4 {
  color: #534741;
}
@media (max-width: 1199px) {
  .sponsorship__header h4 {
    text-align: center;
    margin-bottom: 10px;
  }
}
.sponsorship__header p {
  color: #534741;
}
@media (max-width: 1199px) {
  .sponsorship__header p {
    text-align: center;
  }
}
.sponsorship__header p span {
  color: #a82626;
}
.sponsorship__item {
  border: 1px solid #e7dfd2;
  background: #f4efe6;
}
.sponsorship__item .thumb {
  border-radius: 39px;
  line-height: 78px;
}
.sponsorship__item .thumb img {
  transition: all 0.5s ease;
}
.sponsorship__item .text h6 {
  line-height: 25.2px;
}
.sponsorship__item:hover .thumb {
  background: #a82626 !important;
}
.sponsorship__item:hover .thumb img {
  transform: rotateY(190deg) scale(1.2);
}
.sponsorship__leftcontent .row .col-md-4:nth-child(odd) .sponsorship__item {
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
}
.sponsorship__leftcontent .row .col-md-4:nth-child(even) .sponsorship__item {
  border-bottom: none !important;
}
.sponsorship__leftcontent .row .col-md-4:nth-child(1) {
  border-left: 1px solid #e7dfd2 !important;
}
.sponsorship__leftcontent .row .col-md-4:nth-child(1) .thumb {
  background: #cf7042;
  outline: 6px solid rgba(207, 112, 66, 0.12);
}
.sponsorship__leftcontent .row .col-md-4:nth-child(2) .thumb {
  background: #e1a55d;
  outline: 6px solid rgba(225, 165, 93, 0.12);
}
.sponsorship__leftcontent .row .col-md-4:nth-child(3) {
  border-right: 1px solid #e7dfd2 !important;
}
.sponsorship__leftcontent .row .col-md-4:nth-child(3) .thumb {
  background: #95aa99;
  outline: 6px solid rgba(149, 170, 153, 0.12);
}
.sponsorship__leftcontent .row .col-md-4:nth-child(4) {
  border-bottom: 1px solid #e7dfd2 !important;
}
.sponsorship__leftcontent .row .col-md-4:nth-child(4) .thumb {
  background: #e6c5be;
  outline: 6px solid rgba(230, 197, 190, 0.12);
}
.sponsorship__leftcontent .row .col-md-4:nth-child(5) {
  border-bottom: 1px solid #e7dfd2 !important;
}
.sponsorship__leftcontent .row .col-md-4:nth-child(5) .thumb {
  background: #b4bfc5;
  outline: 6px solid rgba(180, 191, 197, 0.12);
}
.sponsorship__leftcontent .row .col-md-4:nth-child(6) {
  border-bottom: 1px solid #e7dfd2 !important;
}
.sponsorship__leftcontent .row .col-md-4:nth-child(6) .thumb {
  background: #5d718a;
  outline: 6px solid rgba(93, 113, 138, 0.12);
}
/*=============GALLARY AREA STARS ===============*/
.projects {
  padding: calc(1.625rem + 4.5vw) 0 calc(1.75rem + 6vw) 0;
}
@media (min-width: 1200px) {
  .projects {
    padding: 5rem 0 6.25rem 0;
  }
}
@media (min-width: 576px) {
  .projects__header ul li {
    padding: 13px 20px;
  }
}
.projects__photoitem img {
  transition: opacity 0.3s ease;
}
.projects__photoitem .inner_text {
  z-index: 99;
  width: 250px;
  transform: rotateX(-90deg) translate(-50%, -50%);
  transform-origin: bottom;
  transition: all 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.projects__photoitem .inner_text .icon a {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  line-height: 75px;
  outline: 5px solid rgba(168, 38, 38, 0.18);
}
.projects__photoitem::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(60, 58, 58, 0.42);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  border-radius: 8px;
}
.projects__photoitem:hover img {
  opacity: 0.7;
}
.projects__photoitem:hover .inner_text {
  top: 50%;
  transform: rotateX(0deg) translate(-50%, -50%);
}
.projects__photoitem:hover::after {
  opacity: 1;
}
.projects--photoitem2 .inner_text .icon a {
  width: 54px !important;
  height: 54px !important;
  outline: 5px solid rgba(168, 38, 38, 0.18);
  background: #a82626;
  line-height: 55px;
}
.projects__title h2 {
  color: #534741;
}
.projects__title p {
  color: #88786f;
  max-width: 620px;
}
/*=============VOLUNTEERS AREA STARS ===============*/
.volunteers {
  background: #fcf9f4;
}
.volunteers__inner img {
  transform: scale(1.1);
}
.volunteers__inner .name {
  visibility: hidden;
  opacity: 0;
  z-index: 999;
  transition: all 1s;
  transform: translateX(-50%);
}
.volunteers__inner .name p {
  width: 140px;
}
.volunteers__inner:hover {
  border: 2px solid #a82626;
}
.volunteers__inner:hover img {
  transform: scale(1);
}
.volunteers__inner:hover .name {
  visibility: visible;
  opacity: 1;
}
.volunteers__sinleitem {
  background: #f4efe6;
}
.volunteers__sinleitem .thumb img {
  border-radius: 10px 10px 0 0;
  transform: scale(1.1);
}
.volunteers__sinleitem .thumb:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}
.volunteers__sinleitem .profile {
  border: 1px solid #e7dfd2;
  border-radius: 0 0 10px 10px;
}
.volunteers__sinleitem .profile a {
  color: #534741;
}
.volunteers__sinleitem:hover .thumb img {
  transform: scale(1);
}
.volunteers__sinleitem:hover .thumb:after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}
.volunteers__title h2 {
  color: #534741;
}
.volunteers__title p {
  color: #88786f;
  max-width: 500px;
  margin: auto;
}
.volunteers__text {
  background-color: #3c3a3a;
}
@media (min-width: 1400px) {
  .volunteers__text .swiper-slide ul {
    display: block;
  }
}
@media (min-width: 1400px) {
  .volunteers__text .swiper-slide ul li {
    display: list-item;
  }
}
@media (min-width: 768px) {
  .volunteers__text .swiper-slide ul li h2 {
    font-size: calc(1.3125rem + 0.75vw);
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .volunteers__text .swiper-slide ul li h2 {
    font-size: 1.875rem;
  }
}
@media (min-width: 1600px) {
  .volunteers__text .swiper-slide ul li h2 {
    font-size: calc(1.375rem + 1.5vw);
  }
}
@media (min-width: 1600px) and (min-width: 1200px) {
  .volunteers__text .swiper-slide ul li h2 {
    font-size: 2.5rem;
  }
}
@media (min-width: 1400px) {
  .volunteers__text .swiper-slide ul li::marker {
    font-size: 35px;
  }
}
.volunteers__text2 {
  background: #a82626;
}
@media (min-width: 1400px) {
  .volunteers__text2 .swiper-slide ul li {
    display: list-item;
  }
}
@media (min-width: 768px) {
  .volunteers__text2 .swiper-slide ul li h2 {
    font-size: calc(1.3125rem + 0.75vw);
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .volunteers__text2 .swiper-slide ul li h2 {
    font-size: 1.875rem;
  }
}
@media (min-width: 1600px) {
  .volunteers__text2 .swiper-slide ul li h2 {
    font-size: calc(1.375rem + 1.5vw);
  }
}
@media (min-width: 1600px) and (min-width: 1200px) {
  .volunteers__text2 .swiper-slide ul li h2 {
    font-size: 2.5rem;
  }
}
@media (min-width: 1400px) {
  .volunteers__text2 .swiper-slide ul li::marker {
    font-size: 35px;
    opacity: 0.3;
    color: #841c1c;
  }
}

.volunteerform__title h2 {
  color: #534741;
}
.volunteerform__title h6 {
  color: #534741;
}
.volunteerform__title p {
  color: #7f726b;
  max-width: 780px;
}
.volunteerform__wrapper {
  background: #f4efe6;
}
@media (min-width: 576px) {
  .volunteerform__wrapper {
    padding: calc(1.5625rem + 3.75vw) calc(1.375rem + 1.5vw);
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .volunteerform__wrapper {
    padding: 4.375rem 2.5rem;
  }
}
.volunteerform__wrapper form h4 {
  color: #534741;
}
.volunteerform__wrapper form input {
  padding: 13px;
  background: #fcf9f4;
}
.volunteerform__wrapper form input:focus {
  box-shadow: none !important;
}
.volunteerform__wrapper form select {
  padding: 13px;
  background: #fcf9f4;
}
.volunteerform__wrapper form select:focus {
  box-shadow: none !important;
  border: 1.5px solid #a82626;
}
.volunteerform__wrapper form button {
  border: none;
}

/*=============TESTMONIAL AREA STARS ===============*/
.testmonial {
  background: #fcf9f4;
}
.testmonial__wrapper {
  background-color: #f4efe6;
  padding: calc(1.875rem + 7.5vw) calc(1.28125rem + 0.375vw);
}
@media (min-width: 1200px) {
  .testmonial__wrapper {
    padding: 7.5rem 1.5625rem;
  }
}
@media (min-width: 768px) {
  .testmonial__wrapper {
    padding: calc(1.625rem + 4.5vw) 0 calc(1.875rem + 7.5vw) 0;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .testmonial__wrapper {
    padding: 5rem 0 7.5rem 0;
  }
}
.testmonial__inner p {
  max-width: 600px;
}
@media (min-width: 992px) {
  .testmonial__inner p {
    max-width: 750px;
    font-size: calc(1.275rem + 0.3vw);
    line-height: 39px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .testmonial__inner p {
    font-size: 1.5rem;
  }
}
@media (max-width: 575px) {
  .testmonial__inner .profile ul li {
    text-align: center;
  }
}
@media (min-width: 576px) {
  .testmonial__inner .profile ul li {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .testmonial__inner .profile ul li .left {
    justify-content: center;
  }
}
@media (min-width: 576px) {
  .testmonial__inner .profile ul li .left {
    border-right: 1px solid #e7dfd2;
    padding-right: 20px;
    margin-right: 20px;
  }
}
.testmonial__inner .profile ul li .left h6 {
  color: #534741;
}
@media (max-width: 575px) {
  .testmonial__inner .profile ul li .right {
    margin-top: 8px;
  }
}
.testmonial__inner .profile ul li .right h6 {
  color: #c6baa9;
}
.testmonial__title h2 {
  color: #534741;
}
.testmonial__title p {
  color: #88786f;
  max-width: 550px;
}
@media (min-width: 992px) {
  .testmonial__title p {
    max-width: 650px;
  }
}
@media (min-width: 1200px) {
  .testmonial .swiper-button-prev,
  .testmonial .swiper-button-next {
    position: absolute;
    display: block;
  }
}
@media (min-width: 1200px) {
  .testmonial .swiper-button-prev:after,
  .testmonial .swiper-button-next:after {
    color: #c6baa9;
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .testmonial .swiper-button-prev:hover:after,
  .testmonial .swiper-button-next:hover:after {
    color: #a82626 !important;
  }
}
@media (min-width: 1200px) {
  .testmonial .swiper-button-prev {
    left: 47.5%;
    top: 87% !important;
  }
}
@media (min-width: 1200px) {
  .testmonial .swiper-button-next {
    top: 87% !important;
    right: 47.5%;
  }
}
@media (min-width: 1200px) {
  .testmonial .swiper-button-next::after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }
}
@media (min-width: 1200px) {
  .testmonial .swiper-button-prev::after {
    content: "\f060";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }
}
.testmonial .testmonial__pagination {
  top: 75% !important;
}
.testmonial .testmonial__pagination.testmonial__pagination2 {
  top: 70% !important;
}
@media (max-width: 1199px) {
  .testmonial .testmonial__pagination.testmonial__pagination2 {
    display: none !important;
  }
}
.testmonial--two {
  padding-bottom: calc(1.875rem + 7.5vw);
}
@media (min-width: 1200px) {
  .testmonial--two {
    padding-bottom: 7.5rem;
  }
}
@media (min-width: 1200px) {
  .testmonial--two .testmonial__wrapper {
    padding: calc(1.625rem + 4.5vw) 0 calc(2.0625rem + 9.75vw) 0;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .testmonial--two .testmonial__wrapper {
    padding: 5rem 0 9.375rem 0;
  }
}

/*=============CHILDPROFILE AREA STARS ===============*/
.childprofile__personalinfo {
  background: #f4efe6;
  border: 1px solid #e7dfd2;
}
.childprofile__personalinfo > .thumb {
  width: 240px;
  height: 240px;
  border-radius: 120px;
  outline: 8px solid #e7dfd2;
}
.childprofile__personalinfo > h6 {
  color: #534741;
}
.childprofile__personalinfo > h6::after {
  background: #e7dfd2;
  top: 50px;
}
.childprofile__personalinfo ul li span {
  color: #534741;
}
@media (max-width: 991px) {
  .childprofile__personalinfo ul li span {
    width: 120px;
  }
}
@media (min-width: 1200px) {
  .childprofile__personalinfo ul li span {
    width: 130px;
  }
}
@media (min-width: 1200px) {
  .childprofile__personalinfo ul li p {
    width: calc(100% - 150px);
  }
}
.childprofile__personalinfo .video .video__inner .playbtn_animation > a {
  width: 60px;
  height: 60px;
  line-height: 63px;
}
.childprofile__personalinfo .gurdianprofile .profile .thumb {
  width: 110px;
  height: 110px;
  outline: 4px solid #e7dfd2;
  border-radius: 55px;
}
.childprofile__personalinfo .gurdianprofile .profile .text h6 {
  color: #534741;
}
.childprofile__personalinfo .gurdianprofile .profile .text span {
  color: #88786f;
  font-style: normal;
}
.childprofile__personalinfo .gurdianprofile .profile .text .social a i {
  color: #88786f;
}
@media (min-width: 1200px) {
  .childprofile__details {
    padding-left: calc(1.34375rem + 1.125vw);
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .childprofile__details {
    padding-left: 2.1875rem;
  }
}
.childprofile__details h4 {
  color: #534741;
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  .childprofile__details h4 {
    font-size: 2rem;
  }
}
.childprofile__details .alldesk p {
  max-width: 750px;
}
.childprofile__details .expense > h4 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  .childprofile__details .expense > h4 {
    font-size: 2rem;
  }
}
.childprofile__details .expense table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.childprofile__details .expense td,
.childprofile__details .expense th {
  border: 1px solid #e7dfd2;
  text-align: left;
  padding: 20px;
  background: #f4efe6;
}
.childprofile__details .expense th {
  background: #3c3a3a;
}
.childprofile__donation {
  background: #f4efe6;
}
.childprofile__donation form .col-md-12 select,
.childprofile__donation form .col-md-12 input,
.childprofile__donation form .col-md-6 select,
.childprofile__donation form .col-md-6 input {
  padding: 12px !important;
  background: #fcf9f4;
}
.childprofile__donation form .form-control:focus {
  box-shadow: none !important;
  border: 1.5px solid #a82626;
}
.childprofile__donation form .form-select:focus {
  box-shadow: none;
  border: 1.5px solid #a82626;
}
.childprofile__donation form .form-check input:focus {
  box-shadow: none !important;
}
.childprofile__donation form .form-check input[type=checkbox]:checked {
  background-color: #a82626;
  border-color: #a82626;
}
.childprofile__donation .alert-success {
  background: transparent !important;
  border: none !important;
  color: green;
  padding-left: 0 !important;
}

/*=============ZAKKAT AREA STARS ===============*/
@media (min-width: 1200px) {
  .zakkat__details {
    margin-right: 25px;
  }
}
.zakkat__details > p {
  line-height: 28.4px;
}
.zakkat__details .writername {
  background: #ffcf7a;
  border-radius: 12px;
}
.zakkat__details .writername h6 {
  color: #534741;
  line-height: 32px;
}
.zakkat__details .writername > p {
  color: #a82626;
}
.zakkat__details .video img {
  border-radius: 12px;
}
.zakkat__details .donatebtn {
  background: #ffcf7a;
  color: #534741;
}
.zakkat__counting ul li {
  color: #7f726b;
  font-style: italic;
}
.zakkat__counting ul li span {
  color: #534741;
}
.zakkat__counting ul li .values {
  color: #7f726b;
}
.zakkat__calcalutor h5 {
  color: #534741;
}
.zakkat__calcalutor form {
  background: #f4efe6;
}
.zakkat__calcalutor form label {
  color: #534741;
}
.zakkat__calcalutor form input {
  background: #fcf9f4;
  color: #c6baa9;
}
.zakkat__calcalutor form ::placeholder {
  color: #c6baa9;
}
.zakkat__calcalutor form .result span {
  color: green;
}

/*=============CONTACT AREA STARS ===============*/
@media (max-width: 991px) {
  .contactinfo__leftimg img {
    width: 100%;
  }
}
@media (min-width: 450px) {
  .contactinfo__allitem {
    padding-left: 20px;
  }
}
.contactinfo__allitem .item .icon {
  border-radius: 60px;
  background: #f4efe6;
  border: 1px solid #e7dfd2;
  line-height: 55px;
}
.contactinfo__allitem .item .text {
  width: calc(100% - 80px);
}
.contactinfo__allitem .item .text h6 {
  color: #534741;
}
.contactinfo__allitem .item .text p {
  max-width: 300px;
}
.contactinfo__withus {
  background: #f4efe6;
  border: 1px solid #e7dfd2;
}
@media (min-width: 1200px) {
  .contactinfo__withus {
    padding-inline: 60px;
    padding-block: 40px;
  }
}
.contactinfo__withus h4 {
  color: #534741;
}
.contactinfo__withus form input {
  padding: 12px;
  background: #fcf9f4;
}
.contactinfo__withus form input:focus {
  box-shadow: none;
  border: 1.5px solid #a82626;
}
.contactinfo__withus form textarea {
  background: #fcf9f4;
}
.contactinfo__withus form textarea:focus {
  box-shadow: none;
  border: 1.5px solid #a82626;
}
.contactinfo__withus form button {
  padding: 13px 40px;
  border: none !important;
}
.contactinfo__withus .alert-success {
  background: transparent !important;
  border: none !important;
  color: green;
  padding-left: 0 !important;
}

.map iframe {
  min-height: 715px;
}

.contactwithus__inner {
  background: #fff;
  z-index: 1;
}
.contactwithus__inner .thumb {
  width: 92px;
  height: 92px;
  border-radius: 46px;
  line-height: 92px;
  background: #a82626;
}
.contactwithus__inner .text p {
  max-width: 300px;
  margin: auto;
}
@media (min-width: 576px) {
  .contactwithus__righmessage {
    padding: 60px 50px;
  }
}
.contactwithus__righmessage form input {
  background: #fafaf9;
  border: none !important;
}
@media (min-width: 992px) {
  .contactwithus__righmessage form input {
    border-radius: 10px;
  }
}
.contactwithus__righmessage form textarea {
  border: none !important;
  background: #fafaf9;
}
@media (min-width: 992px) {
  .contactwithus__righmessage form textarea {
    border-radius: 10px;
  }
}
.contactwithus__righmessage form label {
  border: none !important;
  color: #292524;
}
.contactwithus__righmessage form input:focus,
.contactwithus__righmessage form textarea:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: none !important;
  border: none !important;
  background: #fafaf9;
}
.contactwithus__righmessage form .formbtn {
  background: #a82626;
  border: none !important;
  padding: 15px 30px;
}
@media (min-width: 992px) {
  .contactwithus__righmessage form .formbtn {
    border-radius: 10px;
  }
}

/*=============ABOUT AREA STARS ===============*/
.aboutteam__text h2 {
  color: #534741;
}
.aboutteam__text p {
  max-width: 512px;
}
.aboutteam__text a.custom__btn:after {
  background-color: rgba(255, 255, 255, 0.2);
}
@media (min-width: 1200px) {
  .aboutteam__thumb .playbtn_animation {
    bottom: 0 !important;
    transform: translate(36%, 37%);
    right: 0%;
  }
}
@media (min-width: 1200px) {
  .aboutteam__text2 h2 {
    max-width: 250px;
  }
}
.aboutteam__text2 p {
  max-width: 500px;
}
.aboutteam__text2 ul li {
  color: #a82626;
}
@media (max-width: 449px) {
  .aboutteam__text2 ul li {
    width: 100%;
  }
}
@media (min-width: 450px) {
  .aboutteam__text2 ul li {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .aboutteam__text2 ul li {
    width: 40%;
  }
}

/*=============HISTORY AREA STARS ===============*/
.history__title h2 {
  color: #534741;
}
.history__title p {
  color: #7f726b;
  max-width: 620px;
}
.history__alitem .item {
  z-index: 1;
}
@media (max-width: 767px) {
  .history__alitem .item {
    padding: calc(1.28125rem + 0.375vw) 0;
  }
}
@media (max-width: 767px) and (min-width: 1200px) {
  .history__alitem .item {
    padding: 1.5625rem 0;
  }
}
@media (min-width: 992px) {
  .history__alitem .item {
    padding: calc(1.3125rem + 0.75vw) 0;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .history__alitem .item {
    padding: 1.875rem 0;
  }
}
@media (min-width: 1200px) {
  .history__alitem .item {
    padding: calc(1.4375rem + 2.25vw) 0;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .history__alitem .item {
    padding: 3.125rem 0;
  }
}
@media (min-width: 1200px) {
  .history__alitem .item .circletop {
    position: absolute;
    left: 30%;
    border-radius: 6px;
    outline: 20px solid #fcf9f4;
    top: 0%;
    width: 12px;
    height: 12px;
    background: #e7dfd2;
  }
}
@media (min-width: 1200px) {
  .history__alitem .item .circlebottom {
    position: absolute;
    left: 30%;
    width: 12px;
    height: 12px;
    background: #e7dfd2;
    border-radius: 6px;
    bottom: 0%;
    outline: 20px solid #fcf9f4 !important;
  }
}
@media (min-width: 1200px) {
  .history__alitem .item:before {
    position: absolute;
    content: "";
    background: #e7dfd2;
    width: 1100px;
    height: 1px;
    top: 5px;
    left: 0%;
  }
}
@media (min-width: 1400px) {
  .history__alitem .item:before {
    width: 1200px;
  }
}
@media (min-width: 1200px) {
  .history__alitem .item:after {
    position: absolute;
    content: "";
    background: #e7dfd2;
    width: 1100px;
    height: 1px;
    bottom: 5px;
    left: 0%;
    z-index: -1;
  }
}
@media (min-width: 1400px) {
  .history__alitem .item:after {
    width: 1200px;
  }
}
.history__alitem .item:nth-child(2):before {
  background: transparent !important;
}
.history__alitem .item:nth-child(2):after {
  background: transparent !important;
}
@media (max-width: 767px) {
  .history__alitem .item {
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .history__left {
    text-align: right;
  }
}
.history__left ul li {
  border-bottom: 1px solid #e7dfd2;
}
.history__left ul li span {
  color: #534741;
}
@media (min-width: 1200px) {
  .history__left:before {
    position: absolute;
    content: "";
    background: #e7dfd2;
    width: 1px;
    height: 470px;
    top: -115px;
    right: 4%;
  }
}
@media (min-width: 1400px) {
  .history__left:before {
    right: 5%;
  }
}
.history__right .text h5 {
  color: #534741;
  max-width: 380px;
}
.history__right .text p {
  line-height: 22.4px;
  color: #7f726b;
}
@media (min-width: 768px) {
  .history__right .text p {
    max-width: 450px;
  }
}
.history__wrapper {
  margin-top: calc(1.5rem + 3vw);
}
@media (min-width: 1200px) {
  .history__wrapper {
    margin-top: 3.75rem;
  }
}

.awarad {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}
@media (max-width: 767px) {
  .awarad__inner {
    text-align: center;
  }
}
.awarad__inner .counting h2 {
  font-weight: 200;
}
@media (max-width: 1199px) {
  .awarad__right {
    margin: auto;
  }
}
@media (min-width: 1200px) {
  .awarad__right {
    max-width: 400px;
  }
}
.awarad__item__paginaton {
  bottom: 50px !important;
}
.awarad__item .swiper-pagination-bullet {
  background: #e7dfd2 !important;
  width: 12px;
  height: 12px;
  opacity: 1;
}
.awarad__item .swiper-pagination-bullet-active {
  background: #88786f;
}

@media (min-width: 576px) {
  .teamprofile__allcontent {
    border: 1px solid #f8f5f0;
    padding: 1.25rem;
  }
}
@media (min-width: 1200px) {
  .teamprofile__allcontent {
    padding: calc(1.3125rem + 0.75vw) calc(1.3125rem + 0.75vw) calc(1.375rem + 1.5vw) calc(1.3125rem + 0.75vw);
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .teamprofile__allcontent {
    padding: 1.875rem 1.875rem 2.5rem 1.875rem;
  }
}
@media (min-width: 1200px) {
  .teamprofile__personalcontent {
    margin-left: calc(1.375rem + 1.5vw);
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .teamprofile__personalcontent {
    margin-left: 2.5rem;
  }
}
.teamprofile__personalcontent h4 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  .teamprofile__personalcontent h4 {
    font-size: 1.75rem;
  }
}
.teamprofile__personalcontent .data {
  margin-top: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  .teamprofile__personalcontent .data {
    margin-top: 1.875rem;
  }
}
.teamprofile__personalcontent .data > ul {
  flex-direction: column;
  gap: 25px;
}
@media (max-width: 575px) {
  .teamprofile__personalcontent .data > ul li {
    flex-direction: column;
    align-items: start;
  }
}
.teamprofile__personalcontent .data > ul li > span {
  width: 150px;
}
@media (max-width: 575px) {
  .teamprofile__personalcontent .data > ul li .allicon {
    margin-top: 0.625rem;
  }
}
.teamprofile__personalcontent .data > ul li .allicon ul li a {
  line-height: 40px;
}
.teamprofile__experience {
  margin-top: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  .teamprofile__experience {
    margin-top: 1.875rem;
  }
}
.teamprofile__year {
  margin-top: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  .teamprofile__year {
    margin-top: 1.875rem;
  }
}
.teamprofile__Guidelines {
  margin-top: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  .teamprofile__Guidelines {
    margin-top: 1.875rem;
  }
}
/*=============MANAGEMENT AREA STARS ===============*/
.management__title h2 {
  color: #534741;
}
.management__title p {
  color: #7f726b;
  max-width: 620px;
}
.management__inner .thumb .socialicon {
  z-index: 1;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.5s ease;
}
.management__inner .thumb .socialicon a {
  border: 1px solid #fff;
}
.management__inner .thumb:after {
  transform: scale(0);
  transition: all 0.5s ease;
}
.management__inner .thumb:hover:after {
  transform: scale(1);
}
.management__inner .thumb:hover .socialicon {
  transform: translate(-50%, -50%) scale(1);
}
.management__inner .text h5 {
  color: #534741;
}
.management__inner .text span {
  color: #7f726b;
}

/*=============CAREER AREA STARS ===============*/
.career__inner {
  border: 1px solid #e7dfd2;
  background: #f4efe6;
}
.career__inner .thumb img {
  transform: scale(1.1);
}
.career__inner .thumb:after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}
.career__inner .text h5 {
  color: #534741;
  max-width: 500px;
}
.career__inner .text > p {
  max-width: 500px;
}
@media (max-width: 575px) {
  .career__inner .text ul {
    flex-direction: column;
  }
}
@media (min-width: 576px) {
  .career__inner .text ul li {
    border-right: 1px solid #e7dfd2;
    padding-right: 20px;
    margin-right: 20px;
  }
}
.career__inner .text ul li p span {
  color: #534741;
}
.career__inner .text ul li:last-child {
  border-right: none;
}
@media (max-width: 575px) {
  .career__inner .text ul li:last-child {
    margin-top: 5px;
  }
}
.career__inner .text .allbtn a {
  background: #fcf9f4;
  border: 1px solid #e7dfd2;
  color: #534741;
}
.career__inner .text .allbtn a:hover {
  border: 1px solid #a82626;
}
.career__inner .text .allbtn a:last-child {
  border: 1px solid #a82626;
}
.career__inner:hover .thumb img {
  transform: scale(1);
}
.career__inner:hover .thumb:after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}
/*=============CAREERDETAILS AREA STARS ===============*/
.careerdetails__details h5 {
  color: #534741;
}
.careerdetails__details ul li p {
  color: #7f726b;
}
.careerdetails__details .admin h2 {
  color: #534741;
}
.careerdetails__details .admin p {
  color: #7f726b;
}
.careerdetails__details .personalinfo .item p {
  max-width: 350px;
}
.careerdetails__details .personalinfo .item span {
  color: #534741;
}
.careerdetails__employment {
  background: #f4efe6;
  border: 1px solid #e7dfd2;
}
.careerdetails__employment ul li .icon {
  background: #fcf9f4;
  border: 1px solid #e7dfd2;
  line-height: 45px;
}
.careerdetails__employment ul li .text h6 {
  color: #534741;
}
.careerdetails__employment ul li .text p {
  line-height: 22.4px;
  color: #534741;
}
.careerdetails__jobpost {
  background: #f4efe6;
  border: 1px solid #e7dfd2;
}
.careerdetails__jobpost h6 {
  color: #534741;
}
.careerdetails__jobpost .icon a {
  line-height: 40px;
}
.careerdetails__jobpost .icon a.facebook {
  background: #3b5998;
}
.careerdetails__jobpost .icon a.twiter {
  background: #55acee;
}
.careerdetails__jobpost .icon a.linked {
  background: #007bb5;
}
.careerdetails__jobpost .icon a.link {
  background: #fcf9f4;
  border: 1px solid #e7dfd2;
}
.careerdetails__jobpost .icon a.link i {
  color: #534741;
}
/*=============DONATION AREA STARS ===============*/
.donationform--one .donationform__wrapper .top ul li .thumb span {
  background: #f4efe6;
  border: 1px solid #e7dfd2;
  color: #534741;
  line-height: 50px;
}
.donationform--one .donationform__wrapper .top ul li.active .thumb span {
  border: 1px solid #a82626;
}
.donationform--one .donationform__wrapper .top ul li.active p {
  color: #534741;
}
.donationform--one .donationform__wrapper .top ul li.border2 .thumb span {
  border: 1px solid #a82626;
}
@media (min-width: 576px) {
  .donationform--one .donationform__wrapper .top ul li:after {
    position: absolute;
    content: "";
    top: 25%;
    left: 80%;
    width: 130px;
    height: 1px;
    background: #e7dfd2;
  }
}
.donationform--one .donationform__wrapper .top ul li:last-child:after {
  background: none !important;
}
@media (min-width: 576px) and (max-width: 767px) {
  .donationform--one .donationform__wrapper .top ul li:nth-child(2):after {
    background: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .donationform--one .donationform__wrapper .top ul li:nth-child(3):after {
    background: none !important;
  }
}
.donationform--one .donationform__wrapper .paymentinformation {
  background: #f4efe6;
  border: 1px solid #e7dfd2;
}
.donationform--one .donationform__wrapper .paymentinformation .bottominfo .buttongroup button {
  border: none;
  background: #fcf9f4;
  border: 1px solid #e7dfd2;
}
.donationform--one .donationform__wrapper .paymentinformation > a {
  color: #dfd4c1;
}
.donationform--two .donationform__btn {
  justify-content: space-between;
}
.donationform--two .donationform__btn a:first-child {
  color: #534741;
}
.donationform--two .donationform__btn a:last-child {
  color: #dfd4c1;
}
.donationform--two .donationform__btn a:hover {
  color: #a82626;
}
.donationform--two .donationform__right {
  background: #f4efe6;
  border: 1px solid #e7dfd2;
}
.donationform--two .donationform__detils ul li p {
  color: #534741;
}
.donationform--two .donationform__detils ul li p span {
  color: #534741;
  width: 120px;
}
.donationform--two .donationform__personalinfo {
  border-top: 1px solid #e7dfd2;
}
.donationform--two .donationform__personalinfo ul li p {
  color: #534741;
  display: inline-flex;
}
.donationform--two .donationform__personalinfo ul li p span {
  color: #534741;
  margin-right: 10px;
}
.donationform--three .donationform__wrapper .donation-container .button-group button {
  flex: 1;
  border: 1px solid #ccc;
  background-color: #fcf9f4;
  transition: background-color 0.3s;
}
.donationform--three .donationform__wrapper .donation-container .button-group button.active {
  background-color: #a82626 !important;
}
.donationform--three .donationform__wrapper .donation-container .custom-amount {
  text-align: center;
}
.donationform--three .donationform__wrapper .donation-container .custom-amount input {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.donationform--four .donationform__wrapper .paymentinformation .selectachild .text h5 {
  margin-bottom: 5px !important;
}
.donationform--four .donationform__wrapper .paymentinformation .selectachild .searchbar input {
  background: #fcf9f4;
  border: 1px solid #e7dfd2;
}
.donationform--four .donationform__wrapper .paymentinformation .selectachild .searchbar button {
  z-index: 99;
  border: none !important;
}
.donationform--four .donationform__wrapper .paymentinformation .selectachild .childwrapper .swiper-slide .item {
  background: #fcf9f4;
}
.donationform--four .donationform__wrapper .paymentinformation .selectachild .childwrapper .swiper-slide .item .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.donationform--four .donationform__wrapper .paymentinformation .selectachild .childwrapper .swiper-slide .item .text a {
  color: #534741;
}
.donationform--four .donationform__wrapper .paymentinformation .selectachild .childwrapper .swiper-slide-active .item {
  background: #ffcf7a;
}
.donationform--four .donationform__wrapper .paymentinformation .selectachild .childwrapper .achild__pagination {
  position: absolute;
  bottom: 15px;
  left: 0;
  z-index: 9999;
}
.donationform--four .donationform__wrapper .paymentinformation .selectachild .childwrapper .achild__pagination.swiper-scrollbar {
  background: #fcf9f4 !important;
}
.donationform--five .donationform__wrapper .formcontainer {
  background: #f4efe6;
  border: 1px solid #e7dfd2;
}
@media (min-width: 576px) {
  .donationform--five .donationform__wrapper .formcontainer {
    padding: calc(1.4375rem + 2.25vw);
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .donationform--five .donationform__wrapper .formcontainer {
    padding: 3.125rem;
  }
}
.donationform--five .donationform__wrapper .formcontainer form input {
  background: #e7dfd2;
  border: 1px solid #f4efe6;
}
.donationform--five .donationform__wrapper .formcontainer form input:focus {
  box-shadow: none !important;
}
.donationform--six .donationform__payment {
  background: #f4efe6;
  border: 1px solid #e7dfd2;
}
.donationform--six .donationform__payment button {
  border: none !important;
}

/*=============DONATE AREA STARS ===============*/
.donate__header p {
  max-width: 500px;
}
.donate__inner {
  background: #3c3a3a;
}
.donate__inner .icon {
  line-height: 72px;
  background: #eabb70;
}
@media (max-width: 1199px) {
  .donate__inner .icon {
    margin: auto;
  }
}
.donate__inner h2 {
  margin: 30px 0 15px 0;
}
@media (min-width: 1200px) {
  .donate__inner h2 {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .donate__inner p {
    max-width: 200px;
    z-index: 2;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .donate__inner .rightimg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 160px;
    height: 164px;
  }
}
.donate__wrapper .row .col-lg-4:nth-child(2) .donate__inner .icon {
  background: #3ea380;
}
.donate__wrapper .row .col-lg-4:nth-child(3) .donate__inner .icon {
  background: #fb6068;
}
.donate__form {
  background: #f4efe6;
  border: 1px solid #e7dfd2;
}
.donate__form form .select-wrapper {
  position: relative;
}
.donate__form form .select-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background: #fcf9f4;
  border: 1px solid #e7dfd2;
  border-radius: 50px;
}
.donate__form form .select-wrapper::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #333;
  pointer-events: none;
}
.donate__form form input {
  background: #fcf9f4;
  border: 1px solid #e7dfd2;
  border-radius: 50px;
}
.donate__form form button {
  background: #a82626;
  border: none;
  border-radius: 50px;
}
@media (max-width: 1199px) {
  .donate__form form button {
    width: 100%;
  }
}

/*=============FACILITIES AREA STARS ===============*/
.facilities__item {
  background: radial-gradient(63.82% 50% at 36.18% 50%, #fff 51.29%, #f5f5f5 100%), #f5f5f5;
  border: 1px solid #f5f5f4;
}
.facilities__item .icon {
  width: 60px;
  height: 60px;
  margin: auto;
}
.facilities__item h6 {
  color: #0c0a09;
}
@media (min-width: 1200px) {
  .facilities__othersfacilities {
    padding-left: 80px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .facilities__othersfacilities {
    max-width: 630px;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .facilities__othersfacilities {
    max-width: 300px;
    margin: auto;
  }
}
.facilities__othersfacilities ul {
  gap: 25px 40px;
}
@media (min-width: 768px) {
  .facilities__othersfacilities ul li {
    width: 45%;
  }
}
.facilities__othersfacilities ul li .icon {
  width: 30px;
}

/*=============PARENT AREA STARS ===============*/
.parent__inner .playbtn_animation a {
  width: 55px;
  height: 55px;
  line-height: 50px;
}
.parent__inner .playbtn_animation a i {
  font-size: 25px;
  color: #0c0a09;
}
/*=============DAILYROUTING AREA STARS ===============*/
.dailyrouting__header h2 {
  font-size: 48px;
}
.dailyrouting__inner .title {
  background: #a82626;
  border-radius: 10px 10px 0 0;
}
.dailyrouting__inner ul {
  border: 1px solid #f5f5f4;
}
.dailyrouting__inner ul li {
  border-bottom: 1px solid #f5f5f4;
}
.dailyrouting__inner ul li span {
  width: 25px;
}
.dailyrouting__inner ul li .text {
  width: calc(100% - 45px);
}
.dailyrouting__inner ul li .text p {
  color: #57534e;
}
.dailyrouting__inner ul li:nth-child(1) {
  margin-top: 12px;
  padding-top: 12px;
}
.dailyrouting__inner ul li:last-child {
  border: 0;
}

/*=============FAMILY AREA STARS ===============*/
.family__title h2 {
  color: #0c0a09;
}
.family__title h2 span {
  color: #0c0a09;
}
.family__title p {
  color: #57534e;
  max-width: 700px;
}
.family__left .playbtn_animation a {
  width: 55px;
  height: 55px;
  line-height: 50px;
}
.family__left .playbtn_animation a i {
  font-size: 25px;
  color: #0c0a09;
}
@media (min-width: 1200px) {
  .family__right {
    padding-left: calc(1.75rem + 6vw);
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .family__right {
    padding-left: 6.25rem;
  }
}
@media (min-width: 450px) {
  .family__right .allitem .item {
    display: flex;
  }
}
.family__right .allitem .item .icon {
  width: 50px;
}
@media (max-width: 449px) {
  .family__right .allitem .item .icon {
    margin: 0 auto 15px auto;
  }
}
.family__right .allitem .item .text {
  border-bottom: 1px solid #f5f5f4;
}
@media (min-width: 450px) {
  .family__right .allitem .item .text {
    width: calc(100% - 80px);
  }
}
@media (max-width: 449px) {
  .family__right .allitem .item .text {
    text-align: center;
  }
}
/*=============IMPACT AREA STARS ===============*/
.impact__header p {
  max-width: 650px;
  margin: auto;
}
.impact__inner {
  z-index: 1;
  padding: 110px 30px;
}
.impact__inner h6 {
  max-width: 250px;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .impact__inner h6 {
    margin-bottom: 30px;
  }
}
.impact__inner h6 a {
  line-height: 33.6px;
}
.impact__inner .map p,
.impact__inner .date p {
  color: rgba(255, 255, 255, 0.64);
}
.impact__inner::after {
  background-image: url("..//..//..//img/home3/impact/img1.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}
.impact__wrapper .row .col-lg-6:nth-child(2) .impact__inner::after {
  background-image: url("..//..//..//img/home3/impact/img2.webp");
}
.impact__wrapper .row .col-lg-6:nth-child(3) .impact__inner::after {
  background-image: url("..//..//..//img/home3/impact/img3.webp");
}
.impact__wrapper .row .col-lg-6:nth-child(4) .impact__inner::after {
  background-image: url("..//..//..//img/home3/impact/img4.webp");
}

/*# sourceMappingURL=style.css.map */