/**
 * @file
 * Subtheme specific CSS.
 */
 @font-face {
    font-family: 'commissioner';
    src: url(./Fonts/Commissioner/Commissioner-Black.woff2);
    font-style: normal;
    font-display: swap;
    font-weight: 800;
}
@font-face {
    font-family: 'commissioner';
    src: url(./Fonts/Commissioner/Commissioner-Bold.woff2);
    font-style: normal;
    font-display: swap;
    font-weight: 700;
}
@font-face {
    font-family: 'commissioner';
    src: url(./Fonts/Commissioner/Commissioner-Medium.woff2);
    font-style: normal;
    font-display: swap;
    font-weight: 500;
}
@font-face {
    font-family: 'commissioner';
    src: url(./Fonts/Commissioner/Commissioner-Regular.woff2);
    font-style: normal;
    font-display: swap;
    font-weight: 400;
}
@font-face {
    font-family: 'commissioner';
    src: url(./Fonts/Commissioner/Commissioner-SemiBold.woff2);
    font-style: normal;
    font-display: swap;
    font-weight: 600;
}
@font-face {
    font-family: 'lato';
    src: url(./Fonts/Lato/Lato-Bold.ttf);
    font-style: normal;
    font-display: swap;
    font-weight: 700;
}
@font-face {
    font-family: 'lato';
    src: url(./Fonts/Lato/Lato-Regular.ttf);
    font-style: normal;
    font-display: swap;
    font-weight: 400;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v23/S6u_w4BMUTPHjxsI5wq_FQft1dw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v23/S6u_w4BMUTPHjxsI5wq_Gwft.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh50XSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'lora';
    src: url(./Fonts/Lora/Lora-Bold.woff2);
    font-style: normal;
    font-display: swap;
    font-weight: 700;
}
@font-face {
    font-family: 'lora';
    src: url(./Fonts/Lora/Lora-BoldItalic.woff2);
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'lora';
    src: url(./Fonts/Lora/Lora-Italic.woff2);
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'lora';
    src: url(./Fonts/Lora/Lora-Medium.woff2);
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'lora';
    src: url(./Fonts/Lora/Lora-MediumItalic.woff2);
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'lora';
    src: url(./Fonts/Lora/Lora-Regular.woff2);
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'lora';
    src: url(./Fonts/Lora/Lora-SemiBold.woff2);
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'lora';
    src: url(./Fonts/Lora/Lora-SemiBoldItalic.woff2);
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
:root { 
    --bs-primary: #43BC75;
    --bs-secondary: #ED4B4B;
    /* --bs-primary: #4169e1;
    --bs-secondary: #fcba03; */
    --bs-body-bg-color: #FEF7F4;
    --bs-heading-font-1: 'commissioner';
    --bs-heading-font-2: 'lora';
    --bs-paragraph-font: 'lato';
    --bs-heading-text-color: #263B5C;
    --bs-paragraph-text-color: #777777;    
}
/* Headings */
h1{
    font-size: 38px;
    line-height: 52px;
    font-weight: 700;
    font-family: var(--bs-heading-font-1);
    color: var(--bs-heading-text-color);
}
h2{
    font-size: 35px;
    line-height: 45px;
    font-weight: 700;
    font-family: var(--bs-heading-font-1);
    color: var(--bs-heading-text-color);
}
h3{
    font-size: 25px;
    line-height: 34px;
    font-weight: 700;
    font-family: var(--bs-heading-font-1);
    color: var(--bs-heading-text-color);
}
h4{
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    font-family: var(--bs-heading-font-1);
    color: var(--bs-heading-text-color);
}
h5{
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    font-family: var(--bs-heading-font-1);
    color: var(--bs-heading-text-color);
}
h6{
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    font-family: var(--bs-heading-font-1);
    color: var(--bs-heading-text-color);
}
p{
    font-size: 16px;
    line-height: 26px;
    font-family: var(--bs-paragraph-font);
    color: var(--bs-paragraph-text-color);
    font-weight: 400;
    margin-bottom: 0;
}

/* /* Pre-Loader 
#loader{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: white;
}
#loader .circle{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transform: rotate(360deg);
    border: 6px solid var(--bs-secondary);
    border-top-color: var(--bs-heading-text-color);
    animation: rotate 1s linear;
} */
@keyframes rotate{
    0%{
        transform: rotate(0deg);
    }
}
/* Buttons */
.btn.btn-small{
    max-width: 150px;
    width: 100%;
    height: 50px;
    font-size: 16px;
}
.btn{
    width: 174px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    font-size: 17px;
    box-shadow: unset;
    color: white;
}
.btn:hover, .btn:active, .btn:focus, .btn:active:focus{
    box-shadow: none;
}
.btn-primary{
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
    border-radius: 9999px;
}
.btn.br-0{
    border-radius: 0;
}
.btn.br-4{
    border-radius: 4px;
}
.btn.br-6{
    border-radius: 6px;
}
.btn.br-8{
    border-radius: 8px;
}
.btn svg{
    width: 12px;
    height: auto;
    margin-right: 6px;
}
.btn svg path{
    fill: white;
}
.btn-primary.br-0 svg{
    width: 18px;
    margin-right: 10px;
}
.btn-primary.btn-small svg{
    width: 15px;
    margin-right: 8px;
}
.btn-primary.btn-mini svg{
    width: 10px;
    margin-right: 6px;
}
.btn-primary:hover svg path, .btn-primary:active svg path, .btn-primary:focus svg path{
    fill: var(--bs-primary);
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
    border-color: var(--bs-primary);
    background-color: white;
    color: var(--bs-primary);
}
.btn-secondary{
    background-color: var(--bs-secondary);
    border: 1px solid var(--bs-secondary);
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus{
    background-color: white;
    color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.btn.btn-mini{
    width: 135px;
    height: 45px;
    font-size: 14px;
    font-weight: 600;
}
.btn-outline-primary{
    font-weight: 600;
    background-color: white;
    color: var(--bs-primary);
    border: 6px double var(--bs-primary);
    box-shadow: inset 0 0 0 0px var(--bs-primary);
    transition: .3s all ease;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus{
    transition: .5s all ease;
    background-color: var(--bs-primary);
    color: white;
    border-color: white;
    box-shadow: inset 0 0 0 50px var(--bs-primary);
}
/* Scroll to Top */
.scroll-top{
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    border-radius: 50%;
    border: unset;
    box-shadow: 3px 3px 3px 1px rgb(237 75 75 /0.25);
    transition: .5s all ease;
    overflow: hidden;
}
.scroll-top:hover, .scroll-top:focus, .scroll-top:active:focus{
    background-color: var(--bs-secondary);
    box-shadow: -3px -3px 3px 1px rgb(67 188 117 / 25%);
    color: white;
    /* box-shadow: unset; */
    /* border-radius: 0%; */
    /* animation: sizeradius .7s infinite alternate; */
}
@keyframes sizeradius{
    0%{
        border-radius: 50%;
    }
    100%{
        border-radius: 0%;
    }
}
.line-circle{
    border-radius: 50%;
}
/* Container */
.container{
    max-width: 1140px;
}
/* Headers */
.header1 .nav-sticky.navigation-sticky.sticky, .header2 .nav-sticky.navigation-sticky.sticky{
    box-shadow: 0px -10px 17px var(--bs-heading-text-color);
    position: fixed;
    top: 0;
    animation: .5s top-slide ease;
}
.header3 .nav-sticky.navigation-sticky.sticky{
    box-shadow: 0px -10px 17px var(--bs-heading-text-color);
}
@keyframes top-slide{
    0%{
        top: -90px;
    }
}
.header.active{
    display: block;
}
.dnone, .header {
    display: none;
}
.navbar.navbar-expand-lg{
    padding: 0;
}
.header1 .navbar-brand{
    background-color: var(--bs-heading-text-color);
}
.header1 .navbar-brand .cls-1{
    fill: var(--bs-secondary);
}
.header2 .navbar-brand .cls-2{
    fill: black;
}
.navbar-brand{
    display: inline-block;
    padding: 22px 0;
    padding-right: 35px;
    margin: 0;
}
.header2 .navbar-brand, .header2 .search-wrapper{
    padding-top: 49px;
    padding-bottom: 20px;
}
.header2 .navbar-nav .nav-link{
    padding: 64px 0 34px;
}
.navbar-brand svg{
    max-width: 200px;
    height: 45px;
}
.header-area{
    width: 100%;
}
.header-area .header-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-area .header-bottom{
    display: flex;
}
.header-area .header-top, .header-area .header-bottom{
    padding-left: 35px;
}
.search-wrapper{
    display: flex;
    align-items: center;
}
.search-wrapper .search svg{
    width: 12px;
    height: auto;
}
.header-area .header-top .way-1 svg{
    width: 14px;
    height: auto;
    margin-right: 7px;
}
.header-area .header-top .way-1 a{
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: var(--bs-paragraph-text-color);
    font-family: var(--bs-paragraph-font);
}
.header-area .header-top .way-1 a:first-child{
    margin-right: 20px;
}
.header-area .header-top .social-icons svg{
    width: auto;
    height: 16px;
}
.header-area .header-top .social-icons svg path{
    fill: var(--bs-heading-text-color);
}
.header-area .header-top .social-icons a:hover path{
    fill: var(--bs-secondary);
}
.header-area .header-top .social-icons a{
    text-decoration: none;
}
.header-area .header-top .social-icons a:nth-last-child(n+2){
    margin-right: 20px;
}
.search-wrapper .language a{
    height: 45px;
    max-width: 162px;
    font-size: 14px;
}
.search-wrapper .search, .search-wrapper .language{
    margin-left: 35px;
}
.navbar-nav{
    width: 100%;
    justify-content: space-between;
}
.navbar-nav .nav-link{
    font-size: 14px;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    color: var(--bs-heading-text-color);
}
.header3 .search-wrapper .search path{
    stroke: white;
}
.header3 .hamber-btn path{
    fill: white;
}
.navbar-nav .nav-link:hover, .navbar-nav .active .nav-link, .header-area .header-top .way-1 a:hover{
    color: var(--bs-secondary);
}
.header1 .navbar-nav .nav-link, .header-area .header-top .way-1 a{
    padding: 13px 0 15px;
    line-height: 17px;
    display: inline-block;
}
.header2 .navbar-nav .nav-link, .header3 .navbar-nav .nav-link{
    line-height: 16px;
}
.header1 .nav-sticky, .header2 .nav-sticky, .header3 .nav-sticky{
    position: relative;
    width: 100%;
    z-index: 999;
    background: white;
    transition: 0.8s ease-in-out;
}
.header3 .nav-sticky{
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1111;
    background-color: transparent;
}
.header3 .nav-sticky.navigation-sticky.sticky{
    position: fixed;
}
.header2 .nav-sticky{
    background-color: var(--bs-body-bg-color);;
}
.header3 .nav-sticky.navigation-sticky.sticky{
    transition: .3s background-color ease;
    background-color: var(--bs-heading-text-color);
}
.header1 .nav-sticky::before{
    content: "";
    position: absolute;
    height: 101%;
    width: calc(50% - 311px);
    background-color: var(--bs-heading-text-color);
}
.header1 .nav-sticky::after{
    content: "";
    position: absolute;
    background-color: var(--bs-paragraph-text-color);
    height: 1px;
    width: 100%;
    top: 45px;
    z-index: -1;
}
.navbar-nav .nav-item, .submenu-1{
    position: relative;
}
.dropdown-menu[data-bs-popper]{
    margin: 0;
}
.dropdown-menu{
    position: absolute;
    right: 0;
    padding: 0;
    top: 0;
    min-width: 200px;
    border: unset;
    border-radius: 0;
}
.navbar-nav .dropdown-menu a{
    padding: 15px 0;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--bs-heading-font-1);
    line-height: 16px;
}
.navbar-nav .dropdown-menu li:nth-last-child(n+2) > a{
    border-bottom: 1px solid #0000001A;
}
.header1 .navbar-nav .dropdown-menu li, .header3 .navbar-nav .dropdown-menu li{
    padding: 0 20px;
}
.header1 .navbar-nav .dropdown-menu a, .header3 .navbar-nav .dropdown-menu a{
    display: flex;
    align-items: center;
}
.header1 .navbar-nav .dropdown-menu a:hover, .header3 .navbar-nav .dropdown-menu a:hover{
    color: var(--bs-secondary);
    background-color: transparent;
}
.header1 .navbar-nav .dropdown-menu a::before,
.header3 .navbar-nav .dropdown-menu a::before{
    content: "";
    width: 0px;
    height: 0px !important;
    margin-right: 0px;
    background-color: transparent;
    border: none !important;
    border-top: 3px solid var(--bs-secondary) !important;
    margin-bottom: -1.5px;
    transition: .4s all ease;
}
.header1 .navbar-nav .dropdown-menu a:hover::before,
.header3 .navbar-nav .dropdown-menu a:hover::before{
    width: 10px;
    margin-right: 8px;
}
.search-wrapper .search .dropdown-menu{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
  }
.search-wrapper .search .dropdown-menu.show{
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: .2s fadesearch linear;
    opacity: 1;
    z-index: 99999;
    background-color: var(--bs-body-bg-color);;
}
@keyframes fadesearch{
    0%{
      opacity: 0;
      height: 0;
    }
  }
.search-wrapper .search .dropdown-menu.show form{
    min-width: unset;
    width: 100%;
    max-width: 600px;
    margin: 0 20px;
}
.search-wrapper .search .dropdown-menu form .close{
    border: unset;
    background: transparent;
    padding: 0;
    top: 50px;
    right: 50px;
    position: absolute;
    transform: scale(1);
    transition: .3s transform ease;
}
.search-wrapper .search .dropdown-menu form .close path{
    fill: var(--bs-secondary);
}
.search .dropdown-menu form .close:hover{
    transform: scale(1.25);
}
.search .dropdown-menu .input-group .btn-primary{
    border-radius: unset;
    background: var(--bs-secondary);
    color: #FFF;
    font-size: 16px;
    height: unset;
    width: 100px;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border: unset;
}
.search-wrapper .search .dropdown-menu.show form .input-group{
    height: 50px;
}
.search-wrapper .search .dropdown-menu.show form .input-group .form-control{
    padding: 15px 25px;
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
    box-shadow: unset;
}
.header2 .navbar-nav .dropdown-menu{
    background-color: black;
}
.header2 .navbar-nav .dropdown-menu .dropdown-item{
    color: white;
    padding-left: 25px;
    padding-right: 20px;
    text-transform: uppercase;
}
.header2 .navbar-nav .dropdown-menu .dropdown-item:hover, .header2 .navbar-nav .dropdown-menu .dropdown-item:active{
    background-color: transparent;
    color: var(--bs-primary);
}
.dropdown-item .nav-arrow{
    width: 6px;
    height: 10px;
    position: absolute;
    top: 20px;
    right: 20px;
}
.dropdown-item .nav-arrow path{
    fill: white;
}
.dropdown-item:hover .nav-arrow path{
    fill: var(--bs-primary);
}
.header2 .navbar-nav .dropdown-menu li:nth-last-child(n+2) > a{
    border-color: #FFFFFF2B;
}
.header2 .search-wrapper .language a svg{
    display: none;
}
.header3 .navbar-brand .cls-1{
    fill: var(--bs-secondary);
}
.header3 .navbar-brand .cls-2{
    fill: white;
}
.header3 .navbar-brand .cls-3{
    fill: white;   
}
.header3 .search-wrapper .language .btn-outline-primary{
    border-radius: 0;
    border-color: white;
    max-width: 135px;
    color: white;
    background-color: transparent;
    box-shadow: inset 0 0 0 0px white;
}
.header3 .search-wrapper .language .btn-outline-primary:hover{
    background-color: white;
    color: black;
    box-shadow: inset 0 0 0 50px white;
}
.header3 .search-wrapper .language .btn-outline-primary:hover path{
    fill: black;
}
.home-2 .header3 .nav-sticky.navigation-sticky:not(.sticky) .navbar-brand .cls-2{
    fill: var(--bs-heading-text-color);
}
.home-2 .header3 .nav-sticky.navigation-sticky:not(.sticky) .navbar-nav .nav-link{
    color: var(--bs-heading-text-color);
}
.home-2 .header3 .nav-sticky.navigation-sticky:not(.sticky) .navbar-nav .nav-link:hover, .home-2 .header3 .nav-sticky:not(.sticky) .navbar-nav .active .nav-link{
    color: var(--bs-secondary);
}
.home-2 .header3 .nav-sticky.navigation-sticky:not(.sticky) .search-wrapper .search path{
    stroke: var(--bs-heading-text-color);
}
.home-2 .header3 .nav-sticky.navigation-sticky:not(.sticky) .search-wrapper .language .btn-outline-primary{
    border-color: var(--bs-heading-text-color);
    color: var(--bs-heading-text-color);
    box-shadow: inset 0 0 0 0px var(--bs-heading-text-color);
}
.home-2 .header3 .nav-sticky.navigation-sticky:not(.sticky) .search-wrapper .language .btn-outline-primary:hover{
    background-color: var(--bs-heading-text-color);
    color: white;
    box-shadow: inset 0 0 0 50px var(--bs-heading-text-color);
}
.home-2 .header3 .nav-sticky.navigation-sticky:not(.sticky) .hamber-btn path{
    fill: var(--bs-heading-text-color);
}
.home-2 .header3 .nav-sticky.navigation-sticky:not(.sticky) .search-wrapper .language .btn-outline-primary path{
    fill: var(--bs-heading-text-color);
}
.home-2 .header3 .nav-sticky.navigation-sticky:not(.sticky) .search-wrapper .language .btn-outline-primary:hover path{
    fill: white;
}
/* Code Block */
/* .code-block{
    font-family: var(--heading-font);
    font-size: 22px;
    color: white;
    height: 70px;
    display: flex;
    align-items: center;
    padding-left: 40px;
    margin-top: 55px;
    margin-bottom: 65px;
    background-color: #263238;
} */
.code-block:last-child{
    margin-bottom: 0;
}
.code-block {
    background-color: #f8f9fa;
    color: #333;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    font-weight: normal;
    padding: 1rem 1.5rem;
    display: inline-block;
    width: 100%;
    overflow-x: auto;
    word-wrap: break-word;
    word-break: break-word;
    max-height: 150px;
    margin-top: 50px;
    margin-bottom: 60px;
}
.code-block::-webkit-scrollbar, .code-block .language-markup::-webkit-scrollbar{
    width: 1vh;
}
.code-block .language-markup::-webkit-scrollbar{
    height: 1vh;
}
.code-block::-webkit-scrollbar-thumb, .code-block .language-markup::-webkit-scrollbar-thumb{
    background-color: var(--bs-primary);
    border-radius: 4px;
}
.code-block::-webkit-scrollbar-track, .code-block .language-markup::-webkit-scrollbar-track{
    background-color: rgb(223, 223, 223);
    border-radius: 4px;
}
.code-block pre {
    padding: 0;
    margin-top: 0.65rem;
    margin-bottom: 0.65rem;
    white-space: pre;
    background-color: transparent;
    border: 0;
}
.code-block {
    position: relative;
    z-index: 1;
}
.code-block .clipboard {
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid #ccc;
}
.code-block .clipboard:before {
    content: "\f0ea";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    vertical-align: middle;
}
code[class*="language-"],
pre[class*="language-"] {
    color: #393a34;
    font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier,
        monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    font-size: 0.95em;
    line-height: 1.2em;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
    background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
    background: #b3d4fc;
}
code[class*="language-"],
pre[class*="language-"] {
    line-height: 1.4em;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: #c1c1c1;
}
pre[class*="language-"] {
    padding: 0;
    margin: 0;
    overflow: auto;
    border: none;
}
:not(pre) > code[class*="language-"] {
    padding: 0.2em;
    padding-top: 1px;
    padding-bottom: 1px;
    background: #f8f8f8;
    border: 1px solid #dddddd;
} 
/* Footer */
footer {
    position: relative;
    background-color: var(--bs-heading-text-color);
    padding-top: 100px;
}
footer h3 {
    color: white;
    margin-bottom: 40px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
footer .row>div:first-of-type h3 {
    font-weight: 500;
}
footer a, footer a h4{
    color: white;
    text-decoration: none;
}
footer a:hover{
    color: white;
}
footer .footer-content .col-lg-4 {
    padding-right: 42px;
}
footer .footer-content{
    justify-content: space-between;
    margin: 0;
    margin-bottom: 50px;
}
footer .footer-content .col-lg-3{
    padding: 0;
    max-width: max-content;
}
footer .footer-content .col-lg-3:first-child{
    max-width: 281px;
    width: unset;
}
footer .footer-content .col-lg-2 {
    padding: 0;
    margin-left: -42px;
    margin-right: 20px;
}
footer .quick-link,
footer .donation,
footer .subscribe {
    margin-bottom: 34px;
}
footer .text .telephone h4 {
    letter-spacing: 1px;
}
footer .text a h4 {
    margin-bottom: 0;
    font-weight: 400;
}
footer .contact {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}
footer .contact .icon {
    width: 36px;
    height: 36px;
    background-color: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}
footer .contact .icon svg {
    width: 22px;
    height: auto;
}
footer .address {
    margin-top: 26px;
    max-width: 189px;
}
footer ul li {
    list-style: none;
    padding: 0;
}
footer ul {
    padding: 0;
}
footer h5 {
    font-family: var(--bs-paragraph-font);
    color: white;
    font-weight: 400;
    opacity: .5;
    margin-bottom: 11px;
}
footer ul li h5 a:hover {
    opacity: 1;
}
footer .form-wrapper {
    width: 100%;
}
footer form {
    background-color: white;
    padding: 5px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
footer form input, footer form input.form-control {
    font-family: var(--bs-paragraph-font);
    width: 100%;
    height: 50px;
    border: none !important;
    outline: none !important;
    padding: 17px;
}
footer form input::placeholder {
    font-size: 16px;
    color: var(--bs-paragraph-text-color);
}
footer form button{
    width: 55px;
    height: 45px;
    background-color: var(--bs-primary);
    border-radius: 5px;
    border: none;
    color: white;
}
footer form button svg{
    width: 12px;
}
footer form button svg path{
    fill: white;
}
.footer-logo svg {
    width: 174px;
}
.copy-right {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 110px;
    background-color: rgba(255, 255, 255, 0.1);
}
.footer-logo {
    background-color: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 53px;
}
.footer-logo svg .cls-1{
    fill: var(--bs-secondary);
}
.footer-logo svg .cls-2{
    fill: white;
}
.copyright-text {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    text-align: center;
}
.copyright-text p {
    margin-bottom: 0;
}
.copyright-text p span .year {
    font-family: 'Commissioner';
}
.copy-right p span {
    font-size: 18px;
    letter-spacing: 0.8px;
    font-weight: 400;
    color: white;
}
.copy-right p span a {
    color: var(--bs-primary);
}
img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Elements */
.elements-img img, .home-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.elements-page, .home-page{
    padding: 100px 0;
}
.elements-page h2{
    margin-bottom: 43px;
}
.grids-block h2, .grids-block h3{
    margin-bottom: 26px !important;
}
.heading.elements-page h2 {
    margin-bottom: 0.5rem;
}
.heading.elements-page .heading-title{
    margin-bottom: 30px;
}
.page-banner{
    /* height: 405px; */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
    padding-top: 100px;
    padding-bottom: 100px;
}
.page-banner::before{
    content: "";
    position: absolute;
    background-color: black;
    opacity: .7;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.page-banner .text-center{
    position: relative;
}
.page-banner h1{
    font-size: 38px;
    margin-bottom: 22px;
    color: white;
    max-width: 1031px;
}
.page-banner p{
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: white;
}
.page-banner p a{
    color: var(--bs-secondary);
    text-decoration: none;
}
.page-banner p svg{
    width: 9px;
    height: 7px;
    transform: rotate(90deg);
    margin: 0 7px;
}
.page-banner p svg path{
    fill: white;
}
.heading-block .heading-title{
    font-weight: 700;
}
/* Buttons */
.button1, .button2, .button3, .button4{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
/* Accordion */
.accordion1 .content{
    padding: 28px 40px;
    border: 1px solid #00000059;
    border-radius: 5px;
}
.accordion1 .content:nth-last-child(n+2){
    margin-bottom: 35px;
}
.accordion1 .main-content .icon, .accordion2 .main-content .icon{
    text-decoration: none;
    color: var(--bs-heading-text-color);
    font-size: var(--bs-heading-font-1);
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.accordion1 .main-content .icon div{
    min-width: 21px;
    height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black;
    border-radius: 50%;
}
.accordion1 .main-content .icon h4, .accordion2 .main-content .icon h3{
    margin: 0;
}
.accordion1 .main-content .icon svg{
    width: 9px;
    height: auto;
}
.accordion1 .sub-content .card-body, .accordion2 .sub-content .card-body{
    padding: 0;
    border: unset;
    margin-top: 22px;
    font-size: 16px;
    font-family: var(--bs-paragraph-font);
}
.accordion2 .content{
    padding: 40px 0 44px;
}
.accordion2 .main-content .icon h3{
    max-width: 990px;
}
.accordion2 .main-content .icon div{
    min-width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--bs-secondary);
    background-color: var(--bs-body-bg-color);;
    border-radius: 50%;
    margin-top: 6px;
}
.accordion2 .main-content .icon svg{
    width: 8px;
    height: 9px;
}
.accordion2 .main-content .icon svg path{
    fill: var(--bs-secondary);
}
.accordion2 .main-content .icon{
    align-items: flex-start;
}
.accordion2 .sub-content .card-body{
    margin-top: 0px;
    padding-top: 28px;
    padding-right: 5px;
}
.accordion2 .content{
    border-top: 1px solid #00000059;
}
.accordion2 .content:last-child{
    border-bottom: 1px solid #00000059;
}
/* Alerts */
.alert-area{
    min-height: 120px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bs-body-bg-color);;
}
.alert-area:nth-last-child(n+2){
    margin-bottom: 28px;
}
.alert1 .alert-area{
    padding: 15px;
    padding-right: 37px;
}
.alert-area h3{
    margin: 0;
    display: flex;
    align-items: center;
}
.alert-area .close{
    padding: 0;
    box-shadow: unset;
    border: unset;
    background: transparent;
}
.alert-area h3 i{
    min-width: 40px;
    height: 40px;
    margin-right: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: var(--bs-secondary);
    border-radius: 50%;
    font-size: 16px;

}
.alert1 h3{
    padding: 25px 0;
    padding-left: 40px;
    border-left: 6px solid var(--bs-secondary);
}
.alert2 .alert-area{
    border-bottom: 4px solid var(--bs-secondary);
    padding: 15px 37px 15px 50px;
}
.alert3 .alert-area{
    padding-right: 37px;
}
.alert3 .alert-area i{
    min-width: 120px;
    height: 120px;
    border-radius: 0;
    margin-right: 50px;
    font-size: 32px;
    position: relative;
    z-index: 2;
}
.alert3 .alert-area h3{
    height: 100%;
    position: relative;
}
.alert3 .alert-area h3::before{
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    background-color: var(--bs-secondary);
    height: 100%;
    width: 120px;
    z-index: 1;
}
/* Audio & Video */
.video1{
    padding-right: 162px;
    position: relative;
}
.video1 .img-wrapper{
    width: 100%;
    height: 530px;
    position: relative;
}
.video1 .img-wrapper::before,.video2 .img-wrapper::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .45;
}
.video1 .play-icon{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-decoration: none;
}
.play-icon:hover{
    color: var(--bs-secondary);
}
.play-icon{
    font-size: 18px;
    color: var(--bs-secondary);
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    display: flex;
    align-items: center;
}
.play-icon span{
    margin-left: 20px;
}
.play-icon .svg-wrapper{
    width: 86px;
    height: 86px;
    background-color: var(--bs-secondary);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: .4s all ease;
    box-shadow: 0px 0px 0px 0px var(--bs-secondary);
}
.play-icon .svg-wrapper svg{
    width: auto;
    height: 35px;
}
.play-icon .svg-wrapper svg path{
    fill: white;
    transition: .4s all ease;
}
.play-icon .svg-wrapper:hover{
    background-color: white;
    box-shadow: 4px 0px 18px 0px var(--bs-secondary);
}
.play-icon .svg-wrapper:hover svg path{
    fill: var(--bs-secondary);
}
.video2 .img-wrapper, .video2{
    position: relative;
}
.video2{
    height: 580px;
}
.video2 .img-wrapper{
    height: 100%;
}
.video2 .play-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video3{
    max-width: 560px;
    margin: auto;
    height: 660px;
    position: relative;
    overflow: hidden;
}
.video3 .img-wrapper1, .video3 .img-wrapper2{
    max-width: 450px;
    height: 506px;
}
.video3 .img-wrapper1{
    padding-right: 50px;
    position: relative;
    z-index: 1;
}
.video3 .img-wrapper2{
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 50px;
    z-index: 1;
}
.video3 .heart-icon{
    width: 100px;
    height: 100px;
    background-color: var(--bs-primary);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
}
.video3 .heart-icon svg{
    width: auto;
    height: 33px;
}
.video3 .heart-icon svg path{
    fill: white;
}
.video3 .svg-cross-line{
    position: absolute;
    bottom: 28px;
    left: 40px;
    z-index: 0;
}
.video3 .svg-cross-line path{
    stroke: var(--bs-primary);
}
.video3 .play-icon{
    position: absolute;
}
.audio-block .code-block{
    margin-bottom: 65px;
}
/* Blockquotes */
.blockquote1 h4, .blockquote2 h4{
    margin: 0;
}
.blockquote1{
    background-color: #FEF7F5;
    padding: 40px 63px;
    display: flex;
    align-items: center;
}
.blockquote1 svg{
    min-width: 50px;
    max-width: 50px;
    width: 100%;
    height: auto;
    margin-right: 30px;
}
.blockquote1 svg path, .blockquote2 svg path{
    fill: var(--bs-secondary);
}
.blockquote2{
    display: flex;
    padding-left: 40px;
    border-left: 5px solid var(--bs-secondary);
    align-items: start;
}
.blockquote2 svg{
    min-width: 30px;
    max-width: 30px;
    width: 100%;
    height: auto;
    margin-right: 17px;
}
/* Blog */
.blog .container{
    padding: 0 15px;
}
.blog .container .row{
    margin: 0 -15px;
}
.blog .container .row .col-lg-4{
    padding: 0 15px;
}
.blog1 .blog-thumbnail .img-wrapper{
    height: 280px;
    display: inline-block;
    width: 100%;
    /* margin-bottom: 20px; */
    overflow: hidden;
}
.blog1 .blog-thumbnail{
    height: 280px;
    margin-bottom: 15px;
}
.blog1 .blog-thumbnail .img-wrapper img{
    transform: scale(1);
    transition: .4s transform ease;
}
.blog1 .blog-thumbnail .img-wrapper:hover img{
    transform: scale(1.1);
}
.blog1 .blog-content span{
    font-weight: 500;
    color: var(--bs-secondary);
    line-height: 17px;
    margin-bottom: 10px;
    font-family: var(--bs-heading-font-1);
    font-size: 14px;
    display: inline-block;
}
.blog1 .blog-content h4 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.blog1 .blog-content h4:hover a{
    color: var(--bs-secondary);
}
.blog1 .blog-content h4{
    margin-bottom: 16px;
}
.blog1 .blog-content p{
    margin-bottom: 18px;
}
.blog1 .blog-content .read{
    font-family: var(--bs-heading-font-1);
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--bs-primary);
    line-height: 19px;
}
.blog1 .blog-content .read::before{
    content: "";
    width: 15px;
    height: 3px;
    margin-right: 6px;
    background-color: var(--bs-primary);
}
.blog2 .img-wrapper{
    display: block;
    height: 235px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.blog2 .img-wrapper img{
    transform: scale(1);
    transition: .4s transform ease;
}
.blog2 .img-wrapper:hover img{
    transform: scale(1.1);
}
.blog2 .img-wrapper .publish{
    position: absolute;
    top: 30px;
    left: 30px;
    padding: 9px 15px;
    background-color: var(--bs-primary);
    border-radius: 999px;
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    color: white;
    font-size: 14px;
    line-height: 17px;
}
.blog2 .blog-content{
    padding: 25px 20px 30px;
    background-color: #F2F2F2;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.blog2 .blog-content h4{
    margin-bottom: 32px;
}
.blog2 .blog-content h4 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.blog2 .blog-content h4:hover a{
    color: var(--bs-secondary);
}
.horizontal-line{
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 1px;
    background-color: #00000033;
}
.horizontal-line::before{
    content: "";
    width: 45px;
    height: 3px;
    background-color: var(--bs-heading-text-color);
}
.blog3 .img-wrapper{
    height: 260px;
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}
.blog3 .img-wrapper img{
    transform: scale(1);
    transition: .4s transform ease;
}
.blog3 .img-wrapper:hover img{
    transform: scale(1.1);
}
.blog3 .publish{
    font-size: 14px;
    font-family: var(--bs-paragraph-font);
    line-height: 17px;
    padding: 11px 12px;
    background-color: var(--bs-primary);
    color: white;
    border-radius: 0 100px 100px 0;
    position: absolute;
    bottom: 95px;
    left: 0;
}
.blog3 .blog-content{
    padding: 23px 20px 28px;
    border: 1px solid #00000040;
    border-top: unset;
}
.blog3 .read-more{
    padding: 25px 15px;
    border: 1px solid #00000040;
    border-top: unset;
    text-align: center;
}
.blog3 .read-more a{
    font-size: 18px;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    text-decoration: none;
    color: var(--bs-primary);
    text-transform: uppercase;
}
.blog3 .blog-content h4{
    margin-bottom: 18px;
}
.blog3 .blog-content h4 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.blog3 .blog-content h4:hover a{
    color: var(--bs-primary);
}
.blog4 .img-wrapper{
    min-height: 420px;
    height: 100%;
    display: block;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
}
.blog4 .img-wrapper img{
    transform: scale(1);
    transition: .4s transform ease;
}
.blog4 .img-wrapper:hover img{
    transform: scale(1.1);
}
.blog4 .blog-content{
    background-color: var(--bs-body-bg-color);
    padding: 50px;
    border-radius: 0 8px 8px 0;
}
.blog4 .blog-content .publish{
    display: inline-block;
    font-size: 16px;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    line-height: 19px;
    margin-bottom: 16px;
    color: var(--bs-secondary);
}
.blog4 .blog-content h3{
    margin-bottom: 25px;
}
.blog4 .blog-content h3 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.blog4 .blog-content h3:hover a{
    color: var(--bs-secondary);
}
.blog4 .blog-content p{
    margin-bottom: 42px;
}
.blog4 .blog-content .horizontal-line{
    margin-bottom: 35px;
}
.blog4 .row{
    margin: 0 !important;
}
.blog4 .row .col-md-6{
    padding: 0;
}
.blog4 .row .col-md-6:first-child{
    width: 43.1%;
}
.blog4 .row .col-md-6:last-child{
    width: calc( 100% - 43.1%);
}
.blog5 .img-wrapper{
    height: 580px;
    overflow: hidden;
    margin-bottom: 32px;
    display: block;
}
.blog5 .img-wrapper img{
    transform: scale(1);
    transition: .4s transform ease;
}
.blog5 .img-wrapper:hover img{
    transform: scale(1.1);
}
.blog5 .publish{
    color: var(--bs-secondary);
    display: inline-block;
    font-size: 16px;
    line-height: 19px;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    margin-bottom: 20px;
}
.blog5 .publish .inner-text{
    color: var(--bs-paragraph-text-color);
    margin-left: 26px;
    text-transform: capitalize;
}
.blog5 h3{
    margin-bottom: 22px;
}
.blog5 h3 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.blog5 h3:hover a{
    color: var(--bs-secondary);
}
.blog5 p{
    margin-bottom: 34px;
}
.blog5 .blog-content{
    max-width: 980px;
}
/* Carousels */
.carousel1 .item, .carousel2 .item{
    height: 100px;
    border: 1px solid #00000040;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.carousel2 .item{
    border-radius: 0;
    border-left: 6px solid var(--bs-primary);
}
.carousel1 .item img, .carousel2 .item img{
    width: auto !important;
    height: 40px;
}
.dots1 .owl-dots{
    height: 12px;
}
.dots1 .owl-dots, .dots2 .owl-dots{
    display: flex;
    justify-content: center;
    margin-top: 70px !important;
}
.carousel2.dots2 .owl-dots{
    margin-top: 80px !important;
}
.dots1 .owl-theme .owl-dots .owl-dot span, .dots2 .owl-theme .owl-dots .owl-dot span{
    width: 8px;
    height: 8px;
    margin: 0 6px;
    background-color: var(--bs-primary) !important;
    opacity: .7;
    transition: .4s all ease;
}
.dots1 .owl-theme .owl-dots .owl-dot.active span, .dots2 .owl-theme .owl-dots .owl-dot.active span{
    width: 12px;
    height: 12px;
    opacity: 1;
}
.dots2 .owl-theme .owl-dots .owl-dot.active span{
    height: 8px;
    width: 20px;
}
.carousel3{
    max-width: 950px;
    margin: auto;
}
.carousel3.dots2 .owl-dots{
    margin-top: 50px !important;
}
.carousel3 .item{
    padding-top: 43px;
}
.carousel3 .content-wrapper{
    background-color: var(--bs-body-bg-color);
    text-align: center;
    padding: 0 24px 30px;
}
.carousel3 .content-wrapper .svg-wrapper{
    width: 80px;
    height: 80px;
    margin-bottom: 22px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 10px #0000001F;
    border-radius: 50%;
    background-color: white;
    margin-top: -40px;
}
.carousel3 .svg-wrapper svg{
    width: auto;
    height: 36px;
}
.carousel3 .svg-wrapper svg path{
    fill: var(--bs-secondary);
    stroke: var(--bs-secondary);
}
.carousel3 .content-wrapper h4{
    margin-bottom: 18px;
}
.carousel4 .content-wrapper span{
    font-size: 18px;
    line-height: 22px;
    font-family: var(--bs-heading-font-1);
    margin-bottom: 24px;
    color: var(--bs-secondary);
    font-weight: 600;
    display: block;
}
.carousel4 .content-wrapper h1{
    font-family: var(--bs-heading-font-2);
    margin: 0;
}
.carousel4 .item .img-wrapper img{
    width: auto;
    height: 40px;
}
.carousel4 .item .img-wrapper{
    height: 100px;
    border: 1px solid #00000040;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.carousel4 .item .img-wrapper:nth-last-child(n+2){
    margin-bottom: 50px;
}
.carousel4 .row{
    justify-content: space-between;
}
.carousel4 .row .col-md-6:first-child{
    max-width: 348px;
    width: 100%;
}
.carousel4 .row .col-md-6:last-child{
    max-width: 554px;
    width: 100%;
}
.carousel4 .owl-carousel, .carousel6 .owl-carousel{
    position: unset;
}
.carousel4, .carousel6{
    position: relative;
}
.carousel4 .owl-theme .owl-nav, .carousel6 .owl-theme .owl-nav{
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 150px;
    display: flex;
    justify-content: space-between;
}
.carousel4 .owl-theme .owl-nav button, .carousel6 .owl-theme .owl-nav button{
    width: 45px;
    height: 45px;
    border: 2px solid black !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    border-radius: 50%;
}
.carousel4 .owl-theme .owl-nav button svg, .carousel6 .owl-theme .owl-nav button svg{
    width: 11px;
    height: 18px;
}
.carousel4 .owl-theme .owl-nav button:hover svg path, .carousel6 .owl-theme .owl-nav button:hover svg path{
    fill: white;
}
.carousel4 .owl-nav button:hover, .carousel6 .owl-nav button:hover{
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
}
.carousel5 .message-wrapper{
    padding: 13px 0 13px 34px;
    position: relative;
    margin-bottom: 25px;
    line-height: 28px;
    font-size: 18px;
}
.carousel5 .message-wrapper::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background-color: var(--bs-primary);
    border-radius: 999px;
}
.carousel5 .divider-wrapper{
    padding-left: 34px;
    display: flex;
    align-items: center;
}
.carousel5 .divider-wrapper .left-img{
    overflow: hidden;
    width: 70px;
    border-radius: 50%;
    margin-right: 20px;
}
.carousel5 .divider-wrapper .left-img img{
    width: 70px;
    height: 70px;
    border: 4px solid white;
    border-radius: 50%;
    transform: scale(1.06)
}
.carousel5 .divider-wrapper .right-img h4{
    color: var(--bs-primary);
    line-height: 22px;
    margin-bottom: 14px;
    font-weight: 400;
}
.carousel5 .divider-wrapper .right-img p{
    line-height: 19px;
}
.carousel6 .row .col-md-6:first-child{
    position: relative;
}
.carousel6 .row .col-md-6:last-child{
    display: flex;
    align-items: flex-end;
}
.carousel6 .content-wrapper{
    padding: 38px 32px;
    background-color: var(--bs-body-bg-color);
    z-index: -1;
}
.carousel6 .content-wrapper .message{
    font-family: var(--bs-heading-font-1);
    font-weight: 400;
    margin-bottom: 35px;
    line-height: 30px;
    font-size: 18px;
}
.carousel6 .content-wrapper .horizontal-line{
    margin-bottom: 20px;
}
.carousel6 .content-wrapper h4{
    line-height: 22px;
    color: var(--bs-secondary);
    margin-bottom: 12px;
}
.carousel6 .owl-theme .owl-nav{
    width: 300px;
    left: 0;
    right: 0;
    margin: auto;
    position: relative;
    margin-top: 20px;
}
.carousel6.dots1 .owl-dots{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    width: 100px;
    margin: auto !important;
}
.carousel6.dots1 .owl-theme .owl-dots .owl-dot span{
    background-color: var(--bs-secondary) !important;
}
.carousel6 .img-block{
    position: relative;
    padding: 60px 0px 50px 50px;
}
.carousel6 .img-block img {
    height: 550px;
    border-radius: 10px;
}
.carousel6 .img-block .green-circle{
    position: absolute;
    top: 0;
    right: -60px;
    z-index: -1;
    width: 160px;
    height: 160px;
}
.carousel6 .img-block .green-circle rect{
    fill: var(--bs-primary);
}
.carousel6 .img-block .line-circle{
    position: absolute;
    border-radius: 50%;
    bottom: 0;
    left: 0;
    transform: rotate(45deg);
    max-width: 230px;
    height: 230px;
    z-index: -1;
}
.carousel6 .img-block .line-circle path {
    stroke-width: 5px;
}
.carousel7{
    max-width: 950px;
    margin: auto;
}
.carousel7 .content-block{
    padding: 0 18px;
}
.carousel7 .content-wrapper1{
    border: 2px solid var(--bs-primary);
    padding: 9px;
    position: relative;
    margin-bottom: 32px;
}
.carousel7 .content-wrapper2{
    min-height: 394px;
    padding: 30px 32px;
    display: flex;
    align-items: center;
    text-align: center;
    background-color: var(--bs-primary);
}
.carousel7 .content-wrapper2 p{
    font-size: 18px;
    font-family: var(--bs-heading-font-1);
    line-height: 30px;
    color: white;
}
.carousel7 .quotes{
    width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 50%;
}
.carousel7 .quotes.quote1{
    position: absolute;
    left: -18px;
    top: 133px;
}
.carousel7 .quotes.quote2{
    position: absolute;
    right: -18px;
    bottom: 133px;
}
.carousel7 .quotes.quote2 svg{
    transform: rotate(180deg);
}
.carousel7 .quotes svg{
    width: auto;
    height: 17px;
}
.carousel7 .quotes svg path{
    fill: var(--bs-secondary);
}
.carousel7 .divider-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}
.carousel7 .divider-wrapper .left-img{
    width: 52px;
    /* height: 52px; */
    /* border: 2px solid var(--bs-primary); */
    overflow: hidden;
    border-radius: 50%;
    /* margin-right: 16px; */
}
.carousel7 .divider-wrapper .img-wrapper{
    border: 2px solid var(--bs-primary);
    margin-right: 16px;
    border-radius: 50%;
}
.carousel7 .divider-wrapper .right-content h4{
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 10px;
}
.carousel7 .divider-wrapper .right-content p{
    line-height: 19px;
}
/* Dividers */
.dividers-block p{
    font-size: 20px;
    line-height: 24px;
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    margin-bottom: 20px;
    color: var(--bs-heading-text-color);
}
.divider1 .solid{
    border-bottom: 1px solid #263238;
}
.divider2 .dashed{
    border-bottom: 2px dashed #263238;
}
.divider3 .rounded{
    border-bottom: 6px solid #263238;
    border-radius: 10px;
}
.divider4 .dotted{
    border-bottom: 4px dotted #263238;
}
/* Drop Caps */
.dropcaps1 p::first-letter{
    color: var(--bs-secondary);
    float: left;
    font-family: var(--bs-heading-font-1);
    font-size: 50px;
    font-weight: 700;
    padding-top: 11px;
    padding-right: 5px;
}
.dropcaps2 p::first-letter{
    background-color: var(--bs-secondary);
    color: white;
    float: left;
    font-family: var(--bs-heading-font-1);
    font-size: 32px;
    font-weight: 700;
    border-radius: 3px;
    padding: 12px 16px;
    margin: 0 13px;
    margin-left: 0;
    margin-top: 2px;
}
/* Grids */
.grids-block h3{
    margin-bottom: 43px;
    font-size: 35px;
    line-height: 45px;
    font-weight: 700;
}
/* Highlights */
.highlight1 span{
    color: var(--bs-heading-text-color);
    font-weight: 700;
}
.highlight2 span{
    color: white;
    background-color: var(--bs-heading-text-color);
}
/* Form */
.form1{
    max-width: 530px;
    margin: auto;
}
.form1 .form-control:focus, .form1 .form-select:focus, .form2 .form-control:focus, .form2 .form-select:focus{
    box-shadow: unset;
}
.form1 .form-control, .form1 .form-select, .form2 .form-control, .form2 .form-select{
    font-family: var(--bs-paragraph-font);
    font-size: 14px;
    line-height: 17px;
    padding: 21px 26px;
    color: var(--bs-paragraph-text-color);
    border: 1px solid #00000040;
    border-radius: 0;
    font-weight: 400;
}
.form1 .form-select, .form2 .form-select{
    background-image: unset;
}
.form1 .col-md-12:nth-last-child(n+2){
    margin-bottom: 25px;
    position: relative;
}
.form1 textarea{
    height: 140px;
}
.form1 button{
    margin-top: 50px;
}
.form1 svg, .form2 svg{
    width: 8px;
    height: 14px;
    position: absolute;
    top: 25px;
    transform: rotate(90deg);
    right: 40px;
}
.form1 svg path, .form2 svg path{
    fill: var(--bs-paragraph-text-color);
}
.form2{
    max-width: 790px;
    margin: auto;
    padding: 70px 60px;
    background-color: var(--bs-body-bg-color);
}
.form2 .col-md-6{
    margin-bottom: 22px;
    position: relative;
}
.form2 textarea{
    height: 120px;
}
.form2 button{
    margin-top: 42px;
}
/* Tooltips */
.tooltips1{
    color: var(--bs-secondary);
    font-size: 16px;
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    line-height: 19px;
}
.tooltip{
    z-index: 10;
    opacity: 1 !important;
}
.tooltip-2 .tooltip-inner{
    border-radius: 999px;
}
.tooltip-1 .tooltip-inner, .tooltip-2 .tooltip-inner{
    padding: 13px 26px;
    background-color: var(--bs-secondary);
}
.bs-tooltip-top .tooltip-arrow::before{
    border-top-color: var(--bs-secondary);
}
.bs-tooltip-end .tooltip-arrow::before{
    border-right-color: var(--bs-secondary);
}
.bs-tooltip-start .tooltip-arrow::before{
    border-left-color: var(--bs-secondary);
}
.bs-tooltip-bottom .tooltip-arrow::before{
    border-bottom-color: var(--bs-secondary);
}
/* Icons */
.icons-block .icon1{
    display: flex;
    flex-wrap: wrap;
}
.icons-block .svg-wrapper{
    margin-right: 67px;
    margin-bottom: 63px;
}
.icons-block .svg-wrapper path, .icons-block .svg-wrapper rect{
    fill: white;
}
.icons-block .svg-wrapper path.cls-1{
    stroke: white;
}
.icons-block .svg-wrapper.diff-clr path{
    fill: transparent;
}
.icons-block .svg-wrapper{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: var(--bs-heading-text-color);
    display: flex;
    justify-content: center;
    align-items: center;
}
.icons-block .svg-wrapper:nth-child(8n){
    margin-right: 0px;
}
.icons-block .svg-wrapper:nth-last-child(-n+4){
    margin-bottom: 0;
}
.icons-block .svg-wrapper svg{
    height: 25px;
    width: 25px;
}
.protection-icon {
    overflow: visible;
}
.protection-icon path {
    stroke-width: 1.5px;
}
.education-icon path {
    stroke-width: 0px;
}
.fundraise-icon path {
    stroke-width: 1px;
}
/* Images */
.images-block .row{
    justify-content: space-between;
}
.images-block .row .col-lg-4{
    padding: 0 15px;
    width: 330px;
}
.images-block .row .col-lg-4:nth-child(2) .img-wrapper{
    overflow: hidden;
    border-radius: 10px;
}
.images-block .row .col-lg-4:last-child .img-wrapper{
    overflow: hidden;
    border-radius: 150px;
}
/* Map */
.map-block p{
    height: 600px;
}
.map-block p iframe{
    width: 100%;
    height: 100%;
}
/* List */
.list1 li, .list2 li, .list3 li{
    display: flex;
}
.list1 li:nth-last-child(n+2), .list2 li:nth-last-child(n+2), .list3 li:nth-last-child(n+2){
    margin-bottom: 20px;
}
.list1 .svg-wrapper svg{
    width: 18px;
    height: 18px;
    margin-right: 14px;
}
.list1 .svg-wrapper svg path{
    fill: var(--bs-secondary);
}
.list2 .svg-wrapper svg{
    width: 16px;
    height: 14px;
    margin-right: 14px;
}
.list2 .svg-wrapper svg .cls-1{
    fill: var(--bs-secondary);
}
.list2 p{
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    color: black;
}
.list3 .svg-wrapper{
    min-width: 12px;
    height: 12px;
    background-color: var(--bs-secondary);
    margin-right: 20px;
    margin-top: 7px;
}
/* Princing */
.pricing-area.diff-pricing-area{
    background-color: var(--bs-body-bg-color);
}
.pricing-wrapper .pricing-area{
    padding: 62px 0 30px 0;
    border: 1px solid #00000040;
    border-radius: 6px;
    text-align: center;
    position: relative;
    margin-top: 17px;
}
.pricing-wrapper .btn-primary{
    margin: auto;
    border: 6px double white;
    box-shadow: inset 0 0 0 0px white;
    transition: .3s all ease;
}
.pricing-wrapper .btn-primary:hover{
    transition: .5s all ease;
    border-color: var(--bs-primary);
    box-shadow: inset 0 0 0 50px white;
}
.pricing-wrapper .categories{
    min-width: 120px;
    min-height: 35px;
    padding: 9px 15px;
    background-color: var(--bs-secondary);
    color: white;
    font-size: 14px;
    line-height: 17px;
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
}
.pricing-wrapper .price-tag p{
    display: flex;
    justify-content: center;
}
.pricing-wrapper .price-tag .dollar{
    font-family: var(--bs-paragraph-font);
    font-size: 38px;
    line-height: 46px;
    font-weight: 400;
    color: black;
    margin-top: 11px;
}
.pricing-wrapper .price-tag .amount{
    font-size: 76px;
    line-height: 90px;
    font-family: var(--bs-heading-font-1);
    font-weight: 400;
    color: black;
}
.pricing-wrapper .price-tag .period{
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    display: inline-flex;
    align-items: flex-end;
    margin-bottom: 7px;
    margin-left: -7px;
}
.pricing-wrapper .price-tag{
    padding-bottom: 34px;
    border-bottom: 1px solid #00000033;
}
.pricing-wrapper ul{
    margin-bottom: 30px;
}
.pricing-wrapper ul li{
    padding: 20px 0 22px 0;
    border-bottom: 1px solid #00000033;
}
.pricing2 .price-content{
    padding-bottom: 30px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 0px 15px -3px #00000021;
}
.pricing2 .diff-price-content{
    border-color: var(--bs-secondary);
}
.pricing2 .user-categories, .pricing2 .price-tag{
    padding: 20px 15px;
    background-color: var(--bs-primary);
    text-align: center;
} 
.pricing2 .diff-price-content .price-tag, .pricing2 .diff-price-content .user-categories{
    background-color: var(--bs-secondary);
}
.pricing2 .price-tag{
    border-radius: 0 0 0 0;
    transition: .4s border-radius ease;
}
.pricing2 .price-content:hover .price-tag{
    border-radius: 0 0 100px 100px;
}
.pricing2 .user-categories{
    border-bottom: 1px solid white;
}
.pricing2 .user-categories span{
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px;
    display: inline-block;
    color: white;
}
.pricing2 .user-categories p{
    font-size: 16px;
    line-height: 19px;
    font-family: var(--bs-heading-font-2);
    color: white;
}
.pricing2 .price-tag p{
    font-family: var(--bs-heading-font-2);
    font-weight: 700;
    font-size: 45px;
    line-height: 50px;
    color: white;
}
.pricing2 .price-tag p span{
    font-size: 19px;
    line-height: 22px;
}
.pricing2 .list-unstyled{
    padding: 40px 25px;
    margin-bottom: 0;
    text-align: center;
}
.pricing2 .list-unstyled li:first-child{
    border-top: 1px solid #00000014;
}
.pricing2 .list-unstyled li{
    padding: 10px 0;
    border-bottom: 1px solid #00000014;
}
.pricing2 .btn-primary{
    margin: auto;
}
.pricing2 .diff-price-content .btn-primary{
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.pricing2 .diff-price-content .btn-primary:hover, .pricing2 .diff-price-content .btn-primary:focus{
    background-color: transparent;
    color: var(--bs-secondary);
}
/* PROGRESS BARS PAGE */
.progress-bars-block h2{
    margin-bottom: 56px;
  }
  .progress-bars-block .progress, .progress-bars-block .progress-bar{
    position: relative;
    overflow: unset;
    border-radius: 10px;
  }
  .progress-bars-block .progress4 .progress, .progress-bars-block .progress4 .progress .progress-bar{
    border-radius: 0;
  }
  .progress-bars-block .progress-bar{
    animation: progressbar 1s ease-in-out;
    animation-delay: .5s;
    background-color: var(--bs-secondary);
  }
  @keyframes progressbar{
    0%{
        width: 0;
    }
  }
  .progress-bars-block .progress2 .progress-bar::after{
    content: "";
    position: absolute;
    display: block;
    right: -5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--bs-secondary);
    box-shadow: 0px 0px 0px 5px white;
  }
  .progress-bars-block .progress3 .progress-bar.progress-bar-striped.active{
    animation: progress-bar-stripes 1s linear infinite, progressbar 1s ease-in-out;
    animation-delay: .5s;
    background-color: #596ad2;
  }
  .progress-bars-block .rangevalue{
    position: absolute;
    right: 0;
    top: -28px;
    font-size: 18px;
    line-height: 21px;
    font-family: var(--bs-heading-font-1);
    font-weight: 700;
    color: black;
  }
  .progress-bars-block .progress4 p{
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 22px;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    color: black;
  }
  /* Tabs */
  .tab-block .tab-content div{
    font-family: var(--bs-paragraph-font);
    font-weight: 400;
    font-size: 16px;
  }
  .tab-block nav{
    margin-bottom: 20px;
  }
  .tab-block .nav{
    border: unset;
    justify-content: center;
  }
  .tab-block .nav .nav-link.active, .tab-block .nav .nav-link{
    border: unset;
  }
  .tab-block .nav .nav-link{
    font-family: var(--bs-heading-font-1);
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--bs-heading-text-color);
    margin-bottom: 5px;
  }
  .tab1 .nav .nav-link{
    padding: 0;
    padding-bottom: 12px;
    border-bottom: 4px solid transparent;
    margin-left: 42.5px;
    margin-right: 42.5px;
  }
  .tab1 .nav .nav-link.active{
    color: var(--bs-secondary);
    border-bottom: 4px solid var(--bs-secondary);
  }
  .tab2 .nav .nav-link, .tab3 .nav .nav-link, .tab4 .nav .nav-link{
    min-width: 96px;
    min-height: 44px;
    border-radius: 22px;
    padding: 12px 15px;
    margin-left: 16px;
    margin-right: 16px;
  }
  .tab2 .nav .nav-link.active{
    color: white;
    background-color: var(--bs-primary);
  }
  .tab3 .nav .nav-link{
    border: 2px solid transparent;
  }
  .tab3 .nav .nav-link.active{
    color: var(--bs-primary);
    border: 2px solid var(--bs-primary);
  }
  .tab4 .nav .nav-link{
    margin-left: 11px;
    margin-right: 11px;
    background-color: #F2F2F2;
  }
  .tab4 .nav .nav-link.active{
    background-color: var(--bs-primary);
    color: white;
  }
/* TABLE PAGE */
.table-block .table1 *, .table-block .table2 *, .table-block .table3 *{
    border: unset;
}
.table-block .table1 tbody tr{
    border-bottom: 1px solid #00000040;
}
.table-block .table2 tbody tr:last-child{
    border: unset;
}
.table-block .table1 tbody tr:last-child{
    border-bottom: unset;
}
.table-block .table1 thead tr th, .table-block .table2 thead tr th, .table-block .table3 thead tr th{
    background-color: var(--bs-heading-text-color);
    color: white;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    line-height: 22px;
    font-size: 18px;
}
.table-block .table1 tbody tr td, .table-block .table2 tbody tr td, .table-block .table3 tbody tr td{
    color: black;
    font-family: var(--bs-paragraph-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    background-color: var(--bs-body-bg-color);
}
.table-block .table1 tbody tr td{
    background-color: white;
}
.table-block .table1 thead tr th, .table-block .table1 tbody tr td{
    border-right: 1px solid #00000040;
}
.table-block .table1 thead tr th, .table-block .table1 tbody tr td,
.table-block .table2 thead tr th, .table-block .table2 tbody tr td,
.table-block .table3 thead tr th, .table-block .table3 tbody tr td{
    padding: 24px;
} 
.table-block .table1 thead tr th, .table-block .table2 thead tr th{
    border-color: white;
}
.table-block .table1 thead tr th:last-child, .table-block .table1 tbody tr td:last-child{
    border-right: unset;
}
.table-block .table1 thead tr th, .table-block .table1 tbody tr td, 
.table-block .table2 thead tr th, .table-block .table2 tbody tr td,
.table-block .table3 thead tr th, .table-block .table3 tbody tr td{
    width: 270px;
}
.table-block .table1 .table-style1, .table-block .table2 .table-style2{
    border: .7px solid #979797;
    background-color: var(--bs-heading-text-color);
}
.table-block .table2 .table-style2, .table-block .table1 .table-style1{
    border-radius: 5px;
}
.table-block .table2 thead tr th:first-child, .table-block .table1 thead tr th:first-child{
    border-top-left-radius: 5px;
}
.table-block .table2 thead tr th:last-child, .table-block .table1 thead tr th:last-child{
    border-top-right-radius: 5px;
}
.table-block .table2 tbody tr:last-child td:last-child, .table-block .table1 tbody tr:last-child td:last-child{
    border-bottom-right-radius: 5px;
}
.table-block .table2 tbody tr:last-child td:first-child, .table-block .table1 tbody tr:last-child td:first-child{
    border-bottom-left-radius: 5px;
}
.table-block .table3 thead tr th, .table-block .table3 tbody tr td{
    border: 10px solid white;
}
.table-block .table3 thead tr th:first-child, .table-block .table3 tbody tr td:first-child{
    border-left: unset;
}
.table-block .table3 thead tr th:last-child, .table-block .table3 tbody tr td:last-child{
    border-right: unset;
}
/* Testimonials */
.testimonial1.carousel5 .message-wrapper{
    font-family: var(--bs-heading-font-1);
    color: var(--bs-heading-text-color);
}
.testimonial1.carousel5 .divider-wrapper .right-img h4{
    margin-bottom: 10px;
    font-weight: 600;
}
.testimonial1.carousel5 .divider-wrapper .right-img p{
    font-family: var(--bs-heading-font-1);
}
.testimonial3.carousel7{
    max-width: 428px;
}
/* Services */
.service1{
    padding: 60px 50px;
    background-color: var(--bs-body-bg-color);
}
.service1 .nav-tabs{
    border: unset;
    border-bottom: 1px solid #00000059;
    justify-content: space-between;
    margin-bottom: 34px;
}
.service1 .nav-tabs .nav-link svg{
    width: auto;
    height: 55px;
    margin-bottom: 18px;
}
.service1 .nav-tabs .nav-link svg path{
    fill: var(--bs-secondary);
    stroke: var(--bs-secondary);
}
.service1 .nav-tabs .nav-link span{
    font-size: 18px;
    line-height: 22px;
    display: block;
    font-family: var(--bs-heading-font-1);
    font-weight: 700;
    color: var(--bs-heading-text-color);
}
.service1 .nav-tabs .nav-link{
    text-align: center;
    width: 25%;
    padding-top: 0;
    padding-bottom: 18px;
    position: relative;
    border: unset;
}
.service1 .nav-tabs .nav-link::after{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 6px;
    transition: .4s all ease;
}
.service1 .nav-tabs .nav-link.active{
    border: unset;
    background-color: transparent;
}
.service1 .nav-tabs .nav-link.active::after{
    left: 0;
    width: 100%;
    background-color: var(--bs-secondary);
}
.service1 .tab-content h3{
    margin-bottom: 24px;
    font-family: var(--bs-heading-font-2);
}
.service1 .tab-content p:nth-last-child(n+2){
    margin-bottom: 22px;
}
.service2 .content-wrapper{
    padding: 40px;
    background-color: var(--bs-body-bg-color);
    border-radius: 8px;
}
.service2 .divider-wrapper{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.service2 .divider-wrapper svg{
    width: auto;
    height: 45px;
    margin-right: 35px;
}
.service2 .divider-wrapper svg path{
    stroke: var(--bs-secondary);
    fill: var(--bs-secondary);
}
.service2 .divider-wrapper h4{
    margin-bottom: 0;
}
.service2 .horizontal-line{
    margin-bottom: 24px;
}
.service2 .row{
    justify-content: space-between;
}
.service2 .row .col-md-6{
    width: 48.6%;
}
.service2 .row .col-md-6:nth-last-child(n+3){
    margin-bottom: 50px;
}
.service3.carousel3 .content-wrapper{
    margin-top: 43px;
    border-radius: 8px;
}
/* Team */
.team1 .content-block{
    border-radius: 8px;
    overflow: hidden;
}
.team1 .content-block .img-wrapper{
    height: 314px;
}
.team1 .content-block .content-wrapper{
    background-color: #F2F2F2;
    padding: 22px 20px;
}
.team1 .content-block .content-wrapper h4{
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 22px;
}
.team1 .content-block .content-wrapper .horizontal-line::before{
    width: 55px;
}
h4 .member-name{
    color: var(--bs-secondary);
    text-decoration: none;
}
h4 .member-name:hover{
    color: var(--bs-primary);
}
.team1 .content-block .content-wrapper .horizontal-line{
    margin-bottom: 18px;
}
.team1 .social-icons{
    display: flex;
}
.team1 .social-icons svg{
    width: auto;
    height: 13px;
}
.team1 .social-icons svg path{
    fill: var(--bs-paragraph-text-color);
}
.team1 .social-icons a{
    line-height: 0;
    height: 13px;
}
.team1 .social-icons a:hover path{
    fill: var(--bs-secondary);
}
.team1 .social-icons a:nth-last-child(n+2){
    margin-right: 25px;
}
.team2 .content-block{
    position: relative;
    padding-left: 50px;
    padding-top: 70px;
}
.team2 .img-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 50px);
    height: 314px;
    z-index: 1;
}
.team2 .icon-wrapper{
    background-color: var(--bs-body-bg-color);
    position: relative;
    height: 314px;
}
.team2 .icon-wrapper .social-icons{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-right: 16px;
}
.team2 .icon-wrapper .social-icons svg{
    max-width: 18px;
    height: 18px;
}
.team2 .icon-wrapper .social-icons a:nth-last-child(n+2){
    margin-bottom: 22px;
    display: inline-flex;
}
.team2 .icon-wrapper .social-icons svg path{
    fill: var(--bs-heading-text-color);
}
.team2 .icon-wrapper .social-icons a:hover path{
    fill: var(--bs-secondary);
}
.team2 .content-block h4{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 19px;
    margin: auto;
    bottom: 26px;
    color: var(--bs-secondary);
}
.team3 .content-block{
    padding: 22px 20px;
    padding-top: 0;
    background-color: #F2F2F2;
    margin-top: 30px;
    position: relative;
    z-index: 0;
}
.team3 .img-wrapper{
    height: 314px;
    margin-bottom: 20px;
}
.team3 .img-wrapper::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background-color: white;
    z-index: -1;
}
.team3 .content-wrapper h4{
    margin-bottom: 16px;
    line-height: 19px;
    color: var(--bs-secondary);
    text-align: center;
}
.team3 .content-wrapper .social-icons{
    display: flex;
    justify-content: center;
}
.team3 .content-wrapper .social-icons a:nth-last-child(n+2){
    margin-right: 25px;
}
.team3 .content-wrapper .social-icons svg{
    width: auto;
    height: 13px;
}
.team3 .content-wrapper .social-icons a:hover path{
    fill: var(--bs-secondary);
}
.team3 .content-wrapper .social-icons svg path{
    fill: var(--bs-paragraph-text-color);
}
/* Home-1 */
.info-banner{
    height: 815px;
    position: relative;
    overflow: hidden;
}
.info-banner::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .55;
}
.info-banner .home1-info{
    width: 100%;
    position: relative;
    height: 215px;
}
.info-banner-block{
    height: 630px;
    padding-top: 90px;
    display: flex;
    align-items: center;
}
.info-banner-block .content-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.info-banner-block .content-wrapper span{
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    margin-bottom: 15px;
    color: white;
}
.info-banner-block .content-wrapper span span{
    padding: 0px 6px;
    margin-left: 6px;
    margin-right: 6px;
    line-height: 32px;
    background-color: var(--bs-secondary);
}
.info-banner-block .content-wrapper h1{
    font-size: 50px;
    line-height: 61px;
    color: white;
    margin-bottom: 30px;
    text-align: center;
    letter-spacing: 0.4px;
}
.info-banner-block .content-wrapper p{
    color: white;
    text-align: center;
    max-width: 604px;
    margin: auto;
    margin-bottom: 47px;
    font-size: 18px;
}
.info-banner-block .owl-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0;
}
.info-banner-block .owl-carousel{
    position: unset;
}
.info-banner-block .owl-carousel .owl-nav button.owl-prev, .info-banner-block .owl-carousel .owl-nav button.owl-next{
    margin: 0 !important;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00000078;
    border-radius: 0;
}
.info-banner-block .owl-carousel .owl-nav button:hover{
    background-color: var(--bs-primary);
}
.info-banner-block .owl-carousel button svg{
    width: 12px;
    height: 20px;
}
.info-banner-block .owl-carousel button svg path{
    fill: white;
}
.sub-title-center{
    margin-bottom: 58px;
    text-align: center;
}
.sub-title-center span, .sub-title span{
    color: var(--bs-secondary);
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1.44px;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    display: inline-block;
    margin-bottom: 22px;
}
.sub-title-center h2, .sub-title h2{
    font-family: var(--bs-heading-font-2);
    margin-bottom: 0;
}
.home1-feature.home-page{
    padding-top: 55px;
}
.home1-feature-block .img-wrapper{
    height: 310px;
}
.home1-feature-block .content-wrapper{
    padding: 21px 10px;
    background-color: var(--bs-body-bg-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-family: var(--bs-heading-font-1);
    color: var(--bs-heading-text-color);
    line-height: 22px;
    font-weight: 600;
}
.home1-feature-block .content-wrapper svg{
    width: auto;
    height: 16px;
    margin-right: 10px;
}
.home1-feature-block .content-wrapper svg path{
    fill: var(--bs-secondary);
    stroke: var(--bs-secondary);
}
.home1-about{
    background-color: #F2F2F2;
}
.home1-about-mission, .home1-mission-block{
    position: relative;
}
.home1-about-block, .home1-mission-block{
    width: 48.2%;
}
.home1-about-block {
    margin-top: 60px;
}
.home1-about-block .sub-title{
    margin-bottom: 32px;
}
.home1-about-block .para{
    margin-bottom: 28px;
}
.home1-mission-block .about-donation{
    box-shadow: 0px 3px 8px #0000001A;
    position: absolute;
    top: -150px;
    left: 120px;
    padding: 25px 30px 28px;
    display: flex;
    align-items: center;
    max-width: 338px;
    background-color: white;
    border-radius: 6px;
}
.home1-mission-block .about-donation span{
    font-size: 38px;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    color: var(--bs-secondary);
    line-height: normal;
    margin-right: 22px;
}
.home1-mission-block .about-donation p{
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    line-height: 20px;
}
.home1-mission-block .content-wrapper h3{
    margin-bottom: 30px;
    font-family: var(--bs-heading-font-2);
}
.home1-mission-block .content-wrapper p{
    margin-bottom: 26px;
}
.home1-mission-block .content-wrapper span{
    display: inline-block;
    max-width: 362px;
    padding: 10px 34px;
    padding-right: 0;
    position: relative;
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    color: var(--bs-paragraph-text-color);
}
.home1-mission-block .content-wrapper>span::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background-color: var(--bs-secondary);
    opacity: .1;
}
.home1-mission-block .content-wrapper .projects{
    padding: 0;
    color: var(--bs-secondary);
    font-weight: 600;
    border: unset;
}
.home1-mission-block .content-wrapper .countries{
    padding: 0;
    color: black;
    font-weight: 600;
    border: unset;
}
.home1-mission-block .content-wrapper .peoples{
    padding: 0;
    font-weight: 600;
    color: var(--bs-primary);
    border: unset;  
}
.home1-mission{
    margin-bottom: 30px;
}
.home1-about-block .list2 .list-unstyled{
    margin-bottom: 0;
}
.home1-about-block .list2 .list-unstyled .svg-wrapper{
    line-height: 0;
    display: flex;
    align-items: center;
}
.home1-about-block .list2 .list-unstyled p{
    line-height: 19px;
}
.home1-about-mission .img-block{
    position: absolute;
    top: 0;
    right: 0;
    width: calc(50% - 60px);
    height: 100%;
    padding: 100px 0;
}
.home1-about-mission .img-block .img-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
}
.home1-about-mission .img-block .img-wrapper img{
    border-radius: 16px 0 0 16px;
}
.home1-about-mission .img-block .img-wrapper .svg-wrapper{
    position: absolute;
    left: -30px;
    bottom: -30px;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background-color: var(--bs-primary);
}
.home1-about-mission .img-block .img-wrapper .svg-wrapper svg{
    width: auto;
    height: 36px;
}
.home1-about-mission .img-block .img-wrapper .svg-wrapper svg path{
    fill: white;
    stroke: white;
}
.home1-about-block h2{
    max-width: 432px;
}
.home1-video{
    position: relative;
    padding-top: 40px;
}
.home1-video::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: calc(52% - 43px);
    background-color: var(--bs-heading-text-color);
    border-radius: 0px 16px 16px 0px;
    z-index: 0;
}
.home1-video::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: calc(52% - 43px);
    border-radius: 0px 16px 16px 0px;
    background-image: url(../assets/Images/Icons/SVG/Path50.svg);
    opacity: .08;
    z-index: 0;
}
.home1-video-block{
    position: relative;
    z-index: 1;
}
.home1-video-block h2{
    font-family: var(--bs-heading-font-2);
    max-width: 371px;
    margin: auto;
    margin-right: 149px;
    margin-bottom: 53px;
}
.home1-video-block .video1{
    margin-bottom: 50px;
}
.home1-video-block .video1 .img-wrapper{
    height: 470px;
}
.home1-video-block .counter-content p:first-child{
    font-size: 35px;
    line-height: 43px;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    margin-bottom: 10px;
}
.home1-video-block .counter-content p:last-child{
    line-height: 19px;
    font-family: var(--bs-heading-font-1);
    font-weight: 400;
}
.home1-video-block .counter-wrapper .col-3{
    max-width: max-content;
}
.home1-video-block .counter-wrapper .col-3:nth-last-child(n+2){
    margin-right: 36px;
}
.home1-video-block .counter-wrapper .col-3 p{
    color: white;
}
.home1-popular-block .img-wrapper{
    height: 250px;
    position: relative;
    overflow: hidden;
}
.home1-popular-block h2{
    max-width: 432px;
    margin: auto;
}
.home1-popular-block .img-wrapper img{
    transform: scale(1);
    transition: .4s transform ease;
}
.home1-popular-block .img-wrapper:hover img{
    transform: scale(1.1);
}
.home1-popular-block .img-wrapper span{
    font-family: var(--bs-paragraph-font);
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    min-width: 118px;
    text-align: center;
    padding: 11px 15px;
    color: white;
    background-color: var(--bs-primary);
    position: absolute;
    left: 0;
    bottom: 40px;
}
.home1-popular-block .progress{
    height: 7px;
    border-radius: 0;
}
.home1-popular-block .progress::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--bs-secondary);
    opacity: .35;
}
.home1-popular-block .progress-bar{
    border-radius: 0;
}
.home1-popular-block .rangevalue{
    font-size: 12px;
    line-height: 14px;
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    color: white;
    z-index: 1;
    top: -3px;
}
.home1-popular-block .progress2 .progress-bar::after{
    content: "";
    width: 38px;
    height: 38px;
    border: 1px solid white;
    box-shadow: unset;
}
.home1-popular-block .content-wrapper{
    padding: 27px 20px 29px;
    background-color: #F2F2F2;
}
.home1-popular-block .content-wrapper h4{
    margin-bottom: 22px;
}
.home1-popular-block .content-wrapper h4 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}   
.home1-popular-block .content-wrapper h4:hover a{
    color: var(--bs-primary);
}
.home1-popular-block .content-wrapper p{
    color: black;
    font-weight: 700;
    max-width: 240px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
}
.home1-popular-block .content-wrapper .button-wrapper{
    display: flex;
}
.home1-popular-block .content-wrapper .button-wrapper a:first-child{
    margin-right: 15px;
    border-width: 2px;
    background-color: transparent;
    color: var(--bs-primary);
}
.home1-popular-block .content-wrapper .button-wrapper a:first-child:hover{
    background-color: var(--bs-primary);
    color: white;
}
.home1-popular-block .content-wrapper .button-wrapper a:last-child{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--bs-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--bs-primary);
}
.home1-popular-block .content-wrapper .button-wrapper a:last-child svg{
    width: auto;
    height: 19px;
}
.home1-popular-block .content-wrapper .button-wrapper a:last-child svg path{
    stroke: white;
}
.home1-popular-block .content-wrapper .button-wrapper a:last-child:hover{
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.home1-popular-block .content-wrapper .button-wrapper a:last-child:hover svg path{
    stroke: var(--bs-primary);
}
.center-btn{
    margin: auto;
    margin-top: 68px;
}
.home1-donate{
    background-color: var(--bs-body-bg-color);
    margin-top: 124px;
    padding-bottom: 0;
}
.home1-donate-block h2{
    margin-bottom: 42px;
}
.home1-donate-block .form-control, .home2-donate-block .form-control, .home3-donate-block .form-control{
    padding: 18px 16px;
    border: 1px solid #00000024;
    border-radius: 0;
    margin-bottom: 20px;
    font-family: var(--bs-paragraph-font);
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: var(--bs-paragraph-text-color);
    box-shadow: unset;
    height: 54px;
}
.home1-donate-block form .col-md-12 .row, .home2-donate-block form .col-md-12 .row, .home3-donate-block form .col-md-12 .row,
.donation-form-block .donation-wrapper .col-md-12 .row{
    justify-content: space-between;
    margin: 0;
}
.home1-donate-block form .col-md-12 .row .col-4, .home2-donate-block form .col-md-12 .row .col-4, .home3-donate-block form .col-md-12 .row .col-4,
.donation-form-block .donation-wrapper .col-md-12 .row .col-3{
    max-width: max-content;
    padding: 0;
}
.donation-form-block .donation-wrapper .col-md-12 .row .col-3{
    max-width: unset;
}
.home1-donate-block form .col-md-12 .row .col-4:nth-last-child(n+2), .home2-donate-block form .col-md-12 .row .col-4:nth-last-child(n+2),
.home3-donate-block form .col-md-12 .row .col-4:nth-last-child(n+2), .donation-form-block .donation-wrapper .col-md-12 .row .col-3:nth-last-child(n+2){
    margin-right: 10px;
}
.donation-form-block .donation-wrapper .col-md-12 .row .col-3:nth-last-child(n+2){
    margin: 0;
}
.home1-donate-block form .col-md-12 .row .col-4 span, .home2-donate-block form .col-md-12 .row .col-4 span,
.home3-donate-block form .col-md-12 .row .col-4 span, .donation-form-block .donation-wrapper .col-md-12 .row .col-3 span{
    line-height: 22px;
    color: var(--bs-paragraph-text-color);
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    transition: .3s all ease;
}
.donation-form-block .donation-wrapper .col-md-12 .row .col-3 span{
    font-size: 14px;
    line-height: 17px;
}
.home1-donate-block form .option, .home2-donate-block form .option, .home3-donate-block form .option,
.donation-form-block .donation-wrapper .option{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 120px;
    padding: 15px 16px 17px;
    border: 1px solid #00000024;
    background-color: white;
    cursor: pointer;
    height: 54px;
}
.donation-form-block .donation-wrapper .col-3:nth-last-child(n+2) .option{
    max-width: 120px;
}
.donation-form-block .donation-wrapper .option{
    width: 100%;
}
.home1-donate-block form .option .dot, .home2-donate-block form .option .dot, .home3-donate-block form .option .dot,
.donation-form-block .donation-wrapper .option .dot{
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home1-donate-block form .option .dot::before, .home2-donate-block form .option .dot::before, .home3-donate-block form .option .dot::before,
.donation-form-block .donation-wrapper .option .dot::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bs-secondary);
    opacity: .3;
    border-radius: 50%;
    transform: scale(1.1);
    transition: .3s all ease;
}
.home1-donate-block form .option .dot::after, .home2-donate-block form .option .dot::after, .home3-donate-block form .option .dot::after,
.donation-form-block .donation-wrapper .option .dot::after{
    content: "";
    position: relative;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    background-color: var(--bs-secondary);
    border-radius: 50%;
    opacity: 0;
    transition: .3s all ease;
}
.home1-donate-block form button{
    margin-top: 48px;
}
.home1-donate-block .img-wrapper{
    height: 812px;
    margin-top: -224px;
}
#option-1:checked ~ .option1 .dot::after, #option-2:checked ~ .option2 .dot::after, #option-3:checked ~ .option3 .dot::after,
#option-4:checked ~ .option4 .dot::after{
    opacity: 1;
    width: 10px;
    height: 10px;
}
#option-1:checked ~ .option1 .dot::before, #option-2:checked ~ .option2 .dot::before, #option-3:checked ~ .option3 .dot::before,
#option-4:checked ~ .option4 .dot::before{
    transform: scale(1);
}
.home1-donate-block form .col-md-12 .row .col-4 input[type="radio"],
.home2-donate-block form .col-md-12 .row .col-4 input[type="radio"],
.home3-donate-block form .col-md-12 .row .col-4 input[type="radio"],
.donation-form-block .donation-wrapper .col-md-12 .row .col-3 input[type="radio"]{
    display: none;
}
#option-1:checked ~ .option, #option-2:checked ~ .option, #option-3:checked ~ .option,
#option-4:checked ~ .option{
    border-color: var(--bs-secondary);
}
#option-1:checked ~ .option span, #option-2:checked ~ .option span, #option-3:checked ~ .option span,
#option-4:checked ~ .option span{
    color: var(--bs-secondary);
}
.home1-donate-block .row{
    justify-content: space-between;
}
.home1-service{
    position: relative;
}
.home1-service .img-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    z-index: 0;
}
.home1-service .sub-title{
    max-width: 350px;
    margin: auto;
    margin-right: 139px;
    margin-bottom: 58px;
}
.home1-service-block{
    position: relative;
    z-index: 1;
}
.home1-testimonials{
    position: relative;
    background-color: var(--bs-heading-text-color);
}
.home1-testimonials .bg-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 41.92%;
    opacity: .08;
}
.home1-testimonials-block h2, .home1-testimonials-block .carousel5 .message-wrapper, .home1-testimonials-block .carousel5 .divider-wrapper .right-img h4,
.home1-testimonials-block .carousel5 .divider-wrapper .right-img p{
    color: white;
}
.home1-testimonials-block .carousel5 .divider-wrapper .right-img p{
    opacity: .7;
}
.home1-gallery-block h2{
    max-width: 420px;
    margin: auto;
}
.home1-gallery-block .img-wrapper{
    height: 350px;
    position: relative;
}
.home1-gallery-block .img-wrapper h3{
    position: relative;
    margin-bottom: 20px;
    line-height: 30px;
    opacity: 0;
    transition: .5s all ease;
    font-size: 50px;
}
.home1-gallery-block .img-wrapper:hover h3{
    opacity: 1;
    font-size: 25px;
}
.home1-gallery-block .img-wrapper h3 a{
    text-decoration: none;
    color: white;
}
.home1-gallery-block .img-wrapper h3:hover a{
    color: var(--bs-secondary);
}
.home1-gallery-block .img-wrapper a.popup-img{
    width: 30px;
    height: 30px;
    display: inline-block;
}
.home1-gallery-block .img-wrapper svg{
    position: relative;
    width: 0px;
    height: 0px;
    opacity: 0;
    transition: .5s all ease;
}
.home1-gallery-block .img-wrapper:hover svg{
    width: 30px;
    height: 30px;
    opacity: 1;
}
.home1-gallery-block .img-wrapper .content-wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    transition: .5s all ease;
}
.home1-gallery-block .img-wrapper .content-wrapper::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0;
    transition: .5s all ease;
}
.home1-gallery-block .img-wrapper:hover .content-wrapper::before{
    opacity: .7;
}
.home1-gallery-block .img-wrapper:hover .content-wrapper{
    top: 11px;
    left: 11px;
    width: calc(100% - 22px);
    height: calc(100% - 22px);
}
.home1-volunteer{
    position: relative;
    padding: 0;
    margin-top: 200px;
}
.home1-volunteer::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .65;
}
.home1-volunteer-block{
    position: relative;
}
.home1-volunteer-block .row{
    justify-content: space-between;
}
.home1-volunteer-block .row .col-lg-6:first-child{
    width: 46.5%;
}
.home1-volunteer-block .row .col-lg-6:last-child{
    padding: 135px 0 89px;
    width: 40.5%;
}
.home1-volunteer-block h2{
    color: white;
    margin-bottom: 56px;
    font-family: var(--bs-heading-font-2);
}
.home1-volunteer-block .img-wrapper{
    height: 630px;
    margin-top: -200px;
}
.home1-volunteer-block .img-wrapper img{
    object-fit: contain;
    object-position: bottom;
}
.home1-event{
    background-color: #F2F2F2;
}
.home1-event-block .event-wrapper{
    padding: 15px;
    padding-bottom: 20px;
    border-radius: 8px;
    background-color: white;
}
.home1-event-block .event-wrapper .img-wrapper{
    height: 350px;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    margin-bottom: 25px;
}
.home1-event-block .event-wrapper .content-wrapper .publish{
    display: inline-block;
    font-size: 14px;
    color: var(--bs-secondary);
    line-height: 17px;
    margin-bottom: 14px;
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
}
.home1-event-block .content-wrapper h4{
    margin-bottom: 20px;
}
.home1-event-block .content-wrapper h4 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.home1-event-block .content-wrapper h4:hover a{
    color: var(--bs-primary);
}
.home1-event-block .content-wrapper p{
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
}
.home1-event-block .content-wrapper p svg{
    width: auto;
    height: 14px;
    margin-right: 8px;
}
.home1-event-block .content-wrapper p svg path{
    fill: var(--bs-paragraph-text-color);
}
.home1-event-block .content-wrapper p span {
    display: flex;
    align-items: center;
}
.home1-event-block .content-wrapper p span:first-child{
    margin-right: 40px;
}
.home1-event-block .schedule-wrapper .content-block{
    background-color: white;
    padding: 15px;
    border-radius: 8px;
    display: flex;
}
.home1-event-block .schedule-wrapper .content-block:nth-last-child(n+2){
    margin-bottom: 18px;
}
.home1-event-block .schedule-wrapper .publish{
    min-width: 90px;
    max-width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-primary);
    color: white;
    border-radius: 3px;
    font-size: 25px;
    line-height: 30px;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    margin-right: 17px;
    text-align: center;
    padding: 15px 18px;
}
.home1-event-block .schedule-wrapper .content-wrapper h4{
    margin-bottom: 16px;
}
.home1-event-block .row{
    justify-content: space-between;
}
.home1-event-block .row .col-md-6{
    width: 48.6%;
}
/* Home-2 */
.home2-info{
    background-color: var(--bs-body-bg-color);
    min-height: 700px;
    overflow: hidden;
    position: relative;
}
.home2-info .diff-triangle{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 500px;
    height: auto;
}
.home2-info .diff-triangle path {
    fill: var(--bs-primary);
}
.home2-info-block.home-page{
    padding: 157px 0 60px;
    position: relative;
}
.home2-info-block .content-wrapper{
    padding-top: 45px;
    margin-bottom: 30px;
}
.home2-info-block .content-wrapper h1{
    font-size: 50px;
    line-height: 62px;
    margin-bottom: 28px;
}
.home2-info-block .content-wrapper p{
    font-size: 18px;
    margin-bottom: 35px;
}
.home2-info-block .img-block{
    padding-left: 100px;
    padding-bottom: 37px;
    position: relative;
}
.home2-info-block .img-block .img-wrapper{
    max-width: 400px;
    height: auto;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}
.home2-info-block .img-block .img-wrapper img{
    border-radius: 50%;
    border: 12px solid white;
}
.home2-info-block .img-block .img-wrapper::before{
    content: "";
    position: absolute;
    bottom: 15px;
    right: -48px;
    width: 182px;
    height: 182px;
    border-radius: 50%;
    background-color: #FFF;
    opacity: .2;
    z-index: -1;
}
.home2-info-block .img-block .line-circle{
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(45deg);
    width: 325px;
    height: 320px;
    z-index: 1;
}
.home2-info-block .row{
    justify-content: space-between;
}
.home2-info-block .row .col-md-6:first-child{
    width: 45.8%;
}
.home2-info-block .row .col-md-6:last-child{
    width: 46%;
}
.home2-info-block .divider-link{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}
.home2-info-block .divider-link .contact{
    padding: 7px;
    min-width: 194px;
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    border-radius: 999px;
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.home2-info-block .divider-link .contact:hover{
    color: var(--bs-primary);
}
.home2-info-block .divider-link .contact::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 999px;
    background-color: var(--bs-primary);
    opacity: .2;
}
.home2-info-block .divider-link .contact .svg-wrapper{
    width: 32px;
    height: 32px;
    margin-right: 8px;
    border-radius: 50%;
    background-color: var(--bs-primary);
    display: flex;
    justify-content: center;
    align-items: center;
}
.home2-info-block .divider-link .contact .svg-wrapper svg{
    width: auto;
    height: 16px;
}
.home2-info-block .divider-link .social-icons{
    display: flex;
}
.home2-info-block .divider-link .social-icons a:nth-last-child(n+2){
    margin-right: 30px;
}
.home2-info-block .divider-link .social-icons a{
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: white;
}
.home2-info-block .divider-link .social-icons a:hover{
    background-color: var(--bs-primary);
}
.home2-info-block .divider-link .social-icons a svg{
    width: auto;
    height: 16px;
}
.home2-info-block .divider-link .social-icons a svg path{
    fill: var(--bs-primary);
}
.home2-info-block .divider-link .social-icons a:hover path{
    fill: white;
}
.home2-title-center{
    margin-bottom: 58px;
    text-align: center;
}
.home2-title-center span, .home2-title span{
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
    display: inline-block;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    color: var(--bs-secondary);
}
.home2-title-center h2, .home2-title h2{
    font-family: var(--bs-heading-font-2);
    font-weight: 700;
    margin-bottom: 28px;
}
.home2-title-center svg{
    width: auto;
    height: 40px;
}
.home2-title-center svg path{
    fill: var(--bs-secondary);
}
/* .home2-service-block .service2 .divider-wrapper svg{
    height: 40px;
} */
.home2-about-block .img-block{
    position: relative;
    padding: 0 0 73px 75px;
}
.home2-about-block .img-block .img-wrapper1{
    height: 620px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.home2-about-block .img-block .img-wrapper2{
    height: 265px;
    max-width: 280px;
    border-radius: 14px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.home2-about-block .img-block .rectangle-svg{
    position: absolute;
    top: 0;
    left: 0;
}
.home2-about-block .img-block .rectangle-svg rect{
    fill: var(--bs-primary);
}
.home2-about-block .img-block .line-circle{
    position: absolute;
    top: -90px;
    right: -90px;
    width: 300px;
    height: 300px;
    transform: rotate(45deg);
    z-index: 0;
}
.home2-about-block .content-block h2{
    margin-bottom: 32px;
}
.home2-about-block .content-block p{
    margin-bottom: 42px;
}
.home2-about-block .row{
    justify-content: space-between;
    align-items: end;
}
.home2-about-block .row .col-lg-6:first-child{
    width: 51.7%;
}
.home2-about-block .row .col-lg-6:last-child{
    width: 44.7%;
}
.home2-about-block .content-block{
    margin-bottom: 70px;
}
.home2-about{
    padding-top: 200px;
    background-color: var(--bs-body-bg-color);
}
.home2-counter, .home2-video{
    background-color: var(--bs-body-bg-color);
}
.home2-counter-block .counter-content{
    background-color: white;
    padding: 38px 15px;
    text-align: center;
    border-radius: 8px;
}
.home2-counter-block .counter-content svg{
    width: auto;
    height: 30px;
    margin-bottom: 14px;
}
.home2-counter-block .counter-content svg path{
    fill: var(--bs-secondary);
    stroke: var(--bs-secondary);
}
.home2-counter-block .counter-content p span{
    font-size: 38px;
    font-family: var(--bs-heading-font-1);
    font-weight: 700;
    display: inline-block;
    margin-bottom: 16px;
    line-height: 47px;
    color: black;
}
.home2-counter-block .counter-content p:last-child{
    font-size: 14px;
    line-height: 17px;
    font-family: var(--bs-heading-font-1);
}
.home2-counter-block .row{
    justify-content: space-between;
}
.home2-counter-block .row .col-3{
    width: 24.1%;
}
.home2-video-block .img-block{
    padding: 81px 77px 139px 0;
    position: relative;
}
.home2-video-block .img-block .video2{
    position: relative;
    z-index: 1;
}
.home2-video-block .img-block .img-wrapper{
    height: 580px;
    border-radius: 10px;
    overflow: hidden;
}
.home2-video-block .img-block .line-circle{
    position: absolute;
    bottom: 0;
    left: -130px;
    transform: rotate(45deg);
    width: 350px;
    height: 350px;
    z-index: 0;
}
.home2-video-block .img-block::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background-color: var(--bs-primary);
}
.home2-video-block .home2-title{
    padding-top: 150px;
}
.home2-video-block .home2-title h2{
    margin-bottom: 32px;
}
.home2-video-block .row{
    justify-content: space-between;
}
.home2-video-block .row .col-md-6:first-child{
    width: 38.1%;
}
.home2-video-block .row .col-md-6:last-child{
    width: 58%;
}
.btn-secondary.home2-btn{
    background-color: transparent;
    color: var(--bs-secondary);
}
.btn-secondary.home2-btn:hover{
    background-color: var(--bs-secondary);
    color: white;
}
.home2-popular-block .content-block{
    border-radius: 8px;
    overflow: hidden;
}
.home2-popular-block .img-wrapper{
    height: 235px;
    position: relative;
    overflow: hidden;
}
.home2-popular-block .img-wrapper img{
    transform: scale(1);
    transition: .4s transform ease;
}
.home2-popular-block .img-wrapper:hover img{
    transform: scale(1.1);
}
.home2-popular-block .facility{
    position: absolute;
    top: 30px;
    left: 30px;
    padding: 8px;
    min-width: 95px;
    text-align: center;
    border-radius: 999px;
    color: white;
    background-color: var(--bs-primary);
    font-size: 14px;
    line-height: 17px;
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
}
.home2-popular-block .content-wrapper{
    background-color: #F2F2F2;
    padding: 25px 20px 32px;
}
.home2-popular-block .content-wrapper h4{
    margin-bottom: 28px;
}
.home2-popular-block .content-wrapper h4 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.home2-popular-block .content-wrapper h4:hover a{
    color: var(--bs-primary);
}
.home2-popular-block .content-wrapper p{
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 15px;
    color: black;
}
.home2-popular-block .content-wrapper p .goal{
    font-size: 12px;
    line-height: 15px;
    color: var(--bs-paragraph-text-color);
}
.home2-popular-block.progress-bars-block .progress{
    height: 7px;
}
.home2-popular-block.progress-bars-block .progress-bar{
    background-color: var(--bs-primary);
}
.home2-popular-block.progress-bars-block .progress::before, .campaign-detail-fullwidth-block.progress-bars-block .progress::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bs-secondary);
    opacity: .2;
    border-radius: 10px;
}
.home2-popular-block .content-wrapper .center-btn{
    margin-top: 30px;
}
.home2-popular-block h2{
    max-width: 432px;
    margin: 0 auto 28px;
}
.home2-features .content-wrapper{
    background-color: var(--bs-body-bg-color);
    padding: 27px 28px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}
.home2-features .content-wrapper .svg-wrapper{
    width: 66px;
    height: 66px;
    border-radius: 4px;
    border: 1px solid #00000026;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 24px;
}
.home2-features .content-wrapper .svg-wrapper svg{
    width: auto;
    height: 25px;
}
.home2-features .content-wrapper .svg-wrapper svg path{
    fill: var(--bs-secondary);
    stroke: var(--bs-secondary);
}
.home2-donate{
    margin: 44px 0;
    background-color: var(--bs-primary);
    position: relative;
}
.home2-donate .content-wrppaer{
    position: relative;
    padding-left: 104px;
    z-index: 2;
} 
.home2-donate .content-wrppaer h2{
    margin-bottom: 24px;
    font-family: var(--bs-heading-font-2);
    color: white;
}
.home2-donate .content-wrppaer p{
    color: white;
}
.home2-donate .content-wrppaer .line-circle{
    position: absolute;
    top: -10px;
    left: 20px;
    width: 170px;
    height: 170px;
    z-index: -1;
    transform: rotate(45deg);
}
.home2-donate .content-wrppaer .line-circle path {
    stroke-width: 7px;
}
.home2-donate .col-md-6 > .form-wrapper{
    margin: -144px 0;
    border-radius: 10px;
    padding: 62px 47px;
    position: relative;
    z-index: 1;
}
/* .home2-donate .form-wrapper::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .4;
    border-radius: 10px;
} */
.home2-donate .form-wrapper form{
    position: relative;
}
.home2-donate .top-triangle{
    position: absolute;
    top: 0;
    left: 0;
    width: 362px;
    height: 340px;
    z-index: 0;
}
.home2-donate .bottom-triangle{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 362px;
    height: 340px;
    z-index: 0;
}
.home2-donate .top-triangle path,
.home2-donate .bottom-triangle path {
    fill: #FFF;
    opacity: .2;
}
.home2-donate-block form button{
    margin-top: 42px;
}
.home2-donate-block .row{
    justify-content: space-between;
}
.home2-donate-block .row .col-md-6:first-child{
    width: 48.9%;
}
.home2-donate-block .row .col-md-6:last-child{
    max-width: 518px;
}
.home2-gallery-block h2{
    max-width: 420px;
    margin: 0 auto 28px;
}
.gallery{
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.gallery .menu-link{
    min-width: 80px;
    padding: 11px 22px 12px;
    background-color: #F2F2F2;
    border-radius: 99px;
    margin: 0 10px;
    color: black;
    text-decoration: none;
    font-size: 14px;
    line-height: 17px;
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
}
.gallery .active .menu-link{
    background-color: var(--bs-primary);
    color: white;
}
.home2-gallery-block .img-wrapper{
    position: relative;
    height: 295px;
}
.home2-gallery-block .img-wrapper.h-2{
    height: 605px;
}
.home2-gallery-block .img-wrapper .svg-wrapper, .gallery-grid-block .img-wrapper .svg-wrapper{
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all ease;
}
.home2-gallery-block .img-wrapper .svg-wrapper::before, .gallery-grid-block .img-wrapper .svg-wrapper::before{
    content: "";
    position: absolute;
    background-color: black;
    opacity: .8;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home2-gallery-block .img-wrapper:hover .svg-wrapper{
    width: 150px;
    height: 150px;
}
.gallery-grid-block .img-wrapper:hover .svg-wrapper{
    width: 120px;
    height: 120px;
}
.home2-gallery-block .img-wrapper .svg-wrapper svg, .gallery-grid-block .img-wrapper .svg-wrapper svg{
    width: 0;
    height: 0;
    position: relative;
    transition: .5s all ease;
}
.home2-gallery-block .img-wrapper:hover .svg-wrapper svg{
    width: 45px;
    height: 45px;
}
.gallery-grid-block .img-wrapper:hover .svg-wrapper svg{
    width: 30px;
    height: 30px;
}
.home2-gallery-block .img-wrapper .svg-wrapper svg path, .gallery-grid-block .img-wrapper .svg-wrapper svg path{
    fill: white;
}
.home2-gallery-block .row{
    margin: 0 -7.5px;
}
.home2-gallery-block .row .col-md-4{
    padding: 0 7.5px;
    margin-bottom: 15px;
}
.home2-testimonials.bg-color{
    background-color: var(--bs-body-bg-color);
}
.home2-testimonials-block .carousel6 .content-wrapper{
    background-color: white;
    margin-bottom: 80px;
}
.home2-testimonials.bg-color .carousel6 .content-wrapper{
    background-color: #fff;
}
.home2-testimonials .carousel6 .content-wrapper{
    background-color: var(--bs-body-bg-color);
}
.home2-volunteer{
    background-color: var(--bs-body-bg-color);
    position: relative;
    overflow: hidden;
}
.home2-volunteer-block .row{
    justify-content: space-between;
    align-items: center;
}
.home2-volunteer-block .row .col-md-6:first-child{
    width: 43.6%;
}
.home2-volunteer-block .row .col-md-6:last-child{
    width: 46.9%;
}
.home2-volunteer-block h2{
    margin-bottom: 42px;
}
.home2-volunteer-block .img-block{
    padding-left: 80px;
    position: relative;
}
.home2-volunteer-block .img-block .img-wrapper{
    height: 430px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
.home2-volunteer-block .img-block .line-circle{
    position: absolute;
    left: 0;
    bottom: -70px;
    width: 250px;
    height: 250px;
    transform: rotate(45deg);
    z-index: 1;
}
.home2-volunteer-block .img-block .line-circle path {
    stroke-width: 4px;
}
.home2-volunteer .diff-triangle{
    position: absolute;
    right: -390px;
    bottom: 0px;
    z-index: 0;
}
.home2-volunteer .diff-triangle path{
    fill: var(--bs-primary);
}
.home2-event-block .schedule-wrapper{
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    max-width: 1030px;
}
.home2-event-block .schedule-wrapper:nth-last-child(n+2){
    margin-bottom: 45px;
}
.home2-event-block .schedule-wrapper .img-wrapper{
    min-width: 340px;
    overflow: hidden;
}
.home2-event-block .schedule-wrapper .img-wrapper img{
    transform: scale(1);
    transition: .4s transform ease;
}
.home2-event-block .schedule-wrapper .img-wrapper:hover img{
    transform: scale(1.1);
}
.home2-event-block .content-wrapper{
    padding: 40px 40px;
    padding-left: 50px;
    background-color: var(--bs-body-bg-color);
}
.home2-event-block .content-wrapper .publish{
    font-size: 14px;
    line-height: 17px;
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    color: var(--bs-secondary);
    display: inline-block;
    margin-bottom: 16px;
}
.home2-event-block .content-wrapper h4{
    margin-bottom: 28px;
    font-weight: 600;
}
.home2-event-block .content-wrapper h4 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.home2-event-block .content-wrapper h4:hover a{
    color: var(--bs-secondary);
}
.home2-event-block .content-wrapper .horizontal-line{
    margin-bottom: 28px;
}
.home2-event-block .content-wrapper p{
    display: flex;
    margin-bottom: 32px;
    flex-wrap: wrap;
}
.home2-event-block .content-wrapper p span{
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: var(--bs-paragraph-text-color);
}
.home2-event-block .content-wrapper p .time{
    margin-right: 40px;
}
.home2-event-block .content-wrapper p span svg{
    width: auto;
    height: 14px;
    margin-right: 8px;
}
.home2-event-block .content-wrapper p span svg path{
    fill: var(--bs-paragraph-text-color);
}
.home2-client{
    background-color: var(--bs-body-bg-color);
}
.home2-client-block .carousel4 .item .img-wrapper{
    background-color: white;
}
/* Home-3 */
.home3-info{
    min-height: 700px;
    padding-top: 170px;
    position: relative;
}
.home3-info-block{
    position: relative;
}
.home3-info-block .banner-content{
    padding: 54px 160px;
    position: relative;
    padding-right: 0;
    max-width: 651px;
}
.home3-info-block .banner-content::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    max-width: 400px;
    width: 100%;
    max-height: 400px;
    background-color: var(--bs-secondary);
    opacity: 0.4;
    height: 100%;
    border-radius: 50%;
    z-index: -1;
}
.home3-info-block .banner-content h1{
    font-size: 50px;
    line-height: 62px;
    margin-bottom: 26px;
    color: white;
}
.home3-info-block .banner-content p{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 35px;
    color: white;
}
.home3-info-block .banner-content .btn-outline-primary{
    border-color: white;
    background-color: transparent;
    color: white;
    box-shadow: inset 0 0 0 0px white;
}
.home3-info-block .banner-content .btn-outline-primary:hover{
    box-shadow: inset 0 0 0 50px white;
    background-color: white;
    color: black;
}
.swiper-button-prev:after, .swiper-button-next:after{
    content: "";
}
.divider-btn{
    position: absolute;
    width: 160px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    bottom: -30px;
    right: 165px;
}
.divider-btn .swiper-button-next, .divider-btn .swiper-button-prev{
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.divider-btn .swiper-button-next::before, .divider-btn .swiper-button-prev::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: .4;
    transition: .3s all ease;
}
.divider-btn .swiper-button-next:hover::before, .divider-btn .swiper-button-prev:hover::before{
    background-color: var(--bs-primary);
    opacity: 1;
}
.divider-btn .swiper-button-next svg, .divider-btn .swiper-button-prev svg{
    width: 11px;
    height: 18px;
    position: relative;
    z-index: 1;
}
.divider-btn .swiper-button-next svg path, .divider-btn .swiper-button-prev svg path{
    fill: white;
}
.swiper-pagination{
    position: absolute;
    width: auto;
    right: 0;
    left: unset;
    bottom: -16px;
    color: white;
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}
.divider-btn::after{
    content: "";
    position: absolute;
    width: 90px;
    height: 1px;
    background-color: white;
    right: -110px;
    top: 0;
}
.normal-contact{
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 100%;
}
.normal-contact a{
    font-size: 18px;
    line-height: 22px;
    color: white;
    text-decoration: none;
    font-weight: 500;
    font-family: var(--bs-heading-font-1);
    display: flex;
    align-items: center;    
    transform: rotate(-90deg);
    width: max-content;
    margin-top: 90px;
    margin-bottom: 90px;
}
.normal-contact a:hover{
    color: var(--bs-secondary);
}
.normal-contact svg{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.normal-contact svg path{
    stroke: white;
    stroke-width: 6px;
}
.normal-contact a:hover path{
    stroke: var(--bs-secondary);
}
.social-contact{
    width: 65px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: var(--bs-primary);
    display: flex;
    justify-content: center;
    align-items: center;
}
.social-contact a{
    width: 32px;
    height: 32px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
.social-contact a:nth-last-child(n+2){
    margin-bottom: 22px;
}
.social-contact a svg{
    width: auto;
    height: 14px;
}
.social-contact a svg path{
    fill: var(--bs-primary);
}
.social-contact a:hover svg path{
    fill: var(--bs-secondary);
}
.home3-features-block .feature-wrapper{
    padding: 50px 55px;
    background-color: white;
    box-shadow: 0px 3px 10px #0000001f;
    margin-top: -50px;
    position: relative;
}
.home3-features-block .feature-wrapper .svg-wrapper{
    width: 84px;
    height: 84px;
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-body-bg-color);
    border-radius: 50%;
}
.home3-features-block .feature-wrapper .svg-wrapper svg{
    width: auto;
    height: 32px;
}
.home3-features-block .feature-wrapper .svg-wrapper svg path{
    fill: var(--bs-secondary);
    stroke: var(--bs-secondary);
}
.home3-features-block .content-wrapper h3{
    margin-bottom: 22px;
}
.home3-title-center{
    margin-bottom: 58px;
    text-align: center;
}
.home3-title-center span, .home3-title span{
    position: relative;
    padding: 8px 12px 10px;
    color: var(--bs-secondary);
    font-size: 18px;
    line-height: 22px;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    display: inline-block;
    margin-bottom: 20px;
}
.home3-title-center span::before, .home3-title span::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bs-secondary);
    opacity: .1;
}
.home3-title-center h2, .home3-title h2{
    font-family: var(--bs-heading-font-2);
    margin-bottom: 0;
}
.home3-popular-block h2{
    max-width: 432px;
    margin: auto;
}
.btn-outline-primary.btn-diff{
    border-color: var(--bs-body-bg-color);
    background-color: var(--bs-primary);
    color: white;
    box-shadow: inset 0 0 0 0px var(--bs-body-bg-color);

}
.btn-outline-primary.btn-diff:hover{
    border-color: var(--bs-primary);
    background-color: var(--bs-body-bg-color);
    color: var(--bs-primary);
    box-shadow: inset 0 0 0 50px var(--bs-body-bg-color);
}
.home3-popular-block .popular-left .content-block{
    display: flex;
}
.home3-popular-block .popular-left .content-block:nth-last-child(n+2){
    margin-bottom: 40px;
}
.home3-popular-block .popular-left .img-wrapper{
    min-width: 310px;
    position: relative;
}
.home3-popular-block .popular-left .img-wrapper p{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--bs-primary);
    padding: 5px;
    padding-left: 25px;
    border-radius: 0 100px 100px 0;
}
.home3-popular-block .popular-left .img-wrapper p .percentage{
    width: 40px;
    height: 40px;
    border: 2px solid white;
    border-radius: 50%;
    font-weight: 700;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home3-popular-block .popular-left .img-wrapper p .percentage span{
    font-size: 8px;
    display: flex;
    align-self: end;
    margin-bottom: 2px;
    opacity: .9;
}
.home3-popular-block .popular-left .content-wrapper{
    padding: 25px 30px;
    padding-bottom: 18px;
    background-color: var(--bs-body-bg-color);
}
.home3-popular-block .content-wrapper .categories{
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    color: var(--bs-secondary);
    margin-bottom: 12px;
}
.home3-popular-block .content-wrapper h4{
    margin-bottom: 16px;
    line-height: 24px;
}
.home3-popular-block .content-wrapper h4 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.home3-popular-block .content-wrapper h4:hover a{
    color: var(--bs-primary);
}
.home3-popular-block .content-wrapper p{
    padding-bottom: 23px;
    margin-bottom: 26px;
    border-bottom: 1px solid #2020201A;
    line-height: 22px;
}
.home3-popular-block .content-wrapper .donate-details{
    justify-content: space-between;
    align-items: center;
}
.home3-popular-block .content-wrapper .donate-details .col-4{
    max-width: max-content;
    text-align: center;
    width: 100%;
    margin-bottom: 7px;
}
.home3-popular-block .content-wrapper .donate-details span{
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 6px;
    display: inline-block;
    color: var(--bs-paragraph-text-color);
}
.home3-popular-block .content-wrapper .donate-details p{
    font-family: var(--bs-paragraph-font);
    font-weight: 900;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.36px;
    border: unset;
    padding: 0;
    margin: 0;
    color: black;
}
.home3-popular-block .popular-right .img-wrapper{
    height: 235px;
}
.home3-popular-block .popular-right .content-wrapper{
    background-color: var(--bs-body-bg-color);
    padding: 20px;
    padding-bottom: 25px;
}
.home3-popular-block .popular-right .content-wrapper h4{
    margin-bottom: 18px;
}
.home3-popular-block .popular-right .content-wrapper p{
    padding-bottom: 28px;
    margin-bottom: 20px;
}
.home3-popular-block .popular-right .content-wrapper .donate-details p{
    padding: 0;
    margin: 0;
}
.home3-popular-block .popular-right .content-wrapper .donate-details{
    padding-bottom: 13px;
    margin-bottom: 25px;
    position: relative;
}
.home3-popular-block .popular-right .content-wrapper .donate-details::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: calc(100% - 24px);
    height: 1px;
    background-color: #2020201A;
}
.home3-popular-block .popular-right .btn-outline-primary.btn-diff{
    margin: auto;
}
.home3-popular-block .row{
    justify-content: space-between;
}
.home3-popular-block .row .col-lg-6:first-child{
    width: 65.8%;
}
.home3-popular-block .row .col-lg-6:last-child{
    width: 32%;
}
.home3-popular-block .img-wrapper{
    overflow: hidden;
}
.home3-popular-block .img-wrapper img{
    transform: scale(1);
    transition: .4s transform ease;
}
.home3-popular-block .img-wrapper:hover img{
    transform: scale(1.1);
}
.home3-counter{
    position: relative;
}
.home3-counter::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bs-heading-text-color);
    opacity: .78;
}
.home3-counter-block .counter-wrapper{
    position: relative;
}
.home3-counter-block .counter-wrapper .row{
    justify-content: space-between;
}
.home3-counter-block .counter-wrapper .row .col-3{
    max-width: max-content;
}
.home3-counter-block .counter-content{
    text-align: center;
    position: relative;
}
.home3-counter-block .col-3:nth-last-child(n+2) .counter-content::after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -101px;
    width: 1px;
    height: 90px;
    border-right: 1px solid #fff;
    /* background-color: white; */
    margin: auto;
}
.home3-counter-block .counter-content svg{
    width: auto;
    height: 30px;
    margin-bottom: 10px;
}
.home3-counter-block .counter-content svg path{
    stroke: white;
    fill: white;
}
.home3-counter-block .counter-content .purecounter{
    font-weight: 700;
    font-size: 45px;
    line-height: 54px;
    color: white;
    display: inline-block;
    margin-bottom: 10px;
}
.home3-counter-block .counter-content p:last-child{
    font-size: 14px;
    line-height: 17px;
    color: white;
    font-family: var(--bs-heading-font-1);
}
.home3-counter.home-page{
    padding-bottom: 200px;
}
.home3-service{
    background-color: var(--bs-primary);
    position: relative;
    padding-bottom: 20px;
}
.home3-service-block .services-wrapper{
    background-color: white;
    padding: 80px;
    top: -80px;
    position: relative;
}
.home3-service .right-svg{
    position: absolute;
    top: 80px;
    right: 27px;
}
.home3-service .left-svg{
    position: absolute;
    left: 27px;
    bottom: 150px;
}
.home3-about-block .home3-title{
    margin-bottom: 35px;
}
.home3-about-block .content-block .para{
    margin-bottom: 61px;    
}
.home3-about-block .content-block li{
    display: flex;
}
.home3-about-block .content-block li .svg-wrapper{
    min-width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 22px;
    background-color: var(--bs-body-bg-color);
    border-radius: 50%;
}
.home3-about-block .content-block li .svg-wrapper svg{
    width: auto;
    height: 21px;
}
.home3-about-block .content-block li .svg-wrapper svg path{
    fill: var(--bs-secondary);
    stroke: var(--bs-secondary);
}
.home3-about-block .content-block li h3{
    margin-bottom: 20px;
    font-family: var(--bs-heading-font-2);
}
.home3-about-block .content-block li:nth-last-child(n+2){
    margin-bottom: 42px;
}
.home3-about-block .content-block{
    margin-top: 78px;
}
.home3-about-block .row{
    justify-content: space-between;
}
.home3-about-block .row .col-lg-6:first-child{
    width: 52%;
}
.home3-about-block .row .col-lg-6:last-child{
    width: 44.7%;
}
.home3-gallery-block h2{
    max-width: 420px;
    margin: auto;
}
.home3-gallery-block .row{
    margin: 0;
}
.home3-gallery-block .row .col-md-4{
    padding: 0;
}
.home3-gallery-block .img-wrapper{
    height: 380px;
    position: relative;
    overflow: hidden;
}
.home3-gallery-block .img-wrapper::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    background-color: var(--bs-primary);
    opacity: .8;
    transition: .5s all ease;
}
.home3-gallery-block .img-wrapper:hover::before{
    width: 100%;
    height: 100%;
}
.home3-gallery-block .img-wrapper a{
    display: inline-block;
    position: absolute;
    top: -40px;
    left: 100%;
    transition: .5s all ease;
    opacity: 0;
}
.home3-gallery-block .img-wrapper a svg{
    width: 40px;
    height: 40px;
}
.home3-gallery-block .img-wrapper:hover a{
    top: 50%;
    left: 50%;
    opacity: 1;
    transform: translate(-50%, -50%);
}
.home3-testimonials{
    background-color: var(--bs-body-bg-color);
}
.home3-team-block .carousel3 .content-wrapper{
    background-color: transparent;
    padding: 0;
    position: relative;
    margin-top: -10px;
}
.home3-team-block .team3 .img-wrapper{
    margin: 0;
    position: relative;
    top: -30px;
}
.home3-team-block .carousel3 .item{
    padding-top: 0;
}
.home3-team-block .team3 .content-block{
    margin-top: 30px;
}
.home3-team-block .carousel3{
    max-width: unset;
}
.home3-team, .home3-team-block{
    position: relative;
}
.home3-team::before{
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--bs-primary);
    opacity: .9;
}
.home3-team-block .home3-title-center span::before{
    background-color: white;
    opacity: 1;
    z-index: -1;
}
.home3-team-block .team3 .content-wrapper h4{
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 16px;
}
.home3-team-block .team3 .content-wrapper .social-icons{
    line-height: 13px;
}
.home3-team-block .team3 .content-block{
    background-color: white;
}
.home3-team-block .home3-title-center span{
    color: var(--bs-secondary);
    z-index: 1;
}
.home3-team-block h2{
    color: white;
}
.home3-team-block .dots2 .owl-theme .owl-dots .owl-dot span{
    background-color: white !important;
}
.home3-volunteer-block .img-block{
    padding: 120px 93px 0 60px;
    position: relative;
}
.home3-volunteer-block .img-block::before{
    content: "";
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    height: 450px;
    background-color: var(--bs-primary);
    z-index: -1;
}
.home3-volunteer-block .img-block svg{
    max-width: 360px;
    width: 100%;
    height: 175px;
    position: absolute;
    right: 0;
    bottom: 32px;
    z-index: -1;
}
.home3-volunteer-block .img-block svg path {
    stroke: var(--bs-primary);
}
.home3-volunteer-block .img-wrapper{
    height: 617px;
    position: relative;
}
.home3-volunteer-block .content-wrapper{
    height: 617px;
    background-color: var(--bs-body-bg-color);
    padding-left: 180px;
    margin-left: -257px;
    display: flex;
    align-items: end;
    padding-bottom: 174px;
}
.home3-volunteer-block .content-wrapper h2{
    margin-bottom: 38px;
}
.home3-volunteer-block .col-lg-6:first-child{
    width: 57.7%;
}
.home3-volunteer-block .col-lg-6:last-child{
    width: calc(100% - 57.7%);
}
.home3-event-block .img-wrapper{
    height: 300px;
    overflow: hidden;
}
.home3-event-block .img-wrapper img{
    transform: scale(1);
    transition: .4s transform ease;
}
.home3-event-block .img-wrapper:hover img{
    transform: scale(1.1);
}
.home3-event-block .content-wrapper{
    display: flex;
}
.home3-event-block .content-wrapper .publish{
    height: auto;
    max-width: 80px;
    width: 100%;
    background-color: var(--bs-primary);
    color: white;
    font-family: var(--bs-paragraph-font);
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    text-align: center;
}
.home3-event-block .content-wrapper h5{
    padding: 17px 25px;
    line-height: 24px;
    width: 100%;
    display: flex;
    margin: 0;
    background-color: var(--bs-body-bg-color);
    align-items: center;
}
.home3-event-block .content-wrapper h5 a{
    text-decoration: none;
    color: black;
}
.home3-event-block .content-wrapper h5:hover a{
    color: var(--bs-primary);
}
.home3-event-block .row{
    justify-content: space-between;
}
.home3-event-block .row .col-lg-6{
    width: 48.6%;
}
.home3-event.home-page{
    padding-top: 20px;
}
.home3-donate{
    position: relative;
}
.home3-donate .bg-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
}
.home3-donate-block{
    display: flex;
    justify-content: end;
}
.home3-donate-block > .form-wrapper{
    max-width: 700px;
    width: 100%;
    padding: 60px 30px;
    background-color: var(--bs-body-bg-color);
}
.home3-donate-block > .form-wrapper .home3-title-center{
    max-width: 500px;
    margin: auto;
    margin-bottom: 42px;
}
.home3-donate-block > .form-wrapper .home3-title-center h2{
    margin-bottom: 22px;
}
.home3-donate-block > .form-wrapper form{
    max-width: 450px;
    margin: auto;
}
/* Pages About */
.page-about{
    padding-top: 200px;
    overflow: hidden;
}
.page-about-block .donation-run{
    position: absolute;
    z-index: 1;
    padding: 30px;
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: 6px;
    max-width: 338px;
    box-shadow: 0px 3px 8px #0000001A;
    bottom: 123px;
    right: 76px;
}
.page-about-block .donation-run span{
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    font-size: 38px;
    line-height: 47px;
    margin-right: 22px;
    color: var(--bs-secondary);
}
.page-about-block .donation-run p{
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    line-height: 20px;
}
.home2-about-block.page-about-block .img-block .line-circle {
    width: 340px;
    height: 340px;
    top: -100px;
    right: -100px;
}
.home2-about-block.page-about-block .img-block .line-circle path {
    stroke-width: 3px;
}
.page-team{
    position: relative;
    padding-top: 50px;
    margin-top: 20px;
}
.page-team .team1 .content-block .content-wrapper h4{
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 22px;
}
.page-team .bg-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 520px;
    z-index: -1;
}
.page-counter, .page-counter .home2-counter-block, .page-volunteer, .page-volunteer-block{
    position: relative;
}
.page-counter::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bs-heading-text-color);
    opacity: .78;
}
.page-volunteer::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .7;
}
.page-volunteer-block h2{
    color: white;
    max-width: 474px;
    margin: auto;
}
.page-volunteer-block .btn-secondary{
    margin-top: 42px;
}
.page-volunteer-block .home2-title-center{
    margin: 0;
}
.page-client-block .owl-dots{
    display: none;
}
.page-vision-mission-block .content-block li{
    display: flex;
}
.page-vision-mission-block .content-block li:nth-last-child(n+2){
    margin-bottom: 50px;
}
.page-vision-mission-block .svg-wrapper1{
    min-width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--bs-body-bg-color);
    margin-right: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-vision-mission-block .svg-wrapper1 svg{
    width: auto;
    height: 21px;
}
.page-vision-mission-block .svg-wrapper1 svg path{
    fill: var(--bs-secondary);
    stroke: var(--bs-secondary);
}
.page-vision-mission-block .content-wrapper h3{
    font-family: var(--bs-heading-font-2);
    margin-bottom: 20px;
}
.page-vision-mission-block .content-wrapper p.para{
    margin-bottom: 36px;
}
.page-vision-mission-block .content-wrapper .list-wrapper li:nth-last-child(n+2){
    margin-bottom: 20px;
}
.page-vision-mission-block .img-wrapper{
    height: 100%;
}
.page-vision-mission-block .row{
    justify-content: space-between;
}
.page-vision-mission-block .row .col-lg-6:first-child{
    width: 48.6%;
}
.page-vision-mission-block .row .col-lg-6:last-child{
    width: 46.9%;
}
.vision-mission-volunteer{
    margin-bottom: 100px;
}
.vision-mission-volunteer-block{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 155px 0px;
}
.vision-mission-volunteer-block .content-wrapper{
    max-width: 432px;
    margin: auto;
    text-align: center;
}
.vision-mission-volunteer-block .content-wrapper h2{
    margin-bottom: 50px;
    font-family: var(--bs-heading-font-2);
}
.vision-mission-volunteer-block .content-wrapper .btn-wrapper{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.vision-mission-volunteer-block .content-wrapper .btn-wrapper a{
    margin-top: 10px;
}
.volunteer-list-block .content-block{
    display: flex;
    border-radius: 8px;
    overflow: hidden;
}
.volunteer-list-block .content-block:nth-last-child(n+2){
    margin-bottom: 50px;
}
.volunteer-list-block .img-wrapper{
    min-width: 300px;
    max-width: 480px;
    width: 100%;
}
.volunteer-list-block .content-wrapper{
    padding: 60px 50px 74px;
    background-color: #F2F2F2;
}
.volunteer-list-block .content-wrapper h3{
    margin-bottom: 24px;
    line-height: 30px;
}
.volunteer-list-block .content-wrapper h3 a{
    text-decoration: none;
    color: var(--bs-secondary);
    letter-spacing: 1.25px;
}
.volunteer-list-block .content-wrapper h3:hover a{
    color: var(--bs-primary);
}
.volunteer-list-block .content-wrapper p{
    margin-bottom: 52px;
}
.volunteer-list-block .content-wrapper .horizontal-line{
    margin-bottom: 48px;
}
.volunteer-list-block .content-wrapper .social-icons{
    display: flex;
    max-width: 165px;
    justify-content: space-between;
}
.volunteer-list-block .content-wrapper .social-icons svg{
    width: auto;
    height: 18px;
}
.volunteer-list-block .content-wrapper .social-icons svg path{
    fill: var(--bs-paragraph-text-color);
}
.volunteer-list-block .content-wrapper .social-icons a:last-child  path{
    fill: transparent;
    stroke: var(--bs-paragraph-text-color);
}
.volunteer-list-block .content-wrapper .social-icons a:hover path{
    fill: var(--bs-primary);
}
.volunteer-list-block .content-wrapper .social-icons a:last-child:hover  path{
    fill: transparent;
    stroke: var(--bs-primary);
}
.volunteer-grid-block .social-icons a:last-child path{
    fill: transparent;
    stroke: var(--bs-paragraph-text-color);
}
.volunteer-grid-block .social-icons a:last-child:hover path{
    fill: transparent;
    stroke: var(--bs-secondary);
}
.volunteer-grid-block .col-lg-4:nth-last-child(n+4){
    margin-bottom: 50px;
}
.volunteer-grid-block .team1 .content-block .content-wrapper h4{
    font-size: 16px;
}
.volunteer-details-block .img-wrapper{
    min-height: 630px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
}
.volunteer-details-block .img-wrapper img{
    height: unset;
}
.volunteer-details-block .content-wrapper h2{
    font-family: var(--bs-heading-font-2);
    margin-bottom: 20px;
}
.volunteer-details-block .content-wrapper > span{
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    color: var(--bs-secondary);
    margin-bottom: 32px;
    display: inline-block;
}
.volunteer-details-block .content-wrapper p{
    margin-bottom: 56px;
}
.volunteer-details-block .content-wrapper .social-icons{
    display: flex;
    max-width: 280px;
    justify-content: space-between;
}
.volunteer-details-block .content-wrapper .social-icons a{
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--bs-primary);
    justify-content: center;
    align-items: center;
    transition: .3s background-color ease;
}
.volunteer-details-block .content-wrapper .social-icons a svg{
    width: auto;
    height: 16px;
}
.volunteer-details-block .content-wrapper .social-icons a path{
    fill: white;
}
.volunteer-details-block .content-wrapper .social-icons a:hover{
    background-color: var(--bs-secondary);
}
.volunteer-details-block .content-wrapper .social-icons a:last-child path{
    fill: transparent;
    stroke: white;
}
.volunteer-details-block .row{
    justify-content: space-between;
    align-items: center;
}
.volunteer-details-block .row .col-lg-6:first-child{
    width: 53%;
}
.volunteer-details-block .row .col-lg-6:last-child{
    width: 42.5%;
}
.donation-form-block .donation-title{
    margin: auto;
    margin-bottom: 58px;
    text-align: center;
    max-width: 557px;
}
.donation-form-block .donation-title h2{
    font-family: var(--bs-heading-font-2);
    margin-bottom: 26px;
}
.donation-form-block > .form-wrapper{
    max-width: 790px;
    margin: auto;
    box-shadow: 0px 0px 10px #00000014;
    padding: 55px;
    border-radius: 8px;
}
.donation-form-block .form-wrapper h3{
    line-height: 30px;
    margin-bottom: 22px;
}
.donation-form-block .details-wrapper .form-control{
    font-size: 14px;
    line-height: 17px;
    height: 60px;
    padding: 21px 26px;
    border: 1px solid #00000040;
    border-radius: 0;
    box-shadow: unset;
    color: var(--bs-paragraph-text-color);
}
.donation-form-block .details-wrapper .col-md-6:nth-last-child(n+3){
    margin-bottom: 30px;
}
.donation-form-block .donation-wrapper .col-3:last-child .option input{
    box-shadow: unset;
    background-color: transparent;
    border: unset;
    font-size: 14px;
    line-height: 17px;
    max-width: 100px;
}
.donation-form-block .donation-wrapper{
    margin-bottom: 40px;
}
.donation-form-block .form-wrapper .btn-secondary{
    margin-top: 52px;
}
.become-volunteer{
    overflow: hidden;
}
.become-volunteer-block, .become-volunteer{
    position: relative;
}
.become-volunteer-block .form2 .form-control, .become-volunteer-block .form2 .form-select{
    background-color: var(--bs-body-bg-color);
}
.become-volunteer-block{
    padding: 200px 0;
    display: flex;
    justify-content: end;
}
.become-volunteer .bg-wrapper{
    position: absolute;
    top: 220px;
    left: 0;
    width: 57.5%;
    height: 820px;
}
.become-volunteer-block .rectangle-svg{
    position: absolute;
    left: 97px;
    top: 0;
    height: 1060px;
    max-width: 680px;
}
.become-volunteer-block .rectangle-svg rect{
    fill: var(--bs-primary);
}
.become-volunteer-block .rectangle-svg svg{
    width: 100%;
    height: 100%;
}
.become-volunteer-block .form2{
    padding: 62px 60px;
    position: relative;
    z-index: 1;
    margin: unset;
}
.become-volunteer-block .form2 h2{
    font-family: var(--bs-heading-font-2);
    margin-bottom: 25px;
}
.become-volunteer-block .form2 p{
    margin-bottom: 34px;
    line-height: 23px;
}
.become-volunteer-block .volunteer-title{
    max-width: 557px;
}
.page-become-team{
    padding-top: 0;
}
.gallery-grid-block .img-wrapper{
    height: 350px;
    position: relative;
    overflow: hidden;
}
.gallery-grid-block .row{
    justify-content: space-between;
}
.gallery-grid-block .row .col-md-4:nth-last-child(n+4){
    margin-bottom: 30px;
}
.gallery-details-block .img-wrapper{
    height: 600px;
    margin-bottom: 50px;
}
.gallery-details-block .list2 p{
    line-height: 19px;
}
.gallery-details-block .list2 .svg-wrapper{
    line-height: 0;
}
.gallery-details-block .list2 li{
    align-items: center;
}
.gallery-details-block .content-wrapper h2, .gallery-details-block .content-wrapper h3{
    font-family: var(--bs-heading-font-2);
    margin-bottom: 25px;
}
.gallery-details-block .content-wrapper p.para{
    margin-bottom: 30px;
}
.gallery-details-block .content-wrapper .list-unstyled{
    margin-bottom: 60px;
}
.gallery-donate{
    padding: 0;
    margin-top: 150px;
    min-height: 400px;
    background-color: var(--bs-primary);
    position: relative;
}
.gallery-donate-block .row{
    justify-content: space-between;
}
.gallery-donate-block .row .col-md-6:first-child{
    display: flex;
    align-items: center;
    width: 52.4%;
    justify-content: flex-end;
}
.gallery-donate-block .row .col-md-6:last-child{
    width: 40.4%;
}
.gallery-donate-block .content-wrapper{
    max-width: 434px;
    margin-right: 0;
    position: relative;
    z-index: 2;
}
.gallery-donate-block .content-wrapper h2{
    color: white;
    font-family: var(--bs-heading-font-2);
    margin-bottom: 38px;
}
.gallery-donate-block .content-wrapper .btn-secondary{
    background-color: white;
    color: var(--bs-secondary);
    border-color: transparent;
}
.gallery-donate-block .content-wrapper .btn-secondary:hover{
    background-color: var(--bs-secondary);
    color: white;
}
.gallery-donate-block .img-wrapper{
    height: 550px;
    margin-top: -150px;
    position: relative;
    z-index: 2;
}
.gallery-donate-block .img-wrapper img{
    object-fit: contain;
}
.gallery-donate .top-triangle, .gallery-donate .line-circle{
    position: absolute;
    top: 0;
    left: 0;
    height: 400px;
    width: auto;
    z-index: 1;
}
.gallery-donate .top-triangle {
    background-color: var(--bs-primary);
    clip-path: polygon(0 0, 426px 0, 213px 200px, 0 400px);
}
.gallery-donate .top-triangle path {
    fill: #FFF;
    opacity: 0.2;
}
.gallery-donate .line-circle{
    height: 360px;
    transform: rotate(45deg);
    z-index: 0;
    left: 30px;
}
.gallery-donate .bottom-triangle{
    position: absolute;
    right: 0;
    bottom: 0;
    height: 400px;
    width: auto;
    z-index: 1;
}
.gallery-donate .bottom-triangle path{
    fill: #FFF;
    opacity: .2;
}
.page-testimonials-block .testimonial1.carousel5 .divider-wrapper .right-img h4{
    color: var(--bs-secondary);
    margin-bottom: 8px;
}
.page-testimonials-block .carousel5 .message-wrapper{
    font-weight: 500;
}
.page-testimonials-block .row .col-md-6:nth-last-child(n+3){
    margin-bottom: 68px;
}
.page-awards-block .content-block{
    border-radius: 8px;
    overflow: hidden;
}
.page-awards-block .img-wrapper{
    height: 320px;
}
.page-awards-block .content-wrapper{
    padding: 42px 40px;
    background-color: var(--bs-body-bg-color);
}
.page-awards-block .content-wrapper h4{
    line-height: 22px;
    margin-bottom: 24px;
}
.page-awards-block .content-wrapper span{
    margin-bottom: 24px;
}
.page-awards-block .row{
    justify-content: space-between;
}
.page-awards-block .row .col-md-6{
    width: 48.6%;
}
.page-awards-block .row .col-md-6:nth-last-child(n+3){
    margin-bottom: 55px;
}
.page-cta{
    position: relative;
}
.page-cta::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .7;
}
.page-cta-block .content-wrapper{
    max-width: 476px;
    margin: auto;
    position: relative;
}
.page-cta-block .content-wrapper h2{
    color: white;
    text-align: center;
    margin-bottom: 54px;
    font-family: var(--bs-heading-font-2);
}
.page-cta-block .content-wrapper .btn-secondary{
    margin: auto;
}
.page-search-block .form-search{
    max-width: 800px;
    margin: auto;
    margin-bottom: 63px;
    position: relative;
}
.page-search-block .form-search .form-control{
    width: 100%;
    height: 80px;
    padding: 27px 184px 30px 40px;
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--bs-paragraph-text-color);
    box-shadow: unset;
}
.page-search-block .btn-secondary{
    position: absolute;
    top: 10px;
    right: 10px;
}
.page-search-block .sub-title-center{
    margin-bottom: 80px;
}
.page-search-block .sub-title-center h2{
    margin-bottom: 24px;
}
.page-search-block .sub-title-center p{
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--bs-paragraph-text-color);
}
.page-search-block .serach-content .show-content{
    padding: 48px 0 50px 0;
    border-top: 1px solid #00000052;
}
.page-search-block .serach-content .show-content:last-child{
    border-bottom: 1px solid #00000052;
}
.page-search-block .serach-content .show-content h3{
    line-height: 30px;
    margin-bottom: 30px;
}
.pagination-btn .pagination{
    max-width: 324px;
    margin: auto;
    margin-top: 80px;
    justify-content: space-between;
}
.pagination-btn .pagination .page-link{
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--bs-heading-font-1);
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    border: 2px solid black;
    border-radius: 50%;
    color: black;
}
.pagination-btn .pagination .page-link svg{
    width: 10px;
    height: 16px;
}
.pagination-btn .pagination .page-link svg path{
    fill: black;
}
.pagination-btn .pagination .active .page-link, .pagination-btn .pagination .page-link:hover{
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: white;
}
.pagination-btn .pagination .page-link:hover svg path, .pagination-btn .pagination .active .page-link svg path{
    fill: white;
}
.page-login, .page-register, .page-forgot{
    position: relative;
    margin: 100px 0;
}
.page-login .bg-wrapper, .page-register .bg-wrapper, .page-forgot .bg-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 59%;
    height: 100%;
    z-index: -1;
}
.page-login-block h2, .page-register-block h2, .page-forgot-block h2{
    text-align: center;
    margin-bottom: 58px;
    font-family: var(--bs-heading-font-2);
}
.register-form{
    min-height: 661px;
    max-width: 700px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 80px 100px;
    background-color: var(--bs-body-bg-color);
}
.register-form .form-control, .register-form .form-label{
    font-family: var(--bs-paragraph-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--bs-paragraph-text-color);
}
.register-form .form-control{
    padding: 21px 26px;
    height: 60px;
    margin-bottom: 16px;
    box-shadow: unset;
    border-radius: 0;
    background-color: var(--bs-body-bg-color);
}
.register-form .form-label{
    margin-bottom: 42px;
}
.register-form .btn-secondary{
    margin: auto;
    margin-top: 13px;
}
.register-form .link-wrapper{
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
    flex-wrap: wrap;
}
.register-form .link-wrapper p{
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-top: 10px;
}
.register-form .link-wrapper p a{
    text-decoration: none;
    font-weight: 700;
    color: var(--bs-heading-text-color);
}
.register-form .link-wrapper p a:hover{
    color: var(--bs-secondary);
}
.page-login-block, .page-register-block, .page-forgot-block{
    display: flex;
    justify-content: end;
}
.page-coming-soon{
    background-color: var(--bs-primary);
    height: 100vh;
    display: flex;
    align-items: center;
}
.page-coming-soon-block{
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-coming-soon-block .coming-wrapper{
    max-width: 750px;
    width: 100%;
    text-align: center;
}
.page-coming-soon-block .coming-wrapper h1{
    font-size: 50px;
    line-height: 61px;
    margin-bottom: 50px;
    color: white;
}
.page-coming-soon-block .coming-wrapper .para{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 80px;
    color: white;
    font-size: 38px;
    line-height: 47px;
}
.page-coming-soon-block .coming-wrapper .para::before, .page-coming-soon-block .coming-wrapper .para::after{
    content: "";
    margin-top: 5px;
    width: 150px;
    height: 1px;
    background-color: white;
}
.page-coming-soon-block .coming-wrapper .para::after{
    margin-left: 20px;
}
.page-coming-soon-block .coming-wrapper .para::before{
    margin-right: 20px;
}
.page-coming-soon-block .timer-wrapper ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 750px;
    margin: auto;
}
.page-coming-soon-block .timer-wrapper ul li .time{
    display: block;
    font-family: var(--bs-paragraph-font);
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 13px;
    color: white;
    margin-bottom: 15px;
}
.page-coming-soon-block .timer-wrapper ul li p{
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 6px;
    color: white;
    opacity: .76;
}
.page-coming-soon-block .timer-wrapper ul .colon {
    font-size: 50px;
    font-family: var(--bs-paragraph-font);
    color: #FFF;
    font-weight: 400;
}
.page-maintenance{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
.page-maintenance-block .img-wrapper{
    max-width: 576px;
    width: 100%;
    height: 300px;
    margin: auto;
    margin-bottom: 40px;
}
.page-maintenance-block .img-wrapper img{
    object-fit: contain;
}
.page-maintenance-block .content-wrapper{
    text-align: center;
}
.page-maintenance-block .content-wrapper h1{
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 36px;
}
.page-maintenance-block .content-wrapper p{
    max-width: 460px;
    margin: auto;
}
.page-error-block .error-wrapper{
    max-width: 860px;
    min-height: 450px;
    margin: auto;
    text-align: center;
}
.page-error-block .error-wrapper h1, .page-forbidden-block .error-wrapper h1{
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    font-size: 200px;
    line-height: 244px;
    margin-bottom: 3px;
}
.page-error-block .error-wrapper p, .page-forbidden-block .error-wrapper p{
    font-size: 35px;
    font-weight: 700;
    line-height: 43px;
    margin-bottom: 40px;
}
.page-error-block .error-wrapper .btn-secondary{
    margin: auto;
}
.page-forbidden-block .error-wrapper{
    max-width: 544px;
    min-height: 544px;
    width: 100%;
    margin: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* Campaign Grid */
.campaign-grid2-block.home2-popular-block .img-wrapper{
    height: 360px;
}
.campaign-grid2-block.home2-popular-block .content-wrapper{
    padding: 26px 28px 30px;
    background-color: var(--bs-body-bg-color);
}
.campaign-grid2-block.home2-popular-block .content-wrapper h3{
    margin-bottom: 30px;
}
.campaign-grid2-block.home2-popular-block .content-wrapper h3 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.campaign-grid2-block.home2-popular-block .content-wrapper h3:hover a{
    color: var(--bs-primary);
}
.campaign-grid2-block.home2-popular-block .content-wrapper p, .campaign-grid2-block.home2-popular-block .content-wrapper p .goal{
    font-size: 18px;
    line-height: 22px;
}
.campaign-grid2-block.home2-popular-block.progress-bars-block .progress{
    height: 9px;
}
.campaign-grid2-block.home2-popular-block .content-wrapper .center-btn{
    margin-top: 42px;
}
.campaign-grid2-block .col-md-6{
    width: 48.6%;
}
.campaign-grid2-block .col-md-6:nth-last-child(n+3){
    margin-bottom: 60px;
}
.campaign-grid2-block .btn-grid, .campaign-grid3-block .btn-grid, .campaign-grid4-block .btn-grid{
    margin-top: 80px;
}
.campaign-grid3-block.home2-popular-block .content-wrapper{
    background-color: var(--bs-body-bg-color);
}
.campaign-grid4-block.home2-popular-block .img-wrapper{
    height: 185px;
}
.campaign-grid4-block.home2-popular-block .facility{
    font-size: 12px;
    line-height: 14px;
    min-width: 75px;
}
.campaign-grid4-block.home2-popular-block .content-wrapper{
    padding: 17px 17px 22px;
    background-color: var(--bs-body-bg-color);
}
.campaign-grid4-block.home2-popular-block .content-wrapper h5{
    margin-bottom: 20px;
}
.campaign-grid4-block.home2-popular-block .content-wrapper h5 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.campaign-grid4-block.home2-popular-block .content-wrapper h5:hover a{
    color: var(--bs-primary);
}
.campaign-grid4-block.home2-popular-block .content-wrapper .center-btn{
    margin-top: 24px;
}
.campaign-list-fullwidth-block .content-block{
    border-radius: 8px;
    overflow: hidden;
    display: flex;
}
.campaign-list-fullwidth-block .content-block:nth-last-child(n+2){
    margin-bottom: 50px;
}
.campaign-list-fullwidth-block .img-wrapper{
    min-width: 480px;
    overflow: hidden;
}
.campaign-list-fullwidth-block .img-wrapper img{
    transform: scale(1);
    transition: .4s transform ease;
}
.campaign-list-fullwidth-block .img-wrapper:hover img{
    transform: scale(1.1);
}
.campaign-list-fullwidth-block .content-wrapper{
    padding: 50px;
    background-color: var(--bs-body-bg-color);
}
.campaign-list-fullwidth-block .content-wrapper .categories{
    color: var(--bs-secondary);
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    display: inline-block;
    margin-bottom: 16px;
}
.campaign-list-fullwidth-block .content-wrapper h3{
    margin-bottom: 25px;
}
.campaign-list-fullwidth-block .content-wrapper h3 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.campaign-list-fullwidth-block .content-wrapper h3:hover a{
    color: var(--bs-secondary);
}
.campaign-list-fullwidth-block .content-wrapper .para{
    margin-bottom: 42px;
}
.campaign-list-fullwidth-block .content-wrapper .horizontal-line{
    margin-bottom: 38px;
}
.campaign-list-fullwidth-block .content-wrapper ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.campaign-list-fullwidth-block .content-wrapper ul span{
    color: var(--bs-paragraph-text-color);
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    margin-bottom: 6px;
    text-transform: uppercase;
}
.campaign-list-fullwidth-block .content-wrapper ul p{
    font-size: 18px;
    line-height: 22px;
    color: black;
    font-weight: 700;
}
.campaign-sidebar h4{
    font-size: 18px;
    line-height: 22px;
    padding: 13px 18px 15px;
    height: 50px;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    background-color: var(--bs-body-bg-color);
    margin-bottom: 30px;
    border-radius: 4px;
}
.campaign-sidebar .list2{
    padding-left: 18px;
}
.campaign-sidebar h4 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.campaign-sidebar h4:hover a{
    color: var(--bs-secondary);
}
.campaign-sidebar .list2 .svg-wrapper svg{
    width: 12px;
    height: 10px;
    margin-right: 10px;
}
.campaign-sidebar .list2 a{
    text-decoration: none;
    font-size: 16px;
    line-height: 19px;
    color: var(--bs-paragraph-text-color);
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
}
.campaign-sidebar .list2 a:hover{
    color: var(--bs-secondary);
}
.campaign-sidebar .list2 li:nth-last-child(n+2){
    margin-bottom: 15px;
}
.campaign-sidebar .list2 .svg-wrapper{
    line-height: 0;
}
.campaign-sidebar .list2 li{
    align-items: center;
}
.circle-bar{
    position: relative;
    margin-right: 28px;
}
.circle-bar .outer{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-body-bg-color);
}
.circle-bar .outer .inner{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}
.circle-bar .outer .inner .number{
    font-size: 12px;
    line-height: 14px;
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    color: var(--bs-secondary);
}
.circle-bar circle{
    fill: none;
    stroke-width: 5px;
    stroke: var(--bs-secondary);
    stroke-dasharray: 125;
    stroke-dashoffset: 125;
    transition: 1.5s linear;
}
.circle-bar svg{
    position: absolute;
    top: 0;
    left: 0;
}
.campaign-sidebar .urgent li:first-child{
    padding-top: 0;
    border-top: unset;
}
.campaign-sidebar .urgent li{
    display: flex;
    padding: 22px 0;
    border-top: 1px solid #00000033;
}
.campaign-sidebar .urgent li:last-child{
    border-bottom: 1px solid #00000033;
}
.campaign-sidebar .urgent h5{
    margin-bottom: 0;
}
.campaign-sidebar .urgent h5 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.campaign-sidebar .urgent h5:hover a{
    color: var(--bs-secondary);
}
.campaign-sidebar .donate-wrapper{
    padding: 30px;
    min-height: 350px;
    /* border-radius: 6px; */
    overflow: hidden;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.campaign-sidebar .donate-wrapper::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .6;
}
.campaign-sidebar .donate-wrapper h5{
    color: white;
    margin-bottom: 42px;
    position: relative;
    font-family: var(--bs-heading-font-2);
    font-weight: 500;
}
.campaign-sidebar .donate-wrapper .btn-secondary{
    position: relative;
}
.campaign-list-sidebar-block .row{
    justify-content: space-between;
}
.campaign-list-sidebar-block .row .col-lg-6:first-child{
    width: 68.8%;
}
.campaign-list-sidebar-block .row .col-lg-6:last-child{
    width: 28.43%;
}
.campaign-list-sidebar-block.campaign-list-fullwidth-block .img-wrapper{
    min-width: 345px;
}
.campaign-list-sidebar-block.campaign-list-fullwidth-block .content-wrapper{
    padding: 30px;
}
.campaign-list-sidebar-block.campaign-list-fullwidth-block .content-wrapper h3{
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
}
.campaign-list-sidebar-block.campaign-list-fullwidth-block .content-wrapper .para{
    margin-bottom: 32px;
}
.campaign-list-sidebar-block.campaign-list-fullwidth-block .content-wrapper .horizontal-line{
    margin-bottom: 30px;
}
.campaign-sidebar .sidebar-content:nth-last-child(n+2){
    margin-bottom: 60px;
}
.campaign-list-sidebar-block.campaign-list-fullwidth-block .content-block:nth-last-child(n+2){
    margin-bottom: 38px;
}
.campaign-list-sidebar-block.campaign-list-fullwidth-block .content-wrapper .categories{
    margin-bottom: 14px;
}
.campaign-detail-fullwidth-block .banner-wrapper{
    height: 640px;
    margin-bottom: 50px;
}
.campaign-detail-fullwidth-block .categories-wrapper span{
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--bs-paragraph-text-color);
}
.campaign-detail-fullwidth-block .categories-wrapper svg{
    width: auto;
    height: 14px;
    margin-right: 10px;
}
.campaign-detail-fullwidth-block .categories-wrapper svg path{
    fill: var(--bs-secondary);
}
.campaign-detail-fullwidth-block .categories-wrapper span:first-child{
    margin-right: 7px;
    display: inline-flex;
    align-items: center;
}
.campaign-detail-fullwidth-block .categories-wrapper span:last-child{
    padding-left: 10px;
    position: relative;
}
.campaign-detail-fullwidth-block .categories-wrapper span:last-child::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 16px;
    margin: auto;
    background-color: var(--bs-paragraph-text-color);
}
.campaign-detail-fullwidth-block .categories-wrapper{
    margin-bottom: 20px;
}
.campaign-detail-fullwidth-block h2{
    font-family: var(--bs-heading-font-2);
    margin-bottom: 25px;
}
.campaign-detail-fullwidth-block .details-title p{
    margin-bottom: 50px;
}
.campaign-detail-fullwidth-block .divider1, .campaign-detail-fullwidth-block .divider2{
    display: flex;
    justify-content: space-between;
}
.campaign-detail-fullwidth-block .divider1{
    margin-bottom: 50px;
}
.campaign-detail-fullwidth-block .divider1 .left-progress{
    max-width: 720px;
    width: 100%;
    margin-right: 20px;
}
.campaign-detail-fullwidth-block .divider1 .left-progress .progress1{
    margin-bottom: 20px;
}
.campaign-detail-fullwidth-block .divider2 p{
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    margin: 0;
}
.campaign-detail-fullwidth-block .divider2 p:first-child{
    color: black;
}
.campaign-detail-fullwidth-block.progress-bars-block .progress{
    height: 10px;
}
.campaign-detail-fullwidth-block.progress-bars-block .progress-bar{
    background-color: var(--bs-primary);
}
.campaign-detail-fullwidth-block .img-wrapper{
    height: 340px;
}
.campaign-detail-fullwidth-block .row{
    margin-bottom: 50px;
}
.campaign-detail-fullwidth-block .para{
    margin-bottom: 60px;
}
.campaign-detail-fullwidth-block .review-block{
    padding: 60px 0;
    margin-bottom: 60px;
    border-top: 1px solid #00000040;
    border-bottom: 1px solid #00000040;
}
.campaign-detail-fullwidth-block .review-block h3{
    font-family: var(--bs-heading-font-2);
    margin-bottom: 35px;
}
.campaign-detail-fullwidth-block .review-divider{
    display: flex;
} 
.campaign-detail-fullwidth-block .review-divider .img-wrapper{
    max-width: 120px;
    min-width: 80px;
    width: 100%;
    height: 140px;
    margin-right: 25px;
}
.campaign-detail-fullwidth-block .review-divider .content-wrapper span{
    color: var(--bs-secondary);
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 19px;
    display: inline-block;
}
.campaign-detail-fullwidth-block .review-divider .content-wrapper p{
    margin-bottom: 24px;
}
.campaign-detail-fullwidth-block .review-divider .content-wrapper a{
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    color: black;
}
.campaign-detail-fullwidth-block .review-divider .content-wrapper a:hover{
    color: var(--bs-secondary);
}
.campaign-detail-fullwidth-block .comments-wrapper{
    display: flex;
    justify-content: center;
}
.campaign-detail-fullwidth-block .comments-wrapper h3{
    margin-bottom: 0;
}
.campaign-detail-fullwidth-block .comments-wrapper h3 a{
    text-decoration: none;
    color: var(--bs-secondary);
    position: relative;
}
.campaign-detail-fullwidth-block .comments-wrapper h3 a::before{
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 3px;
    width: 0%;
    background-color: var(--bs-secondary);
    transition: .3s width ease;
}
.campaign-detail-fullwidth-block .comments-wrapper h3 a:hover::before{
    width: 100%;
}
.campaign-detail-rightsidebar-block .row, .campaign-detail-leftsidebar-block .row{
    justify-content: space-between;
}
.campaign-detail-rightsidebar-block .row .col-lg-6:first-child, .campaign-detail-leftsidebar-block .row .col-lg-6:last-child{
    width: 68.8%;
}
.campaign-detail-rightsidebar-block .row .col-lg-6:last-child, .campaign-detail-leftsidebar-block .row .col-lg-6:first-child{
    width: 28.5%;
}
.campaign-detail-rightsidebar-block.campaign-detail-fullwidth-block .banner-wrapper,
.campaign-detail-leftsidebar-block.campaign-detail-fullwidth-block .banner-wrapper{
    height: 450px;
    margin-bottom: 40px;
}
.campaign-detail-rightsidebar-block.campaign-detail-fullwidth-block .details-title p,
.campaign-detail-leftsidebar-block.campaign-detail-fullwidth-block .details-title p{
    margin-bottom: 22px;
}
.campaign-detail-rightsidebar-block.campaign-detail-fullwidth-block .details-title p:last-child, .campaign-detail-rightsidebar-block.campaign-detail-fullwidth-block .col-lg-6 .row,
.campaign-detail-leftsidebar-block.campaign-detail-fullwidth-block .details-title p:last-child, .campaign-detail-leftsidebar-block.campaign-detail-fullwidth-block .col-lg-6 .row{
    margin-bottom: 40px;
}
.campaign-detail-rightsidebar-block.campaign-detail-fullwidth-block .img-wrapper,
.campaign-detail-leftsidebar-block.campaign-detail-fullwidth-block .img-wrapper{
    height: 260px;
}
.campaign-detail-rightsidebar-block.campaign-detail-fullwidth-block .para,
.campaign-detail-leftsidebar-block.campaign-detail-fullwidth-block .para{
    margin-bottom: 50px;
}
.campaign-detail-rightsidebar-block.campaign-detail-fullwidth-block .review-block,
.campaign-detail-leftsidebar-block.campaign-detail-fullwidth-block .review-block{
    padding: 50px 0;
    margin-bottom: 40px;
}
.campaign-detail-rightsidebar-block.campaign-detail-fullwidth-block .review-divider .img-wrapper,
.campaign-detail-leftsidebar-block.campaign-detail-fullwidth-block .review-divider .img-wrapper{
    height: 140px;
}
.campaign-detail-rightsidebar-block.campaign-detail-fullwidth-block .row.sidebar-divider,
.campaign-detail-leftsidebar-block.campaign-detail-fullwidth-block .row.sidebar-divider{
    margin-bottom: 0;
}
.campaign-sidebar .circle-donate{
    background-color: var(--bs-heading-text-color);
    padding: 50px 20px 0;
    padding-bottom: 22px;
    position: relative;
}
.campaign-sidebar .circle-donate .btn-secondary{
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
    margin: auto;
}
.campaign-sidebar .circle-donate .circle-wrapper{
    display: flex;
    justify-content: center;
    padding-bottom: 32px;
    margin-bottom: 30px;
    border-bottom: 1px solid white;
}
.campaign-sidebar .circle-donate .big-circle-bar{
    position: relative;
}
.campaign-sidebar .circle-donate .big-circle-bar svg{
    position: absolute;
    top: 0;
    left: 0;
}
.campaign-sidebar .circle-donate .big-circle-bar circle{
    fill: none;
    stroke-width: 10px;
    stroke: var(--bs-secondary);
    stroke-dasharray: 440;
    stroke-dashoffset: 440;
    transition: 1.5s linear;
    stroke-linecap: unset;
}
.campaign-sidebar .circle-donate .big-circle-bar .outer{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}
.campaign-sidebar .circle-donate .big-circle-bar .outer .inner{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-heading-text-color);
}
.campaign-sidebar .circle-donate .big-circle-bar .outer .inner .number1{
    font-size: 35px;
    line-height: 43px;
    color: white;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
}
.campaign-sidebar .circle-donate .amount-wrapper{
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
}
.campaign-sidebar .circle-donate .amount-wrapper span{
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    font-family: var(--bs-heading-font-1);
    font-weight: 100;
    color: white;
    opacity: .75;
    margin-bottom: 6px;
}
.campaign-sidebar .circle-donate .amount-wrapper p{
    font-weight: 700;
    color: white;
    font-size: 18px;
    line-height: 22px;
}
.campaign-detail-rightsidebar-block .campaign-sidebar .donate-wrapper,
.campaign-detail-leftsidebar-block .campaign-sidebar .donate-wrapper{
    border-radius: 0;
}
.events-1-block .content-block{
    border: 1px solid #00000040;
    border-radius: 8px;
    padding: 15px 15px 28px;
}
.events-1-block .content-block .img-wrapper{
    border-radius: 6px 6px 0 0;
    height: 350px;
    margin-bottom: 25px;
}
.events-1-block .content-block .content-wrapper .publish{
    font-size: 14px;
    line-height: 17px;
    display: inline-block;
    margin-bottom: 14px;
    color: var(--bs-secondary);
    font-family: var(--bs-paragraph-font);
    font-weight: 700;
}
.events-1-block .content-block .content-wrapper h4{
    margin-bottom: 20px;
    font-weight: 600;
}
.events-1-block .content-block .content-wrapper h4 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.events-1-block .content-block .content-wrapper h4:hover a{
    color: var(--bs-secondary);
}
.events-1-block .content-block .content-wrapper P{
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
}
.events-1-block .content-block .content-wrapper P svg{
    width: auto;
    height: 14px;
    margin-right: 8px;
}
.events-1-block .content-block .content-wrapper P svg path{
    fill: var(--bs-paragraph-text-color);
}
.events-1-block .content-block .content-wrapper P span{
    display: inline-flex;
    align-items: center;
}
.events-1-block .content-block .content-wrapper P span:first-child{
    margin-right: 40px;
}
.event-center-btn{
    margin: auto;
    margin-top: 80px;
}
.events-2-block.home2-event-block .schedule-wrapper{
    margin-left: auto;
    margin-right: auto;
}
.events-3-block.home3-event-block .row .col-lg-6.col-6{
    width: 100%;
}
.events-3-block.home3-event-block .row .col-6 span{
    height: 1px;
    display: block;
    background-color: #00000059;
}
.events-3-block .col-lg-6:nth-last-child(n+3){
    margin-bottom: 55px;
}
.event-details-fullwidth-block .banner-wrapper{
    height: 600px;
}
.event-details-fullwidth-block .address-wrapper{
    padding: 30px 40px;
    background-color: var(--bs-body-bg-color);
    position: relative;
    max-width: 950px;
    margin: auto;
    margin-top: -70px;
    margin-bottom: 50px;
}
.event-details-fullwidth-block .address-wrapper ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}
.event-details-fullwidth-block .address-wrapper ul li{
    margin: 10px 0;
}
.event-details-fullwidth-block .address-wrapper h4{
    line-height: 22px;
    margin-bottom: 14px;
}
.event-details-fullwidth-block .address-wrapper p{
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
}
.event-details-fullwidth-block .description-wrapper{
    margin-bottom: 50px;
}
.event-details-fullwidth-block .description-wrapper h2{
    font-family: var(--bs-heading-font-2);
    margin-bottom: 25px;
}
.event-details-fullwidth-block .description-wrapper .para{
    margin-bottom: 28px;
}
.event-details-fullwidth-block .location-wrapper h2{
    font-family: var(--bs-heading-font-2);
    margin-bottom: 30px;
}
.event-details-fullwidth-block .location-wrapper p{
    height: 400px;
}
.event-details-fullwidth-block .location-wrapper p iframe{
    width: 100%;
    height: 100%;
}
.event-sidebar .sidebar:nth-last-child(n+2){
    margin-bottom: 50px;
}
.event-sidebar h4{
    padding: 13px 18px 15px;
    height: 50px;
    background-color: var(--bs-body-bg-color);
    margin-bottom: 25px;
}
.event-sidebar .details-wrapper ul{
    margin: 0;
    padding-left: 20px;
}
.event-sidebar .details-wrapper li{
    display: flex;
    align-items: center;
}
.event-sidebar .details-wrapper li:nth-last-child(n+2){
    margin-bottom: 19px;
}
.event-sidebar .details-wrapper li p{
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
}
.event-sidebar .details-wrapper li svg{
    width: auto;
    height: 14px;
    margin-right: 8px;
}
.event-sidebar .details-wrapper li svg path{
    fill: var(--bs-secondary);
}
.event-sidebar .map-wrapper p{
    height: 236px;
}
.event-sidebar .map-wrapper p iframe{
    width: 100%;
    height: 100%;
}
.event-details-rightsidebar-block .banner-wrapper, .event-details-leftsidebar-block .banner-wrapper{
    margin-bottom: 50px;
}
.event-details-rightsidebar-block .row, .event-details-leftsidebar-block .row{
    justify-content: space-between;
}
.event-details-rightsidebar-block .row .col-lg-6:first-child, .event-details-leftsidebar-block .row .col-lg-6:last-child{
    width: 68.8%;
}
.event-details-rightsidebar-block .row .col-lg-6:last-child, .event-details-leftsidebar-block .row .col-lg-6:first-child{
    width: 28.43%;
}
.event-details-rightsidebar-block.event-details-fullwidth-block .description-wrapper,
.event-details-leftsidebar-block.event-details-fullwidth-block .description-wrapper{
    margin-bottom: 45px;
}
.event-details-rightsidebar-block .content-wrapper h2, .event-details-leftsidebar-block .content-wrapper h2{
    font-family: var(--bs-heading-font-2);
    margin-bottom: 25px;
}
.event-details-rightsidebar-block .content-wrapper p, .event-details-leftsidebar-block .content-wrapper p{
    margin-bottom: 36px;
}
.event-details-leftsidebar-block .list2 p,.event-details-rightsidebar-block .list2 p{
    line-height: 19px;
}
.event-details-leftsidebar-block .list2 .svg-wrapper,.event-details-rightsidebar-block .list2 .svg-wrapper{
    line-height: 0;
}
.event-details-leftsidebar-block .list2 li,.event-details-rightsidebar-block .list2 li{
    align-items: center;
}
.blog-grid2-block .content-block{
    border: 1px solid #00000040;
    border-radius: 8px;
    padding: 15px 15px 30px;
}
.blog-grid2-block .img-wrapper{
    height: 350px;
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    margin-bottom: 25px;
}
.blog-grid2-block .img-wrapper img{
    transform: scale(1);
    transition: .4s transform ease;
}
.blog-grid2-block .img-wrapper:hover img{
    transform: scale(1.1);
}
.blog-grid2-block .content-wrapper .publish{
    font-size: 16px;
    line-height: 19px;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    display: inline-block;
    margin-bottom: 14px;
    color: var(--bs-secondary);
}
.blog-grid2-block .content-wrapper h4{
    margin-bottom: 20px;
}
.blog-grid2-block .content-wrapper h4 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.blog-grid2-block .content-wrapper h4:hover a{
    color: var(--bs-secondary);
}
.blog-grid2-block .content-wrapper p{
     margin-bottom: 27px;
}
.blog-grid2-block .content-wrapper .horizontal-line{
    margin-bottom: 25px;
}
.blog-grid2-block .content-wrapper .horizontal-line::before{
    width: 120px;
}
.blog-grid2-block .content-wrapper .read{
    font-size: 18px;
    line-height: 22px;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    color: var(--bs-primary);
    display: flex;
    align-items: center;
    text-decoration: none;
    width: max-content;
}
.blog-grid2-block .content-wrapper .read::before{
    content: "";
    width: 15px;
    height: 3px;
    border-top: 3px solid var(--bs-primary);
    margin-right: 10px;
    background-color: transparent;
    transition: .2s ease-in-out;
}
.blog-grid2-block .content-wrapper .read:hover::before{
    width: 20px;
}
.blog-grid2-block .row{
    justify-content: space-between;
}
.blog-grid3-block.blog-grid2-block .content-block, .blog-grid4-block.blog-grid2-block .content-block{
    padding: 12px 12px 22px;
}
.blog-grid3-block.blog-grid2-block .img-wrapper{
    height: 230px;
    margin-bottom: 16px;
}
.blog-grid3-block.blog-grid2-block .content-wrapper .publish{
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
}
.blog-grid3-block.blog-grid2-block .content-wrapper h4{
    margin-bottom: 16px;
}
.blog-grid3-block.blog-grid2-block .content-wrapper p{
    margin-bottom: 24px;
}
.blog-grid3-block.blog-grid2-block .content-wrapper .horizontal-line{
    margin-bottom: 22px;
}
.blog-grid3-block.blog-grid2-block .content-wrapper .horizontal-line::before, .blog-grid4-block.blog-grid2-block .content-wrapper .horizontal-line::before{
    width: 65px;
}
.blog-grid3-block.blog-grid2-block .content-wrapper .read{
    font-size: 16px;
    line-height: 19px;
}
.blog-grid3-block.blog-grid2-block .content-wrapper .read::before{
    margin-right: 6px;
}
.blog-grid4-block.blog-grid2-block .img-wrapper{
    height: 160px;
    margin-bottom: 14px;
}
.blog-grid4-block.blog-grid2-block .content-wrapper .publish{
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
}
.blog-grid4-block.blog-grid2-block .content-wrapper h4{
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 20px;
    min-height: 57px;
}
.blog-grid4-block.blog-grid2-block .content-wrapper .horizontal-line{
    margin-bottom: 17px;
}
.blog-grid4-block .content-wrapper .read {
    font-size: 16px;
}
.blog-sidebar h4{
    padding: 13px 18px 15px;
    background-color: var(--bs-body-bg-color);
    height: 50px;
    margin-bottom: 25px;
}
.blog-sidebar .sidebar:nth-last-child(n+2){
    margin-bottom: 60px;
}
.blog-sidebar .blog-wrapper li{
    display: flex;
    padding: 24px 0;
    padding-left: 18px;
    border-bottom: 1px solid #00000033;
}
.blog-sidebar .blog-wrapper li:first-child{
    padding-top: 0;
}
.blog-sidebar .blog-wrapper .img-wrapper{
    max-width: 75px;
    height: 68px;
    width: 100%;
    margin: 0;
    margin-right: 10px;
    border-radius: 0;
}
.blog-sidebar .blog-wrapper .content-wrapper h6{
    margin-bottom: 14px;
    line-height: 20px;
}
.blog-sidebar .blog-wrapper .content-wrapper h6 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.blog-sidebar .blog-wrapper .content-wrapper h6:hover a{
    color: var(--bs-secondary);
}
.blog-sidebar .blog-wrapper .content-wrapper p{
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding-left: 4px;
}
.blog-sidebar .blog-wrapper .content-wrapper p svg{
    width: 11px;
    height: 9px;
    margin-right: 7px;
    margin-top: 1px;
}
.blog-sidebar .blog-wrapper .content-wrapper p svg path{
    fill: var(--bs-secondary);
}
.blog-sidebar .categories-wrapper li{
    display: flex;
    align-items: center;
    padding-left: 18px;
}
.blog-sidebar .categories-wrapper li:nth-last-child(n+2){
    margin-bottom: 19px;
}
.blog-sidebar .categories-wrapper li svg{
    width: auto;
    height: 10px;
    margin-right: 10px;
}
.blog-sidebar .categories-wrapper li svg path{
    fill: var(--bs-secondary);
}
.blog-sidebar .categories-wrapper li a{
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
    color: var(--bs-paragraph-text-color);
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
}
.blog-sidebar .categories-wrapper li a:hover{
    color: var(--bs-secondary);
}
.blog-sidebar .comment-wrapper li{
    padding: 22px 0;
    padding-left: 18px;
    border-bottom: 1px solid #00000033;
    display: flex;
}
.blog-sidebar .comment-wrapper li:first-child{
    padding-top: 0;
}
.blog-sidebar .comment-wrapper .svg-wrapper{
    min-width: 62px;
    height: 62px;
    border-radius: 50%;
    background-color: var(--bs-body-bg-color);
    margin-right: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blog-sidebar .comment-wrapper .svg-wrapper svg{
    width: 22px;
    height: 19px;
}
.blog-sidebar .comment-wrapper .svg-wrapper svg path{
    fill: var(--bs-secondary);
}
.blog-sidebar .comment-wrapper .content-wrapper h6{
    margin-bottom: 12px;
    line-height: 20px;
}
.blog-sidebar .comment-wrapper .content-wrapper h6 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.blog-sidebar .comment-wrapper .content-wrapper h6:hover a{
    color: var(--bs-secondary);
}
.blog-sidebar .comment-wrapper .content-wrapper p{
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
}
.blog-grid-sidebar-block .row, .blog-list-sidebar-block .row{
    justify-content: space-between;
}
.blog-grid-sidebar-block .row .col-lg-6:first-child{
    width: 68.8%;
}
.blog-grid-sidebar-block .row .col-lg-6:last-child{
    width: 28.43%;
}
.blog-list1-block .blog4 .row:nth-last-child(n+2){
    margin-bottom: 50px !important;
}
.blog-list2-block .blog5{
    max-width: 980px;
    margin: auto;
}
.blog-list2-block .blog-list-block{
    padding-bottom: 50px;
    border-bottom: 1px solid #00000047;
    margin-bottom: 50px;
}
.blog-list2-block .blog-list-block:last-child{
    margin-bottom: 0;
}
.blog-list-sidebar-block .row .col-lg-6:first-child{
    width: 68.8%;
}
.blog-list-sidebar-block .row .col-lg-6:last-child{
    width: 28.43%;
}
.blog-list-sidebar-block .blog5 .img-wrapper{
    height: 450px;
    margin-bottom: 28px;
}
.blog-list-sidebar-block .blog5 h3{
    margin-bottom: 21px;
}
.blog-list-sidebar-block .blog5 p{
    margin-bottom: 28px;
}
.blog-list-sidebar-block.blog-list2-block .blog-list-block{
    padding-bottom: 42px;
    margin-bottom: 40px;
}
.blog-list-sidebar-block.blog-list2-block .blog-list-block:last-child{
    margin-bottom: 0;
}
.blog-details-fullwidth .banner-wrapper{
    height: 620px;
    margin-bottom: 30px;
}
.blog-details-fullwidth .banner-block p{
    display: flex;
    align-items: center;
    font-size: 16px;
    flex-wrap: wrap;
    line-height: 19px;
    font-weight: 700;
    font-family: var(--bs-paragraph-font);
}
.blog-details-fullwidth .banner-block p span{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.blog-details-fullwidth .banner-block p span .comment-count{
    margin-top: 0;
    margin-right: 4px;
}
.blog-details-fullwidth .banner-block p span:nth-last-child(n+2){
    margin-right: 30px;
}
.blog-details-fullwidth .banner-block p svg{
    width: auto;
    height: 14px;
    margin-right: 8px;
}
.blog-details-fullwidth .banner-block p svg path{
    fill: var(--bs-secondary);
}
.blog-details-fullwidth .banner-block{
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #00000047;
}
.blog-details-fullwidth .blog-details-content p{
    margin-bottom: 26px;
}
.blog-details-fullwidth .blog-details-content p:nth-last-of-type(1){
    margin-bottom: 46px;
}
.blog-details-fullwidth .blog-details-content .blockquote1{
    margin-bottom: 46px;
}
.blog-details-fullwidth .blog-details-content{
    padding-bottom: 4px;
    margin-bottom: 26px;
    border-bottom: 1px solid #00000047;
}
.blog-details-fullwidth .facility-categories ul{
    display: flex;
    margin-bottom: 40px;
    flex-wrap: wrap;
}
.blog-details-fullwidth .facility-categories ul li:nth-last-child(n+2){
    margin-right: 20px;
    margin-bottom: 10px;
}
.blog-details-fullwidth .facility-categories ul li a{
    display: inline-block;
    min-width: 98px;
    height: 40px;
    padding: 10px 20px;
    background-color: var(--bs-body-bg-color);
    text-decoration: none;
    font-family: var(--bs-paragraph-font);
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--bs-secondary);
    text-align: center;
}
.blog-details-fullwidth .facility-categories ul li a:hover{
    color: var(--bs-primary);
}
.blog-details-fullwidth .facility-categories .blog-divider{
    display: flex;
    justify-content: space-between;
}
.blog-details-fullwidth .facility-categories .blog-divider span{
    font-family: var(--bs-paragraph-font);
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--bs-secondary);
    display: inline-block;
    margin-bottom: 14px;
}
.blog-details-fullwidth .facility-categories .blog-divider h4{
    margin-bottom: 0;
    font-weight: 600;
}
.blog-details-fullwidth .facility-categories .blog-divider h4 a{
    text-decoration: none;
    color: var(--bs-heading-text-color);
}
.blog-details-fullwidth .facility-categories .blog-divider h4:hover a{
    color: var(--bs-secondary);
}
.blog-details-fullwidth .facility-categories .blog-divider .previous, .blog-details-fullwidth .facility-categories .blog-divider .next{
    background-color: var(--bs-body-bg-color);
    padding: 30px 40px;
    width: 47.5%;
}
.blog-details-fullwidth .facility-categories .blog-divider .next{
    text-align: end;
}
.blog-details-fullwidth .facility-categories{
    padding-bottom: 50px;
    margin-bottom: 60px;
    border-bottom: 1px solid #00000047;
}
.blog-details-fullwidth .blog2{
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #00000047;
}
.blog-details-fullwidth .blog2 h2{
    text-align: center;
    margin-bottom: 45px;
    font-family: var(--bs-heading-font-2);
}
.blog-details-fullwidth .comments-wrapper h3{
    font-family: var(--bs-heading-font-2);
    margin-bottom: 35px;
}
.blog-details-fullwidth .comments-wrapper .content-block{
    display: flex;
}
.blog-details-fullwidth .comments-wrapper .img-wrapper{
    min-width: 80px;
    max-width: 120px;
    height: 140px;
    margin-right: 25px;
    width: 100%;
}
.blog-details-fullwidth .comments-wrapper .content-wrapper span{
    font-size: 18px;
    line-height: 22px;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
    color: var(--bs-secondary);
    display: inline-block;
    margin-bottom: 19px;
}
.blog-details-fullwidth .comments-wrapper .content-wrapper p{
    margin-bottom: 24px;
}
.blog-details-fullwidth .comments-wrapper .content-wrapper a{
    display: inline-block;
    text-decoration: none;
    line-height: 22px;
    font-size: 18px;
    font-weight: 600;
    color: black;
}
.blog-details-fullwidth .comments-wrapper .content-wrapper a:hover{
    color: var(--bs-secondary);
}
.blog-details-fullwidth .comments-wrapper{
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #00000040;
}
.blog-details-fullwidth .login-wrapper h3{
    margin-bottom: 0;
    text-align: center;
    font-family: var(--bs-heading-font-1);
    font-weight: 600;
}
.blog-details-fullwidth .login-wrapper h3 a{
    text-decoration: none;
    color: var(--bs-secondary);
    position: relative;
}
.blog-details-fullwidth .login-wrapper h3 a::before{
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0%;
    height: 3px;
    background-color: var(--bs-secondary);
    transition: .3s width ease;
}
.blog-details-fullwidth .login-wrapper h3 a:hover::before{
    width: 100%;
}
.blog-details-rightsidebar-block .row, .blog-details-leftsidebar-block .row{
    justify-content: space-between;
}
.blog-details-rightsidebar-block .row .col-lg-6:first-child, .blog-details-leftsidebar-block .row .col-lg-6:last-child{
    width: 68.8%;
}
.blog-details-rightsidebar-block .row .col-lg-6:last-child, .blog-details-leftsidebar-block .row .col-lg-6:first-child{
    width: 28.43%;
}
.blog-details-rightsidebar-block.blog-details-fullwidth .blog-details-content p, .blog-details-leftsidebar-block.blog-details-fullwidth .blog-details-content p{
    margin-bottom: 24px;
}
.blog-details-rightsidebar-block.blog-details-fullwidth .blog-details-content p:nth-last-of-type(1),
.blog-details-leftsidebar-block.blog-details-fullwidth .blog-details-content p:nth-last-of-type(1){
    margin-bottom: 38px;
}
.blog-details-rightsidebar-block .blockquote1, .blog-details-leftsidebar-block .blockquote1{
    padding: 30px 50px;
}
.blog-details-rightsidebar-block .blockquote1 svg, .blog-details-leftsidebar-block .blockquote1 svg{
    min-width: 40px;
    max-width: 40px;
    width: 100%;
    height: 35px;
    margin-right: 32px;
}
.blog-details-rightsidebar-block .blockquote1 h4, .blog-details-leftsidebar-block .blockquote1 h4{
    font-size: 16px;
    line-height: 24px;
}
.blog-details-rightsidebar-block.blog-details-fullwidth .blog-details-content .blockquote1,
.blog-details-leftsidebar-block.blog-details-fullwidth .blog-details-content .blockquote1{
    margin-bottom: 38px;
}
.blog-details-rightsidebar-block.blog-details-fullwidth .facility-categories ul,
.blog-details-leftsidebar-block.blog-details-fullwidth .facility-categories ul{
    margin-bottom: 30px;
}
.blog-details-rightsidebar-block.blog-details-fullwidth .facility-categories .blog-divider .previous,
.blog-details-rightsidebar-block.blog-details-fullwidth .facility-categories .blog-divider .next,
.blog-details-leftsidebar-block.blog-details-fullwidth .facility-categories .blog-divider .previous,
.blog-details-leftsidebar-block.blog-details-fullwidth .facility-categories .blog-divider .next{
    padding: 25px;
}
.blog-details-rightsidebar-block.blog-details-fullwidth .facility-categories .blog-divider h4,
.blog-details-leftsidebar-block.blog-details-fullwidth .facility-categories .blog-divider h4{
    font-size: 16px;
    line-height: 24px;
}
.blog-details-rightsidebar-block.blog-details-fullwidth .banner-wrapper,
.blog-details-leftsidebar-block.blog-details-fullwidth .banner-wrapper{
    height: 450px;
    margin-bottom: 35px;
}
.blog-details-leftsidebar-block.blog-details-fullwidth .facility-categories, .blog-details-rightsidebar-block.blog-details-fullwidth .facility-categories{
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.blog-details-leftsidebar-block.blog-details-fullwidth .comments-wrapper, .blog-details-rightsidebar-block.blog-details-fullwidth .comments-wrapper{
    padding-bottom: 40px;
    margin-bottom: 45px;
}
/* Contact page */
.contact1-block h2{
    font-family: var(--bs-heading-font-2);
    margin-bottom: 28px;
}
.contact1-block .content-block p{
    margin-bottom: 42px;
}
.contact1-block .content-block ul{
    max-width: 268px;
}
.contact1-block .content-block li{
    display: flex;
}
.contact1-block .content-block li:nth-last-child(n+2){
    margin-bottom: 34px;
}
.contact1-block .content-block li .svg-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-primary);
    min-width: 60px;
    height: 60px;
    border-radius: 6px;
    margin-right: 16px;
}
.contact1-block .content-block li .svg-wrapper svg{
    width: auto;
    height: 25px;
}
.contact1-block .content-block li .svg-wrapper svg path{
    stroke: white;
}
.contact1-block .content-block li:last-child .svg-wrapper svg path{
    fill: white;
}
.contact1-block .content-block .content-wrapper h3{
    font-family: var(--bs-heading-font-2);
    line-height: 32px;
    margin-bottom: 10px;
}
.contact1-block .content-block .content-wrapper a{
    font-family: var(--bs-heading-font-1);
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: var(--bs-paragraph-text-color);
}
.contact1-block .content-block .content-wrapper a:hover{
    color: var(--bs-primary);
}
.contact1-block .row{
    justify-content: space-between;
}
.contact1-block .row .col-lg-6:first-child{
    width: 44.7%;
}
.contact1-block .row .col-lg-6:last-child{
    width: 48.6%;
}
.contact2-block .form1 h2{
    font-family: var(--bs-heading-font-2);
    color: white;
    margin-bottom: 27px;
}
.contact2-block .form1 .form-control, .contact2-block .form1 .form-select{
    border-color: white;
    color: white;
    background: transparent;
}
.contact2-block .form1 .form-select>option{
    color: #000;
}
.contact2-block .form1 .form-control::placeholder, .contact2-block .form1 .form-select::placeholder{
    color: white;
}
.contact2-block .form1 svg path{
    fill: white;
}
.contact2-block .content-block{
    padding: 63px 60px;
    background-color: var(--bs-body-bg-color);
}
.contact2-block .content-block h3{
    font-family: var(--bs-heading-font-2);
    font-weight: 700;
    margin-bottom: 22px;
}
.contact2-block .content-block a{
    text-decoration: none;
    color: var(--bs-paragraph-text-color);
    font-family: var(--bs-heading-font-1);
    font-weight: 500;
    font-size: 16px;
}
.contact2-block .content-block a:hover{
    color: var(--bs-primary);
}
.contact2-block .content-block li:nth-last-child(n+2){
    margin-bottom: 50px;
}
.contact2-block .form1 .btn-secondary{
    background-color: white;
    color: var(--bs-secondary);
    border-color: transparent;
}
.contact2-block .form1 .btn-secondary:hover{
    background-color: var(--bs-secondary);
    color: white;
}
.contact2{
    position: relative;
}
.contact2 .map-wrapper iframe{
    width: 100%;
    height: 100%;
}
.contact2::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 57.01%;
    height: 100%;
    background-color: var(--bs-primary);
    z-index: -1;
}
.contact2 .map-wrapper{
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 57.01%);
    height: 100%;
    z-index: -1;
}
.contact2-block .row{
    align-items: center;
}
.contact2-block .row .col-lg-6:first-child{
    width: 49.5%;
}
.contact2-block .row .col-lg-6:last-child{
    max-width: 335px;
}
.contact2-block .form1{
    max-width: 460px;
    margin-left: 0;
}

/* --- */
.home2-donate-block .form-control,
.home2-donate-block form .option {
    border-radius: 4px;
}
.home2-testimonials .item .row {
    align-items: flex-end;
}
.page-carousels .carousel6 .item .row {
    align-items: flex-end;
}
.page-carousels .carousel6 .item .content-wrapper {
    margin-bottom: 80px;
}

#header-3 .search-wrapper .search svg {
    width: 14px;
    height: 14px;
}



body.sticky-style .header-1 .page-banner {
    margin-top: 92px;
}
body.sticky-style .header-2 .page-banner{
    margin-top: 124px;
}






@media (max-width: 1245.98px){
    .home-3 .header3 .nav-sticky{
        background-color: var(--bs-heading-text-color);
    }
    .normal-contact{
        justify-content: space-evenly;
    }
    .home3-info-block .banner-content{
        margin-left: 65px;
        margin-right: 65px;
    }
}
@media (min-width: 1133px){
    /* .home1-video-block .counter-wrapper .col-3:last-child p:first-child{
        color: var(--bs-secondary);
    } */
    .home1-video-block .counter-wrapper .col-3:last-child p:last-child{
        color: black;
        font-weight: 500;
    }
}
@media (max-width: 1132.98px){
    /* Home-2 */
    .home2-donate .col-md-6 > .form-wrapper{
        padding: 60px 40px;
    }
    /* Home-1 */
    .home1-service .sub-title{
        margin: 0 auto 58px;
        text-align: center;
    }
    .home1-service .sub-title span, .home1-service .sub-title h2{
        color: white;
    }
    .home1-service .img-wrapper{
        width: 100%;
    }
    .home1-video-block h2{
        color: white;
        margin: auto;
        text-align: center;
        margin-bottom: 53px;
    }
    .home1-video::after, .home1-video::before{
        content: "";
        width: 100%;
        border-radius: 0;
    }
    /* Icons */
    .icons-block .icon1{
        justify-content: center;
    }
    .icons-block .svg-wrapper:nth-child(8n){
        margin-right: 67px;
    }
    .icons-block .svg-wrapper:nth-child(7n){
        margin-right: 0px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+4){
        margin-bottom: 50px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+1){
        margin-bottom: 0;
    }
}
@media (max-width: 991.98px){
    /* Blog pages */
    .blog-details-leftsidebar-block .row .col-lg-6:first-child, .blog-details-leftsidebar-block .row .col-lg-6:last-child,
    .blog-details-rightsidebar-block .row .col-lg-6:first-child, .blog-details-rightsidebar-block .row .col-lg-6:last-child,
    .blog-list-sidebar-block .row .col-lg-6:first-child, .blog-list-sidebar-block .row .col-lg-6:last-child,
    .blog-grid-sidebar-block .row .col-lg-6:last-child, .blog-grid-sidebar-block .row .col-lg-6:first-child{
        width: 100%;
    }
    .blog-details-leftsidebar-block .row .col-lg-6:first-child{
        order: 2;
    }
    .blog-grid-sidebar-block .row .col-lg-6:first-child, .blog-list-sidebar-block .row .col-lg-6:first-child,
    .blog-details-rightsidebar-block .row .col-lg-6:first-child, .blog-details-leftsidebar-block .row .col-lg-6:last-child{
        margin-bottom: 40px;
    }
    .blog-grid3-block.blog-grid2-block .row{
        justify-content: center;
    }
    .blog-grid2-block .row .col-md-6:nth-last-child(n+3){
        margin-bottom: 30px;
    }
    /* Events page */
    .event-details-rightsidebar-block .row .col-lg-6:first-child, .event-details-rightsidebar-block .row .col-lg-6:last-child,
    .event-details-leftsidebar-block .row .col-lg-6:first-child, .event-details-leftsidebar-block .row .col-lg-6:last-child{
        width: 100%;
    }
    .event-details-rightsidebar-block .row .col-lg-6:first-child, .event-details-leftsidebar-block .row .col-lg-6:last-child{
        margin-bottom: 40px;
    }
    .event-details-leftsidebar-block .row .col-lg-6:first-child{
        order: 2;
    }
    .events-1-block .row .col-md-6:nth-last-child(n+3){
        margin-bottom: 30px;
    }
    /* Campaign grid */
    .campaign-detail-fullwidth-block .row{
        justify-content: center;
    }
    .campaign-detail-fullwidth-block .row .col-sm-6:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    .campaign-list-sidebar-block .row .col-lg-6:first-child, .campaign-list-sidebar-block .row .col-lg-6:last-child,
    .campaign-detail-rightsidebar-block .row .col-lg-6:first-child, .campaign-detail-rightsidebar-block .row .col-lg-6:last-child,
    .campaign-detail-leftsidebar-block .row .col-lg-6:first-child, .campaign-detail-leftsidebar-block .row .col-lg-6:last-child{
        width: 100%;
    }
    .campaign-detail-leftsidebar-block .row .col-lg-6:first-child{
        order: 2;
    }
    .campaign-list-sidebar-block .row .col-lg-6:first-child, .campaign-detail-rightsidebar-block .row .col-lg-6:first-child,
    .campaign-detail-leftsidebar-block .row .col-lg-6:last-child{
        margin-bottom: 40px;
    }
    .campaign-list-fullwidth-block .content-wrapper{
        padding: 40px;
    }
    .campaign-list-fullwidth-block .img-wrapper{
        min-width: 380px;
    }
    .campaign-grid4-block .row .col-lg-3:nth-last-child(n+3){
        margin-bottom: 30px;
    }
    /* Gallery Details */
    .gallery-donate{
        margin-top: 100px;
    }
    /* Volunteer Grid */
    .volunteer-grid-block .team1 .row .col-lg-4:nth-last-child(n+2){
        margin-bottom: 0;
    }
    .volunteer-grid-block .team1 .row .col-lg-4:nth-last-child(n+3){
        margin-bottom: 30px;
    }
    /* Pages Vission & Mission */
    .page-vision-mission-block .img-wrapper{
        height: 400px;
        max-width: 500px;
        margin: auto;
    }
    /* Home-3 */
    .home3-counter-block .col-3:nth-last-child(n+2) .counter-content::after{
        content: "";
        right: -50%;
    }
    .home3-popular-block .row .col-lg-6:first-child, .home3-popular-block .row .col-lg-6:last-child,
    .home3-about-block .row .col-lg-6:first-child, .home3-about-block .row .col-lg-6:last-child,
    .page-vision-mission-block .row .col-lg-6:first-child, .page-vision-mission-block .row .col-lg-6:last-child{
        width: 100%;
    }
    .home3-popular-block .row .col-lg-6:first-child, .page-vision-mission-block .row .col-lg-6:first-child{
        margin-bottom: 40px;
    }
    .home3-popular-block .popular-left .content-block{
        justify-content: center;
    }
    .home3-features-block .feature-wrapper .row{
        justify-content: center;
    }
    .home3-features-block .feature-wrapper .row .col-lg-4:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    /* Home-2 */
    .home2-donate-block .row .col-md-6:first-child, .home2-donate-block .row .col-md-6:last-child{
        max-width: unset;
        width: 100%;
    }
    .home2-donate{
        margin: 0;
    }
    .home2-donate .col-md-6 > .form-wrapper{
        margin: 0 auto;
        margin-top: 40px;
        max-width: 600px;

    }
    .home2-popular-block .row, .home2-features .row{
        justify-content: center;
    }
    .home2-popular-block .row .col-lg-4:nth-last-child(n+2), .home2-features .row .col-lg-4:nth-last-child(n+2){
        margin-bottom: 45px;
    }
    .home2-video-block .row .col-md-6:first-child, .home2-video-block .row .col-md-6:last-child{
        width: 100%;
    }
    .home2-video-block .img-block{
        padding: 50px 50px 100px 0;
        max-width: 550px;
        margin: auto;
    }
    .home2-video-block .img-block::before{
        width: 150px;
        height: 150px;
    }
    .home2-video-block .img-block .line-circle{
        left: -100px;
        width: 250px;
        height: 250px;
    }
    .home2-video-block .home2-title{
        padding-top: 0;
        margin-bottom: 40px;
    }
    .home2-info-block .content-wrapper{
        padding-top: 0;
    }
    .home2-info-block .row .col-md-6:first-child, .home2-info-block .row .col-md-6:last-child{
        width: 100%;
    }
    .home2-info-block .row .col-md-6:last-child{
        max-width: 500px;
        margin: auto;
    }
    /* Home-1 */ 
    .home1-event-block .row .col-md-6{
        width: 100%;
    }
    .home1-event-block .content-wrapper p span:first-child{
        margin-bottom: 10px;
    }
    .home1-event-block .row .col-md-6:first-child{
        margin-bottom: 30px;
    }
    .home1-event-block .row .col-md-6:last-child{
        max-width: 700px;
        margin: auto;
    }
    .home1-volunteer{
        margin-top: 100px;
    }
    .home1-volunteer-block .img-wrapper{
        height: 100%;
        max-height: 500px;
        margin-top: 0;
    }
    .home1-volunteer-block .row .col-lg-6:first-child{
        margin-top: -100px;
    }   
    .home1-volunteer-block .row .col-lg-6:first-child, .home1-volunteer-block .row .col-lg-6:last-child{
        width: 100%;
    }
    .home1-volunteer-block .row .col-lg-6:last-child{
        padding: 40px 12px 100px;
    }
    .home1-gallery-block .row .col-lg-4:nth-last-child(n+3){
        margin-bottom: 30px;
    }
    .home1-donate{
        padding-top: 0;
        padding-bottom: 100px;
    }
    .home1-donate-block .row .col-lg-6:first-child{
        order: 2;
        max-width: 500px;
        margin: auto;
        margin-top: 30px;
    }
    .home1-donate-block .row .col-lg-6:last-child{
        order: 1;
        margin-top: -100px;
    }
    .home1-donate-block .img-wrapper{
        height: 100%;
        max-height: 500px;
        margin-top: 0;
    }
    .home1-donate-block .img-wrapper img{
        object-position: top;
        object-fit: contain;
    }
    .home1-mission-block .about-donation{
        left: 20px;
    }
    .home1-feature-block .row, .home1-popular-block .row{
        justify-content: center;
    }
    .home1-feature-block .row .col-lg-4:nth-last-child(n+2), .home1-popular-block .row .col-lg-4:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    /* Team */
    .team1 .row, .team2 .row, .team3 .row{
        justify-content: center;
    }
    .team1 .row .col-lg-4:nth-last-child(n+2), .team2 .row .col-lg-4:nth-last-child(n+2){
        margin-bottom: 35px;
    }
    .team3 .row .col-lg-4:nth-last-child(n+2){
        margin-bottom: 5px;
    }
    /* Services */
    .service3.carousel3 .row{
        justify-content: center;
    }
    .service3.carousel3 .row .col-md-6:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    .service2 .row .col-md-6{
        width: 50%;
    }
    .service2 .row .col-md-6:nth-last-child(n+3){
        margin-bottom: 30px;
    }
    /* Pricing */
    .pricing2 .row,
    .pricing-wrapper .row{
        justify-content: center;
    }
    .pricing-wrapper .row .col-lg-4:nth-last-child(n+2), .pricing2 .row .col-lg-4:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    /* Images */
    .images-block .row{
        justify-content: center;
    }
    .images-block .row .col-lg-4:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    /* Carousels */
    .carousel4 .row .col-md-6:first-child, .carousel4 .row .col-md-6:last-child{
        max-width: unset;
        width: 100%;
    }
    .carousel4 .row .col-md-6:first-child{
        margin-bottom: 40px;
    }
    .carousel4 .owl-theme .owl-nav{
        bottom: 290px;
        left: unset;
        right: 0;
    }
    /* Blog */
    .blog1 .row, .blog2 .row, .blog3 .row{
        justify-content: center;
    }
    .blog1 .col-lg-4:nth-last-child(n+2), .blog2 .col-lg-4:nth-last-child(n+2), .blog3 .col-lg-4:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    .blog4 .row .col-md-6:first-child, .blog4 .row .col-md-6:last-child{
        width: 100%;
    }
    .blog4 .img-wrapper{
        min-height: unset;
        height: 350px;
        border-radius: 8px 8px 0 0;
    }
    .blog4 .blog-content{
        border-radius: 0 0 8px 8px;
    }
    /* Headers */
    .header3 .navbar-nav .dropdown-menu li{
        padding: 0 10px;
    }
    .header3 .navbar-collapse{
        margin: 0px -12px;
        padding: 0px 12px;
        background-color: white;
    }
    .navbar-nav {
        display: block;
    }
    .navbar .navbar-collapse .navbar-nav{
        height: 100vh;
        overflow-y: scroll;
        padding-top: 20px;
        padding-bottom: 110px;

    }
    .navbar .navbar-collapse .navbar-nav .dropdown-menu {
        max-height: 220px;
        overflow: scroll;
    }
    .navbar-nav .nav-link {
        padding: 15px 0px;
    }
    .header-area .header-top{
        display: none;
    }
    .header1 .nav-sticky::before{
        height: 90px;
        width: 100%;
    }
    .header-area .header-bottom{
        padding: 0;
    }
    .hamber-btn{
        position: absolute;
        right: 0px;
        padding: 0;
        top: 32px;
        border: unset;
        box-shadow: unset;
    }
    #header-1 .search-wrapper .search svg,
    #header-2 .search-wrapper .search svg,
    #header-3 .search-wrapper .search svg{
        width: 16px;
        height: auto;
    }
    .hamber-btn:focus{
        box-shadow: unset;
    }
    .search-wrapper{
        position: absolute;
        top: 25px;
        right: 70px;
    }
    .header-area .header-bottom .search-wrapper .search path{
        stroke: white;
    }
    .hamber-btn svg{
        width: 25px;
        height: 30px;
    }
    .header-area .header-bottom .hamber-btn svg path{
        fill: white;
    }
    .navbar-expand-lg .container-fluid{
        padding: 0;
    }
    .header1 .navbar-nav .nav-link{
        padding: 8px 0 8px;
    }
    .header2 .search-wrapper{
        padding-top: 0px;
        padding-bottom: 0px;
        position: relative;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }
    .header2 .navbar-brand{
        padding-top: 20px;
    }
    .header2 .navbar-nav .nav-link{
        padding: 8px 0;
        color: white;
    }
    .header2 .navbar-nav .nav-link:hover{
        color: var(--bs-primary);
    }
    .header2 .navbar-nav .dropdown-menu .dropdown-item{
        padding: 15px;
    }
    .header2 .navbar-collapse{
        margin: 0 -12px;
        background-color: black;
        padding: 0 12px;
    }
    .header2 .navbar-nav .submenu-1 .dropdown-menu{
        padding: 0 12px;
    }
    .navbar-nav .dropdown-menu a{
        padding: 8px 0;
    }
    .header1 .navbar-nav .dropdown-menu li{
        padding: 0 10px;
    }
    /* Footer Style */
    footer {
        /* padding-top: 50px; */
    }
    .copyright-text{
        margin-left: auto;
        margin-right: auto;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 30px 0;
    }
    footer .footer-content .col-lg-3:first-child{
        max-width: unset;
        width: 50%;
    }
    footer .footer-content .col-lg-3{
        padding: 12px;
        margin: 0;
        max-width: unset;
        width: 50%;
    }
    footer .quick-link,
    footer .donation,
    footer .subscribe {
        margin-bottom: 20px;
        margin-top: 0;
    }
    .copy-right {
        flex-direction: column;
    }
    .footer-logo {
        padding: 10px;
    }
    .copy-right {
        height: auto !important;
    }
    .gallery {
        margin-bottom: 35px;
    }
    .home2-gallery-block .row .col-md-4 {
        margin-top: 15px;
        margin-bottom: 0px;
    }
    .tooltip .tooltip-arrow {
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        transform: unset !important;
    }

}
@media (min-width: 992px){
    /* Blog pages */
    .blog-details-fullwidth .blog2 .row{
        /* justify-content: space-between; */
    }
    .blog-details-fullwidth .blog2 .col-lg-4{
        /* width: 31.93%; */
    }
    .blog-grid4-block.blog-grid2-block .row .col-md-6{
        width: 24.8%;
    }
    .blog-grid4-block.blog-grid2-block .row .col-md-6{
        padding: 0 9px;
    }
    .blog-grid3-block.blog-grid2-block .row .col-md-6:nth-last-child(n+4){
        margin-bottom: 40px;
    }
    .blog-grid-sidebar-block.blog-grid3-block.blog-grid2-block .row .col-md-6:nth-last-child(n+4){
        margin-bottom: unset;
    }
    .blog-grid-sidebar-block.blog-grid3-block.blog-grid2-block .row .col-md-6:nth-last-child(n+3){
        margin-bottom: 38px;
    }
    .blog-grid-sidebar-block.blog-grid3-block.blog-grid2-block .row .col-md-6{
        width: 50%;
    }
    .blog-grid2-block .row .col-md-6:nth-last-child(-n+3){
        margin-bottom: 0px;
    }
    .blog-grid4-block.blog-grid2-block .row .col-md-6:nth-last-child(n+3){
        margin-bottom: 0;
    }
    .blog-grid4-block.blog-grid2-block .row .col-md-6:nth-last-child(n+5){
        margin-bottom: 50px;
    }
    .blog-grid3-block.blog-grid2-block .row .col-md-6{
        width: 32.81%;
    }
    .blog-grid2-block .row .col-md-6{
        width: 48.6%;
    }
    /* Events page */
    .events-1-block .row{
        justify-content: space-between;
    }
    .events-1-block .row .col-md-6{
        width: 48.6%;
    }
    .events-1-block .row .col-md-6:nth-last-child(n+3){
        margin-bottom: 50px;
    }
    /* Campaign grid */
    .campaign-detail-fullwidth-block .row{
        justify-content: space-between;
    }
    /* .campaign-detail-fullwidth-block .row .col-lg-4{
        width: 32.9%;
    } */
    .campaign-grid4-block .row .col-lg-3{
        padding: 0 9px;
    }
    .campaign-grid4-block .row .col-lg-3:nth-last-child(n+5){
        margin-bottom: 50px;
    }
    .campaign-grid3-block .col-lg-4:nth-last-child(n+4){
        margin-bottom: 50px;
    }
    /* Page Testimonials */
    .volunteer-list-block .img-wrapper{
        min-width: 480px;
    }
    .page-testimonials-block .row{
        justify-content: space-between;
    }
    .page-testimonials-block .row .col-md-6{
        width: 46.3%;
    }
    /* Home-3 */
    .home3-blog-block .row{
        /* justify-content: space-between; */
    }
    .home3-blog-block .row .col-lg-4{
        /* width: 32%; */
    }
    .home3-features-block .feature-wrapper .row{
        justify-content: space-between;
    }
    .home3-features-block .feature-wrapper .row .col-lg-4{
        width: 31.5%;
    }
    /* Home-2 */
    .home2-popular-block .row, .home2-features .row{
        justify-content: space-between;
    }
    .home2-popular-block .row .col-lg-4, .home2-features .row .col-lg-4{
        width: 32%;
    }
    .home2-video-block .home2-title h2{
        max-width: 371px;
    }
    /* Home-1 */    
    .home1-gallery-block .row{
        justify-content: space-between;
    }
    .home1-gallery-block .row .col-lg-4{
        width: 32.81%;
    }
    .home1-gallery-block .row .col-lg-4:nth-last-child(n+4){
        margin-bottom: 30px;
    }
    .home1-donate-block .row .col-lg-6:first-child{
        width: 37.2%;
    }
    .home1-donate-block .row .col-lg-6:last-child{
        width: 58.6%;
    }
    .home1-feature-block .row, .home1-popular-block .row{
        justify-content: space-between;
    }
    .home1-feature-block .row .col-lg-4, .home1-popular-block .row .col-lg-4{
        width: 32%;
    }
    /* Team */
    .team1 .row, .team2 .row, .team3 .row{
        justify-content: space-between;
    }
    .team1 .row .col-lg-4, .team2 .row .col-lg-4, .team3 .row .col-lg-4{
        width: 32%;
    }
    /* Services */
    .service3.carousel3 .row{
        margin: 0 -9px;
    }
    .service3.carousel3 .row .col-lg-4{
        padding: 0 9px;
    }
    /* Pricing  */
    .pricing-wrapper .row{
        margin: 0 -7.5px;
    }
    .pricing-wrapper .row .col-lg-4{
        padding: 0 7.5px;
    }
    .header3 .navbar-nav .nav-link{
        color: white;
    }
    .header3 .navbar-nav .nav-link:hover, .header3 .navbar-nav .active .nav-link{
        color: var(--bs-secondary);
    }
    .header1 .navbar-brand{
        padding-top: 23px;
        padding-bottom: 23px;
    }
    .header3 .navbar-brand, .header3 .search-wrapper{
        padding-top: 45px;
        padding-bottom: 20px;
    }
    .header3 .navbar-nav .nav-link{
        padding: 60px 0 34px;
    }
    .header3 .nav-sticky.navigation-sticky.sticky .navbar-brand, .header3 .nav-sticky.navigation-sticky.sticky .search-wrapper,
    .header2 .nav-sticky.navigation-sticky.sticky .navbar-brand, .header2 .nav-sticky.navigation-sticky.sticky .search-wrapper{
        padding-top: 20px;
        transition: .3s all ease;
    }
    .header3 .nav-sticky.navigation-sticky.sticky .navbar-nav .nav-link,
    .header2 .nav-sticky.navigation-sticky.sticky .navbar-nav .nav-link{
        padding: 35px 0 34px;
        transition: .3s all ease;
    }
    .header1 .navbar-nav .dropdown-menu, .header3 .navbar-nav .dropdown-menu{
        border-top: 5px solid var(--bs-secondary);
        /* box-shadow: 0px 3px 3px 1px #f4f4f4; */
    }
    .header-area .header-bottom{
        position: relative;
    }
    .navbar-nav .nav-item.element{
        position: unset;
    }
    .navbar-nav .nav-item.element .dropdown-menu.show, .navbar-nav .nav-item.element:hover > .dropdown-menu{
        display: flex;
        justify-content: space-between;
    }
    .navbar-nav .nav-item.element .dropdown-menu{
        padding: 15px 45px;
    }
    .navbar-nav .nav-item.element .dropdown-menu .submenu-2{
        border-bottom: unset;
        padding: 0;
    }
    .navbar-nav .nav-item:hover > .dropdown-menu{
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
    }
    .navbar-nav .nav-item.element .submenu-1{
        max-width: 172px;
        width: 100%;
    }
    .navbar-nav .submenu-1:hover .dropdown-menu, .navbar-nav .submenu-1 .dropdown-menu.show{
        display: block;
        top: -5px;
        left: 100%;
        right: unset;
    }   
}
@media (max-width: 985.98px){
    .icons-block .svg-wrapper:nth-child(7n){
        margin-right: 67px;
    }
    .icons-block .svg-wrapper:nth-child(6n){
        margin-right: 0;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+6){
        margin-bottom: 0;
    }
}
@media (max-width: 838.98px){
    .icons-block .svg-wrapper:nth-child(6n){
        margin-right: 67px;
    }
    .icons-block .svg-wrapper:nth-child(5n){
        margin-right: 0;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+6){
        margin-bottom: 50px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+1){
        margin-bottom: 0px;
    }
}
@media (max-width: 767.98px){
    /* Contact page */
    .contact2-block .row .col-lg-6:first-child, .contact2-block .row .col-lg-6:last-child{
        max-width: unset;
        width: 100%;
    }
    .contact2-block .row .col-lg-6:first-child{
        margin-bottom: 40px;
    }
    .contact2::before{
        width: 100%;
    }
    .contact2 .map-wrapper{
        position: unset;
        width: 100%;
        height: 300px;
    }
    .contact1-block .row .col-lg-6:first-child, .contact1-block .row .col-lg-6:last-child{
        width: 100%;
    }
    .contact1-block .row .col-lg-6:first-child{
        margin-bottom: 40px;
    }
    .contact2{
        padding-bottom: 0;
    }
    .contact2-block .form1{
        margin: auto;
    }
    .contact2-block .content-block li:nth-last-child(n+2){
        margin-bottom: 20px;
    }
    /* Blog pages */
    .blog-details-fullwidth .facility-categories .blog-divider{
        flex-direction: column;
    }
    .blog-details-fullwidth .facility-categories .blog-divider .previous, .blog-details-fullwidth .facility-categories .blog-divider .next{
        width: 100%;
        max-width: 500px;
        margin: auto;
    }
    .blog-details-fullwidth .facility-categories .blog-divider .previous{
        margin-bottom: 30px;
    }
    .blog-grid4-block.blog-grid2-block .row .col-md-6{
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .blog-grid2-block .row .col-md-6:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    /* Events page */
    .event-details-fullwidth-block .address-wrapper ul{
        flex-wrap: wrap;
    }
    .event-details-fullwidth-block .address-wrapper ul li{
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .events-3-block.home3-event-block .row .col-lg-6:first-child{
        margin-bottom: 55px;
    }
    .events-3-block .col-lg-6:nth-last-child(n+2){
        margin-bottom: 55px;
    }
    .events-1-block .row .col-md-6:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    /* Campaign grid */
    .campaign-detail-fullwidth-block .banner-wrapper{
        height: 500px;
    }
    .campaign-list-fullwidth-block .img-wrapper{
        height: 350px;
        min-width: unset;
    }
    .campaign-list-fullwidth-block .content-block{
        flex-direction: column;
    }
    .campaign-grid4-block .row .col-lg-3:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    .campaign-grid4-block .content-block{
        max-width: 500px;
        margin: auto;
    }
    .campaign-grid2-block .col-md-6{
        width: 100%;
    }
    .campaign-grid2-block .col-md-6:nth-last-child(n+2){
        margin-bottom: 60px;
    }
    /* page coming soon */
    .page-coming-soon-block .timer-wrapper ul{
        flex-wrap: wrap;
    }
    .page-coming-soon-block .timer-wrapper ul li{
        width: 50%;
    }
    .page-coming-soon-block .timer-wrapper ul li{
        margin-bottom: 20px;
    }
    /* page login */
    .register-form{
        padding: 70px;
    }
    /* page Awards */
    .page-awards-block .row .col-md-6:last-of-type{
        margin-bottom: 0px;
    }
    .page-awards-block .row .col-md-6{
        width: 100%;
    }
    .page-awards-block .content-block{
        max-width: 500px;
        margin: auto;
    }
    /* Page testimonials */
    .page-testimonials-block .row .col-md-6:nth-last-child(n+2){
        margin-bottom: 40px;
    }
    /* Galler */
    .gallery-donate{
        padding-top: 60px;
        overflow: hidden;
    }
    .gallery-donate-block .row .col-md-6:first-child, .gallery-donate-block .row .col-md-6:last-child{
        width: 100%;
    }
    .gallery-donate-block .img-wrapper{
        margin-top: 30px;
        height: 350px;
    }
    .gallery-donate-block .row .col-md-6:first-child{
        justify-content: center;
        margin-bottom: 38px;
    }
    .gallery-donate-block .content-wrapper{
        text-align: center;
    }
    .gallery-donate-block .content-wrapper .btn-secondary{
        margin: auto;
    }
    .gallery-grid-block .row .col-md-4:nth-last-child(n+3){
        margin-bottom: 30px;
    }
    /* Become volunteer */
    .page-become-team{
        padding-top: 100px;
    }
    .become-volunteer-block .rectangle-svg{
        display: none;
    }
    .become-volunteer-block{
        padding: 0;
    }
    .become-volunteer .bg-wrapper{
        top: 0;
        height: 100%;
    }
    /* Donate Form */
    .donation-form-block .details-wrapper .col-md-6:nth-last-child(n+2){
        margin-bottom: 15px;
    }
    /* Volunteer Details */
    .volunteer-details-block .row .col-lg-6:first-child, .volunteer-details-block .row .col-lg-6:last-child{
        width: 100%;
    }
    .volunteer-details-block .img-wrapper{
        min-height: unset;
        height: 400px;
        max-width: 500px;
        margin: auto;
        margin-bottom: 30px;
    }
    /* Volunteer Grid */
    .volunteer-grid-block .team1 .row .col-lg-4:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    /* Volunteer list */
    .volunteer-list-block .content-block{
        flex-direction: column; 
    }
    .volunteer-list-block .img-wrapper{
        max-width: unset;
        width: 100%;
        height: 300px;
    }
    /* Home-3 */
    .home3-volunteer-block .col-lg-6:first-child, .home3-volunteer-block .col-lg-6:last-child,
    .home3-event-block .row .col-lg-6{
        width: 100%;
    }
    .home3-event-block .row .col-lg-6:first-child{
        margin-bottom: 30px;
    }
    .home3-volunteer-block .content-wrapper{
        margin: 0;
        padding: 30px;
        min-height: 300px;
        display: flex;
        align-items: center;
        height: 100%;
    }
    .home3-volunteer-block .img-wrapper{
        height: 400px;
        max-width: 400px;
        margin: auto;
    }
    .home3-volunteer-block .img-block{
        padding: 50px;
        padding-bottom: 0;
    }
    .home3-volunteer-block .img-block::before{
        top: 0;
        height: 250px;
    }
    .home3-counter-block .col-3:nth-last-child(n+2) .counter-content::after{
        display: none;
    }
    .home3-counter-block .counter-wrapper .row .col-3{
        max-width: unset;
        width: 50%;
    }
    .home3-counter-block .counter-wrapper .row .col-3:nth-last-child(n+3){
        margin-bottom: 30px;
    }
    .home3-info-block .banner-content{
        padding-left: 60px;
    }
    .home3-features-block .content-wrapper{
        max-width: 400px;
        margin: auto;
    }
    /* Home-2 */
    .home2-event-block .schedule-wrapper{
        flex-direction: column;
    }
    .home2-event-block .schedule-wrapper .img-wrapper{
        height: 300px;
    }
    .home2-volunteer-block .row .col-md-6:first-child, .home2-volunteer-block .row .col-md-6:last-child{
        width: 100%;
    }
    .home2-popular-block .row .col-lg-4, .home2-features .row .col-lg-4{
        max-width: 500px;
    }
    .home2-counter-block .row .col-3{
        width: 50%;
    }
    .home2-counter-block .row .col-3:nth-last-child(n+3), .home2-volunteer-block .row .col-md-6:first-child{
        margin-bottom: 30px;
    }
    .home2-counter-block .counter-content{
        max-width: 250px;
        margin: auto;
    }
    .home2-about-block .row .col-lg-6:first-child, .home2-about-block .row .col-lg-6:last-child{
        width: 100%;
    }
    .home2-about-block .row .col-lg-6:first-child{
        margin-bottom: 40px;
    }
    .home2-about{
        overflow: hidden;
    }
    .home2-about-block .content-block{
        margin-bottom: 0;
    }
    /* Home-1 */
    .home1-gallery-block .row .col-lg-4{
        max-width: 400px;
        margin: auto;
    }
    .home1-gallery-block .row .col-lg-4:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    .home1-popular-block .row .col-lg-4{
        max-width: 500px;
    }
    .home1-video-block .counter-wrapper .col-3:nth-last-child(n+2){
        margin-right: 0;
    }
    .home1-video-block .counter-wrapper .col-3:nth-last-child(n+3){
        margin-bottom: 20px;
    }
    .home1-video-block .counter-wrapper .col-3{
        max-width: unset;
        width: 50%;
        display: flex;
        justify-content: center;
        text-align: center;
    }
    .home1-about-mission .img-block .img-wrapper .svg-wrapper{
        left: 0;
        right: 0;
        margin: auto;
    }
    .home1-about-mission{
        display: flex;
        flex-direction: column;
    }
    .home1-about-mission .img-block{
        position: unset;
        padding: 0;
        width: 100%;
        height: 400px;
        order: 1;
    }
    .home1-about-block, .home1-mission-block{
        width: 100%;
    }
    .home1-about-mission .img-block .img-wrapper img{
        border-radius: 0;
    }
    .home1-about{
        order: 2;
    }
    .home1-mission{
        order: 3;
        margin-bottom: 0;
    }
    /* Team */
    .team1 .row .col-lg-4, .team2 .row .col-lg-4, .team3 .row .col-lg-4{
        max-width: 500px;
    }
    /* Services */
    .service2 .row .col-md-6{
        width: 100%;
    }
    .service2 .row .col-md-6:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    .service1 .nav-tabs .nav-link h4{
        font-size: 14px;
        line-height: 17px;
    }
    .service1 .nav-tabs .nav-link{
        padding-left: 10px;
        padding-right: 10px;
    }
    .service1 .nav-tabs .nav-link svg{
        height: 35px;
        margin-bottom: 12px;
    }
    /* Testimonials */
    .testimonial2.carousel6 .row .col-md-6:first-child{
        overflow: hidden;
    }
    .testimonial2.carousel6 .content-wrapper{
        margin-left: 0;
        margin-bottom: 0;
    }
    /* Pricing */
    .pricing-wrapper .row .col-lg-4{
        max-width: 500px;
    }
    /* Grid */
    .grid5 .col-sm-6:nth-last-child(n+3), .grid6 .col-md-3, .grid7 .col-md-2:nth-last-child(n+4), .grid8 .col-md-2{
        margin-bottom: 20px;
    }
    /* Carousels */
    .carousel4 .owl-theme .owl-nav{
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .carousel4 .row .col-md-6:last-child{
        margin-bottom: 80px;
    }
    .carousel6 .row .col-md-6:first-child, .carousel6 .row .col-md-6:last-child{
        width: 100%;
    }
    .carousel6 .img-block{
        padding: 80px 0 85px 45px;
    }
    /* Blog */
    .blog5 .img-wrapper{
        height: 400px;
    }
}
@media (max-width: 575.98px){
    .service1 .nav-tabs .nav-link span{
        font-size: 14px;
        line-height: 24px;
    }
    .divider-btn{
        width: 140px;
    }
    .page-banner h1{
        font-size: 30px;
        line-height: 35px;
    }
    /* Blog pages */
    .blog-details-rightsidebar-block.blog-details-fullwidth .blog-details-content .blockquote1, .blog-details-leftsidebar-block.blog-details-fullwidth .blog-details-content .blockquote1{
        padding: 20px;
    }
    .blog-details-rightsidebar-block.blog-details-fullwidth .banner-wrapper, .blog-details-leftsidebar-block.blog-details-fullwidth .banner-wrapper{
        height: 350px;
    }
    .blog-list-sidebar-block .blog5 .img-wrapper{
        height: 350px;
    }
    /* Events page */
    .event-details-rightsidebar-block .banner-wrapper{
        height: 350px;
    }
    /* Campaign page */
    .event-details-fullwidth-block .address-wrapper ul li{
        width: 100%;
    }
    .campaign-detail-fullwidth-block .banner-wrapper{
        height: 350px;
    }
    .campaign-detail-fullwidth-block .divider1 .right-btn{
        margin-top: 20px;
    }
    .campaign-detail-fullwidth-block .divider1{
        flex-direction: column;
        align-items: center;
    }
    .campaign-list-fullwidth-block .content-wrapper{
        padding: 25px;
    }
    .campaign-list-fullwidth-block .content-wrapper .horizontal-line{
        margin-bottom: 28px;
    }
    .campaign-list-fullwidth-block .content-wrapper ul{
        flex-wrap: wrap;
    }
    .campaign-list-fullwidth-block .content-wrapper ul li{
        margin-top: 10px;
        padding: 0 5px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }
    /* page 404 */
    .page-error-block .error-wrapper h1, .page-forbidden-block .error-wrapper h1{
        font-size: 100px;
        line-height: 120px;
    }
    .page-error-block .error-wrapper p, .page-forbidden-block .error-wrapper p{
        font-size: 25px;
        line-height: 30px;
    }
    .page-error-block .error-wrapper, .page-forbidden-block .error-wrapper{
        min-height: unset;
    }
    /* page coming soon */
    .page-coming-soon-block .timer-wrapper ul li{
        width: 50%;
    }
    /* page login */
    .register-form{
        padding: 30px;
    }
    /* page Search */
    .page-search-block .form-search .form-control{
        height: 60px;
        padding: 15px 130px 15px 20px;
        font-size: 16px;
    }
    .page-search-block .btn-secondary{
        width: 120px;
        height: 40px;
        font-size: 15px;
    }
    .page-search-block .serach-content .show-content{
        padding: 30px 0;
    }
    /* Gallery */
    .gallery-grid-block .img-wrapper{
        height: 300px;
        max-width: 300px;
        margin: auto;
    }
    .gallery-grid-block .row .col-md-4:nth-last-child(n+2){
        margin-bottom: 30px;
    }
    /* Become Volunteer */
    .become-volunteer-block .form2{
        padding: 30px;
    }
    /* Donate Form */
    .donation-form-block > .form-wrapper{
        padding: 30px 20px;
    }
    .donation-form-block .donation-wrapper .option{
        padding: 10px;
    }
    /* Volunteer list */
    .volunteer-list-block .content-wrapper{
        padding: 30px;
    }
    /* About us */
    .page-about-block .donation-run{
        bottom: 200px;
        left: 0;
        right: 0;
        margin: auto;
    }
    /* Home-3 */
    .home3-donate-block > .form-wrapper{
        padding: 40px 15px;
    }
    .home3-team-block .carousel3{
        max-width: 400px;
        margin: auto;
    }
    .home3-service-block .services-wrapper{
        padding: 30px;
    }
    .home3-info-block .banner-content{
        margin-left: 45px;
        margin-right: 45px;
    }
    .home3-info-block .banner-content::before{
        max-width: 200px;
        max-height: 200px;
    }
    .social-contact, .normal-contact{
        width: 40px;
    }
    .normal-contact a{
        font-size: 16px;
    }
    .social-contact a{
        width: 22px;
        height: 22px;
    }
    .social-contact a svg{
        height: 10px;
    }
    .home3-popular-block .popular-left .content-block{
        flex-direction: column;
    }
    .home3-popular-block .popular-left .img-wrapper{
        height: 300px;
        min-width: unset;
    }
    .home3-info-block .banner-content{
        padding-left: 0;
    }
    .home3-features-block .feature-wrapper{
        padding: 25px;
    }
    .home3-info-block .banner-content h1{
        font-size: 40px;
        line-height: 44px;
    }
    /* Home-2 */
    .home2-info .diff-triangle{
        max-width: 300px;
    }
    .home2-event-block .content-wrapper p{
        margin-bottom: 22px;
    }
    .home2-event-block .content-wrapper p span{
        display: inline-block;
        margin-bottom: 10px;
    }
    .home2-event-block .content-wrapper{
        padding: 30px;
    }
    .home2-event-block .schedule-wrapper .img-wrapper{
        height: 250px;
    }
    .home2-volunteer .diff-triangle{
        right: -600px;
    }
    .home2-volunteer-block .img-block{
        padding-left: 30px;
    }
    .home2-volunteer-block .img-block .line-circle{
        bottom: -40px;
        width: 150px;
        height: 150px;
    }
    .home2-volunteer-block .img-block .img-wrapper{
        height: 330px;
    }
    .home2-donate .top-triangle, .home2-donate .bottom-triangle{
        width: 300px;
        height: auto;
    }
    .home2-donate .content-wrppaer{
        padding-left: 40px;
    }
    .home2-donate .content-wrppaer .line-circle{
        top: -25px;
        left: 0px;
    }
    .home2-video-block .img-block{
        padding-bottom: 50px;
    }
    .home2-video-block .img-block .img-wrapper{
        height: 300px;
    }
    .home2-video-block .img-block .video2{
        height: unset;
    }
    .home2-info-block .img-block .line-circle{
        width: 230px;
        height: 230px;
    }
    .home2-info-block .img-block{
        padding-left: 50px;
        padding-bottom: 20px;
    }
    /* Home-1 */
    .home1-event-block .schedule-wrapper .content-block{
        flex-direction: column;
    }
    .home1-event-block .schedule-wrapper .publish{
        max-width: unset;
        margin-right: 0;
        margin-bottom: 15px;
        height: unset;
    }
    .home1-donate-block form .option, .home2-donate-block form .option, .home3-donate-block form .option{
        width: 90px;
        padding: 12px 10px;
    }
    .home1-mission-block .about-donation{
        left: 0px;
        right: 0;
        margin: auto;
    }
    .info-banner .home1-info{
        height: 155px;
        bottom: -48px;
    }
    .info-banner-block .owl-nav{
        top: 70%;
    }
    /* Services */
    .service1 .nav-tabs .nav-link h4{
        display: none;
    }
    .service1 .nav-tabs .nav-link svg{
        height: 30px;
        margin-bottom: 0;
    }
    .service1{
        padding: 20px;
    }
    /* Map */
    .map-block p{
        height: 300px;
    }
    /* Grid */
    .grid2 .col-sm-6:nth-last-child(n+2), .grid3 .col-sm-4:nth-last-child(n+2), .grid4 .col-sm-8, .grid5 .col-sm-6:nth-last-child(n+2),
    .grid7 .col-md-2:nth-last-child(n+2){
        margin-bottom: 20px;
    }
    /* Blog */
    .blog5 .img-wrapper{
        height: 300px;
    }
    .blog4 .img-wrapper{
        height: 200px;
    }
    .blog4 .blog-content{
        padding: 30px;
    }
    /* Blockquotes */
    .blockquote1{
        padding: 20px;
    }
    .blockquote2{
        padding-left: 20px;
    }
    /* Audio & Video */
    .video1{
        padding-right: 100px;
    }
    .video3{
        height: 500px;
    }
    .video3 .heart-icon svg{
        height: 20px;
    }
    .video3 .heart-icon{
        width: 40px;
        height: 40px;
    }
    .video3 .svg-cross-line{
        bottom: 10px;
        left: 10px;
    }
    .video3 .img-wrapper1, .video3 .img-wrapper2{
        height: 400px;
    }
    /* Alerts */
    .alert1 h3{
        padding-left: 20px;
        font-size: 22px;
    }
    .alert3 h3{
        font-size: 22px;
    }
    .alert-area h3 i{
        margin-right: 25px;
    }
    .alert3 .alert-area i{
        min-width: 80px;
        margin-right: 30px;
    }
    .alert3 .alert-area h3::before{
        width: 80px;
    }
    .alert2 .alert-area{
        padding-left: 20px;
    }
    .alert2 .alert-area, .alert1 .alert-area, .alert3 .alert-area{
        padding-right: 20px;
    }
    /* Buttons */
    .button1, .button2, .button3, .button4{
        flex-direction: column;
        align-items: center;
    }
    .button-block a:nth-last-child(n+2){
        margin-bottom: 20px;
    }
    /* FOOTER STYLES */
    footer .footer-content .col-lg-3, footer .footer-content .col-lg-3:first-child{
        width: 100%;
    }
    .header3 .search-wrapper .language .btn-outline-primary{
        border-style: solid;
        border-width: 1px;
    }
    .search-wrapper .language span{
        display: none;
    }
    .search-wrapper .language a svg{
        margin: 0;
    }
    .search-wrapper .language a{
        width: 30px;
        height: 30px;
        padding: 3px;
    }
    .search-wrapper .language{
        margin-left: 20px;
    }
    .search-wrapper{
        top: 25px;
        right: 40px;
    }
    .navbar-brand svg{
        height: 35px;
    }
    .header1 .nav-sticky::before{
        height: 80px;
    }
    .hamber-btn{
        top: 25px;
        right: 0;
    }
    .header1 .navbar-nav .dropdown-menu li{
        padding: 0 10px;
    }
    .header2 .search-wrapper .language a svg, .header3 .search-wrapper .language a svg{
        display: block;
        width: 12px;
        height: auto;
    }
    .header2 .search-wrapper .language a svg path{
        fill: white;
    }
}
@media (min-width: 412px) and (max-height: 914.98px){
    .page-coming-soon{
        height: 100vh;
    }
}
@media (min-width: 320px) and (max-height: 568.98px){
    .page-coming-soon, .page-maintenance{
        height: 100%;
    }
}
@media (max-width: 691.98px){
    /* Donate Form */
    .donation-form-block .donation-wrapper .col-md-12 .row .col-3{
        width: 50%;
        padding: 0 12px;
    }
    .donation-form-block .donation-wrapper .col-md-12 .row .col-3:nth-last-child(n+3){
        margin-bottom: 20px;
    }
    .donation-form-block .donation-wrapper .col-3:nth-last-child(n+2) .option, .donation-form-block .donation-wrapper .option{
        max-width: 200px;
        margin: auto;
    }
    .donation-form-block .donation-wrapper .col-3:last-child .option input{
        max-width: 109px;
    }
    /* Icons */
    .icons-block .svg-wrapper:nth-child(5n){
        margin-right: 67px;
    }
    .icons-block .svg-wrapper:nth-child(4n){
        margin-right: 0px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+4){
        margin-bottom: 0;
    }
}
@media (min-width: 576px){
    .header3 .search-wrapper .language svg{
        display: none;
    }
}
@media (max-width: 544.98px){
    .icons-block .svg-wrapper:nth-child(4n){
        margin-right: 67px;
    }
    .icons-block .svg-wrapper:nth-child(3n){
        margin-right: 0px;
    }
}
@media (max-width: 450.98px){
    .service1 .nav-tabs .nav-link span{
        display: none;
    }
}
@media (max-width: 397.98px){
    /* Home-3 */
    .home3-donate-block form .col-md-12 .row .col-4 span{
        font-size: 14px;
    }
    .home3-donate-block form .option{
        max-width: 80px;
    }
    .home3-volunteer-block .img-block{
        padding: 30px 30px 0;
    }
    /* Home-2 */
    .home2-info .diff-triangle{
        display: none;
    }
    .home2-donate-block form .option{
        width: 85px;
        padding: 10px;
        height: unset;
    }
    .home2-donate .col-md-6 > .form-wrapper{
        padding: 25px 10px;
    }
    .home2-info-block .img-block .line-circle{
        width: 170px;
        height: 170px;
    }
    .home2-info-block .divider-link{
        justify-content: center;
    }
    .home2-info-block .divider-link .contact{
        margin-bottom: 20px;
    }
    /* Icons */
    .icons-block .svg-wrapper:nth-child(3n){
        margin-right: 67px;
    }
    .icons-block .svg-wrapper:nth-child(2n){
        margin-right: 0px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+4){
        margin-bottom: 50px;
    }
    .icons-block .svg-wrapper:nth-last-child(-n+2){
        margin-bottom: 0;
    }
}
/* Small devices */
@media (max-width: 767.98px) { 
    .info-banner {
        height: 875px;
        padding-top: 60px;
    }
    .home2-info-block .divider-link {
        margin-top: 20px;
        align-items: center;
    }
    .home3-service-block .services-wrapper {
        padding: 50px 30px;
    }
    .page-banner {
        height: 340px;
        padding-bottom: 100px;
    }
    .volunteer-grid-block .team1 .row .col-lg-4 {
        margin-bottom: 50px !important;
    }
    .volunteer-grid-block .team1 .row .col-lg-4:last-of-type {
        margin-bottom: 0px !important;
    }
    .page-maintenance-block .img-wrapper {
        margin-bottom: 10px;
    }
    .page-error-block .error-wrapper,
    .page-forbidden-block .error-wrapper {
        padding: 50px 0px;
    }
    .become-volunteer {
        border-bottom: 1px solid #BFBFBF;
    }
    .become-volunteer .bg-wrapper  {
        display: none;
    }
    .event-details-fullwidth-block .banner-wrapper {
        height: 420px;
    }
    .page-banner .text-center {
        padding: 0px 12px;
    }
    .blog-sidebar {
        /* margin-top: 80px; */
    }
    .blog4 .img-wrapper {
        height: 340px;
    }
    .blog-details-fullwidth .facility-categories ul li:nth-last-child(n+2) {
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .accordion1 .main-content .icon, .accordion2 .main-content .icon {
        align-items: flex-start;
    }
    .accordion1 .main-content .icon div,
    .accordion2 .main-content .icon div {
        margin-left: 8px;
    }
    .carousel6 .img-block img {
        height: 380px;
    }
    .carousel6 .img-block .green-circle {
        right: 12px;
    }
    .carousel6 .img-block {
        margin-bottom: 30px;
    }
    .team1 .content-block .img-wrapper {
        height: 370px;
    }
    .copyright-text {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .home3-popular-block .content-wrapper .donate-details {
        justify-content: space-around;
    }
    .home3-popular-block .content-wrapper .donate-details .btn {
        margin-top: 15px;
    }
    .page-awards-block .row>div {
        margin-bottom: 45px !important;
    }
    .page-awards-block .row>div:last-of-type {
        margin-bottom: 0px !important;
    }
    .campaign-sidebar {
        margin-top: 50px;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
    .s-0 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .s-0>div {
        padding-left: 0px;
        padding-right: 0px;
    }
    .home2-about-block.page-about-block .img-block .line-circle {
        right: 0px;
    }
    .home2-about-block .row .col-md-12 {
        width: 100% !important;
    }
    .home2-about-block .content-block {
        margin: 0px;
        margin-top: 70px;
    }
    .home2-about-block .img-block .img-wrapper1 {
        height: 560px;
    }
    .home2-about-block .img-block {
        padding-right: 80px;
    }
    .blog-sidebar {
        margin-top: 80px;
    }
    .blog-list1-block .blog4>.row {
        width: 80%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .accordion1 .main-content .icon, .accordion2 .main-content .icon {
        align-items: flex-start;
    }
    .accordion1 .main-content .icon div,
    .accordion2 .main-content .icon div {
        margin-left: 8px;
    }
    .campaign-sidebar {
        margin-top: 50px;
    }



}

/* Large & Extra devices */
@media (min-width: 992px) {
    .s-0 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .s-0>div {
        padding-left: 0px;
        padding-right: 0px;
    }
    .s-6 {
        margin-left: -6px;
        margin-right: -6px;
    }
    .s-6>div {
        padding-left: 6px;
        padding-right: 6px;
    }
    /* .s-22-5 {
        margin-left: -22.5px;
        margin-right: -22.5px;
    }
    .s-22-5>div {
        padding-left: 22.5px;
        padding-right: 22.5px;
    } */
    /* Headers */
    #header-1 .search-wrapper .language .btn-primary{
        height: 47px;
    }
    #header-1 .nav-sticky::after {
        height: 0px;
        border-top: 1px solid #BFBFBF;
        background-color: transparent;
    }
    #header-1 .header-top .social-icons svg {
        height: 12px;
    }
    #header-1 .search-wrapper .search {
        line-height: 0px;
    }
    #header-1 .search-wrapper .search svg {
        width: 14px;
        height: 14px;
    }
    #header-2 .nav-sticky {
        /* background-color: transparent; */
    }
    #header-2 .nav-sticky.navigation-sticky.sticky {
        background-color: var(--bs-body-bg-color);
    }
    #header-2 .search-wrapper .search svg {
        width: 14px;
        height: 14px;
    }
    #header-2 .navbar-nav .submenu-1 .dropdown-menu {
        border-left: 1px solid transparent;
    }
    body.home-1 #header-2 .navbar-nav .nav-link,
    body.pages-banner #header-2 .navbar-nav .nav-link {
        padding: 35px 0px;
    }
    body.home-1 #header-2 .navbar-brand,
    body.home-1 #header-2 .search-wrapper,
    body.pages-banner #header-2 .navbar-brand,
    body.pages-banner #header-2 .search-wrapper {
        padding-top: 20px;
    }
    body.home-1 #header-2 .nav-sticky,
    body.pages-banner #header-2 .nav-sticky {
        background-color: var(--bs-body-bg-color);
    }
    body.home-3 #header-2 .nav-sticky.navigation-sticky:not(.sticky) .nav-link {
        /* color: #FFF; */
    }
    body.home-3 #header-2 .nav-sticky.navigation-sticky:not(.sticky) .navbar-brand svg path {
        /* fill: #FFF; */
    }
    body.home-3 #header-2 .nav-sticky.navigation-sticky:not(.sticky) .search svg path {
        /* stroke: #FFF; */
    }
    


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
    .home1-donate-block form .option,
    .home2-donate-block form .option,
    .home3-donate-block form .option,
    .donation-form-block .donation-wrapper .option {
        width: 105px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}

.blog-grid4-block.blog-grid2-block .row{
    justify-content: center;
}

.home3-info .divider-btn .swiper-button-prev::before,
.home3-info .divider-btn .swiper-button-next::before {
    background-color: var(--bs-primary);
    opacity: .8;
}
.divider-btn .swiper-button-next:hover::before, .divider-btn .swiper-button-prev:hover::before{
    opacity: 1;
}

@media (min-width: 992px){
    body:not(.toolbar-fixed) .header1 .nav-sticky, 
    body:not(.toolbar-fixed) .header2 .nav-sticky{
        position: absolute;
        top: 0;
    }
    body:not(.toolbar-fixed) #page_content.header-1{
        margin-top: 92px;
    }
    body:not(.toolbar-fixed) #page_content.header-2{
        margin-top: 124px;
    }
    body:not(.toolbar-fixed).path-taxonomy .header3 .nav-sticky, 
    body:not(.toolbar-fixed).path-comment .header3 .nav-sticky, 
    body:not(.toolbar-fixed).path-webform #header-3 .nav-sticky{
        position: absolute;
        top: 0;
    }
    body:not(.toolbar-fixed).path-taxonomy #page_content.header-3,
    body:not(.toolbar-fixed).path-comment #page_content.header-3,
    body:not(.toolbar-fixed).path-webform #page_content.header-3{
        margin-top: 85px;
    }
}

.header3 .nav-sticky.navigation-sticky.sticky{
    position: fixed !important;
}
.alert svg {
    height: 90px;
}
/* Font awesome issue fixes */
.fa-far,  .fa-fas {
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
}
 .fa-far:before,  .fa-fas:before {
  content: var(--fa);
  font-style: normal;
}
img[data-entity-uuid], img[data-entity-type = "file"] {
  width: auto;
  height: revert-layer;
}