* {

    margin: 0px;

    padding: 0px;

    border: none;

    outline: none;

    font-size: 100%;

    line-height: inherit;

}





body {

    color: var(--theme-gray);

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

    font-family: var(--main-font);

    -webkit-font-smoothing: antialiased;

}



.body_wrapper {

    position: relative;

    width: 100%;

    min-width: 300px;

    z-index: 9;

    margin: 0px auto;

    overflow: hidden;

}



a {

    text-decoration: none;

    cursor: pointer;

}



a:hover,

a:focus,

a:visited {

    text-decoration: none !important;

    outline: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    position: relative;

    color: var(--theme-black);

    font-weight: 700;

    font-family: var(--headding-font-2);

    letter-spacing: -0.03em;

    margin: 0;

}



p {

    margin: 0;

}



textarea {

    overflow: hidden;

}



button {

    outline: none !important;

    cursor: pointer;

}





::-webkit-input-placeholder {

    color: inherit;

}



::-moz-input-placeholder {

    color: inherit;

}



::-ms-input-placeholder {

    color: inherit;

}





.btn-light:not(:disabled):not(.disabled).active:focus,

.btn-light:not(:disabled):not(.disabled):active:focus,

.show>.btn-light.dropdown-toggle:focus {

    box-shadow: none;

    outline: none;

}



.btn-light:not(:disabled):not(.disabled).active,

.btn-light:not(:disabled):not(.disabled):active,

.show>.btn-light.dropdown-toggle {

    background-color: inherit;

    border-color: inherit;

    color: inherit;

    border-radius: 0;

}



.bootstrap-select .dropdown-menu li a span.text {

    margin-bottom: 0;

}



.bootstrap-select .dropdown-menu li.active a span.text {

    color: #fff;

}



.bootstrap-select .dropdown-toggle .filter-option:after {

    font-family: 'Font Awesome 5 Pro';

    content: "\f107";

    position: absolute;

    right: 15px;

    top: 7px;

    display: block;

    line-height: 30px;

    font-size: 17px;

    text-align: center;

    z-index: 5;

    font-weight: 400;

    color: #fff;

}



.box-style-one {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}



.box-style-two {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.body_wrapper {

    position: relative;

    margin: 0 auto;

    width: 100%;

    min-width: 300px;

    z-index: 9;

    overflow: hidden;

}



.theme_container {

    position: static;

    max-width: 1320px;

    padding: 0px 15px;

    margin: 0 auto;

}



ul,

li {

    list-style: none;

    padding: 0px;

    margin: 0px;

}



figure {

    margin-bottom: 0;

}



.owl-carousel img {

    width: auto !important;

    display: inline-block !important;

}



.theme-btn {

    display: inline-block;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}





.centered {

    text-align: center !important;

}



.gray-bg {

    background-color: #f4f4f4 !important;

}



.light-bg {

    background-color: #fff !important;

}



img {

    display: inline-block;

    max-width: 100%;

    height: auto;

}



.dropdown-toggle::after {

    display: none;

}



.fa {

    line-height: inherit;

}



.preloader {

    position: fixed;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 999999;

    background-color: #2d2d87;

}



.owl-nav,

.owl-dots {

    display: none;

}



.row {

    margin: 0 -15px;

}



.row>* {

    padding-left: 15px;

    padding-right: 15px;

}



.row.no-gutters {

    margin: 0;

}



.row.no-gutters>* {

    padding-left: 0;

    padding-right: 0;

}



.row.gutters-5 {

    margin: 0 -5px;

}



.row.gutters-5>* {

    padding-left: 5px;

    padding-right: 5px;

}



.opacity_0 {

    opacity: 0;

}



.opacity_1 {

    opacity: 1;

}



.opacity_10 {

    opacity: .10;

}



.opacity_20 {

    opacity: .20;

}



.opacity_30 {

    opacity: .30;

}



.opacity_40 {

    opacity: .40;

}



.opacity_50 {

    opacity: .50;

}



.opacity_60 {

    opacity: .60;

}



.opacity_70 {

    opacity: .70;

}



.opacity_80 {

    opacity: .80;

}



.opacity_90 {

    opacity: .90;

}



.tx_50 {

    transform: translateX(50%);

}



.tx__50 {

    transform: translateX(-50%);

}



.ty_50 {

    transform: translateY(50%);

}



.ty__50 {

    transform: translateY(-50%);

}



/* Btn style */



.theme-btn {

    display: inline-block;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

}



.mb-20 {

    margin-bottom: 20px !important;

}



.mb-30 {

    margin-bottom: 30px !important;

}



.mb-35 {

    margin-bottom: 35px !important;

}



.mb-30 {

    margin-bottom: 30px !important;

}



.mt-30 {

    margin-top: 30px !important;

}



.mt-40 {

    margin-top: 40px !important;

}



.mt-50 {

    margin-top: 50px !important;

}



.mt-70 {

    margin-top: 70px !important;

}



.mb-40 {

    margin-bottom: 40px !important;

}



.mb-50 {

    margin-bottom: 50px !important;

}



.mb-70 {

    margin-bottom: 70px !important;

}



.pb-20 {

    padding-bottom: 20px !important;

}



.pb-30 {

    padding-bottom: 30px !important;

}



.pb-50 {

    padding-bottom: 50px !important;

}









/*________________Preloader_______________ */

.preloader {

    position: fixed;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 999999999999999;

    background-position: center center;

    background-repeat: no-repeat;    

}



.preloader:before {

    position: absolute;

    content: '';

    width: 100px;

    height: 100px;

    background-position: center center;

    background-repeat: no-repeat;   

    background-image: url(../images/icons/preloader.svg);

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

}





.preloader-close {

    position: fixed;

    z-index: 999999;

    color: #fff;

    padding: 10px 20px;

    cursor: pointer;

    right: 0;

    bottom: 0;

    font-weight: 600;

    background-color: var(--thm-black);

}



.preloader_wrapper {

    position: fixed;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 999999;

}



.preloader_wrapper .layer-one {

    position: absolute;

    left: 0%;

    top: 0;

    width: 33.3333%;

    height: 100%;

    overflow: hidden;

    background: #f74f22;

}



.preloader_wrapper .layer-two {

    position: absolute;

    left: 33.3333%;

    top: 0;

    width: 33.3333%;

    height: 100%;

    overflow: hidden;

    background: #f74f22;

}



.preloader_wrapper .layer-three {

    position: absolute;

    left: 66.6666%;

    top: 0;

    width: 33.3333%;

    height: 100%;

    overflow: hidden;

    background: #f74f22;

}



.preloader_wrapper .layer .overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: var(--thm-base);

}





.custom-container {

    position: static;

    max-width: 1200px;

    padding: 0px 15px;

    margin: 0 auto;

}











/*** 

========================================

    Mobile Menu

========================================

***/

.nav-outer .mobile-nav-toggler {

    position: relative;

    display: none;

    float: right;

    cursor: pointer;

    padding: 30px 0;

}



.nav-outer.style1 .mobile-nav-toggler {

    padding: 25px 0 25px;

}



.nav-outer.style2 .mobile-nav-toggler {

    padding: 25px 0;

}



.nav-outer.style3 .mobile-nav-toggler {

    padding: 45px 0;

}





.nav-outer .mobile-nav-toggler .inner {

    position: relative;

    display: block;

    padding: 3px 5px;

    background: var(--theme-base);

}



.nav-outer.style2 .mobile-nav-toggler .inner {

    background-color: var(--thm-black);

}









.mobile-menu {

    position: fixed;

    top: 0;

    right: 0;

    width: 100%;

    max-width: 100%;

    height: 100%;

    padding-right: 30px;

    opacity: 0;

    visibility: hidden;

    z-index: 999999;

}



.mobile-menu .menu-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(9, 16, 32, 0.90);

    transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

    z-index: 1;

    opacity: 0;

    visibility: hidden;

}



.mobile-menu-visible .mobile-menu .menu-backdrop {

    opacity: 0.70;

    visibility: visible;

    -webkit-transition: all 0.7s ease;

    -moz-transition: all 0.7s ease;

    -ms-transition: all 0.7s ease;

    -o-transition: all 0.7s ease;

    transition: all 0.7s ease;

}



.mobile-menu .mCSB_inside>.mCSB_container {

    margin-right: 5px;

}



.mobile-menu .navbar-collapse {

    display: block !important;

}





.mobile-menu .nav-logo {

    position: relative;

    padding: 30px 25px;

    text-align: left;

    margin-bottom: 100px;

}



.mobile-menu .nav-logo a {

    position: relative;

    display: inline-block;

}



.mobile-menu-visible {

    overflow: hidden;

}



.mobile-menu-visible .mobile-menu {

    opacity: 1;

    visibility: visible;

}



.mobile-menu .menu-box {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    max-height: 100%;

    overflow-y: auto;

    background: #202020;

    padding: 0px 0px;

    z-index: 5;

    opacity: 0;

    visibility: hidden;

    border-radius: 0px;

    -webkit-transform: translateY(101%);

    -ms-transform: translateY(101%);

    transform: translateY(101%);

}



.mobile-menu-visible .mobile-menu .menu-box {

    opacity: 1;

    visibility: visible;

    -webkit-transition: all 0.7s ease;

    -moz-transition: all 0.7s ease;

    -ms-transition: all 0.7s ease;

    -o-transition: all 0.7s ease;

    transition: all 0.7s ease;

    -webkit-transform: translateY(0%);

    -ms-transform: translateY(0%);

    transform: translateY(0%);

}



.mobile-menu .close-btn {

    position: absolute;

    top: 10px;

    right: 10px;

    color: #ffffff;

    font-size: 20px;

    line-height: 30px;

    width: 30px;

    text-align: center;

    cursor: pointer;

    z-index: 10;

    -webkit-transition: all 0.9s ease;

    -moz-transition: all 0.9s ease;

    -ms-transition: all 0.9s ease;

    -o-transition: all 0.9s ease;

    transition: all 0.9s ease;

}



.mobile-menu-visible .mobile-menu .close-btn {

    -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}



.mobile-menu .close-btn:hover {

    color: var(--thm-base);

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

}





.mobile-menu .navigation {

    position: relative;

    display: block;

    width: 100%;

    float: none;

}



.mobile-menu .navigation li {

    position: relative;

    display: block;

}



.mobile-menu .navigation:last-child {

}



.mobile-menu .navigation li>ul>li:first-child {

    border-top: 1px solid rgba(255, 255, 255, 0.10);

}



.mobile-menu .navigation li>a {

    position: relative;

    display: block;

    padding: 10px 25px;

    color: #ffffff;

    font-size: 15px;

    line-height: 24px;

    font-weight: 600;

    text-transform: uppercase;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.mobile-menu .navigation li>a:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    height: 0;

    border-left: 5px solid var(--thm-primary);

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.mobile-menu .navigation li.current>a:before {

    height: 100%;

}



.mobile-menu .navigation li.current>a,

.mobile-menu .navigation li>a:hover {

    color: var(--theme-base);

}





.mobile-menu .navigation li ul li>a {

    font-size: 15px;

    font-weight: 400;

    margin-left: 20px;

    text-transform: capitalize;

}



.mobile-menu .navigation li.dropdown .dropdown-btn {

    position: absolute;

    top: 6px;

    right: 25px;

    width: 32px;

    height: 32px;

    text-align: center;

    color: #ffffff;

    font-size: 16px;

    line-height: 32px;

    cursor: pointer;

    border-radius: 2px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    z-index: 5;

}



.mobile-menu .navigation li.dropdown .dropdown-btn.open {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

}



.mobile-menu .navigation li>ul,

.mobile-menu .navigation li>ul>li>ul,

.mobile-menu .navigation>li.dropdown>.megamenu {

    display: none;

}



.mobile-menu .social-links {

    position: relative;

    text-align: center;

    padding: 50px 15px;

}



.mobile-menu .social-links li {

    position: relative;

    display: inline-block;

    margin: 0px 1px 10px;

}



.mobile-menu .social-links li a {

    position: relative;

    display: block;

    width: 45px;

    height: 45px;

    border: 1px solid rgba(255, 255, 255, 0.20);

    border-radius: 50%;

    background: var(--thm-base);

    color: #ffffff;

    font-size: 16px;

    line-height: 41px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}



.mobile-menu .social-links li a:hover {

    color: var(--thm-base);

    background-color: #ffffff;

}











/*  Scroll To Top style */

.back-to-top {

    position: fixed;

    right: 50px;

    bottom: 50px;

    width: 65px;

    height: 65px;

    font-size: 18px;

    line-height: 65px;

    text-align: center;

    z-index: 100;

    cursor: pointer;

    border-radius: 50%;

    margin-left: -26px;

    display: none;

    -webkit-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    background: #7e0010;

    color: #fff;

}



.back-to-top.style-two {

    background-color: #2d3247;

}



.back-to-top:hover {

    background: var(--theme-black);

    color: #ffffff;

}





/*Btn Style*/

.theme-btn {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    -webkit-appearance: none;

    border: none;

    outline: none !important;

    background: #2d2d87;

    color: #ffffff;

    font-size: 16px;

    font-weight: 700;

    text-transform: capitalize;

    padding: 12px 24px 12px;

    /* border-radius: 10px; */

    transition: all 0.3s linear;

    overflow: hidden;

    font-family: var(--main-font);

    z-index: 1;

}



.theme-btn:after {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    right: 0;

    height: 100%;

    background: #000;

    /* border-radius: 10px; */

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .5s;

    transition-property: all;

    opacity: 1;

    transform-origin: top;

    transform-style: preserve-3d;

    transform: scaleY(0);

    z-index: -1;

}



.theme-btn:hover:after {

    opacity: 1;

    transform: scaleY(1.0);

}



.theme-btn:hover {

    color: #ffffff;

}



.theme-btn span::before {

    position: relative;

    display: inline-block;

    color: #ffffff;

    font-size: 15px;

    top: 1px;

    padding-left: 11px;

    font-weight: 700;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}













/* Sec title */







.sec-title {

    position: relative;

    display: block;

    margin-top: -7px;

    padding-bottom: 54px;

}



.sec-title .tagline {

    position: relative;

    display: block;

    margin-bottom: 3px;

}



.sec-title .tagline span.left {

    position: relative;

    display: inline-block;

    width: 20px;

    height: 2px;

    background: #7e0010;

    margin-right: 6px;

    top: -5px;

}



.sec-title .tagline span.left::before {

    position: absolute;

    top: -4px;

    left: 0px;

    width: 2px;

    height: 10px;

    background: #7e0010;

    content: "";

}



.sec-title .tagline span.right {

    position: relative;

    display: inline-block;

    width: 20px;

    height: 2px;

    background: #7e0010;

    margin-left: 6px;

    top: -5px;

}



.sec-title .tagline span.right::before {

    position: absolute;

    top: -4px;

    right: 0;

    width: 2px;

    height: 10px;

    background: #7e0010;

    content: "";

}



.sec-title .tagline h6 {

    position: relative;

    display: inline-block;

    color: #7e0010;

    font-size: 14px;

    line-height: 24px;

    font-weight: 700;

    text-transform: capitalize;

    font-family: var(--main-font);

}



.sec-title .tagline h6.style2 {

    font-size: 18px;

    line-height: 28px;

    font-weight: 400;

}



.sec-title .title {

    font-size: 52px;

    line-height: 1em;

    font-weight: 700;

    text-transform: capitalize;

    letter-spacing: -0.03em;

}



.sec-title .text {

    position: relative;

    color: var(--theme-gray);

    margin-top: 17px;

}











/*==============================================

    Main Header Css        

===============================================*/

.header_s1 {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    margin: 0px;

    z-index: 999;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



.sticky-header {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    padding: 0px 0px;

    background: rgba(255, 255, 255, 0.98);

    opacity: 0;

    visibility: hidden;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    z-index: 0;

}



.fixed-header .sticky-header {

    visibility: visible;

    -ms-animation-name: fadeInDown;

    -moz-animation-name: fadeInDown;

    -op-animation-name: fadeInDown;

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

    -ms-animation-duration: 500ms;

    -moz-animation-duration: 500ms;

    -op-animation-duration: 500ms;

    -webkit-animation-duration: 500ms;

    animation-duration: 500ms;

    -ms-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

    -op-animation-timing-function: linear;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -ms-animation-iteration-count: 1;

    -moz-animation-iteration-count: 1;

    -op-animation-iteration-count: 1;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    opacity: 1;

    z-index: 999999;

}



.sticky-header__inner {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}



.sticky-header .logo {

    position: relative;

    display: block;

}



.sticky-header .logo a {

    position: relative;

    display: inline-block;

}



.sticky-header .main-menu .navigation>li {

    margin-right: 35px;

}



.sticky-header .main-menu .navigation>li>a {

    padding: 35px 0px 35px !important;

}



.sticky-header .main-menu .navigation>li:hover>a,

.sticky-header .main-menu .navigation>li.current>a {

    color: var(--theme-base);

}



.sticky-header .main-menu .navigation>li>a span:before {

    display: none;

}



.sticky-header .main-menu .navigation>li>a:before {

    display: none;

}













.header-one {

    position: relative;

}



.header-one__inner {

    position: relative;

    display: block;

    padding-left: 320px;

}



.logo-one {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 320px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--theme-base);

}



.header-one-content {

    position: relative;

    width: 100%;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}



.header-one-content__top {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    align-items: center;

    flex-wrap: wrap;

    background: var(--theme-black);

    width: 100%;

    overflow: hidden;

    padding: 6px 0;

    padding-left: 80px;

    gap: 20px;

}



.our-info-one {

    position: relative;

    display: block;

}



.our-info-one ul {

    position: relative;

    display: block;

    overflow: hidden;

}



.our-info-one ul li {

    position: relative;

    display: flex;

    align-items: center;

    float: left;

    padding-left: 20px;

}



.our-info-one ul li:first-child {

    padding-left: 0;

}



.our-info-one ul li .icon {

    position: relative;

    display: block;

    color: var(--theme-base);

    font-size: 15px;

    font-weight: 700;

}



.our-info-one ul li .icon.clr2 {

    color: var(--theme-color1);

}



.our-info-one ul li .text {

    position: relative;

    display: block;

    padding-left: 10px;

}



.our-info-one ul li .text h6 {

    font-size: 14px;

    line-height: 22px;

    font-family: var(--main-font);

}



.our-info-one ul li .text h6 a {

    color: #cccccc;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.our-info-one ul li .text h6 a:hover {

    color: var(--theme-base);

}



.our-info-one ul li .text h6 a.clr2:hover {

    color: var(--theme-color1);

}









.social-info-one {

    position: relative;

    display: block;

}



.social-info-one ul {

    position: relative;

    display: block;

}



.social-info-one ul li {

    position: relative;

    display: inline-block;

    float: left;

}



.social-info-one ul li a {

    color: #ffffff;

    font-size: 15px;

    padding: 6px 15px 6px;

    background: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.social-info-one ul li a:hover {

    background: #131313;

    color: var(--theme-base);

}







.header-one-content__bottom {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    background: #ffffff;

    width: 100%;

    padding-left: 80px;

}



.header-one-content__bottom-left {

    position: relative;

    display: block;

    margin: 0 auto;

}



.header-one-content__bottom-right {

    position: relative;

    display: flex;

    align-items: center;

}



.header-one-content__bottom-right .header-btn-one {

    position: relative;

    display: block;

}



.header-one-content__bottom-right .header-btn-one .theme-btn {

    background: var(--theme-base);

}



.header-one-content__bottom-right .header-btn-one .theme-btn::after {

    background: var(--theme-black);

}



.header-one-content__bottom-right .hidden-content-btn {

    position: relative;

    display: block;

    margin-left: 50px;

}



.header-one-content__bottom-right .hidden-content-btn .side-nav-toggler {

    position: relative;

    display: inline-block;

    background: var(--theme-color1);

    padding: 36px 35px 36px;

}







.header-left .nav-outer {

    position: relative;

    display: block;

    float: left;

    margin-left: 150px;

    z-index: 1;

}



.main-menu.style1 {}



.main-menu {

    position: relative;

    display: block;

    float: left;

}



.main-menu .navbar-collapse {

    padding: 0px;

    display: block !important;

}



.main-menu .navigation {

    position: inherit;

    display: block;

}



.main-menu .navigation>li {

    position: inherit;

    display: inline-block;

    float: left;

    margin-right: 28px;

}



.main-menu .navigation>li:last-child {

    margin-right: 0;

}



.main-menu .navigation>li>a {

    position: relative;

    display: flex;

    align-items: center;

    padding: 37px 0px 35px;

    color: #636363;

    font-size: 16px;

    line-height: 30px;

    font-weight: 400;

    text-transform: capitalize;

    transition: all 500ms ease;

    font-family: var(--main-font);

    opacity: 1;

    z-index: 1;

}



.main-menu .navigation>li:hover>a,

.main-menu .navigation>li.current>a {

    color: var(--theme-black);

}







.main-menu .navigation>li.dropdown>a {}





.main-menu .navigation>li>ul {

    position: absolute;

    top: 100%;

    left: inherit;

    width: 240px;

    padding: 0px 0;

    opacity: 0;

    visibility: hidden;

    border-radius: 0px;

    transition: all 100ms ease;

    z-index: 100;

    transform: scaleY(0);

    transform-origin: top;

}



.main-menu .navigation>li>ul:before {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    content: '';

    box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 10%);

    background: #ffffff;

    border-radius: 0px;

    z-index: -1;

}





.main-menu .navigation>li.dropdown:hover>ul {

    opacity: 1;

    visibility: visible;

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transform: scale(1);

}



.main-menu .navigation>li>ul>li {

    position: relative;

    display: block;

    padding: 0 0px;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.main-menu .navigation>li:hover>ul>li {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    transform: translateY(0);

}



.main-menu .navigation>li>ul>li:nth-child(2n+1) {

    -webkit-transition-delay: 0.1s;

    transition-delay: 0.1s;

}



.main-menu .navigation>li>ul>li:nth-child(2n+2) {

    -webkit-transition-delay: 0.2s;

    transition-delay: 0.2s;

}



.main-menu .navigation>li>ul>li:nth-child(2n+3) {

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s;

}



.main-menu .navigation>li>ul>li:nth-child(2n+4) {

    -webkit-transition-delay: 0.4s;

    transition-delay: 0.4s;

}



.main-menu .navigation>li>ul>li:nth-child(2n+5) {

    -webkit-transition-delay: 0.5s;

    transition-delay: 0.5s;

}



.main-menu .navigation>li>ul>li:nth-child(2n+6) {

    -webkit-transition-delay: 0.6s;

    transition-delay: 0.6s;

}



.main-menu .navigation>li>ul>li:nth-child(2n+7) {

    -webkit-transition-delay: 0.7s;

    transition-delay: 0.7s;

}



.main-menu .navigation>li>ul>li:nth-child(2n+8) {

    -webkit-transition-delay: 0.8s;

    transition-delay: 0.8s;

}



.main-menu .navigation>li>ul>li:nth-child(2n+9) {

    -webkit-transition-delay: 0.9s;

    transition-delay: 0.9s;

}





.main-menu .navigation>li>ul>li>a {

    position: relative;

    display: block;

    border-bottom: 1px solid rgb(212 220 219 / 30%);

    padding: 15px 0px 15px;

    padding-left: 30px;

    padding-right: 10px;

    color: #636363;

    font-size: 15px;

    line-height: 24px;

    font-weight: 400;

    text-align: left;

    text-transform: capitalize;

    transition: all 500ms ease;

    letter-spacing: normal;

    font-family: var(--main-font);

    z-index: 1;

}



.main-menu .navigation>li>ul>li>a:hover {

    color: #ffffff;

}



.main-menu .navigation>li>ul>li:last-child>a {

    border: none;

}



.main-menu .navigation>li>ul>li>a:before {

    content: "";

    position: absolute;

    top: -1px;

    left: 0px;

    right: 0;

    bottom: -1px;

    background-color: #2d2d87;

    transition: -webkit-transform 0.4s ease;

    transition: .5s;

    transition: .5s;

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: right center;

    transform-origin: right center;

    z-index: -1;

    opacity: 0;

}



.main-menu .navigation>li>ul>li:hover>a:before {

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: left center;

    transform-origin: left center;

    opacity: 1;

}





.main-menu .navigation>li>ul>li.dropdown {}







.main-menu .navigation>li>ul>li>ul {

    position: absolute;

    top: 0%;

    left: 100%;

    width: 250px;

    padding: 0px 0;

    display: none;

    border-left: 0px solid transparent;

    padding-left: 10px;

    border-radius: 0px;

    -moz-transform: translateY(30px);

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    -o-transform: translateY(30px);

    transform: translateY(30px);

    transition: all 100ms ease;

    z-index: 100;

}



.main-menu .navigation>li>ul>li>ul:before {

    position: absolute;

    top: 0px;

    left: 10px;

    right: 0;

    height: 100%;

    content: '';

    background: #ffffff;

    border-radius: 0px;

    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);

    z-index: -1;

}



.main-menu .navigation li>ul>li.dropdown:hover ul {

    opacity: 1;

    visibility: visible;

    -moz-transform: translateY(0);

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

}



.main-menu .navigation>li>ul>li>ul>li {

    position: relative;

    display: block;

    padding: 0px;

    width: 100%;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.main-menu .navigation>li>ul>li:hover>ul>li {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    transform: translateY(0);

}



.main-menu .navigation>li>ul>li>ul>li:nth-child(2n+1) {

    -webkit-transition-delay: 0.1s;

    transition-delay: 0.1s;

}



.main-menu .navigation>li>ul>li>ul>li:nth-child(2n+2) {

    -webkit-transition-delay: 0.2s;

    transition-delay: 0.2s;

}



.main-menu .navigation>li>ul>li>ul>li:nth-child(2n+3) {

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s;

}



.main-menu .navigation>li>ul>li>ul>li:nth-child(2n+4) {

    -webkit-transition-delay: 0.4s;

    transition-delay: 0.4s;

}



.main-menu .navigation>li>ul>li>ul>li:nth-child(2n+5) {

    -webkit-transition-delay: 0.5s;

    transition-delay: 0.5s;

}





.main-menu .navigation>li>ul>li>ul>li>a {

    position: relative;

    display: block;

    border-bottom: 1px solid #e5e5e5;

    padding: 15px 0px 15px;

    padding-left: 30px;

    padding-right: 10px;

    color: rgba(var(--theme-black-rgb), .7);

    font-size: 15px;

    line-height: 24px;

    font-weight: 500;

    text-align: left;

    text-transform: capitalize;

    transition: all 500ms ease;

    letter-spacing: normal;

    font-family: var(--main-font);

    z-index: 1;

}



.main-menu .navigation>li>ul>li>ul>li>a:hover {

    background-color: #2d2d87;

    color: #ffffff;

}



.main-menu .navigation>li>ul>li>ul>li:last-child>a {

    border: none;

}



.main-menu .navigation>li>ul>li>ul>li>a:before {

    content: "";

    position: absolute;

    top: -1px;

    left: 0px;

    right: 0;

    bottom: -1px;

    background-color: var(--theme-base);

    transition: -webkit-transform 0.4s ease;

    transition: transform 0.4s ease;

    transition: transform 0.4s ease, -webkit-transform 0.4s ease;

    -webkit-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transform-origin: right center;

    transform-origin: right center;

    z-index: -1;

}



.main-menu .navigation>li>ul>li>ul>li:hover>a:before {

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: left center;

    transform-origin: left center;

}





.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {

    position: absolute;

    right: 0px;

    top: 0;

    width: 50px;

    height: 42px;

    border-left: 1px solid #04102a;

    text-align: center;

    font-size: 16px;

    line-height: 42px;

    color: #ffffff;

    cursor: pointer;

    display: none;

    z-index: 5;

}







/*Header Two*/

.header-one--two {

    position: absolute;

    /* top: 40px; */

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

}



.header-one--two .header-one__inner {

    padding-left: 173px;

}



.header-one--two .header-one-content__top {

    padding-left: 40px;

}



.header-one--two .header-one-content__bottom {

    padding-left: 0;

    padding-right: 14px;

}



.header-one--two .logo-one {

    width: 173px;

    background: #2d2d87;

}



.header-one--two .header-one-content__top {

    background: #2d2d87;

}



.header-one--two .our-info-one ul li .text h6 a {

    color: #ffffff;

}



.header-one--two .our-info-one ul li .text h6 a:hover {

    color: #ffffff;

}



.header-one--two .social-info-one ul li a {

    background: #7e0010;

}



.header-one--two .social-info-one ul li a:hover {

    color: #ffffff;

}



.header-one--two .header-one-content__bottom-right .hidden-content-btn .side-nav-toggler {

    background: transparent;

}



.header-one--two .header-one-content__bottom-right::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    background: #ededed;

    width: 1px;

    content: "";

}



.header-one--two .header-one-content__bottom-right .search-box {

    position: relative;

    display: block;

    padding-left: 25px;

}



.header-one--two .header-one-content__bottom-right .search-box a {

    color: #dcdcdc;

    font-size: 23px;

}





.header-one--two .header-one-content__bottom-right .hidden-content-btn::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    background: #ededed;

    width: 1px;

    content: "";

}



.header-one--two .header-one-content__bottom-right .hidden-content-btn {

    position: relative;

    display: block;

    margin-left: 23px;

}



.header-one--two .header-one-content__bottom-right .hidden-content-btn .side-nav-toggler {

    padding: 20px 35px 20px;

}



.header-one--two .main-menu .navigation>li>a {

    padding: 10px 0px 10px;

}



.header-one--two .our-info-one ul li .text h6 {

    font-size: 16px;

    font-weight: 400;

}









/*Header Three*/

.header-three {

    position: relative;

    display: block;

}



.header-three__inner {

    position: relative;

    display: block;

}



.header-three-content {

    position: relative;

    display: block;

}





.header-three-content__top {

    position: relative;

    display: block;

    background: var(--theme-black);

}



.header-three-content__top .custom-container {

    max-width: 100%;

    padding: 0;

    padding-left: 40px;

}



.header-three-content__top-inner {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.header-three-content__top-inner .our-info-one ul li .icon {

    top: 1px;

}



.header-three-content__top-inner .our-info-one ul li .text h6 {

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

}



.header-three-content__top-inner .our-info-one ul li .text h6 a {

    color: #ffffff;

}



.header-three-content__top-inner .our-info-one ul li .text h6 a:hover {

    color: #2d2d87;

}



.header-three-content__top-right {

    position: relative;

    display: flex;

    align-items: center;

}



.header-three-content__top-right-menu {

    position: relative;

    display: block;

}



.header-three-content__top-right-menu ul {

    position: relative;

    display: flex;

    align-items: center;

}



.header-three-content__top-right-menu ul li {

    position: relative;

    display: block;

    margin-right: 43px;

}



.header-three-content__top-right-menu ul li:last-child {

    margin-right: 0px;

}



.header-three-content__top-right-menu ul li a {

    color: #ffffff;

    font-size: 14px;

    line-height: 24px;

    font-weight: 400;

    font-family: var(--main-font);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.header-three-content__top-right-menu ul li a:hover {

    color: #2d2d87;

}



.header-three-content__top-right .language-switcher {

    position: relative;

    display: block;

    margin-left: 40px;

}







.header-three-content__bottom {

    position: relative;

    display: block;

    background: #fff6f6;

}



.header-three-content__bottom .custom-container {

    max-width: 100%;

    padding: 0;

    padding-right: 60px;

}



.header-three-content__bottom-inner {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.header-three-content__bottom-left {

    position: relative;

    display: block;

}



.header-three-content__bottom-left .main-menu .navigation>li>a {

    padding: 46px 0px 44px;

}



.header-three-content__bottom-left .nav-outer {

    position: relative;

    display: flex;

    align-items: center;

}



.header-three-content__bottom-left .logo-one {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 120px;

    height: 120px;

    margin-right: 100px;

}





.header-three-content__bottom-right {

    position: relative;

    display: flex;

    align-items: center;

}



.header-three-content__bottom-right .social-icon {

    position: relative;

    display: block;

}



.header-three-content__bottom-right .social-icon ul {

    position: relative;

    display: block;

}



.header-three-content__bottom-right .social-icon ul li {

    position: relative;

    display: inline-block;

    margin-right: 16px;

}



.header-three-content__bottom-right .social-icon ul li:last-child {

    margin-right: 0px;

}



.header-three-content__bottom-right .social-icon ul li a {

    position: relative;

    display: block;

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    background: #ffffff;

    box-shadow: 0px 16px 32px 0px rgb(52, 52, 52, 0.1);

    color: var(--theme-black);

    font-size: 20px;

    font-weight: 700;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.header-three-content__bottom-right .social-icon ul li a:hover {

    color: #ffffff;

    background: var(--theme-base);

}



.header-three-content__bottom-right .button-box {

    position: relative;

    display: block;

    margin-left: 20px;

}



.header-three-content__bottom-right .button-box .theme-btn {

    border-radius: 0;

    background: var(--theme-color2);

    color: #ffffff;

    padding: 17px 40px 15px;

}



.header-three-content__bottom-right .button-box .theme-btn span::before {

    position: relative;

    display: inline-block;

    font-size: 15px;

    top: 2px;

}



.header-three-content__bottom-right .button-box .theme-btn:after {

    border-radius: 0px;

}



















/*** 



====================================================================

    Search Popup

====================================================================



***/



.search_s1 {

    position: fixed;

    left: 0;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 99999;

    visibility: hidden;

    opacity: 0;

    overflow: auto;

    background: rgba(0, 0, 0, 0.90);

    transition: all 700ms ease;

    -moz-transition: all 700ms ease;

    -webkit-transition: all 700ms ease;

    -ms-transition: all 700ms ease;

    -o-transition: all 700ms ease;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}



.search_s1 .popup-inner {

    width: 100%;

}



.search_s1.popup-visible {

    visibility: visible;

    opacity: 1;

}



.search_s1 .overlay-layer {

    position: absolute;

    left: 0px;

    top: 0px;

    right: 0px;

    bottom: 0px;

    display: block;

}



.search_s1 .close-search {

    position: absolute;

    right: 25px;

    top: 25px;

    font-size: 22px;

    color: #ffffff;

    cursor: pointer;

    z-index: 5;

}



.search_s1 .close-search:hover {

    opacity: 0.70;

}



.search_s1 .search-form {

    position: relative;

    padding: 0px 15px 0px;

    max-width: 724px;

    margin: 0 auto;

    transition: all 900ms ease;

    -moz-transition: all 900ms ease;

    -webkit-transition: all 900ms ease;

    -ms-transition: all 900ms ease;

    -o-transition: all 900ms ease;

    width: 100%;

}



.search_s1 .search-form fieldset {

    position: relative;

}



.search_s1 .search-form fieldset input[type="search"] {

    position: relative;

    height: 70px;

    padding: 20px 220px 20px 30px;

    background: #ffffff;

    line-height: 30px;

    font-size: 20px;

    color: #111;

}



.search_s1 .search-form fieldset input[type="submit"] {

    position: absolute;

    display: block;

    right: 0px;

    top: 0px;

    text-align: center;

    width: 220px;

    height: 70px;

    padding: 20px 10px 20px 10px;

    color: #ffffff !important;

    line-height: 30px;

    font-size: 20px;

    cursor: pointer;

    text-transform: uppercase;

    border-radius: 0px 7px 7px 0px;

    background-color: var(--theme-color);

}



.search_s1 h3 {

    text-transform: uppercase;

    font-size: 20px;

    font-weight: 600;

    color: #ffffff;

    margin-bottom: 20px;

    letter-spacing: 1px;

    text-align: center;

    display: none;

}



.search_s1 .recent-searches {

    font-size: 16px;

    color: #ffffff;

    text-align: center;

    display: none;

}



.search_s1 .recent-searches li {

    display: inline-block;

    margin: 0px 10px 10px 0px;

}



.search_s1 .recent-searches li a {

    display: block;

    line-height: 24px;

    border: 1px solid #ffffff;

    padding: 7px 15px;

    color: #ffffff;

    border-radius: 3px;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.search_s1 .search-form fieldset input[type="search"]:focus {

    border-color: #ddd;

    -webkit-box-shadow: none;

            box-shadow: none;

}









/* Hidden Bar */

.hidden-sidebar {

    position: fixed;

    top: 0;

    left: -100%;

    z-index: 99999;

    width: 100%;

    max-width: 446px;

    height: 100%;

    overflow: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    direction: rtl;

}



.hidden-sidebar-close {

    position: absolute;

    bottom: 0;

    right: -70px;

    font-size: 30px;

    cursor: pointer;

    color: #fff;

    width: 70px;

    height: 70px;

    text-align: center;

    line-height: 70px;

}



.hidden-sidebar .logo {

    margin-bottom: 35px;

}



.hidden-sidebar .wrapper-box {

    height: 100%;

}



.hidden-sidebar .content-wrapper {

    padding: 80px 30px;

    margin-right: 70px;

    direction: ltr;

    position: relative;

}



.hidden-sidebar .sidebar-widget {

    margin-bottom: 35px;

    padding: 0;

    background-color: transparent;

}



.hidden-sidebar .text-widget .text {

    font-size: 18px;

    color: #ffffff;

    margin-bottom: 0;

}



.pdf-widget {

    position: relative;

}



.pdf-widget .row {

    margin: 0 -7.5px;

}



.pdf-widget .column {

    padding: 0 7.5px;

}



.pdf-widget .content {

    background-color: rgb(255 255 255 / 96%);

    text-align: center;

    padding: 30px 10px;

    margin-bottom: 20px;

    border-radius: 10px;

}



.pdf-widget .content .icon {

    margin-bottom: 15px;

}



.pdf-widget .content h4 {

    font-size: 15px;

    font-weight: 700;

    text-transform: uppercase;

}



.contact-widget {

    position: relative;

    margin-bottom: 30px;

}



.contact-widget .icon-box {

    position: relative;

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 20px;

}



.contact-widget .icon {

    width: 35px;

    font-size: 18px;

    margin-top: 5px;

    color: #fff;

}



.contact-widget .text {

    font-size: 17px;

    line-height: 44px;

    font-weight: 400;

    color: #b3b3b3;

}



.contact-widget .text a {

    color: #ffffff;

}



.contact-widget .text strong {

    color: #fff;

    font-weight: 700;

    display: block;

}



.nav-overlay {

    position: fixed;

    top: 0;

    left: 0;

    bottom: 0;

    z-index: 99999;

    width: 100%;

    display: none;

    background: rgba(20, 20, 20, 0.70);

    overflow: hidden;

    cursor: none;

}







/*** 

====================================================================

    Banner Section One

====================================================================

***/

.banner-section-one {

    position: relative;

    display: block;

}



.banner-section-one-carousel {

    position: relative;

}



.banner-addon-one {

    position: relative;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding: 170px 0px 170px 0px;

    width: 100%;

    overflow: hidden;

    background: var(--thm-black);

}







.banner-addon-one .slide-logo-box-outer {

    position: absolute;

    top: 0;

    left: -40px;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    transform: translateX(-100%);

    z-index: 4;

}



.banner-section-one-carousel .active .banner-addon-one .slide-logo-box-outer {

    opacity: 1;

    transform: translate(0);

    transition: all 2200ms ease;

    transition-delay: 500ms;

}



.banner-addon-one .slide-logo-box {

    position: relative;

    display: block;

    width: 404px;

    height: 404px;

    border-radius: 50%;

    background-color: rgb(197, 225, 231);

    display: flex;

    align-items: center;

    justify-content: center;

}





.banner-addon-one .slide-icon-box {

    position: absolute;

    top: 0;

    left: 200px;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.banner-addon-one .slide-icon-box .inner {

    position: relative;

    display: block;

}



.banner-addon-one .slide-icon-box ul {

    position: relative;

    display: block;

}



.banner-addon-one .slide-icon-box ul li {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width: 120px;

    height: 120px;

    background: var(--theme-black);

    border-radius: 50%;

    margin: 25px 0;

}



.banner-addon-one .slide-icon-box ul li.icon1 {

    opacity: 0;

    transform: translateX(-100%);

    z-index: 5;

}



.banner-section-one-carousel .active .banner-addon-one .slide-icon-box ul li.icon1 {

    opacity: 1;

    transform: translate(0);

    transition: all 1000ms ease;

    transition-delay: 200ms;

}



.banner-addon-one .slide-icon-box ul li.middle {

    margin-left: 120px;

    background: var(--theme-base);

    opacity: 0;

    transform: translateX(-100%);

    z-index: 5;

}



.banner-section-one-carousel .active .banner-addon-one .slide-icon-box ul li.middle {

    opacity: 1;

    transform: translate(0);

    transition: all 1400ms ease;

    transition-delay: 400ms;

}



.banner-addon-one .slide-icon-box ul li.clr-3 {

    background: var(--theme-color1);

    opacity: 0;

    transform: translateX(-100%);

    z-index: 5;

}



.banner-section-one-carousel .active .banner-addon-one .slide-icon-box ul li.clr-3 {

    opacity: 1;

    transform: translate(0);

    transition: all 1800ms ease;

    transition-delay: 800ms;

}



.banner-addon-one .slide-icon-box ul li span:before {

    color: var(--theme-color2);

    font-size: 40px;

    line-height: 40px;

}



.banner-addon-one .slide-icon-box ul li span.white:before {

    color: #ffffff;

}



.banner-addon-one .slide-icon-box ul li p {

    color: #ffffff;

    font-size: 14px;

    line-height: 16px;

    font-weight: 400;

    margin: 1px 0 0;

}













.banner-addon-one .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    mix-blend-mode: normal;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 6000ms linear;

    -moz-transition: all 6000ms linear;

    -ms-transition: all 6000ms linear;

    -o-transition: all 6000ms linear;

    transition: all 6000ms linear;

}



.banner-addon-one .image-layer::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: transparent;

    opacity: 0.5;

    z-index: -1;

}





.banner-addon-one .content-box {

    position: relative;

    display: block;

    z-index: 5;

    width: 100%;

}



.banner-addon-one .content-box .sec-title {

    padding-bottom: 14px;

}



.banner-addon-one .content-box .sec-title .tagline {

    margin-bottom: 6px;

    opacity: 0;

    -webkit-transform: translateY(50px);

    -moz-transform: translateY(50px);

    -ms-transform: translateY(50px);

    -o-transform: translateY(50px);

    transform: translateY(50px);

    -webkit-transition: all 700ms ease;

    -moz-transition: all 700ms ease;

    -ms-transition: all 700ms ease;

    -o-transition: all 700ms ease;

    transition: all 700ms ease;

}



.banner-section-one-carousel .active .banner-addon-one .content-box .sec-title .tagline {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition-delay: 700ms;

    -moz-transition-delay: 700ms;

    -ms-transition-delay: 700ms;

    -o-transition-delay: 700ms;

    transition-delay: 700ms;

}





.banner-addon-one .content-box .sec-title .title {

    font-size: 72px;

    opacity: 0;

    -webkit-transform: translateY(100px);

    -moz-transform: translateY(100px);

    -ms-transform: translateY(100px);

    -o-transform: translateY(100px);

    transform: translateY(100px);

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

}



.banner-section-one-carousel .active .banner-addon-one .content-box .sec-title .title {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition-delay: 1000ms;

    -moz-transition-delay: 1000ms;

    -ms-transition-delay: 1000ms;

    -o-transition-delay: 1000ms;

    transition-delay: 1000ms;

}



.banner-addon-one .content-box .sec-title .title span {

    color: var(--theme-color1);

}





.banner-addon-one .content-box .text {

    position: relative;

    display: block;

    opacity: 0;

    -webkit-transform: translateY(100px);

    -moz-transform: translateY(100px);

    -ms-transform: translateY(100px);

    -o-transform: translateY(100px);

    transform: translateY(100px);

    -webkit-transition: all 1300ms ease;

    -moz-transition: all 1300ms ease;

    -ms-transition: all 1300ms ease;

    -o-transition: all 1300ms ease;

    transition: all 1300ms ease;

}



.banner-section-one-carousel .active .banner-addon-one .content-box .text {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition-delay: 1300ms;

    -moz-transition-delay: 1300ms;

    -ms-transition-delay: 1300ms;

    -o-transition-delay: 1300ms;

    transition-delay: 1300ms;

}



.banner-addon-one .content-box .text p {

    font-size: 18px;

    line-height: 28px;

}



.banner-addon-one .content-box .button-box {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 42px;

    opacity: 0;

    -webkit-transform: translateY(100px);

    -moz-transform: translateY(100px);

    -ms-transform: translateY(100px);

    -o-transform: translateY(100px);

    transform: translateY(100px);

    -webkit-transition: all 1600ms ease;

    -moz-transition: all 1600ms ease;

    -ms-transition: all 1600ms ease;

    -o-transition: all 1600ms ease;

    transition: all 1600ms ease;

}



.banner-section-one-carousel .active .banner-addon-one .content-box .button-box {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition-delay: 1600ms;

    -moz-transition-delay: 1600ms;

    -ms-transition-delay: 1600ms;

    -o-transition-delay: 1600ms;

    transition-delay: 1600ms;

}



.banner-addon-one .content-box .button-box .theme-btn.style2 {

    background: var(--theme-base);

}



.banner-addon-one .content-box .button-box .theme-btn.style2::after {

    background: var(--theme-black);

}



.banner-addon-one .content-box .button-box a+a {

    margin-left: 30px;

}









/*** 

====================================================================

    Banner Section Two

====================================================================



***/

.banner-section-two {

    position: relative;

    display: block;

    padding-top: 80px;

}



.banner-section-one-carousel {

    position: relative;

}



.banner-addon-two {

    position: relative;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding: 373px 0px 260px 0px;

    width: 100%;

    overflow: hidden;

    background: var(--thm-black);

}







.banner-addon-two .image-layer {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    mix-blend-mode: normal;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 6000ms linear;

    -moz-transition: all 6000ms linear;

    -ms-transition: all 6000ms linear;

    -o-transition: all 6000ms linear;

    transition: all 6000ms linear;

}





.banner-addon-two .image-layer::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: #000000;

    opacity: 0.4;

    z-index: -1;

}





.banner-addon-two .content-box {

    position: relative;

    display: block;

    z-index: 5;

    width: 100%;

}



.banner-addon-two .content-box .tagline {

    position: relative;

    display: block;

    margin-bottom: 5px;

    opacity: 0;

    -webkit-transform: translateY(50px);

    -moz-transform: translateY(50px);

    -ms-transform: translateY(50px);

    -o-transform: translateY(50px);

    transform: translateY(50px);

    -webkit-transition: all 700ms ease;

    -moz-transition: all 700ms ease;

    -ms-transition: all 700ms ease;

    -o-transition: all 700ms ease;

    transition: all 700ms ease;

}



.banner-section-two-carousel .active .banner-addon-two .content-box .tagline {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition-delay: 700ms;

    -moz-transition-delay: 700ms;

    -ms-transition-delay: 700ms;

    -o-transition-delay: 700ms;

    transition-delay: 700ms;

}



.banner-addon-two .content-box .tagline span {

    color: #ffffff;

    font-size: 18px;

    line-height: 28px;

    text-transform: capitalize;

    font-family: var(--main-font);

}



.banner-addon-two .content-box .title {

    position: relative;

    display: block;

    opacity: 0;

    -webkit-transform: translateY(100px);

    -moz-transform: translateY(100px);

    -ms-transform: translateY(100px);

    -o-transform: translateY(100px);

    transform: translateY(100px);

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

}



.banner-section-two-carousel .active .banner-addon-two .content-box .title {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition-delay: 1000ms;

    -moz-transition-delay: 1000ms;

    -ms-transition-delay: 1000ms;

    -o-transition-delay: 1000ms;

    transition-delay: 1000ms;

}



.banner-addon-two .content-box .title h2 {

    color: #ffffff;

    font-size: 56px;

    line-height: 1.2em;

    font-weight: 700;

}

.serivces-addon-three-single .text h4 {

    font-size: 16px;

    margin-bottom: 10px;

    letter-spacing: .2px;

}



.banner-addon-two .content-box .button-box {

    position: relative;

    display: flex;

    align-items: center;

    margin-top: 32px;

    opacity: 0;

    -webkit-transform: translateY(100px);

    -moz-transform: translateY(100px);

    -ms-transform: translateY(100px);

    -o-transform: translateY(100px);

    transform: translateY(100px);

    -webkit-transition: all 1300ms ease;

    -moz-transition: all 1300ms ease;

    -ms-transition: all 1300ms ease;

    -o-transition: all 1300ms ease;

    transition: all 1300ms ease;

}



.banner-section-two-carousel .active .banner-addon-two .content-box .button-box {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition-delay: 1300ms;

    -moz-transition-delay: 1300ms;

    -ms-transition-delay: 1300ms;

    -o-transition-delay: 1300ms;

    transition-delay: 1300ms;

}





.banner-addon-two .content-box .button-box .theme-btn {

    background: var(--theme-base);

    border-radius: 0;

}



.banner-addon-two .content-box .button-box .theme-btn::after {

    background: var(--theme-black);

    border-radius: 0;

}



.banner-addon-two .content-box .button-box .contact-btn {

    position: relative;

    display: flex;

    align-items: center;

    /* margin-left: 30px; */

}



.banner-addon-two .content-box .button-box .contact-btn .icon {

    position: relative;

    display: block;

}



.banner-addon-two .content-box .button-box .contact-btn .icon span::before {

    position: relative;

    display: block;

    color: #ffffff;

    font-size: 50px;

    line-height: 50px;

    top: -2px;

}



.banner-addon-two .content-box .button-box .contact-btn .text {

    position: relative;

    display: block;

    padding-left: 15px;

}



.banner-addon-two .content-box .button-box .contact-btn .text p {

    color: #ffffff;

    font-size: 14px;

    line-height: 20px;

    text-transform: capitalize;

}



.banner-addon-two .content-box .button-box .contact-btn .text a {

    color: #ffffff;

    font-size: 20px;

    line-height: 24px;

    font-weight: 700;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.banner-addon-two .content-box .button-box .contact-btn .text a:hover {

    color: #2d2d87;

}









.banner-section-two-carousel .owl-nav {}



.banner-section-two-carousel .owl-nav {

    position: absolute;

    display: block;

    top: 50%;

    left: 0;

    right: 0;

    margin: 0 auto;

    width: 100%;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .5s;

    transition-property: all;

    transform-origin: bottom;

    transform-style: preserve-3d;

    opacity: 0;

    transform: scale(1.0);

}



.banner-section-two-carousel .owl-nav {

    opacity: 1;

    transform: scale(1.0);

}



.banner-section-two-carousel.owl-carousel .owl-nav button.owl-next,

.banner-section-two-carousel.owl-carousel .owl-nav button.owl-prev {

    background: rgba(255, 255, 255, .1);

    width: 80px;

    height: 80px;

    line-height: 80px;

    text-align: center;

    color: #ffffff;

    font-size: 20px;

    font-weight: 700;

    border-radius: 0;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.banner-section-two-carousel.owl-theme .owl-nav .owl-prev {

    position: absolute;

    left: 0px;

    top: 0;

    opacity: 1;

    margin: 0;

    padding: 0;

    margin-top: -40px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.banner-section-two-carousel.owl-theme .owl-nav .owl-next {

    position: absolute;

    right: 0px;

    top: 0;

    opacity: 1;

    margin: 0;

    padding: 0;

    margin-top: -40px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.banner-section-two-carousel.owl-carousel .owl-nav button.owl-next:hover,

.banner-section-two-carousel.owl-carousel .owl-nav button.owl-prev:hover {

    background: #2d2d87;

    color: #ffffff;

}



.banner-section-two-carousel.owl-carousel .owl-nav button.owl-prev .rotate {

    transform: rotate(180deg);

    position: relative;

    display: inline-block;

    top: -3px;

}









/*** 

====================================================================

    Banner Section Three

====================================================================

***/

.banner-section-three {

    position: relative;

    display: block;

    background: #fff6f6;

    padding: 155px 0px 230px;

}



.banner-addon-three {

    position: relative;

    display: block;

}



.banner-addon-three-content {

    position: relative;

    display: block;

}



.banner-addon-three-content .sec-title .title {

    font-size: 65px;

}



.banner-addon-three-content .sec-title .title span {

    color: var(--theme-color1);

}



.banner-addon-three-content .sec-title {

    padding-bottom: 0px;

}



.banner-addon-three-content .button-box {

    position: relative;

    display: flex;

    align-items: center;

    margin-top: 32px;

}



.banner-addon-three-content .button-box .button-one {

    position: relative;

    display: block;

}



.banner-addon-three-content .button-box .button-one .theme-btn {

    background: #ffffff;

    border-radius: 0;

    color: var(--theme-black);

    box-shadow: 0px 16px 32px 0px rgb(52, 52, 52, 0.1);

}



.banner-addon-three-content .button-box .button-one .theme-btn::after {

    border-radius: 0px;

}



.banner-addon-three-content .button-box .button-one .theme-btn:hover {

    color: #ffffff;

}



.banner-addon-three-content .button-box .video-btn {

    position: relative;

    display: block;

    margin-left: 20px;

}



.banner-addon-three-content .button-box .video-btn .icon {

    position: relative;

    display: block;

}



.banner-addon-three-content .button-box .video-btn .icon a {

    position: relative;

    display: block;

    width: 60px;

    height: 60px;

    line-height: 60px;

    background: var(--theme-color3);

    text-align: center;

    color: #ffffff;

    font-size: 15px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.banner-addon-three-content .button-box .video-btn .icon a:hover {

    background: var(--theme-base);

}





.banner-addon-three-img {

    position: relative;

    display: block;

    margin-top: -110px;

    margin-left: 10px;

    margin-right: -50px;

}



.banner-addon-three-img img {

    width: 100%;

}









/*** 

============================================

	Hidden Sidebar style

============================================

***/

.sidebar_header {

    position: fixed;

    top: 0;

    width: 400px;

    height: 100%;

    background: var(--theme-black);

    z-index: 9999999999;

    transition: all 700ms ease;

}



.sidebar_header .mCSB_inside>.mCSB_container {

    margin-right: 0px;

}



.sidebar_header.right-align {

    right: -400px;

}



.sidebar_header.right-align.visible-sidebar {

    right: 0px;

    transition-delay: 300ms;

}



.sidebar_header .sidebar_header-closer {

    position: absolute;

    right: 20px;

    top: 5px;

    width: 40px;

    height: 40px;

    background: none;

    color: rgba(255, 255, 255, .7);

    border-radius: 0px;

    text-align: center;

    line-height: 40px;

    transition: all 300ms ease;

    z-index: 999999;

}



.sidebar_header .sidebar_header-closer button {

    background: none;

    display: block;

    font-size: 30px;

    color: rgb(255 255 255);

    width: 40px;

    height: 40px;

    line-height: 40px;

}



.sidebar_header .sidebar_header-closer button span:before {

    font-size: 20px;

    line-height: 30px;

}



.sidebar_header .sidebar_header-closer:hover button {

    color: rgba(255, 255, 255, .7);

}



.sidebar_header-wrapper {

    height: 100%;

overflow-y: auto;}



.sidebar_header .logo {

    padding: 0px 0px 30px;

}



.sidebar_header .logo a {

    display: inline-block;

}



.sidebar_header .logo img {

    display: inline-block;

    max-width: 100%;

}





.hiddenbar-about-us {

    position: relative;

    display: block;

}



.hiddenbar-about-us h3 {

    color: var(--theme-base);

    font-size: 20px;

    margin: 0 0 18px;

}



.hiddenbar-about-us .text {

    display: block;

}



.hiddenbar-about-us .text p {

    font-size: 17px;

    color: rgba(255, 255, 255, .7);

    margin: 0;

}





.sidebar_header .contact-info-box {

    position: relative;

    display: block;

    padding-top: 36px;

}



.sidebar_header .contact-info-box h3 {

    color: var(--theme-base);

    font-size: 20px;

    margin: 0 0 23px;

}



.sidebar_header .contact-info-box ul {

    position: relative;

    display: block;

}



.sidebar_header .contact-info-box ul li {

    position: relative;

    display: block;

    overflow: hidden;

    margin-bottom: 16px;

}



.sidebar_header .contact-info-box ul li:last-child {

    margin-bottom: 0;

}



.sidebar_header .contact-info-box ul li h5 {

    color: var(--theme-base);

    font-size: 16px;

    line-height: 16px;

    font-weight: 500;

    margin: 0 0 11px;

}



.sidebar_header .contact-info-box ul li p {

    color: rgba(255, 255, 255, .7);

    font-size: 17px;

    margin: 0;

}



.sidebar_header .contact-info-box ul li p a {

    color: rgba(255, 255, 255, .7);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.sidebar_header .contact-info-box ul li p a:hover {

    color: #2d2d87;

}



.sidebar_header .newsletter-form-box {

    position: relative;

    display: block;

    padding-top: 26px;

    padding-right: 20px;

}



.sidebar_header .newsletter-form-box h3 {

    color: var(--theme-base);

    font-size: 20px;

    margin: 0 0 24px;

}



.sidebar_header .newsletter-form-box form {

    position: relative;

    display: block;

}



.sidebar_header .newsletter-form-box form input[type="email"] {

    position: relative;

    display: block;

    width: 100%;

    height: 50px;

    background: #ffffff;

    border: 1px solid #eeeeee;

    color: #8b8b8b;

    font-size: 15px;

    padding: 0 20px;

    padding-right: 60px;

    transition: all 500ms ease;

    outline: none;

}



.sidebar_header .newsletter-form-box form button {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0px;

    width: 50px;

    text-align: center;

    background: var(--theme-base);

}





.sidebar_header .newsletter-form-box form button i {

    position: relative;

    top: 2px;

    color: #ffffff;

    font-size: 20px;

    line-height: 20px;

}



.sidebar_header .copy-right-text {

    position: relative;

    display: block;

    padding-top: 44px;

}



.sidebar_header .copy-right-text p {

    color: rgba(255, 255, 255, .7);

    font-size: 14px;

    margin: 0;

}





.givoxin_sidebar_inner {

    padding: 60px 40px 40px;

}



.sidebar_header .sidebar-about img {

    border-radius: 50%;

}



.sidebar_header .sidebar-addon {

    position: relative;

    margin-bottom: 40px;

    border: 1px solid rgb(255 255 255 / 9%);

    padding: 30px;

}



.sidebar_header .sidebar-addon .title h3 {

    color: #fff;

    margin-bottom: 30px;

}



.sidebar_header .sidebar-addon .popular-feeds li .title-box h4 a {

    color: rgb(255 255 255 / 70%);

}



.sidebar_header .sidebar-addon .popular-feeds li .title-box p span {

    color: #fff;

}



.sidebar_header .sidebar-addon .popular-feeds li .title-box p {

    color: #fff;

}



.sidebar_header .sidebar-addon .popular-feeds li .title-box h4 br {

    display: none;

}



.sidebar_header .sidebar-addon .popular-feeds li .title-box h4 {

    font-size: 15px;

}



.sidebar_header .sidebar-addon .popular-feeds li {

    border-color: rgb(255 255 255 / 9%);

}



.sidebar_header .sidebar-about .text-box h3 {

    color: #fff;

    margin-top: 30px;

}



.sidebar_header .sidebar-addon .text {

    color: rgb(255 255 255 / 70%);

    margin-bottom: 25px;

}



.sidebar_header ul.contact-info li {

    margin-bottom: 10px;

    color: rgb(255 255 255 / 70%);

}



.sidebar_header ul.contact-info li i {

    margin-right: 10px;

    color: #fff;

}



.sidebar_header ul.contact-info li a {

    color: rgb(255 255 255 / 70%);

}



.sidebar_header .sidebar-about .text-box p {

    color: rgb(255 255 255 / 70%);

}



/* Breadcrumb Section One */

.breadcrumb-section-one {

    position: relative;

    display: block;

    overflow: hidden;

    z-index: 10;

}



.breadcrumb-section-one-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-attachment: scroll;

    background-position: left top;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: 1;

}



.breadcrumb-section-one .inner-content {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 180px 0 163px;

    z-index: 10;

    max-width: 1055px;

    width: 100%;

}



.breadcrumb-section-one .inner-content .title-box {

    position: relative;

    display: block;

}



.breadcrumb-section-one .inner-content .title-box .sec-title {

    padding-bottom: 0px;

}



.breadcrumb-section-one .inner-content .title-box .sec-title .tagline {

    margin-bottom: 8px;

}



.breadcrumb-section-one .inner-content .title-box .sec-title .title {

    font-size: 72px;

    line-height: 1.2em;

}



.breadcrumb-section-one .inner-content .breadcrumb-menu {

    position: relative;

    display: block;

}



.breadcrumb-section-one .inner-content .breadcrumb-menu ul {

    position: relative;

    display: inline-block;

    border-radius: 10px;

    overflow: hidden;

}



.breadcrumb-section-one .inner-content .breadcrumb-menu ul li {

    position: relative;

    display: block;

    float: left;

    color: var(--theme-black);

    font-size: 16px;

    line-height: 26px;

    font-weight: 700;

    background: #ffffff;

    padding: 19px 40px 17px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.breadcrumb-section-one .inner-content .breadcrumb-menu ul li.active {

    background: var(--theme-base);

    color: #ffffff;

}



.breadcrumb-section-one .inner-content .breadcrumb-menu ul li:hover {

    background: var(--theme-base);

    color: #ffffff;

}



.breadcrumb-section-one .inner-content .breadcrumb-menu ul li a {

    position: relative;

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.breadcrumb-section-one .inner-content .breadcrumb-menu ul li a:hover {

    color: #ffffff;

}



























/* Donation Form One */



.donation-form-one {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 140px 0px 120px;

    z-index: 1;

}



.donation-form-one-inner {

    position: relative;

    display: block;

    box-shadow: 15px 25.981px 60px 0px rgb(131, 131, 131, 0.1);

    border-radius: 10px;

    padding: 73px 80px 60px;

    z-index: 1;

}



.donation-form-one-inner::after {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: #ffffff;

    content: "";

    border-radius: 10px;

    z-index: -1;

}



.donation-form-one-inner .shape1 {

    position: absolute;

    left: -25px;

    bottom: 90px;

    width: 105px;

    height: 105px;

    background: var(--theme-black);

    border-radius: 50%;

    z-index: -2;

}



.donation-form-one-inner .shape2 {

    position: absolute;

    bottom: -50px;

    right: -50px;

    width: 105px;

    height: 105px;

    background: var(--theme-color1);

    border-radius: 50%;

    z-index: -2;

}



.donation-form-one-inner::before {

    position: absolute;

    top: -20px;

    left: 40px;

    right: 40px;

    height: 20px;

    background: var(--theme-color2);

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    content: "";

    z-index: -1;

}



.donation-form-one-inner .title {

    position: relative;

    display: block;

    margin-bottom: 36px;

}



.donation-form-one-inner .title h3 {

    font-size: 20px;

    line-height: 30px;

    letter-spacing: 0;

}





#donation-form-one-form {

    position: relative;

    display: block;

}



#donation-form-one-form .input-box {

    position: relative;

    display: block;

}



#donation-form-one-form .input-box .icon {

    position: absolute;

    top: 18px;

    right: 30px;

    color: #999999;

    font-size: 15px;

}



#donation-form-one-form .input-box .icon span::before {

    position: relative;

    display: inline-block;

    font-weight: 700;

}



#donation-form-one-form input[type="text"],

#donation-form-one-form input[type="email"],

#donation-form-one-form textarea {

    position: relative;

    display: block;

    background: #f7f7f7;

    border: 0px solid #f7f7f7;

    width: 100%;

    height: 60px;

    color: #999999;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    padding: 0 30px;

    padding-right: 55px;

    border-radius: 10px;

    margin-bottom: 25px;

    transition: all 500ms ease;

    font-family: var(--main-font);

    outline: none;

}









#donation-form-one-form .select-box {

    position: relative;

    display: block;

    width: 100%;

    height: 60px;

}



#donation-form-one-form .nice-select {

    height: 60px;

    line-height: 60px;

    background: #f7f7f7;

    border: 0px solid #f7f7f7;

    border-radius: 10px;

    font-family: var(--main-font);

    font-size: 16px;

    font-weight: 400;

    color: #999999;

    padding-left: 20px;

    padding-right: 20px;

}



#donation-form-one-form .nice-select:after {

    width: 8px;

    height: 8px;

    border-bottom: 2px solid #999999;

    border-right: 2px solid #999999;

    right: 33px;

    margin-top: 0px;

    top: 24px;

    z-index: 10;

}







#donation-form-one-form .button-box {

    position: relative;

    display: block;

    width: 100%;

}



#donation-form-one-form .button-box .theme-btn {

    display: block;

    background: var(--theme-base);

}



#donation-form-one-form .button-box .theme-btn::after {

    background: var(--theme-color2);

}



#donation-form-one-form .button-box .theme-btn i::before {

    position: relative;

    display: block;

    color: #ffffff;

    font-size: 15px;

}



#donation-form-one-form .button-box button {

    outline: none;

    padding: 0;

    border: none;

    width: 100%;

}











/* Section One */

.about-section-one {

    position: relative;

    display: block;

    padding: 0px 0px 170px;

}





.about-addon-one {

    position: relative;

    display: block;

    max-width: 625px;

    width: 100%;

}



.about-addon-one .image-one {

    position: relative;

    display: block;

    border-radius: 10px;

    overflow: hidden;

    z-index: 1;

}



.about-addon-one .image-two {

    position: absolute;

    bottom: -40px;

    right: 0px;

    box-shadow: 15px 25.981px 60px 0px rgb(131, 131, 131, 0.1);

    z-index: 5;

}



.about-addon-one .image-two::before {

    position: absolute;

    top: -10px;

    left: -10px;

    bottom: -10px;

    right: -10px;

    border: 10px solid #ffffff;

    content: "";

    border-radius: 10px;

}



.about-addon-one .image-two .inner {

    position: relative;

    display: block;

    border-radius: 10px;

}



.about-addon-one .image-two img {}









.about-addon-two {

    position: relative;

    display: block;

    margin-left: 55px;

    max-width: 480px;

    width: 100%;

}



.about-addon-two .sec-title {

    padding-bottom: 34px;

}



.about-addon-two .author-box {

    position: relative;

    display: block;

    background: #f5f5f5;

    overflow: hidden;

    border-radius: 10px;

    padding: 34px 40px 36px;

    z-index: 1;

}



.about-addon-two .author-box .icon {

    position: absolute;

    top: 35px;

    right: 30px;

}



.about-addon-two .author-box .icon span::before {

    position: relative;

    display: inline-block;

    color: #e2e2e2;

    font-size: 90px;

    line-height: 90px;

    z-index: -1;

}



.about-addon-two .author-box::before {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 4px;

    background: var(--theme-color1);

    content: "";

}



.about-addon-two .author-box p {

    color: var(--theme-black);

    font-weight: 700;

    margin-bottom: 5px;

}



.about-addon-two .author-box span {

    color: var(--theme-base);

    font-size: 16px;

    line-height: 26px;

    font-weight: 700;

    font-family: var(--headding-font-2);

}



.about-addon-two .text {

    position: relative;

    display: block;

    margin-top: 43px;

}



.about-addon-two .button-box {

    position: relative;

    display: flex;

    align-items: center;

    margin-top: 37px;

}



.about-addon-two .button-box .btn1 {

    position: relative;

    display: block;

}



.about-addon-two .button-box .btn2 {

    position: relative;

    display: block;

    margin-left: 30px;

}



.about-addon-two .button-box .btn2 .theme-btn {

    background: rgba(var(--theme-base-rgb), 0.1);

    color: var(--theme-base);

}



.about-addon-two .button-box .btn2 .theme-btn:hover {

    color: #ffffff;

}











/* section two */

.services-section-one {

    position: relative;

    display: block;

    background: #f5f5f5;

    padding: 120px 0px 90px;

    counter-reset: count;

}



.services-addon-one {

    position: relative;

    display: block;

    margin-bottom: 30px;

    padding-bottom: 70px;

}



.services-addon-one .inner {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 39px 20px 102px;

}



.services-addon-one .inner .count-box {

    position: relative;

    display: block;

    color: transparent;

    -webkit-text-stroke: 1px var(--theme-base);

    font-size: 100px;

    line-height: 1em;

    font-weight: 700;

    font-family: var(--headding-font-2);

    letter-spacing: -0.03em;

}



.services-addon-one .inner .count-box::before {

    color: transparent;

    -webkit-text-stroke: 1px var(--theme-base);

    font-size: 100px;

    line-height: 1em;

    font-weight: 700;

    counter-increment: count;

    content: "0"counter(count);

}



.services-addon-one .inner .count-box.color2 {

    color: transparent;

    -webkit-text-stroke: 1px var(--theme-color1);

}



.services-addon-one .inner .color2.count-box::before {

    color: transparent;

    -webkit-text-stroke: 1px var(--theme-color1);

}



.services-addon-one .inner .count-box.color3 {

    color: transparent;

    -webkit-text-stroke: 1px var(--theme-color2);

}



.services-addon-one .inner .color3.count-box::before {

    color: transparent;

    -webkit-text-stroke: 1px var(--theme-color2);

}





.services-addon-one .inner .count-box.color4 {

    color: transparent;

    -webkit-text-stroke: 1px var(--theme-color3);

}



.services-addon-one .inner .color4.count-box::before {

    color: transparent;

    -webkit-text-stroke: 1px var(--theme-color3);

}





.services-addon-one .inner h2 {

    font-size: 24px;

    line-height: 34px;

    margin-top: 6px;

    margin-bottom: 10px;

}



.services-addon-one .inner h2 a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.services-addon-one .inner h2 a:hover {

    color: #2d2d87;

}



.services-addon-one .icon {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    margin: 0 auto;

    width: 140px;

    height: 140px;

    background: var(--theme-base);

    border-radius: 50%;

    text-align: center;

    z-index: 1;

}



.services-addon-one .icon.clr2 {

    background: var(--theme-color1);

}



.services-addon-one .clr2.icon:before {

    border: 1px solid var(--theme-color1);

}



.services-addon-one .icon.clr3 {

    background: var(--theme-color2);

}



.services-addon-one .clr3.icon:before {

    border: 1px solid var(--theme-color2);

}



.services-addon-one .icon.clr4 {

    background: var(--theme-color3);

}



.services-addon-one .clr4.icon:before {

    border: 1px solid var(--theme-color3);

}



.services-addon-one .icon::before {

    position: absolute;

    top: -10px;

    left: -10px;

    bottom: -10px;

    right: -10px;

    border-radius: 50%;

    border: 1px solid var(--theme-base);

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    opacity: 0;

    -webkit-transform: perspective(400px) scale(0.5);

    -ms-transform: perspective(400px) scale(0.5);

    transform: perspective(400px) scale(0.5);

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

    z-index: -1;

    content: "";

}



.services-addon-one:hover .icon::before {

    opacity: 1.0;

    -webkit-transform: perspective(400px) scale(1);

    -ms-transform: perspective(400px) scale(1);

    transform: perspective(400px) scale(1);

}



.services-addon-one .icon span::before {

    position: relative;

    display: inline-block;

    color: #ffffff;

    font-size: 70px;

    line-height: 140px;

}















/* Causes Section One */

.causes-section-one {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0px 90px;

}



.causes-section-one-top {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 54px;

}



.causes-section-one-top .sec-title {

    padding-bottom: 0;

}





.causes-section-one-top .filters {

    position: relative;

    display: block;

}



.causes-section-one-top .filters .filter-tabs {

    position: relative;

    display: block;

}



.causes-section-one-top .filters .filter-tabs li {

    position: relative;

    display: inline-block;

    color: var(--theme-black);

    font-size: 14px;

    box-shadow: 4px 6.928px 16px 0px rgb(131, 131, 131, 0.1);

    border: 1px solid #e4e4e4;

    border-radius: 40px;

    padding: 9px 30px 7px;

    cursor: pointer;

    background: #ffffff;

    font-family: var(--main-font);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.causes-section-one-top .filters .filter-tabs li:hover,

.causes-section-one-top .filters .filter-tabs li.active {

    color: #ffffff;

    background: var(--theme-color1);

    border-color: var(--theme-color1);

}



section.photo-gallery .filters {

    padding-bottom: 40px;

}



.causes-section-addon-one {

    position: relative;

    display: block;

    overflow: hidden;

    margin-bottom: 30px;

}



.causes-section-addon-one .img-box {

    position: relative;

    display: block;

}



.causes-section-addon-one .img-box .inner {

    position: relative;

    display: block;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    overflow: hidden;

    z-index: 1;

}



.causes-section-addon-one .img-box .inner:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

    background: rgba(var(--theme-black-rgb), 0.8);

    opacity: 0;

    z-index: 1;

    content: "";

}



.causes-section-addon-one:hover .img-box .inner::before {

    opacity: 1;

    opacity: 0.7;

}





.causes-section-addon-one .img-box .inner img {

    width: 100%;

    transition: .5s ease;

    transform: scale(1.05);

}



.causes-section-addon-one:hover .img-box .inner img {

    transform: scale(1);

}





.causes-section-addon-one .content-box {

    position: relative;

    display: block;

    box-shadow: 4px 6.928px 16px 0px rgb(131, 131, 131, 0.1);

    background: #ffffff;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    border: 1px solid #e4e4e4;

    border-top: none;

    padding: 40px 40px 32px;

    transition: 0.7s;

}







.causes-section-addon-one .content-box.overlay {

    position: absolute;

    left: 0;

    bottom: 0px;

    right: 0;

    opacity: 0;

    visibility: hidden;

    transform-origin: center;

    transform-style: preserve-3d;

    transform: scale(1.0) translateY(65px);

    transition: all .4s ease-in-out .1s;

    z-index: 3;

}



.causes-section-addon-one:hover .content-box.overlay {

    opacity: 1.0;

    visibility: visible;

    transform: scale(1.0) translateY(0%);

}



.causes-section-addon-one .content-box.overlay .button-box {

    position: relative;

    display: block;

    margin-top: 27px;

}



.causes-section-addon-one .content-box.overlay .button-box .theme-btn {

    background: var(--theme-base);

}



.causes-section-addon-one .content-box.overlay .button-box .theme-btn::after {

    background: var(--theme-black);

}



.causes-section-addon-one .content-box .progress-box {

    position: absolute;

    right: 40px;

    top: -50px;

    line-height: 0;

    z-index: 2;

}



.causes-section-addon-one .content-box .progress-box .inner-box {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    width: 100px;

    height: 100px;

    background: #ffffff;

    width: 100px;

    height: 100px;

    border-radius: 50%;

}



.causes-section-addon-one .content-box .progress-box .graph-outer {

    position: relative;

    display: inline-block;

    text-align: center;

    background: #fff;

    border-radius: 50%;

    box-shadow: 4px 6.928px 16px 0px rgb(247, 79, 34, 0.1);

    z-index: 1;

}



.causes-section-addon-one .content-box .progress-box .graph-outer::before {

    position: absolute;

    top: 2px;

    left: 2px;

    bottom: 0;

    right: 0;

    border-radius: 50%;

    height: 71px;

    width: 71px;

    background: transparent;

    border: 2px solid #f1f1f1;

    z-index: -1;

    content: "";

}



.causes-section-addon-one .content-box .progress-box .graph-outer .count-box {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    color: var(--theme-black);

    font-size: 24px;

    font-weight: 700;

    transform: translateY(-50%);

}



.causes-section-addon-one .content-box .progress-box .graph-outer .count-text {

    position: relative;

    display: inline-block;

    color: var(--theme-black);

    font-size: 24px;

    line-height: 34px;

    font-weight: 700;

    font-family: var(--main-font);

    letter-spacing: 0em;

}



.causes-section-addon-one .content-box .progress-box .graph-outer .count-Parsent {

    font-size: 15px;

    transform: rotate(18deg);

    position: relative;

    display: inline-block;

    color: var(--theme-base);

    font-weight: 700;

}







.causes-section-addon-one .content-box .author-box {

    position: relative;

    display: flex;

    align-items: center;

    margin-bottom: 12px;

}



.causes-section-addon-one .content-box .author-box .img {

    position: relative;

    display: block;

    width: 40px;

    height: 40px;

}



.causes-section-addon-one .content-box .author-box .img img {

    width: 100%;

}



.causes-section-addon-one .content-box .author-box .name {

    position: relative;

    display: block;

    padding-left: 15px;

}



.causes-section-addon-one .content-box .author-box .name p {

    color: var(--theme-black);

    font-size: 14px;

}



.causes-section-addon-one .content-box h2 {

    font-size: 24px;

    line-height: 34px;

}



.causes-section-addon-one .content-box h2 a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.causes-section-addon-one .content-box h2 a:hover {

    color: #2d2d87;

}



.causes-section-addon-one .content-box .bottom {

    position: relative;

    display: block;

    margin-top: 10px;

}



.causes-section-addon-one .content-box .bottom ul {

    position: relative;

    display: block;

}



.causes-section-addon-one .content-box .bottom ul li {

    position: relative;

    display: inline-block;

    margin-right: 24px;

}



.causes-section-addon-one .content-box .bottom ul li:last-child {

    margin-right: 0;

}



.causes-section-addon-one .content-box .bottom ul li span {

    color: var(--theme-color1);

    font-weight: 700;

}



.causes-section-addon-one .content-box .bottom ul li span.clr2 {

    color: var(--theme-color2);

}

















/* Counter Section One */

.counter-section-one {

    position: relative;

    display: block;

    background: var(--theme-black);

    padding: 120px 0px 70px;

}



.counter-section-one-inner {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    overflow: hidden;

}



.counter-section-one-inner .title-block {

    position: relative;

    display: block;

}



.counter-section-one-inner .title-block .sec-title {

    padding-bottom: 0px;

}



.counter-section-one-inner .title-block .sec-title .tagline span.left {

    background: var(--theme-color2);

}



.counter-section-one-inner .title-block .sec-title .tagline span.left::before {

    background: var(--theme-color2);

}



.counter-section-one-inner .title-block .sec-title .tagline h6 {

    color: var(--theme-color2);

}



.counter-section-one-inner .title-block .sec-title .title {

    color: #ffffff;

}











.counter-section-one-inner .content-addon {

    position: relative;

    display: block;

}



.counter-section-one-inner .content-addon ul {

    position: relative;

    display: block;

}



.counter-section-one-inner .content-addon ul li {

    position: relative;

    display: inline-block;

    margin-right: 25px;

}



.counter-section-one-inner .content-addon ul li:last-child {

    margin-right: 0;

}



.counter-section-one-inner .content-addon ul li .count-outer {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    flex-direction: column;

    width: 120px;

    height: 120px;

    background: var(--theme-base);

    border-radius: 10px;

    z-index: 1;

}



.counter-section-one-inner .content-addon ul li .count-outer.bg2 {

    background: var(--theme-color1);

}



.counter-section-one-inner .content-addon ul li .count-outer.bg3 {

    background: var(--theme-color2);

}



.counter-section-one-inner .content-addon ul li .count-outer.bg4 {

    background: var(--theme-color3);

}



.counter-section-one-inner .content-addon ul li .count-outer::before {

    position: absolute;

    top: 10px;

    left: 10px;

    bottom: -10px;

    right: 10px;

    background: rgba(var(--theme-base-rgb), 0.2);

    border-radius: 10px;

    content: "";

    z-index: -1;

}



.counter-section-one-inner .content-addon ul li .bg2.count-outer::before {

    background: rgba(var(--theme-color1-rgb), 0.2);

}



.counter-section-one-inner .content-addon ul li .bg3.count-outer::before {

    background: rgba(var(--theme-color2-rgb), 0.2);

}



.counter-section-one-inner .content-addon ul li .bg4.count-outer::before {

    background: rgba(var(--theme-color3-rgb), 0.2);

}



.counter-section-one-inner .content-addon ul li .count-outer .count-text {

    color: #ffffff;

    font-size: 60px;

    line-height: 0.9em;

    font-weight: 700;

    font-family: var(--headding-font-2);

}



.counter-section-one-inner .content-addon ul li .count-outer p {

    color: #ffffff;

    font-size: 14px;

    line-height: 20px;

}











/* Video Section One */

.video-section-one {

    position: relative;

    display: block;

    padding: 50px 0px 0px;

    z-index: 2;

}



.video-section-one::before {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    background: var(--theme-black);

    height: 250px;

    content: "";

    z-index: -1;

}



.video-addon-one {

    position: relative;

    display: block;

    background-position: center center;

    background-attachment: scroll;

    background-repeat: no-repeat;

    background-size: cover;

    border-radius: 10px;

    overflow: hidden;

    min-height: 476px;

}





.video-addon-one .icon {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.video-addon-one .icon a {

    position: relative;

    display: block;

    width: 120px;

    height: 120px;

    line-height: 120px;

    border-radius: 50%;

    background: #ffffff;

    text-align: center;

    color: var(--theme-black);

    font-size: 20px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.video-addon-one .icon a:hover {

    color: #ffffff;

    background: var(--theme-base);

}



.video-addon-one .icon a::before,

.video-addon-one .icon a::after {

    width: 120px;

    height: 120px;

    border-radius: 50%;

    background: transparent;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-animation-delay: .9s;

    animation-delay: .9s;

    content: "";

    position: absolute;

    box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);

    -webkit-animation: ripple 3s infinite;

    animation: ripple 3s infinite;

    transition: all .4s ease;

}



.video-addon-one .icon a::after {

    -webkit-animation-delay: .6s;

    animation-delay: .6s;

}















.video-addon-two {

    position: relative;

    display: block;

    background: #ffffff;

    box-shadow: 15px 25.981px 60px 0px rgb(131, 131, 131, 0.1);

    border-radius: 10px;

    overflow: hidden;

    padding: 52px 58px 60px;

    max-width: 410px;

    width: 100%;

    z-index: 1;

}



.video-addon-two .icon-bg {

    position: absolute;

    top: -30px;

    right: -40px;

    color: #eeeeee;

    font-size: 230px;

    line-height: 230px;

    z-index: -1;

}



.video-addon-two .title {

    position: relative;

    display: block;

    padding-bottom: 26px;

}



.video-addon-two .title h2 {

    font-size: 24px;

    line-height: 34px;

    font-weight: 700;

    text-transform: capitalize;

}





#video-addon-two-form .input-box {

    position: relative;

    display: block;

}



#video-addon-two-form .input-box .icon {

    position: absolute;

    top: 0px;

    right: 0px;

    font-size: 15px;

    color: var(--theme-base);

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    border-radius: 50%;

    border: 1px solid #e7e7e7;

    transition: all 500ms ease;

}



#video-addon-two-form .input-box:hover .icon {

    border: 1px solid var(--theme-base);

}



#video-addon-two-form .input-box .icon.clr2 {

    color: var(--theme-color1);

}



#video-addon-two-form .input-box:hover .icon.clr2 {

    border: 1px solid var(--theme-color1);

}



#video-addon-two-form .input-box .icon span::before {

    position: relative;

    display: inline-block;

    font-weight: 700;

}



#video-addon-two-form input[type="text"],

#video-addon-two-form input[type="email"],

#video-addon-two-form textarea {

    position: relative;

    display: block;

    background: #ffffff;

    border: 1px solid #e7e7e7;

    box-shadow: 4px 6.928px 16px 0px rgb(131, 131, 131, 0.1);

    width: 100%;

    height: 60px;

    color: #999999;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    padding: 0 30px;

    padding-right: 65px;

    border-radius: 30px;

    margin-bottom: 20px;

    transition: all 500ms ease;

    font-family: var(--main-font);

    outline: none;

}





#video-addon-two-form input[type="text"]:focus {

    color: #999999;

    border-color: var(--theme-base);

}



#video-addon-two-form input[type="email"]:focus {

    border-color: var(--theme-color1);

}









#video-addon-two-form .select-box {

    position: relative;

    display: block;

    width: 100%;

    height: 60px;

}



#video-addon-two-form .nice-select {

    height: 60px;

    line-height: 60px;

    background: #ffffff;

    border: 1px solid #e7e7e7;

    box-shadow: 4px 6.928px 16px 0px rgb(131, 131, 131, 0.1);

    border-radius: 30px;

    font-family: var(--main-font);

    font-size: 16px;

    font-weight: 400;

    color: var(--theme-black);

    padding-left: 20px;

    padding-right: 20px;

}



#video-addon-two-form .nice-select:after {

    width: 8px;

    height: 8px;

    border-bottom: 2px solid var(--theme-color2);

    border-right: 2px solid var(--theme-color2);

    right: 26px;

    margin-top: 0px;

    top: 23px;

    z-index: 10;

}



#video-addon-two-form .nice-select::before {

    position: absolute;

    top: -1px;

    right: -1px;

    bottom: 0;

    width: 60px;

    height: 60px;

    border: 1px solid #e7e7e7;

    border-radius: 50%;

    content: "";

}







#video-addon-two-form .button-box {

    position: relative;

    display: block;

    margin-top: 20px;

}



#video-addon-two-form .button-box button {

    outline: none;

    padding: 0;

    border: none;

    width: 100%;

    border-radius: 30px;

}



#video-addon-two-form .button-box button .theme-btn {

    display: block;

    background: var(--theme-color3);

    border-radius: 30px;

}





















/* Brand Section One */



.brand-section-one {

    position: relative;

    display: block;

    padding: 320px 0px 55px;

    z-index: 1;

    margin-top: -225px;

}



.brand-section-one-bg {

    position: absolute;

    top: 90px;

    left: 0;

    right: 0;

    text-align: center;

    z-index: -1;

}



.brand-section-one .sec-title .title {

    text-transform: none;

}



.brand-section-one .sec-title .title .clr1 {

    color: var(--theme-base);

}



.brand-section-one .sec-title .title .clr2 {

    color: var(--theme-color1);

}



.brand-section-one .sec-title .title .clr3 {

    color: var(--theme-color3);

}



.brand-section-one-inner {

    position: relative;

    display: block;

}



.brand-section-one-inner .top-box {

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    text-align: center;

}





.brand-addon-one {

    position: relative;

    overflow: hidden;

    flex: 0 0 25%;

    max-width: 25%;

    width: 100%;

    margin-bottom: 65px;

}



.brand-section-one-inner .bottom-box {

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}





.brand-addon-one a {

    position: relative;

    display: inline-block;

}



.brand-addon-one a img {

    transition: all 0.2s ease-in-out 0.1s;

}



.brand-addon-one:hover a img {

    opacity: .0;

    transition: all 0.8s ease-in-out 0.1s;

}



.brand-addon-one .overlay-box {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    transform: translateY(80px);

    transition: all 0.4s ease-in-out 0.1s;

}



.brand-addon-one:hover .overlay-box {

    transform: translateX(0px);

}



.brand-addon-one .overlay-box a {

    position: relative;

    display: inline-block;

}



.brand-addon-one .overlay-box a img {

    opacity: 1;

}











.brand-section-one .icon {

    position: relative;

    display: block;

    width: 140px;

    height: 140px;

    line-height: 140px;

    border-radius: 50%;

    color: var(--theme-color1);

    font-size: 60px;

    text-align: center;

    margin: 0 auto 53px;

    z-index: 1;

}



.brand-section-one .icon::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: #ffffff;

    box-shadow: 0px 16px 32px 0px rgb(52, 52, 52, 0.1);

    content: "";

    border-radius: 50%;

    z-index: -1;

}



.brand-section-one .icon .doted-one {

    position: absolute;

    top: 0px;

    left: 10px;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background: var(--theme-base);

    z-index: -2;

}



.brand-section-one .icon .doted-two {

    position: absolute;

    bottom: 10px;

    right: 0px;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background: var(--theme-color3);

    z-index: -2;

}



.brand-section-one.style4 {

    position: relative;

    display: block;

    margin-top: 0px;

    padding: 0px 0px 55px;

}















/* Events Section One */

.events-section-one {

    position: relative;

    display: block;

    background: #f5f5f5;

    padding: 120px 0px 100px;

}



.events-addon-one {

    position: relative;

    display: block;

    margin-bottom: 20px;

}



.events-addon-one .inner {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #ffffff;

    border-radius: 10px;

    padding: 20px 0px 30px;

    padding-left: 20px;

    padding-right: 50px;

    z-index: 1;

}



.events-addon-one .inner .layer-outer {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-attachment: scroll;

    background-size: cover;

    background-position: center top;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .5s;

    transition-property: all;

    opacity: 1;

    transform-origin: top;

    transform-style: preserve-3d;

    transform: scaleY(0);

    z-index: -1;

}



.events-addon-one .inner:hover .layer-outer {

    transform: scaleY(1.0);

}



.events-addon-one .inner .layer-outer::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: rgba(var(--theme-black-rgb), 0.9);

    content: "";

    border-radius: 10px;

}







.events-addon-one .inner .left {

    position: relative;

    display: block;

    padding-left: 160px;

}





.events-addon-one .inner .left .date-box {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}





.events-addon-one .inner .left .date-box .inner-text {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: var(--theme-base);

    width: 120px;

    height: 120px;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-flow: wrap;

    flex-direction: column;

    z-index: 1;

}



.events-addon-one .inner .left .date-box .inner-text.clr2 {

    background: var(--theme-color1);

}



.events-addon-one .inner .left .date-box .inner-text.clr3 {

    background: var(--theme-color2);

}



.events-addon-one .inner .left .date-box .inner-text.clr4 {

    background: var(--theme-color3);

}





.events-addon-one .inner .left .date-box .inner-text .overlay-img {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    border-radius: 10px;

    z-index: -1;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    opacity: 0;

    -webkit-transform: perspective(400px) scale(0.5);

    -ms-transform: perspective(400px) scale(0.5);

    transform: perspective(400px) scale(0.5);

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

}



.events-addon-one .inner:hover .left .date-box .inner-text .overlay-img {

    opacity: 1.0;

    -webkit-transform: perspective(400px) scale(1);

    -ms-transform: perspective(400px) scale(1);

    transform: perspective(400px) scale(1);

}



.events-addon-one .inner .left .date-box .inner-text .overlay-img::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: rgba(var(--theme-base-rgb), 0.9);

    content: "";

    border-radius: 10px;

}



.events-addon-one .inner .left .date-box .inner-text.clr2 .overlay-img::before {

    background: rgba(var(--theme-color1-rgb), 0.9);

}



.events-addon-one .inner .left .date-box .inner-text.clr3 .overlay-img::before {

    background: rgba(var(--theme-color2-rgb), 0.9);

}



.events-addon-one .inner .left .date-box .inner-text.clr4 .overlay-img::before {

    background: rgba(var(--theme-color3-rgb), 0.9);

}



.events-addon-one .inner .left .date-box .inner-text h2 {

    color: #ffffff;

    font-size: 60px;

    line-height: 0.8em;

    font-weight: 700;

    letter-spacing: 0em;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}





.events-addon-one .inner .left .date-box .inner-text p {

    color: #ffffff;

    font-size: 14px;

}



.events-addon-one .inner .middle-text {

    position: relative;

    display: block;

}



.events-addon-one .inner .middle-text h2 {

    font-size: 24px;

    line-height: 34px;

    margin-bottom: 5px;

}



.events-addon-one .inner .middle-text h2 a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.events-addon-one .inner:hover .middle-text h2 a {

    color: #ffffff;

}



.events-addon-one .inner .middle-text h2 a:hover {

    color: #ffffff;

}



.events-addon-one .inner .middle-text p {

    color: var(--thm-gray);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.events-addon-one .inner:hover .middle-text p {

    color: #c1c1c1;

}



.events-addon-one .inner .middle-text ul {

    position: relative;

    display: flex;

    align-items: center;

    margin-top: 17px;

}



.events-addon-one .inner .middle-text ul li {

    position: relative;

    display: flex;

    align-items: center;

    margin-right: 40px;

}



.events-addon-one .inner .middle-text ul li:last-child {

    margin-right: 0;

}



.events-addon-one .inner .middle-text ul li .icon {

    position: relative;

    display: block;

    color: var(--theme-base);

    font-size: 15px;

}



.events-addon-one .inner .middle-text ul li .text {

    position: relative;

    display: block;

    padding-left: 10px;

}



.events-addon-one .inner .middle-text ul li .text p {

    color: var(--theme-gray);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.events-addon-one .inner:hover .middle-text ul li .text p {

    color: #c1c1c1;

}



.events-addon-one .inner .middle-text ul li .text p span {

    color: var(--theme-black);

    font-weight: 700;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.events-addon-one .inner:hover .middle-text ul li .text p span {

    color: #ffffff;

}



.events-addon-one .inner .button-box {

    position: relative;

    display: block;

}



.events-addon-one .inner .button-box .theme-btn {

    color: var(--theme-black);

    background: #f5f5f5;

}



.events-addon-one .inner .button-box .clr2.theme-btn::after {

    background: var(--theme-color1);

}



.events-addon-one .inner .button-box .clr3.theme-btn::after {

    background: var(--theme-color2);

}



.events-addon-one .inner .button-box .clr4.theme-btn::after {

    background: var(--theme-color3);

}



.events-addon-one .inner .button-box .theme-btn:hover {

    color: #ffffff;

}



.events-addon-one .inner .button-box .theme-btn span::before {

    color: var(--theme-black);

}



.events-addon-one .inner .button-box .theme-btn:hover span::before {

    color: #ffffff;

}

















/* Cta section One */

.cta-section-one {

    position: relative;

    display: block;

    z-index: 1;

}



.cta-section-one-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-size: cover;

    z-index: -1;

}



.cta-section-one-bg::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: rgba(var(--theme-base-rgb), 0.8);

    content: "";

    z-index: -2;

}



.cta-section-one-inner {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 63px 0px 61px;

}





.cta-addon-one {

    position: relative;

    display: block;

}



.cta-addon-one h2 {

    color: #ffffff;

    font-size: 60px;

    line-height: 1em;

    font-weight: 300;

    margin-bottom: 7px;

}



.cta-addon-one h2 a {

    color: #ffffff;

    font-weight: 700;

}



.cta-addon-one h3 {

    color: #ffffff;

    font-size: 24px;

    line-height: 34px;

    font-weight: 400;

    font-family: var(--main-font);

}



.cta-addon-two {

    position: relative;

    display: block;

}









/* News section One */

.news-section-one {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0px 90px;

}



.news-addon-one {

    position: relative;

    display: block;

    margin-bottom: 30px;

}



.news-addon-one .image-box {

    position: relative;

    display: block;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    overflow: hidden;

}



.news-addon-one .image-box img {

    width: 100%;

    transform: scale(1);

    transition: all 0.7s ease 0s;

}



.news-addon-one:hover .image-box img {

    transform: scale(1.1);

}



.news-addon-one .content-box {

    position: relative;

    display: block;

    background: #ffffff;

    box-shadow: 4px 6.928px 16px 0px rgb(131, 131, 131, 0.06);

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    padding: 35px 40px 40px;

    z-index: 1;

}



.news-addon-one .content-box::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: transparent;

    border: 1px solid var(--theme-color1);

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    border-top: none;

    content: "";

    transition-delay: 0.05s;

    transition-timing-function: ease-in-out;

    transition-duration: .4s;

    transition-property: all;

    opacity: 1;

    transform-origin: top;

    transform-style: preserve-3d;

    transform: scaleY(0);

    z-index: -1;

}



.news-addon-one:hover .content-box::before {

    transform: scaleY(1.0);

}









.news-addon-one .content-box .meta-info {

    position: relative;

    display: flex;

    align-items: center;

    margin-bottom: 5px;

}



.news-addon-one .content-box .meta-info li {

    position: relative;

    display: block;

    padding-left: 15px;

    padding-right: 15px;

}



.news-addon-one .content-box .meta-info li::before {

    position: absolute;

    top: 8px;

    right: 0;

    bottom: 8px;

    width: 1px;

    background: var(--theme-gray);

    content: "";

    transform: rotate(25deg);

}



.news-addon-one .content-box .meta-info li:first-child {

    padding-left: 0;

}



.news-addon-one .content-box .meta-info li:last-child:before {

    display: none;

}



.news-addon-one .content-box .meta-info li p {}



.news-addon-one .content-box .meta-info li p span::before {

    position: relative;

    display: inline-block;

    top: 1px;

    color: #7e0010;

    font-size: 15px;

    padding-right: 5px;

    font-weight: 400;

}



.news-addon-one .content-box .meta-info li span {

    color: #2d2d87;

    font-weight: 400;

    font-family: var(--main-font);

}



.news-addon-one .content-box h2 {

    font-size: 18px;

    line-height: 24px;

}



.news-addon-one .content-box h2 a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}





.news-addon-one .content-box h2 a:hover {

    color: #2d2d87;

}



.news-addon-one .content-box .author-box {

    position: relative;

    display: flex;

    align-items: center;

    margin-top: 20px;

}



.news-addon-one .content-box .author-box .img {

    position: relative;

    display: block;

    width: 40px;

    height: 40px;

    border-radius: 50%;

}



.news-addon-one .content-box .author-box .img img {

    width: 100%;

}



.news-addon-one .content-box .author-box .name {

    position: relative;

    display: block;

    padding-left: 20px;

}



.news-addon-one .content-box .author-box .name p {

    color: var(--theme-black);

}







.news-section-one.style4 {

    position: relative;

    display: block;

    background: #f5f5f5;

}











/* Main Footer */

.main-footer {

    position: relative;

    display: block;

}



.main-footer-top {

    position: relative;

    display: block;

    padding: 40px 0px 40px;

    z-index: 1;

}



.main-footer-top .overlay-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-position: center center;

    background-size: cover;

    background-attachment: scroll;

    background-repeat: no-repeat;

    z-index: -1;

}



.main-footer-top .overlay-bg::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: rgba(28, 28, 28, 0.9);

    z-index: -2;

    content: "";

}



.widgets-section {

    position: relative;

    display: block;

    z-index: 1;

}



.footer-widget-item {

    position: relative;

    display: block;

    overflow: hidden;

}



.footer-widget-item .title {

    position: relative;

    display: block;

    margin-bottom: 14px;

}



.footer-widget-item .title h2 {

    color: #ffffff;

    font-size: 20px;

    font-weight: 700;

    letter-spacing: 0em;

}



.footer-widget-item .our-info {

    position: relative;

    display: block;

    max-width: 275px;

    width: 100%;

}



.footer-widget-item .our-info .text {

    position: relative;

    display: block;

}



.footer-widget-item .our-info .text p {

    color: #aaaaaa;

    line-height: 30px;



}



.footer-widget-news {

    position: relative;

    display: block;

    padding-top: 8px;

}



.footer-widget-news ul {

    position: relative;

    display: block;

}



.footer-widget-news ul li {

    position: relative;

    display: block;

    padding-left: 100px;

    margin-bottom: 15px;

}



.footer-widget-news ul li:last-child {

    margin-bottom: 0px;

}



.footer-widget-news ul li .img-box {

    position: absolute;

    top: 0;

    left: 0;

    width: 80px;

    height: 80px;

    border-radius: 10px;

    overflow: hidden;

}



.footer-widget-news ul li .img-box img {

    width: 100%;

    height: 100px;

    object-fit: cover;

}



.footer-widget-news ul li .text-box {

    position: relative;

    display: block;

}



.footer-widget-news ul li .text-box p {

    color: #bebebe;

    font-size: 12px;

}



.footer-widget-news ul li .text-box p span::before {

    position: relative;

    display: inline-block;

    color: var(--theme-color1);

    font-size: 15px;

    top: 3px;

    padding-right: 5px;

}



.footer-widget-news ul li .text-box h6 {

    font-size: 16px;

    line-height: 24px;

    font-weight: 700;

}



.footer-widget-news ul li .text-box h6 a {

    color: #ffffff;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.footer-widget-news ul li .text-box h6 a:hover {

    color: #2d2d87;

}



.footer-widget-item.mar-l13 {

    position: relative;

    display: block;

    margin-left: 13px;

}



.footer-widget-newsletter {

    position: relative;

    display: block;

    max-width: 280px;

    width: 100%;

    padding-top: 2px;

}



.footer-widget-newsletter p {

    color: #aaaaaa;

}



.subscribe-form {

    position: relative;

    display: block;

    width: 100%;

    margin-top: 27px;

}



.subscribe-form .input-box {

    position: relative;

    display: block;

}





.subscribe-form input[type="email"] {

    position: relative;

    display: block;

    width: 100%;

    height: 60px;

    padding: 0 30px;

    padding-right: 80px;

    background: #060606;

    border: 2px solid #303030;

    color: #aaaaaa;

    font-size: 16px;

    font-weight: 400;

    font-style: normal;

    border-radius: 10px;

    transition: all 500ms ease;

    font-family: var(--main-font);

    text-transform: capitalize;

    outline: none;

}



.subscribe-form input::-webkit-input-placeholder {

    color: #aaaaaa;

}



.subscribe-form input:-moz-placeholder {

    color: #aaaaaa;

}



.subscribe-form input::-moz-placeholder {

    color: #aaaaaa;

}



.subscribe-form input:-ms-input-placeholder {

    color: #aaaaaa;

}



.subscribe-form button {

    position: absolute;

    top: 0px;

    right: 0px;

    bottom: 0px;

    width: 60px;

    height: 60px;

    color: #ffffff;

    font-size: 20px;

    line-height: 60px;

    font-weight: 700;

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

    background: var(--theme-color2);

    transition: all 300ms ease 100ms;

}



.subscribe-form input[type="email"]:focus {

    color: #aaaaaa;

}



.subscribe-form input[type="email"]:focus+button,

.subscribe-form button:hover {

    color: #ffffff;

    background: var(--theme-base);

}



.footer-widget-newsletter .social-link {

    position: relative;

    display: block;

    margin-top: 25px;

}



.footer-widget-newsletter .social-link ul {

    position: relative;

    display: block;

}



.footer-widget-newsletter .social-link ul li {

    position: relative;

    display: inline-block;

    margin-right: 25px;

}



.footer-widget-newsletter .social-link ul li:last-child {

    margin-right: 0;

}



.footer-widget-newsletter .social-link ul li a {

    position: relative;

    display: inline-block;

    color: #767676;

    font-size: 17px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.footer-widget-newsletter .social-link ul li a:hover {

    color: #ffffff;

}



.footer-widget-item.mar-l43 {

    position: relative;

    display: block;

    margin-left: 43px;

}



.footer-widget-page-link {

    position: relative;

    display: block;

    margin-top: -5px;

}



.footer-widget-page-link-list {

    position: relative;

    display: block;

    float: left;

    margin-right: 50px;

}



.footer-widget-page-link-list li a {

    color: #aaaaaa;

    font-size: 16px;

    line-height: 40px;

    font-weight: 400;

    font-family: var(--main-font);

    transition: all 500ms ease;

}



.footer-widget-page-link-list li a:hover {

    color: #ffffff;

    opacity: 1;

}



.footer-widget-page-link-list-two {

    margin-right: 0;

}



.main-footer-bottom {

    position: relative;

    display: block;

    background: var(--theme-base);

}



.main-footer-bottom-inner {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 6px 0px 6px;

}



.main-footer-bottom-inner .text {

    position: relative;

    display: flex;

}



.main-footer-bottom-inner .text p {

    color: #ffc6b7;

}



.main-footer-bottom-inner .text p a {

    color: #ffffff;

    font-weight: 700;

}



.main-footer-bottom-inner .logo {

    position: relative;

    display: block;

}



.main-footer-bottom-inner .logo a {

    position: relative;

    display: block;

    z-index: 1;

}



.main-footer-bottom-inner .logo a::before {

    content: "";

    position: absolute;

    top: -52px;

    left: -60px;

    bottom: -30px;

    right: -60px;

    background: #151515;

    z-index: -1;

}



.main-footer-bottom-inner .logo a::after {

    content: "";

    position: absolute;

    top: -52px;

    left: -60px;

    bottom: -30px;

    right: -60px;

    height: 4px;

    background: var(--theme-color2);

    z-index: -1;

}



.main-footer-bottom-list {

    position: relative;

    display: block;

}



.main-footer-bottom-list ul {

    position: relative;

    display: block;

}



.main-footer-bottom-list ul li {

    position: relative;

    display: inline-block;

    margin-right: 55px;

}



.main-footer-bottom-list ul li:last-child {

    margin-right: 0;

}



.main-footer-bottom-list ul li a {

    position: relative;

    display: inline-block;

    color: #ffffff;

    font-weight: 700;

    text-transform: capitalize;

}



.main-footer-bottom-list ul li a:hover {}



.main-footer.style2 .main-footer-bottom-inner .text p{

    padding: 0px;

}







/* Donation Form Two*/

.donation-form-two {

    position: relative;

    display: block;

    padding: 0px 0px 50px;

}



.donation-form-two-inner {

    position: relative;

    display: flex;

    background: #ffffff;

    box-shadow: 8px 13.856px 32px 0px rgb(0, 0, 0, 0.06);

    padding: 50px 50px 42px;

    align-items: flex-start;

    justify-content: space-between;

    margin-top: -80px;

    z-index: 5;

}



.donation-form-addon-one {

    position: relative;

    display: block;

    max-width: 960px;

    width: 100%;

}



.donation-form-addon-one-inner {

    position: relative;

    display: block;

    background: #f4f4f4;

    padding: 21px 25px 32px;

}





.donation-form-addon-one-inner .bar {

    position: relative;

    width: 100%;

    height: 10px;

    background: #ffffff;

}



.donation-form-addon-one-inner .bar-inner {

    position: relative;

    display: block;

    width: 0px;

    height: 10px;

    background: var(--theme-base);

    -webkit-transition: all 1500ms ease;

    -ms-transition: all 1500ms ease;

    -o-transition: all 1500ms ease;

    -moz-transition: all 1500ms ease;

    transition: all 1500ms ease;

}







.donation-form-addon-one-bg {

    position: absolute;

    left: 25px;

    bottom: 0;

    right: 25px;

    background-position: center center;

    background-repeat: repeat-x;

    min-height: 10px;

    animation: bgSlide 20s linear infinite;

}







.donation-form-addon-one .bottom-box {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 15px;

}



.donation-form-addon-one .bottom-box .rate-box {

    position: relative;

    display: block;

}



.donation-form-addon-one .bottom-box .rate-box p {

    color: var(--theme-black);

    font-size: 16px;

    line-height: 26px;

    font-weight: 700;

}



.donation-form-addon-one .bottom-box .rate-box p span {

    color: var(--theme-gray);

    font-weight: 400;

}















.donation-form-addon-two {

    position: relative;

    display: block;

    margin-left: 30px;

    max-width: 200px;

    width: 100%;

}



.donation-form-addon-two .button-box {

    position: relative;

    display: block;

}



.donation-form-addon-two .button-box .theme-btn {

    background: var(--theme-base);

    border-radius: 0;

}



.donation-form-addon-two .button-box .theme-btn::after {

    background: var(--theme-black);

    border-radius: 0;

}



.donation-form-addon-two .button-box .theme-btn i::before {

    position: relative;

    display: block;

    color: #ffffff;

    font-size: 15px;

}





/* About Section Two */

.about-section-two {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 70px 0px 120px;

    z-index: 1;

}



.about-addon-four {

    position: relative;

    display: block;

    max-width: 630px;

    width: 100%;

}



.about-addon-four-img {

    position: relative;

    display: block;

}



.about-addon-four-img img {

    width: 100%;

}





.about-addon-five {

    position: relative;

    display: block;

    max-width: 575px;

    width: 100%;

    margin-left: 45px;

    margin-top: 45px;

}



.about-addon-five .subscribe-box {

    position: relative;

    display: block;

    box-shadow: 0px 20px 40px 0px rgb(0, 0, 0, 0.04);

    background: #f5f5f5;

}



.about-addon-five .subscribe-box .top {

    position: relative;

    display: flex;

    align-items: center;

    background: #ffffff;

    padding: 0px 30px 22px;

}



.about-addon-five .subscribe-box .top .icon {

    position: relative;

    display: block;

    line-height: 0;

}



.about-addon-five .subscribe-box .top .icon span:before {

    color: #2d2d87;

    font-size: 50px;

    line-height: 50px;

}



.about-addon-five .subscribe-box .top .text {

    position: relative;

    display: block;

    padding-left: 20px;

}



.about-addon-five .subscribe-box .top .text h2 {

    font-size: 30px;

    line-height: 40px;

    text-transform: capitalize;

}



.about-addon-five .subscribe-box .top .text p {

    font-size: 14px;

}







.about-addon-five .subscribe-box .bottom {

    position: relative;

    display: block;

    background: #f5f5f5;

    padding: 30px 30px 30px;

}





.about-section-two-form {

    position: relative;

    display: block;

}



.about-section-two-input-box {

    position: relative;

    display: block;

}



.about-section-two-input-box input[type="email"] {

    color: #999999;

    font-size: 14px;

    height: 60px;

    width: 100%;

    font-weight: 400;

    padding-left: 30px;

    padding-right: 200px;

    background: #ffffff;

    outline: none;

    border: none;

    font-family: var(--main-font);

}







.about-section-two-form-btn {

    color: #ffffff;

    font-size: 16px;

    font-weight: 700;

    display: inline-block;

    background: var(--theme-base);

    border: none;

    outline: none;

    position: absolute;

    line-height: 60px;

    right: 0px;

    text-transform: capitalize;

    padding: 0px 35px 0px;

    font-family: var(--main-font);

}



.about-section-two-form-btn:hover {

    background: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.about-section-two-form-btn button:focus {

    outline: none;

}













/* Serivces Section Two */

#overlay.serivces-section-two {

    position: relative;

    display: block;

    /* background: #f7f3f0; */

    padding: 70px 0px 70px;

    background-image: url('https://static.vecteezy.com/system/resources/previews/007/234/646/non_2x/close-up-of-many-people-putting-their-fists-together-as-symbol-of-unity-free-photo.jpg');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    z-index: 1;

}



#overlay.serivces-section-two::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.66);

    z-index: -1;

}

#overlay.serivces-section-two h2, #overlay.serivces-section-two .break-sub {color: #fff;}



.serivces-addon-three {

    position: relative;

    display: block;

}



.serivces-addon-three-single {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 16px 16px 0px;

    min-height: 370px;

}



.serivces-addon-three-single .icon {

    position: relative;

    display: block;

    /* width: 120px;

    height: 120px;

    line-height: 120px;

    border-radius: 50%;

    background: var(--theme-base); */

    text-align: center;

    /* font-size: 60px; */

    color: #ffffff;

    /* margin: 0 auto; */

    margin-bottom: 16px;

    transition: all 500ms ease;

    height: 120px;

}



.serivces-addon-three-single .icon img{height:100%;object-fit: cover;width: 100% !important;}

.top-header-position {

    position: relative;

    height: 90px;

}

.serivces-addon-three-single.style-one .icon {

    position: relative;

    display: block;

    width: 120px;

    height: 120px;

    line-height: 120px;

    border-radius: 50%;

    background: #fff;

    text-align: center;

    font-size: 60px;

    color: #dd4242;

    margin: 0 auto;

    margin-bottom: 130px;

    transition: all 500ms ease;

}





.serivces-addon-three-single:hover .icon {

    transform: rotateY(180deg);

}



.serivces-addon-three-single .text {

    position: relative;

    display: block;

    margin-bottom: 10px;

    min-height: 150px;

}



.serivces-addon-three-single .text p {

    font-size: 14px;

    line-height: 24px;

}



.serivces-addon-three-single .title {

    position: relative;

    display: inline-block;

    background: #f7f3f0;

    padding: 5px 16px 5px;

}



.serivces-addon-three-single .title h2 {

    font-size: 16px;

    line-height: 24px;

}



.serivces-addon-three-single .title h2 a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.serivces-addon-three-single .title h2 a:hover {

    color: #2d2d87;

}



.serivces-section-two-carousel.owl-carousel .owl-stage-outer {

    margin-right: -315px;

}



.serivces-section-two-carousel .owl-nav {

    display: block;

}









.serivces-section-two-carousel.owl-carousel .owl-nav button.owl-next,

.serivces-section-two-carousel.owl-carousel .owl-nav button.owl-prev {

    background: #ffffff;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    color: var(--theme-black);

    font-size: 20px;

    font-weight: 700;

    border-radius: 0;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.serivces-section-two-carousel.owl-carousel .owl-nav button.owl-next:hover,

.serivces-section-two-carousel.owl-carousel .owl-nav button.owl-prev:hover {

    background: #2d2d87;

    color: #ffffff;

}



.serivces-section-two-carousel.owl-carousel .owl-nav button.owl-prev {

    margin-right: 20px;

}



.serivces-section-two-carousel.owl-carousel .owl-nav button.owl-prev .rotate {

    transform: rotate(180deg);

    position: relative;

    display: inline-block;

}



.serivces-section-two-carousel .owl-nav {

    position: absolute;

    right: auto;

    top: auto;

    left: -440px;

    bottom: 0px;

    margin: 0 !important;

    z-index: 99999999;

}











/* Counter Section Two*/

.counter-section-two {

    position: relative;

    display: block;

    margin-top: -90px;

    z-index: 1;

}



section.counter-section-two.style-one .counter-section-two-inner {

    position: relative;

    display: block;

    background: #5fbbaf;

    padding: 53px 75px 46px;

    overflow: hidden;

}



section.counter-section-two.style-one:before {

    position: absolute;

    content: '';

    background-color: #f7f7f7;

    top: 80px;

    left: 0;

    right: 0;

    bottom: -955px;

}



.counter-section-two-inner {

    position: relative;

    display: block;

    background: #0c8c53;

    padding: 53px 75px 46px;

    overflow: hidden;

}



.counter-addon-one {

    position: relative;

    display: block;

}



.counter-addon-one .count-outer {

    position: relative;

    display: flex;

    align-items: center;

}



.counter-addon-one .count-outer .count-text {

    color: #ffffff;

    font-size: 80px;

    line-height: 1em;

    font-weight: 700;

    font-family: var(--headding-font-2);

}



.counter-addon-one .count-outer .text {

    position: relative;

    display: block;

    padding-left: 15px;

}



.counter-addon-one .count-outer .text p {

    color: #ffffff;

}









/* Features Section One*/

.features-section-one {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0px 120px;

}



.features-addon-one {

    position: relative;

    display: block;

    max-width: 520px;

    width: 100%;

    margin-top: 65px;

}



.features-addon-one .sec-title {

    padding-bottom: 32px;

}



.features-section-one-list {

    position: relative;

    display: block;

}



.features-addon-one ul {

    position: relative;

    display: block;

}



.features-addon-one ul li {

    position: relative;

    display: block;

    border-bottom: 1px solid #ececec;

    padding-top: 40px;

    padding-bottom: 32px;

}



.features-addon-one ul li:first-child {

    padding-top: 0;

}



.features-addon-one ul li:last-child {

    padding-bottom: 0px;

}



.features-addon-one ul li:last-child {

    border-bottom: none;

}



.features-addon-one ul li .top {

    position: relative;

    display: flex;

    align-items: center;

}



.features-addon-one ul li .top .icon {

    position: relative;

    display: block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    background: #ffffff;

    border-radius: 50%;

    color: var(--theme-base);

    font-size: 15px;

    text-align: center;

    box-shadow: 8px 13.856px 32px 0px rgb(0, 0, 0, 0.1);

}



.features-addon-one ul li .top .title {

    position: relative;

    display: block;

    padding-left: 20px;

}



.features-addon-one ul li .top .title h3 {

    font-size: 20px;

    line-height: 30px;

}



.features-addon-one ul li .text {

    position: relative;

    display: block;

    margin-top: 14px;

}



.features-addon-one ul li .text p {}









.features-addon-two {

    position: relative;

    display: block;

}



.features-addon-two .image {

    position: relative;

    display: block;

}



.features-addon-two .image img {

    width: 100%;

}











/* Video Section Two */

.video-section-two {

    position: relative;

    display: block;

    z-index: 1;

}



.video-section-two-inner {

    position: relative;

    display: block;

    background-attachment: scroll;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    min-height: 700px;

    background: #ffffff;

    box-shadow: 8px 13.856px 32px 0px rgb(160, 134, 114, 0.08);

    border: 14px solid #ffffff;

    z-index: 1;

}



.video-section-two-inner .icon {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.video-section-two-inner .icon a {

    position: relative;

    display: block;

    width: 120px;

    height: 120px;

    line-height: 120px;

    border-radius: 50%;

    background: #ffffff;

    text-align: center;

    color: var(--theme-black);

    font-size: 20px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.video-section-two-inner .icon a:hover {

    color: #ffffff;

    background: var(--theme-base);

}



.video-section-two-inner .icon a::before,

.video-section-two-inner .icon a::after {

    width: 120px;

    height: 120px;

    border-radius: 50%;

    background: transparent;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-animation-delay: .9s;

    animation-delay: .9s;

    content: "";

    position: absolute;

    box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);

    -webkit-animation: ripple 3s infinite;

    animation: ripple 3s infinite;

    transition: all .4s ease;

}



.video-section-two-inner .icon a::after {

    -webkit-animation-delay: .6s;

    animation-delay: .6s;

}















/* Video Section Two */





.brand-section-two {

    position: relative;

    display: block;

    background: #f7f3f0;

    padding: 450px 0px 70px;

    margin-top: -350px;

}





.brand-section-two-inner {

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}



.brand-addon-two {

    position: relative;

    overflow: hidden;

    flex: 0 0 20%;

    max-width: 20%;

    width: 100%;

    margin-bottom: 50px;

    text-align: center;

}





.brand-addon-two a {

    position: relative;

    display: inline-block;

}



.brand-addon-two a img {

    transition: all 0.2s ease-in-out 0.1s;

}



.brand-addon-two:hover a img {

    opacity: .0;

    transition: all 0.8s ease-in-out 0.1s;

}



.brand-addon-two .overlay-box {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    transform: translateY(80px);

    transition: all 0.4s ease-in-out 0.1s;

}



.brand-addon-two:hover .overlay-box {

    transform: translateX(0px);

}



.brand-addon-two .overlay-box a {

    position: relative;

    display: inline-block;

}



.brand-addon-two .overlay-box a img {

    opacity: 1;

}











/* Skills Section One */



.skills-section-one {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0px 182px;

}





.skills-addon-one {

    position: relative;

    display: block;

    max-width: 570px;

    width: 100%;

}



.skills-addon-one-single {

    position: relative;

    display: block;

    margin-bottom: 30px;

}



.skills-addon-one-single.mar-30 {

    position: relative;

    display: block;

    padding-top: 30px;

}



.skills-addon-one-single .progress-box {

    position: relative;

    display: block;

    padding: 40px 40px 40px;

    background: var(--theme-base);

    overflow: hidden;

    z-index: 1;

}



.skills-addon-one-single .progress-box.bg2 {

    position: relative;

    display: block;

    background: var(--theme-black);

}



.skills-addon-one-single .progress-box .shape1 {

    position: absolute;

    top: -40px;

    right: -95px;

    z-index: -1;

}



.skills-addon-one-single .progress-box .shape2 {

    position: absolute;

    top: 50px;

    right: -70px;

    z-index: -1;

}





.skills-addon-one-single .progress-box .graph-outer {

    position: relative;

    display: inline-block;

    text-align: center;

    border-radius: 50%;

    z-index: 1;

    line-height: 0;

}



.skills-addon-one-single .progress-box .graph-outer::before {

    position: absolute;

    top: 2px;

    left: 2px;

    bottom: 0;

    right: 0;

    border-radius: 50%;

    height: 110px;

    width: 110px;

    background: transparent;

    border: 4px solid rgba(255, 255, 255, 0.1);

    z-index: -1;

    content: "";

}



.skills-addon-one-single .progress-box .graph-outer .count-box {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    color: var(--theme-black);

    font-size: 24px;

    font-weight: 700;

    transform: translateY(-50%);

}



.skills-addon-one-single .progress-box .graph-outer .count-text {

    position: relative;

    display: inline-block;

    color: #ffffff;

    font-size: 40px;

    line-height: 50px;

    font-weight: 700;

    font-family: var(--headding-font-2);

    letter-spacing: 0em;

}



.skills-addon-one-single .progress-box .graph-outer .count-Parsent {

    font-size: 15px;

    transform: rotate(18deg);

    position: relative;

    display: inline-block;

    color: #ffffff;

    font-weight: 700;

}



.skills-addon-one-single .progress-box .title {

    position: relative;

    display: block;

    margin-top: 17px;

}



.skills-addon-one-single .progress-box .title h2 {

    color: #ffffff;

    font-size: 24px;

    line-height: 28px;

    font-weight: 700;

}





















































.skills-addon-two {

    position: relative;

    display: block;

    max-width: 545px;

    width: 100%;

}



.skills-addon-two .sec-title {

    padding-bottom: 25px;

}



.skills-addon-two-list {

    position: relative;

    display: block;

}



.skills-addon-two-list ul {

    position: relative;

    display: block;

}



.skills-addon-two-list ul li {

    position: relative;

    display: block;

    padding-left: 90px;

    margin-bottom: 30px;

}



.skills-addon-two-list ul li:last-child {

    margin-bottom: 0;

}



.skills-addon-two-list ul li .icon {

    position: absolute;

    top: 7px;

    left: 0;

}



.skills-addon-two-list ul li .text {

    position: relative;

    display: block;

}



.skills-addon-two-list ul li .text h3 {

    font-size: 20px;

    line-height: 30px;

    margin-bottom: 10px;

}



.skills-addon-two-list ul li .text p {}







.skills-addon-two .button-box {

    position: relative;

    display: block;

}



.skills-addon-two .button-box .theme-btn {

    border-radius: 0;

    background: var(--theme-black);

    margin-top: 42px;

}



.skills-addon-two .button-box .theme-btn::after {

    background: var(--theme-base);

    border-radius: 0;

}



































/* Testimonials Section One */

.testimonials-section-one {

    position: relative;

    display: block;

    background: #f7f3f0;

    padding: 120px 0px 120px;

    z-index: 1;

}



.testimonials-addon-one {

    position: relative;

    display: block;

    padding-top: 30px;

}



.testimonials-addon-one .icon {

    position: absolute;

    top: 0;

    right: 30px;

    color: var(--theme-base);

    z-index: 1;

}



.testimonials-addon-one .icon span::before {

    position: relative;

    display: inline-block;

    color: var(--theme-base);

    font-size: 100px;

    line-height: 75px;

}



.testimonials-addon-one-inner {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 40px 0px 32px;

    padding-left: 40px;

    padding-right: 60px;

}



.testimonials-addon-one-inner .client-info {

    position: relative;

    display: block;

    padding-left: 65px;

}



.testimonials-addon-one-inner .client-info .img {

    position: absolute;

    top: -0px;

    left: 0;

    width: 50px;

    height: 50px;

    border-radius: 50%;

}



.testimonials-addon-one-inner .client-info .img img {

    width: 100%;

}



.testimonials-addon-one-inner .client-info .title {

    position: relative;

    display: block;

}



.testimonials-addon-one-inner .client-info .title h2 {

    font-size: 20px;

    line-height: 25px;

}



.testimonials-addon-one-inner .client-info .title p {

    color: var(--theme-base);

    font-size: 12px;

    line-height: 18px;

}



.testimonials-addon-one-inner .text {

    position: relative;

    display: block;

    margin-top: 28px;

}













.testimonials-section-one-carousel .owl-nav {

    display: block;

}





.testimonials-section-one-carousel.owl-carousel .owl-nav button.owl-next,

.testimonials-section-one-carousel.owl-carousel .owl-nav button.owl-prev {

    background: #ffffff;

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    color: var(--theme-black);

    font-size: 20px;

    font-weight: 700;

    border-radius: 0;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.testimonials-section-one-carousel.owl-carousel .owl-nav button.owl-next:hover,

.testimonials-section-one-carousel.owl-carousel .owl-nav button.owl-prev:hover {

    background: var(--theme-base);

    color: #ffffff;

}



.testimonials-section-one-carousel.owl-carousel .owl-nav button.owl-prev {

    margin-right: 20px;

}



.testimonials-section-one-carousel.owl-carousel .owl-nav button.owl-prev .rotate {

    transform: rotate(180deg);

    position: relative;

    display: inline-block;

}



.testimonials-section-one-carousel .owl-nav {

    position: absolute;

    top: -130px;

    right: 0;

    z-index: 99;

}







/* Events Section Two  */



.events-section-two {

    position: relative;

    display: block;

    background: var(--theme-black);

    padding: 120px 0px 90px;

    z-index: 1;

}



.events-section-two .sec-title .title {

    color: #ffffff;

}



.events-addon-two {

    position: relative;

    display: block;

    background-color: #171717;

    padding: 42px 0px 42px;

    padding-left: 50px;

    padding-right: 25px;

    margin-bottom: 30px;

    z-index: 1;

}



.events-addon-two .bg-img {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-repeat: no-repeat;

    background-position: bottom right;

    z-index: 1;

}



.events-addon-two:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: var(--theme-base);

    transform: perspective(400px) scaleX(0);

    transform-origin: center;

    transition: all 300ms linear;

    transition-delay: 0.1s;

    z-index: -1;

}



.events-addon-two:hover:before {

    transform: perspective(400px) scaleX(1.0);

}





.events-addon-two-inner {

    position: relative;

    display: block;

    z-index: 3;

}



.events-addon-two-inner .number {

    position: relative;

    display: block;

    color: var(--theme-base);

    font-size: 60px;

    line-height: 1em;

    font-weight: 700;

    letter-spacing: -0.03em;

    font-family: var(--headding-font-2);

    transition: all 300ms linear;

    transition-delay: 0.2s;

}



.events-addon-two:hover .events-addon-two-inner .number {

    color: #ffffff;

}



.events-addon-two-inner .month {

    color: #ffffff;

    font-size: 16px;

    line-height: 26px;

    font-weight: 700;

    font-family: var(--main-font);

}



.events-addon-two-inner h2 {

    position: relative;

    font-size: 40px;

    line-height: 50px;

    margin-top: 27px;

    margin-bottom: 20px;

}



.events-addon-two-inner h2 a {

    color: #ffffff;

}



.events-addon-two-inner h2 a:hover {

    color: #ffffff;

}



.events-addon-two-inner p {

    color: var(--theme-base);

    font-weight: 700;

    transition: all 300ms linear;

    transition-delay: 0.2s;

}



.events-addon-two:hover .events-addon-two-inner p {

    color: #ffffff;

}









/*News Section Two*/

.news-section-two {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0px 90px;

}





section.news-section-two.style-one {

    background: none;

    z-index: 1;

}



.news-addon-two {

    position: relative;

    display: block;

    margin-bottom: 30px;

}



.news-addon-two-img {

    position: relative;

    display: block;

    overflow: hidden;

}



.news-addon-two-img img {

    width: 100%;

    transform: scale(1);

    transition: all 0.7s ease 0s;

}



.news-addon-two:hover .news-addon-two-img img {

    transform: scale(1.1);

}



.news-addon-two-img .overlay-text {

    position: absolute;

    bottom: 0;

    right: 40px;

    background: #0c8c53;

    padding: 9px 30px 7px;

}



.news-addon-two-img .overlay-text p {

    color: #ffffff;

    font-size: 14px;

    line-height: 24px;

    font-weight: 700;

}









.news-addon-two-content {

    position: relative;

    display: block;

    border: 2px solid #f1f1f1;

    border-top: none;

    padding: 37px 38px 0px;

}



.news-addon-two-content .meta-info {

    position: relative;

    display: block;

    margin-bottom: 7px;

}



.news-addon-two-content .meta-info ul {

    position: relative;

    display: flex;

    align-items: center;

}



.news-addon-two-content .meta-info ul li {

    position: relative;

    display: block;

    padding-left: 25px;

    padding-right: 25px;

}



.news-addon-two-content .meta-info ul li:first-child {

    padding-left: 0;

}



.news-addon-two-content .meta-info ul li:last-child {

    padding-right: 0;

}



.news-addon-two-content .meta-info ul li::before {

    position: absolute;

    top: 6px;

    right: 0;

    bottom: 8px;

    width: 1px;

    background: #dddddd;

    content: "";

}



.news-addon-two-content .meta-info ul li:last-child:before {

    display: none;

}



.news-addon-two-content .meta-info ul li p {

    font-size: 14px;

    line-height: 24px;

}



.news-addon-two-content .meta-info ul li p span::before {

    position: relative;

    display: inline-block;

    color: #0c8c53;

    font-size: 15px;

    line-height: 15px;

    top: 2px;

    padding-right: 5px;

}



.news-addon-two-content .meta-info ul li h6 {

    color: var(--theme-black);

    font-size: 14px;

    line-height: 24px;

    font-weight: 700;

    font-family: var(--main-font);

}



.news-addon-two-content h2 {

    font-size: 20px;

    line-height: 30px;

}



.news-addon-two-content h2 a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.news-addon-two-content h2 a:hover {

    color: #2d2d87;

}





.news-addon-two-content .button-box {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 36px;

    padding-top: 13px;

    padding-bottom: 11px;

}



.news-addon-two-content .button-box::before {

    position: absolute;

    top: 0;

    left: -40px;

    right: -40px;

    height: 2px;

    background: #f1f1f1;

    content: "";

}



.news-addon-two-content .button-box .text {

    position: relative;

    display: block;

}



.news-addon-two-content .button-box .text a {

    color: var(--theme-gray);

    font-size: 14px;

    line-height: 24px;

    font-weight: 700;

    font-family: var(--headding-font-2);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.news-addon-two-content .button-box .text a:hover {

    color: #2d2d87;

}



.news-addon-two-content .button-box .icon {

    position: relative;

    display: block;

}



.news-addon-two-content .button-box .icon a {

    color: var(--theme-gray);

    font-size: 15px;

    font-weight: 700;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.news-addon-two-content .button-box .icon a:hover {

    color: #2d2d87;

}













/*Footer Section Two*/

.main-footer.style2 {

    position: relative;

    display: block;

}



.main-footer.style2 .main-footer-top {

    background: #2d2d87;

}



.main-footer.style2 .footer-widget-item .title h2 {

    color: #fff;

}



.main-footer.style2 .footer-widget-item .our-info .text p {

    color: var(--theme-gray);

}



.main-footer.style2 .footer-widget-news ul li .text-box p span::before {

    color: #7e0010;

}



.main-footer.style2 .footer-widget-news ul li .text-box p {

    color:#2d2d87;

}



.main-footer.style2 .footer-widget-news ul li .text-box h6 a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.main-footer.style2 .footer-widget-news ul li .text-box h6 a:hover {

    color: #2d2d87;

}



.main-footer.style2 .footer-widget-newsletter p {

    color: var(--theme-gray);

}



.main-footer.style2 .subscribe-form input[type="email"] {

    background: #ffffff;

    border: none;

    border-radius: 0;

}



.main-footer.style2 .subscribe-form button {

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

    background: var(--theme-base);

    transition: all 300ms ease 100ms;

}



.main-footer.style2 .subscribe-form button:hover {

    background: var(--theme-black);

}



.main-footer.style2 .footer-widget-newsletter .social-link ul li a {

    color: #999999;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.main-footer.style2 .footer-widget-newsletter .social-link ul li a:hover {

    color: #2d2d87;

}



.main-footer.style2 .footer-widget-page-link-list li a {

    color: #bdbdbd;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.main-footer.style2 .footer-widget-page-link-list li a:hover {

    color: #fff;

}





.main-footer.style2 .main-footer-bottom {

    background: #f0ebe8;

}



.main-footer.style2 .main-footer-bottom-inner .text p {

    color: var(--theme-gray);

}



.main-footer.style2 .main-footer-bottom-inner .text p a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.main-footer.style2 .main-footer-bottom-inner .text p a:hover {

    color: #2d2d87;

}



.main-footer.style2 .main-footer-bottom-list ul li a {

    color: var(--theme-gray);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.main-footer.style2 .main-footer-bottom-list ul li a:hover {

    color: var(--theme-base);

    color: #2d2d87;

}



.main-footer.style2 .main-footer-bottom-inner .logo a::before {

    background: #ffffff;

}



.main-footer.style2 .main-footer-bottom-inner .logo a::after {

    background: var(--theme-base);

}



.main-footer.style2 .footer-widget-news ul li .img-box {

    border-radius: 0px;

}









/*Company Section Three*/



.company-section-one {

    position: relative;

    display: block;

    background: transparent;

    padding: 0px 0px 0px;

    counter-reset: count;

    margin-top: -190px;

    z-index: 2;

}



.company-section-one .row {

    margin-left: 0px;

    margin-right: 0px;

}



.company-section-one .row [class*=col-] {

    padding-left: 0px;

    padding-right: 0px;

}





.company-addon-one {

    position: relative;

    display: block;

    padding: 30px 0px 30px;

    overflow: hidden;

    z-index: 1;

}



.company-addon-one::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: var(--theme-base);

    content: "";

    transform-style: preserve-3d;

    transform: perspective(1200px) rotateX(90deg) translateY(-160px);

    transition: all 900ms ease 100ms;

    z-index: 5;

}



.company-addon-one:hover:before {

    opacity: 1;

    transform: perspective(1200px) rotateX(0deg) translateY(0px);

    transition: all 500ms linear;

    transition-delay: 0.1s;

}



.company-addon-one .image-box {

    position: relative;

    display: block;

    overflow: hidden;

}





.company-addon-one .image-box .inner {

    position: relative;

    display: block;

    overflow: hidden;

    z-index: 1;

}



.company-addon-one .image-box .inner::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: rgba(var(--theme-black-rgb), .5);

    z-index: 1;

    content: "";

}



.company-addon-one .image-box .inner img {

    width: 100%;

}





.company-addon-one .image-box .overlay-box {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    z-index: 2;

}



.company-addon-one .image-box .overlay-box .icon {

    position: relative;

    display: block;

    width: 150px;

    height: 150px;

    line-height: 150px;

    border-radius: 50%;

    background: #ffffff;

    text-align: center;

    color: var(--theme-color2);

    font-size: 80px;

    margin-bottom: 23px;

}



.company-addon-one .image-box .overlay-box .icon.clr2 {

    color: var(--theme-base);

}



.company-addon-one .image-box .overlay-box .icon.clr3 {

    color: var(--theme-color3);

}



.company-addon-one .image-box .overlay-box .title {

    position: relative;

    display: block;

}



.company-addon-one .image-box .overlay-box .title h2 {

    color: #ffffff;

    font-size: 30px;

    line-height: 40px;

    letter-spacing: 0em;

}





.company-addon-one .image-box .overlay-content {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    transform-style: preserve-3d;

    transform: perspective(1200px) rotateX(90deg) translateY(-160px);

    transition: all 900ms ease 100ms;

    z-index: 5;

}



.company-addon-one:hover .image-box .overlay-content {

    opacity: 1;

    transform: perspective(1200px) rotateX(0deg) translateY(0px);

    transition: all 500ms linear;

    transition-delay: 0.1s;

}



.company-addon-one .image-box .overlay-content.active {

    opacity: 1;

}



.company-addon-one .image-box .overlay-content .inner-content {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    padding-left: 70px;

    padding-right: 70px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



.company-addon-one .image-box .overlay-content .inner-content .count-box {

    position: relative;

    display: block;

    color: transparent;

    -webkit-text-stroke: 1px #ffffff;

    font-size: 100px;

    line-height: 1em;

    font-weight: 700;

    font-family: var(--headding-font-2);

}



.company-addon-one .image-box .overlay-content .inner-content .count-box::before {

    color: transparent;

    -webkit-text-stroke: 1px #ffffff;

    font-size: 100px;

    line-height: 1em;

    font-weight: 700;

    counter-increment: count;

    content: "0"counter(count);

}





.company-addon-one .image-box .overlay-content .inner-content h2 {

    color: #ffffff;

    font-size: 30px;

    line-height: 34px;

    margin-bottom: 15px;

}



.company-addon-one .image-box .overlay-content .inner-content h2 a {

    color: #ffffff;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.company-addon-one .image-box .overlay-content .inner-content h2 a:hover {

    color: #ffffff;

}



.company-addon-one .image-box .overlay-content .inner-content p {

    color: rgba(255, 255, 255, .7);

}



.company-addon-one .image-box .overlay-content .inner-content .button-box {

    position: relative;

    display: block;

    margin-top: 25px;

}



.company-addon-one .image-box .overlay-content .inner-content .button-box a {

    color: #ffffff;

    font-size: 16px;

    line-height: 26px;

    font-weight: 700;

    text-transform: capitalize;

}





/* company section two */

.serivces-addon-three-single.style-one .image {

    position: absolute;

}



section.company-two {

    position: relative;

    padding-bottom: 120px;

}



.serivces-addon-three-single.style-one .bg {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

    background-size: cover;

    border-radius: 10px;

}



.serivces-addon-three-single.style-one .bg:before {

    background-color: rgb(235 80 35 / 80%);

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border-radius: 10px;

}



.serivces-addon-three-single.style-one:hover .bg:before{

    background-color: rgb(42 39 38 / 80%);

    transition: .6s;

}



.serivces-addon-three-single.style-one .title {

    position: relative;

    display: inline-block;

    background: #fff;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    padding: 12px 40px;

}



.serivces-addon-three-single.style-one h2 {

    font-size: 24px;

    letter-spacing: -1px;

    color: #232323;

    font-weight: 700;

    font-family: "Nunito";

    text-align: center;

}





/*Brand Section Three*/

.brand-section-two.style3 {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 165px 0px 0px;

    margin-top: 0;

}



.brand-section-two.style3 .brand-section-two-inner {

    padding: 0px 0px 70px;

    border-bottom: 1px solid #eeeeee;

}



.brand-section-two.style3 .icon {

    position: relative;

    display: block;

    width: 120px;

    height: 120px;

    line-height: 120px;

    border-radius: 50%;

    background: #ffffff;

    color: var(--theme-base);

    font-size: 50px;

    text-align: center;

    margin: 0 auto 53px;

    box-shadow: 0px 16px 32px 0px rgb(52, 52, 52, 0.1);

    z-index: 1;

}







.brand-section-two.style3 .icon::before {

    position: absolute;

    top: -20px;

    left: -20px;

    bottom: -20px;

    right: -20px;

    border-radius: 50%;

    border: 2px solid #e4e4e4;

    content: "";

}



.brand-section-two.style3 .icon::after {

    position: absolute;

    top: -45px;

    left: -45px;

    bottom: -45px;

    right: -45px;

    border-radius: 50%;

    border: 2px solid #f6f6f6;

    content: "";

}



.brand-section-two.style3 .sec-title .title {

    text-transform: none;

}



.brand-section-two.style3 .sec-title .title .clr1 {

    color: var(--theme-base);

}



.brand-section-two.style3 .sec-title .title .clr2 {

    color: var(--theme-color1);

}



.brand-section-two.style3 .sec-title .title .clr3 {

    color: var(--theme-color3);

}













/*Counter Section Three*/

.counter-section-three {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 70px 0px 70px;

}



.counter-addon-two {

    position: relative;

    display: block;

    max-width: 630px;

    width: 100%;

    overflow: hidden;

}



.counter-addon-two .image1 {

    position: relative;

    display: block;

    float: left;

    border-radius: 10px;

    margin-top: 50px;

    height: 432px;

    overflow: hidden;

}



.counter-addon-two .image1 img {

    width: 100%;

    transform: scale(1);

    transition: all 0.7s ease 0s;

}



.counter-addon-two .image1:hover img {

    transform: scale(1.1);

}



.counter-addon-two .image2 {

    position: relative;

    display: block;

    float: left;

    border-radius: 10px;

    padding-left: 30px;

    height: 480px;

    overflow: hidden;

}



.counter-addon-two .image2 img {

    width: 100%;

    border-radius: 10px;

    transform: scale(1);

    transition: all 0.7s ease 0s;

}



.counter-addon-two .image2:hover img {

    transform: scale(1.1);

}







.counter-addon-three {

    position: relative;

    display: block;

    max-width: 570px;

    width: 100%;

    margin-left: 60px;

    margin-top: 30px;

}



.counter-addon-three .sec-title {

    padding-bottom: 40px;

}





.counter-addon-three-single {

    position: relative;

    display: block;

    margin-bottom: 28px;

}





.counter-addon-three-single .title {

    font-size: 20px;

    line-height: 30px;

    color: var(--theme-black);

    margin-bottom: 16px;

}



.counter-addon-three-single .bar {

    position: relative;

    width: 100%;

    height: 6px;

    background: #f0f0f0;

    border-radius: 30px;

}



.counter-addon-three-single .bar-inner {

    position: relative;

    display: block;

    width: 0px;

    height: 6px;

    border-radius: 30px;

    background: var(--theme-base);

    -webkit-transition: all 1500ms ease;

    -ms-transition: all 1500ms ease;

    -o-transition: all 1500ms ease;

    -moz-transition: all 1500ms ease;

    transition: all 1500ms ease;

    z-index: 1;

}



.counter-addon-three-single .bar-inner.bg2 {

    background: var(--theme-color1);

}



.counter-addon-three-single .bar-inner.bg3 {

    background: var(--theme-color2);

}





.counter-addon-three-single .count-text {

    position: absolute;

    right: 0px;

    bottom: 25px;

    color: var(--theme-base);

    line-height: 24px;

    font-size: 20px;

    text-align: center;

    font-weight: 700;

    font-family: var(--headding-font-2);

    letter-spacing: -0.03em;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    transition: all 500ms ease;

}



.counter-addon-three-single .count-text.clr2 {

    color: var(--theme-color1);

}



.counter-addon-three-single .count-text.clr3 {

    color: var(--theme-color2);

}



.counter-addon-three-single .bar-inner.counted .count-text {

    opacity: 1;

}



.counter-addon-three-single.marb-0 {

    margin-bottom: 0;

}











/*Shope Section One*/

.shope-section-one {

    position: relative;

    display: block;

    background: #f7f7f7;

    padding: 120px 0px 80px;

}



.shope-addon-one {

    position: relative;

    display: block;

    margin-bottom: 31px;

}



.shope-addon-one .image {

    position: relative;

    display: block;

    background: #ffffff;

    text-align: center;

    padding: 43px 20px 60px;

}



.shope-addon-one .image .overlay-text {

    position: absolute;

    top: 20px;

    right: 20px;

}



.shope-addon-one .image .overlay-text p {

    position: relative;

    display: inline-block;

    color: #ffffff;

    font-size: 14px;

    line-height: 24px;

    background: var(--theme-base);

    border-radius: 15px;

    padding: 2px 15px 0px;

}



.shope-addon-one .image .overlay-text p.bg2 {

    background: var(--theme-color1);

}



.shope-addon-one .image .overlay-text i:before {

    position: relative;

    display: inline-block;

    color: #ffffff;

    font-size: 13px;

    width: 25px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    background: var(--theme-color2);

    border-radius: 50%;

}





.shope-addon-one .image .social-icon {

    position: absolute;

    left: 0;

    bottom: 30px;

    right: 0;

    text-align: center;

    z-index: 10;

}



.shope-addon-one .image .social-icon ul {

    position: relative;

    display: block;

    opacity: 0;

    -webkit-transition: .8s;

    -o-transition: .8s;

    transition: .8s;

    -webkit-transform: perspective(400px) rotateX(90deg);

    -ms-transform: perspective(400px) rotateX(90deg);

    transform: perspective(400px) rotateX(90deg);

    -webkit-transform-origin: bottom;

    -ms-transform-origin: bottom;

    transform-origin: bottom;

}



.shope-addon-one:hover .image .social-icon ul {

    opacity: 1.0;

    -webkit-transform: perspective(400px) rotateX(0deg);

    -ms-transform: perspective(400px) rotateX(0deg);

    transform: perspective(400px) rotateX(0deg);

}



.shope-addon-one .image .social-icon ul li {

    position: relative;

    display: inline-block;

    float: none;

    margin: 0 3px;

}



.shope-addon-one .image .social-icon ul li:first-child {

    margin-left: 0;

}



.shope-addon-one .image .social-icon ul li:last-child {

    margin-right: 0;

}



.shope-addon-one .image .social-icon ul li a {

    position: relative;

    display: block;

    width: 50px;

    height: 50px;

    background: #ffffff;

    border-radius: 50%;

    color: var(--theme-black);

    font-size: 15px;

    line-height: 50px;

    box-shadow: 0px 16px 32px 0px rgb(52, 52, 52, 0.1);

    text-align: center;

    -webkit-transition: all 0.4s linear;

    -o-transition: all 0.4s linear;

    transition: all 0.4s linear;

}



.shope-addon-one .image .social-icon ul li a:hover {

    color: #ffffff;

    background: var(--theme-base);

}







.shope-addon-one .image img {}



.shope-addon-one .title {

    position: relative;

    display: block;

    margin-top: 29px;

}



.shope-addon-one .title p {

    color: var(--theme-black);

}



.shope-addon-one .title h2 {

    color: var(--theme-color1);

    font-size: 24px;

    line-height: 34px;

    font-weight: 700;

    letter-spacing: 0;

}



.shope-addon-one .title h2 del {

    color: #cfcfcf;

}









/*Work Section One*/

.work-section-one {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 70px 0px 70px;

    overflow: hidden;

    z-index: 1;

}



.work-section-one .sec-title .tagline h6 {

    color: var(--theme-color1);

}



.work-section-one .sec-title .tagline span.left {

    background: var(--theme-color1);

}



.work-section-one .sec-title .tagline span.left::before {

    background: var(--theme-color1);

}



.work-section-one .sec-title .tagline span.right {

    background: var(--theme-color1);

}



.work-section-one .sec-title .tagline span.right::before {

    background: var(--theme-color1);

}



.work-section-one .sec-title .title {

    color: #ffffff;

}



.work-section-one-bg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 445px;

    background: var(--theme-black);

    content: "";

    z-index: -1;

}





.work-section-one-inner {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 30px 30px 0px;

    overflow: hidden;

    z-index: 1;

}



.work-section-one-inner ul {

    position: relative;

    display: block;

    padding-left: -15px;

    padding-right: -15px;

}



.work-section-one-inner ul li {

    position: relative;

    display: block;

    float: left;

    width: 20%;

    padding: 0px 15px 0px;

    margin-bottom: 30px;

}



.work-section-one-inner ul li .inner {

    position: relative;

    display: block;

    border: 2px solid #ededed;

    text-align: center;

    padding: 50px 10px 41px;

}



.work-section-one-inner ul li .inner .icon {

    position: relative;

    display: block;

    width: 120px;

    height: 120px;

    /* line-height: 120px; */

    text-align: center;

    color: #ffffff;

    font-size: 60px;

    background: var(--theme-base);

    border-radius: 50%;

    margin: 0 auto;

    transition: all 500ms ease;

}

.work-section-one-inner ul li .inner .icon img {

    border-radius: 50%;

    width: 120px;

    height: 120px;

    object-fit: cover;

}



.work-section-one-inner ul li:hover .inner .icon {

    transform: rotateY(180deg);

}



.work-section-one-inner ul li .inner .icon.bg2 {

    background: var(--theme-color1);

}



.work-section-one-inner ul li .inner .icon.bg3 {

    background: var(--theme-color2);

}



.work-section-one-inner ul li .inner .icon.bg4 {

    background: var(--theme-color3);

}



.work-section-one-inner ul li .inner .icon.bg5 {

    background: #466f23;

}









.work-section-one-inner ul li .inner .title {

    position: relative;

    display: block;

    margin-top: 23px;

}



.work-section-one-inner ul li .inner .title h3 {

    font-size: 20px;

    line-height: 30px;

}



.work-section-one-inner ul li .inner .title h3 a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.work-section-one-inner ul li .inner .title h3 a:hover {

    color: var(--theme-base);

}



/*Cta Section Two*/



.cta-section-two {

    position: relative;

    display: block;

    overflow: hidden;

    z-index: 1;

}



.cta-section-two-inner {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 59px 80px 47px;

    z-index: 1;

}



.cta-section-two-inner-bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-position: center center;

    background-attachment: scroll;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: -1;

}



.cta-section-two-inner-bg::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-image: -moz-linear-gradient(0deg, rgb(35, 35, 35) 0%, rgba(35, 35, 35, 0) 100%);

    background-image: -webkit-linear-gradient(0deg, rgb(35, 35, 35) 0%, rgba(35, 35, 35, 0) 100%);

    background-image: -ms-linear-gradient(0deg, rgb(35, 35, 35) 0%, rgba(35, 35, 35, 0) 100%);

    content: "";

    z-index: -2;

}





.cta-addon-three {

    position: relative;

    display: flex;

    align-items: center;

}



.cta-addon-three .icon {

    position: relative;

    display: block;

    color: var(--theme-color1);

    font-size: 80px;

}



.cta-addon-three .text {

    position: relative;

    display: block;

    padding-left: 40px;

}



.cta-addon-three .text p {

    color: #fff;

    font-size: 14px;

    line-height: 24px;

}



.cta-addon-three .text h2 {

    color: #ffffff;

    font-size: 40px;

    line-height: 50px;

    font-weight: 700;

}



.cta-addon-four {

    position: relative;

    display: block;

}



.cta-addon-four .button-box {

    position: relative;

    display: block;

}



.cta-addon-four .button-box .theme-btn {

    background: #ffffff;

    border-radius: 0px;

    color: var(--theme-black);

}



.cta-addon-four .button-box .theme-btn:hover {

    color: #ffffff;

}



.cta-addon-four .button-box .theme-btn span::before {

    color: var(--theme-black);

}



.cta-addon-four .button-box .theme-btn:hover span::before {

    color: #ffffff;

}



.cta-addon-four .button-box .theme-btn::after {

    border-radius: 0px;

}







/*Team Section One*/



.team-section-one {

    position: relative;

    display: block;

    padding: 120px 0px 80px;

}



.team-addon-one {

    position: relative;

    display: block;

    max-width: 550px;

    width: 100%;

    /* margin-top: 100px; */

}



.team-addon-one .sec-title {

    padding-bottom: 35px;

}



.team-addon-one ul {

    position: relative;

    display: flex;

    align-items: center;

    border-bottom: 1px solid #eaeaea;

    padding-bottom: 44px;

    flex-wrap: wrap;

    gap: 28px 50px;

}



.team-addon-one ul li {

    position: relative;

    display: flex;

    align-items: center;

    /* padding-left: 60px; */

    flex: 1;

}



.team-addon-one ul li:first-child {

    padding-left: 0px;

}



.team-addon-one ul li .icon {

    position: relative;

    display: block;

    color: var(--theme-base);

    font-size: 50px;

}



.team-addon-one ul li .icon.clr2 {

    color: var(--theme-color1);

}



.team-addon-one ul li .title {

    position: relative;

    display: block;

    padding-left: 20px;

}



.team-addon-one ul li .title h2 {

    /* font-size: 16px; */

    font-size: 26px;

    line-height: 22px;

}





.team-addon-one-bottom {

    position: relative;

    display: flex;

    align-items: center;

    padding-top: 50px;

}



.team-addon-one-bottom .author-box {

    position: relative;

    display: block;

    padding-left: 80px;

}



.team-addon-one-bottom .author-box .image-box {

    position: absolute;

    top: -6px;

    left: 0;

    width: 60px;

    height: 60px;

    border-radius: 50%;

}



.team-addon-one-bottom .author-box .image-box img {

    width: 100%;

}



.team-addon-one-bottom .author-box .title {

    position: relative;

    display: block;

}



.team-addon-one-bottom .author-box .title h3 {

    font-size: 20px;

    line-height: 26px;

}



.team-addon-one-bottom .author-box .title p {

    color: var(--theme-base);

    font-size: 14px;

    line-height: 24px;

}



.team-addon-one-bottom .signature {

    position: relative;

    display: block;

    padding-left: 40px;

}











.team-addon-two {

    position: relative;

    display: block;

}



.team-addon-two-single {

    position: relative;

    display: block;

    margin-bottom: 31px;

}



.team-addon-two-single .image-box {

    position: relative;

    display: block;

    background: #f6f6f6;

    padding: 40px 30px 60px;

    text-align: center;

    border-radius: 10px;

    overflow: hidden;

    z-index: 1;

}



.team-addon-two-single .image-box .inner {

    position: relative;

    display: block;

    width: 180px;

    height: 180px;

    border-radius: 50%;

    overflow: hidden;

    margin: 0 auto;

    z-index: 1;

}



.team-addon-two-single .image-box .inner::before {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    content: "";

    border-radius: 50%;

    background-color: rgba(var(--theme-black-rgb), .7);

    transform: scale(0);

    transition: all 500ms ease;

    z-index: 1;

}



.team-addon-two-single:hover .image-box .inner::before {

    transform: scale(1);

}



.team-addon-two-single .image-box .inner img {

    width: 100%;

    transition: all 500ms ease;

}



.team-addon-two-single:hover .image-box .inner img {

    transform: scale(1.2)

}





.team-addon-two-single .text-box {

    position: relative;

    display: block;

    margin-top: -20px;

    z-index: 1;

}





.team-addon-two-single .text-box p {

    position: relative;

    display: inline-block;

    color: #ffffff;

    font-weight: 700;

    background: var(--theme-base);

    padding: 8px 40px 6px;

    border-radius: 20px;

    margin-bottom: 17px;

}



.team-addon-two-single .text-box p.bg2 {

    background: var(--theme-color1);

}



.team-addon-two-single .text-box p.bg3 {

    background: var(--theme-color2);

}



.team-addon-two-single .text-box p.bg4 {

    background: var(--theme-color3);

}



.team-addon-two-single .text-box h2 {

    font-size: 24px;

    line-height: 34px;

}



.team-addon-two-single .text-box h2 a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.team-addon-two-single .text-box h2 a:hover {

    color: var(--theme-base);

}



/* photo gallery section */



section.photo-gallery {

    padding-top: 70px;

    padding-bottom: 60px;

    position: relative;

}



.gallery-block {

    margin-bottom: 30px;

    position: relative;

    overflow: hidden;

    border-radius: 10px;

}



.gallery-block .image {

    position: relative;

    display: block;

}



.gallery-block .image::before {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    content: "";

    background-color: rgba(var(--theme-black-rgb), .7);

    transform: scale(0);

    transition: all 500ms ease;

    z-index: 1;

    pointer-events: none;

}



.gallery-block:hover .image::before {

    transform: scale(1);

}



.gallery-block .image img {

    width: 100%;

    transition: all 500ms ease;

    height: 200px;

    object-fit: cover;

}



.gallery-block:hover .image img {

    transform: scale(1.2)

}





section.photo-gallery ul.filter-tabs {

    position: relative;

    display: block;

}



section.photo-gallery .filters .filter-tabs li:hover,

section.photo-gallery.filters .filter-tabs li.active {

    color: #ffffff;

    background: var(--theme-color1);

    border-color: var(--theme-color1);

}



section.photo-gallery .filters .filter-tabs li {

    position: relative;

    display: inline-block;

    color: var(--theme-black);

    font-size: 14px;

    box-shadow: 4px 6.928px 16px 0px rgb(131, 131, 131, 0.1);

    border: 1px solid #e4e4e4;

    border-radius: 40px;

    padding: 9px 30px 7px;

    cursor: pointer;

    background: #ffffff;

    font-family: var(--main-font);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



/* volunteer section */



section.volunteer {

    position: relative;

    padding-top: 120px;

    padding-bottom: 170px;

}

.voluneeter-addon {

    background: #232323;

    padding: 45.5px 30px 45.5px;

    border-radius: 10px;

}



.voluneeter-addon h4 {

    font-size: 24px;

    letter-spacing: -1px;

    line-height: 30px;

    color: #ffffff;

    font-weight: 700;

    margin-top: 20px;

}



.voluneeter-addon a.theme-btn.style6 {

    background: #fff;

    color: #000;

    padding: 17px 60px;

    border-radius: 30px;

    margin-top: 30px;

}



.voluneeter-addon a.theme-btn.style6:hover{

    color: #fff;



}





/* Accordion box */

section.faq-section {

    position: relative;

    padding-top: 120px;

    padding-bottom: 80px;

}



.accordion-box {

    position: relative;

    margin-bottom: 30px;

}



.accordion-box .block {

    position: relative;

    padding-top: 0px;

    margin-bottom: 30px;

    border-radius: 10px;

}



.accordion-box .block:last-child {

    margin-bottom: 0px;

}



.accordion-box .block .acc-btn {

    position: relative;

    cursor: pointer;

    line-height: 1.2em;

    transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    color: #181614;

    padding: 24px 20px;

    padding-left: 40px;

    border-radius: 10px;

    background: #f8f8f8;

    font-size: 20px;

    letter-spacing: -1px;

    /* line-height: 70px; */

    /* color: #ffffff; */

    font-weight: 700;

    font-family: "Nunito";

}



.accordion-box .block .icon-outer {

    position: absolute;

    right: 20px;

    top: 19px;

    font-size: 20px;

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    text-align: center;

    display: inline-block;

    width: 30px;

    height: 30px;

    line-height: 30px;

    color: #555;

}



.accordion-box .block.active-block .icon-outer span:before {content: "\f106";}



.accordion-box .block .icon-outer .icon {

    position: absolute;

    top: 50%;

    left: 50%;

    font-size: 18px;

    font-weight: normal;

    line-height: 1em;

    transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transform: translate(-50%, -50%);

}



.accordion-box .block .acc-content {

    position: relative;

    display: none;

    border-top: 0;

}



.accordion-box .block .acc-content .content-text {

    padding-bottom: 6px;

}



.accordion-box .block .acc-content.current {

    display: block;

}



.accordion-box .block .content {

    position: relative;

    font-size: 14px;

    padding: 5px 40px 21px;

}



.accordion-box .block .content .text {

    margin-bottom: 0;

    margin-top: 20px;

    font-size: 16px;

    line-height: 28px;

    color: #777777;

    font-weight: 400;

    font-family: "Roboto";

}



.accordion-box .block .acc-btn strong {

    font-size: 24px;

    color: #c2c0bb;

    width: 76px;

    text-align: center;

    border-right: 1px solid #e9e5df;

    margin-right: 30px;

    display: inline-block;

    line-height: 75px;

}



.accordion-box .block .acc-btn.active {background: #f74f22;border-bottom-left-radius: 0;border-bottom-right-radius: 0;color: #fff;}



.accordion-box .block.active-block {

    border-color: #d3d3d3;

}



.accordion-box .block .acc-btn.active .icon-outer {

    color: var(--theme-color);

}







/*Main Footer Three*/

.main-footer-three {

    position: relative;

    display: block;

}



.main-footer-three-top {

    position: relative;

    display: block;

    padding: 116px 0px 90px;

    background: var(--theme-black);

    z-index: 1;

}



.main-footer-three .footer-widget-item .title h2 span {

    color: var(--theme-color1);

}



.main-footer-three .footer-widget-newsletter {

    position: relative;

    display: block;

    max-width: 370px;

    width: 100%;

    padding-top: 2px;

}



.main-footer-three .footer-widget-newsletter p {

    color: #b3bbc6;

}







.main-footer-three .subscribe-form {

    position: relative;

    display: block;

    width: 100%;

    margin-top: 37px;

}



.main-footer-three .subscribe-form .input-box {

    position: relative;

    display: block;

}





.main-footer-three .subscribe-form input[type="email"] {

    position: relative;

    display: block;

    width: 100%;

    height: 70px;

    padding: 0 30px;

    padding-right: 80px;

    background: #ffffff;

    border: none;

    color: #747b86;

    font-size: 16px;

    font-weight: 400;

    font-style: normal;

    border-radius: 00px;

    transition: all 500ms ease;

    font-family: var(--main-font);

    text-transform: none;

    outline: none;

}



.main-footer-three .subscribe-form input::-webkit-input-placeholder {

    color: #747b86;

}



.main-footer-three .subscribe-form input:-moz-placeholder {

    color: #747b86;

}



.main-footer-three .subscribe-form input::-moz-placeholder {

    color: #747b86;

}



.main-footer-three .subscribe-form input:-ms-input-placeholder {

    color: #747b86;

}



.main-footer-three .subscribe-form button {

    position: absolute;

    top: 0px;

    right: 0px;

    bottom: 0px;

    width: 70px;

    height: 70px;

    color: #ffffff;

    font-size: 20px;

    line-height: 70px;

    font-weight: 700;

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

    background: var(--theme-base);

    transition: all 300ms ease 100ms;

}



.main-footer-three .subscribe-form input[type="email"]:focus {

    color: var(--theme-black);

}



.main-footer-three .subscribe-form input[type="email"]:focus+button,

.main-footer-three .subscribe-form button:hover {

    color: #ffffff;

    background: var(--theme-color1);

}









.main-footer-three .footer-widget-page-link {

    position: relative;

    display: block;

    margin-top: -6px;

    overflow: hidden;

}



.main-footer-three .footer-widget-page-link-list {

    position: relative;

    display: block;

    float: left;

    margin-right: 102px;

}



.main-footer-three .footer-widget-page-link-list li a {

    color: #b3bbc6;

    font-size: 15px;

    line-height: 40px;

    font-weight: 400;

    font-family: var(--main-font);

    transition: all 500ms ease;

}



.main-footer-three .footer-widget-page-link-list li a:hover {

    color: var(--theme-color1);

    opacity: 1;

}



.main-footer-three .footer-widget-page-link-list-two {

    margin-right: 0;

}











.main-footer-three .footer-widget-caterories {

    position: relative;

    display: block;

    margin-top: -6px;

    overflow: hidden;

}



.main-footer-three .footer-widget-caterories-list {

    position: relative;

    display: block;

    float: left;

}



.main-footer-three .footer-widget-caterories-list li a {

    color: #b3bbc6;

    font-size: 15px;

    line-height: 40px;

    font-weight: 400;

    font-family: var(--main-font);

    transition: all 500ms ease;

}



.main-footer-three .footer-widget-caterories-list li a:hover {

    color: var(--theme-color1);

    opacity: 1;

}









.footer-widget-item.marl-50 {

    margin-left: 50px;

}



.footer-widget-question {

    position: relative;

    display: block;

}



.footer-widget-question ul {

    position: relative;

    display: block;

}



.footer-widget-question ul li {

    position: relative;

    display: block;

    padding-left: 40px;

    margin-bottom: 13px;

}



.footer-widget-question ul li:last-child {

    margin-bottom: 0;

}



.footer-widget-question ul li .icon {

    position: absolute;

    top: 5px;

    left: 0;

    color: var(--theme-base);

    font-size: 20px;

}



.footer-widget-question ul li .icon.clr2 {

    color: var(--theme-color1);

}



.footer-widget-question ul li .icon.clr3 {

    color: var(--theme-color2);

}





.footer-widget-question ul li .text {

    position: relative;

    display: block;

}



.footer-widget-question ul li .text span {

    color: #b3bbc6;

    font-size: 14px;

    line-height: 24px;

    font-family: var(--main-font);

}



.footer-widget-question ul li .text h6 {

    color: #ffffff;

    font-size: 18px;

    line-height: 30px;

    font-weight: 700;

    letter-spacing: 0;

}



.footer-widget-question ul li h6 a {

    color: #ffffff;

    transition: all 500ms ease;

}



.footer-widget-question ul li h6 a:hover {

    color: var(--theme-base);

}















.main-footer-three-bottom {

    position: relative;

    display: block;

    background: var(--theme-base);

}



.main-footer-three-bottom-inner {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 32px 0px 30px;

}



.main-footer-three-bottom-inner .text {

    position: relative;

    display: flex;

}



.main-footer-three-bottom-inner .text p {

    color: #ffffff;

    font-size: 18px;

}



.main-footer-three-bottom-inner .text p a {

    color: #ffffff;

    font-weight: 700;

}



.main-footer-three-bottom-inner .logo {

    position: relative;

    display: block;

}



.main-footer-three-bottom-inner .logo a {

    position: relative;

    display: block;

    z-index: 1;

}





.main-footer-three-bottom-social-link {

    position: relative;

    display: block;

}



.main-footer-three-bottom-social-link ul {

    position: relative;

    display: block;

}



.main-footer-three-bottom-social-link ul li {

    position: relative;

    display: inline-block;

    margin-right: 15px;

}



.main-footer-three-bottom-social-link ul li:last-child {

    margin-right: 0;

}



.main-footer-three-bottom-social-link ul li a {

    position: relative;

    display: inline-block;

    color: #ffffff;

    font-size: 20px;

    transition: all 500ms ease;

}



.main-footer-three-bottom-social-link ul li a:hover {

    color: var(--theme-black);

}











/*Faq Section One*/

.faq-section-one {

    position: relative;

    display: block;

    background: #f7f7f7;

    padding: 120px 0px 120px;

    z-index: 1;

}



.faq-section-one-bg {

    position: absolute;

    top: 30px;

    left: 0;

    right: 0;

    text-align: center;

    z-index: -1;

}



.faq-addon-one {

    position: relative;

    display: block;

}



.faq-addon-one-top {

    position: relative;

    display: block;

}





.faq-addon-one-top-single {

    position: relative;

    display: block;

    background: #fafafa;

    /* padding: 24px 50px 24px; */

    padding: 10px 30px 10px;

    width: 100%;

    margin-bottom: 30px;

}





.faq-addon-one-top-single .icon {

    position: relative;

    display: block;

    margin-bottom: 10px;

}



.faq-addon-one-top-single .icon span::before {

    position: relative;

    display: inline-block;

    color: #2d2d87;

    font-size: 45px;

    line-height: 52px;

}



.faq-addon-one-top-single .icon span.clr2::before {

    color: #2d2d87;

}

.flaticon-social-care::before {

    color: #2d2d87;

  }

.faq-addon-one-top-single .count-outer {

    position: relative;

    display: block;

}



.faq-addon-one-top-single .count-outer .count-text {

    color: var(--theme-black);

    font-size: 28px;

    line-height: 34px;

    font-weight: 700;

    font-family: var(--headding-font-2);

}



.faq-addon-one-top-single .count-outer p {

    font-size: 14px;

}







.faq-addon-one-bottom {

    position: relative;

    display: block;

}



.faq-addon-one-bottom img {

    width: 100%;

}







.faq-addon-two {

    position: relative;

    display: block;

    margin-left: 50px;

}



.faq-addon-two .sec-title {

    padding-bottom: 34px;

}



.accordion-box {

    position: relative;

    display: block;

}



.accordion-box .faq-addon-two-single {

    position: relative;

    display: block;

    margin-bottom: 24px;

    transition: all 500ms ease;

}



.accordion-box .faq-addon-two-single:last-child {

    margin-bottom: 0px;

}



.accordion-box .faq-addon-two-single .acc-content.current {

    display: block;

}



.accordion-box .faq-addon-two-single .acc-btn {

    position: relative;

    display: block;

    cursor: pointer;

    transition: all 500ms ease;

}







.accordion-box .faq-addon-two-single .acc-btn h3 {

    color: var(--theme-black);

    font-size: 20px;

    line-height: 30px;

    font-weight: 700;

    transition: all 500ms ease;

}



.accordion-box .faq-addon-two-single .acc-btn .icon-outer {

    position: absolute;

    top: 50%;

    right: 30px;

    width: 35px;

    height: 35px;

    border-radius: 50%;

    color: var(--theme-base);

    font-size: 20px;

    text-align: center;

    line-height: 34px;

    font-weight: 700;

    cursor: pointer;

    transform: translateY(-50%) rotate(0deg);

    transition: all 500ms ease;

    z-index: 1;

}



.accordion-box .faq-addon-two-single .acc-btn.active .icon-outer {

    color: var(--theme-base);

    transform: translateY(-50%) rotate(-270deg);

}





.accordion-box .faq-addon-two-single .acc-content {

    position: relative;

    display: none;

    background: #ffffff;

    padding-top: 23px;

    padding-left: 30px;

    padding-right: 40px;

    padding-bottom: 22px;

    margin-top: 21px;

}



.accordion-box .faq-addon-two-single .acc-content p {

    font-size: 14px;

}













/*News Section Three*/

.news-section-three {

    position: relative;

    display: block;

    background: #f7f7f7;

    padding: 70px 0px 70px;

}



.news-addon-three {

    position: relative;

    display: block;

    margin-bottom: 30px;

}



.news-addon-three .image {

    position: relative;

    display: block;

    overflow: hidden;

    height: 300px;

}



.news-addon-three .image::before {

    position: absolute;

    top: 50%;

    left: 50%;

    display: block;

    content: '';

    width: 0;

    height: 0;

    background: rgba(255, 255, 255, .3);

    border-radius: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    opacity: 0;

    z-index: 1;

}



.news-addon-three:hover .image::before {

    -webkit-animation: circle .75s;

    animation: circle .75s;

}



.news-addon-three .image img {

    width: 100%;

    transform: scale(1);

    transition: all 0.7s ease 0s;

    height: 100%;

    object-fit: cover;

}



.news-addon-three:hover .image img {

    transform: scale(1.1);

}



.news-addon-three .content-box {

    position: relative;

    display: block;

    padding-top: 31px;

}



.news-addon-three .content-box h2 {

    font-size: 24px;

    line-height: 30px;

    margin-bottom: 12px;

}



.news-addon-three .content-box h2 a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.news-addon-three .content-box h2 a:hover {

    color: var(--theme-base);

}



.news-addon-three .content-box p {}



.news-addon-three .content-box .author-box {

    position: relative;

    display: block;

    padding-left: 70px;

    margin-top: 22px;

}



.news-addon-three .content-box .author-box .image {

    position: absolute;

    top: 0;

    left: 0;

    width: 50px;

    height: 50px;

    border-radius: 50%;

}



.news-addon-three .content-box .author-box .image img {

    width: 100%;

}



.news-addon-three .content-box .author-box .text {

    position: relative;

    display: block;

}



.news-addon-three .content-box .author-box .text h3 {

    font-size: 20px;

    line-height: 30px;

}



.news-addon-three .content-box .author-box .text p {

    color: var(--theme-base);

    font-size: 14px;

    line-height: 24px;

}







.block-four.news-addon-one {

    position: relative;

    display: block;

    margin-bottom: 35px;

}



.block-four.news-addon-one .image-box {

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

    overflow: hidden;

    z-index: 1;

    height: 170px;

}



.block-four.news-addon-one .image-box::before {

    position: absolute;

    top: 50%;

    left: 50%;

    display: block;

    content: '';

    width: 0;

    height: 0;

    background: rgba(255, 255, 255, .3);

    border-radius: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    opacity: 0;

    z-index: 1;

}



.block-four.news-addon-one:hover .image-box::before {

    -webkit-animation: circle .75s;

    animation: circle .75s;

}



.block-four.news-addon-one .image-box img {

    width: 100%;

    transform: scale(1);

    transition: all 0.7s ease 0s;

    object-fit: cover;

}



.block-four.news-addon-one:hover .image-box img {

    transform: scale(1.1);

}



.block-four.news-addon-one .content-box {

    position: relative;

    display: block;

    background: transparent;

    box-shadow: none;

    border-bottom-left-radius: 0px;

    border-bottom-right-radius: 0px;

    padding: 25px 0px 0px;

    z-index: 1;

}



.block-four.news-addon-one .content-box::before {

    display: none;

}











.block-four.news-addon-one .image-box .icon {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 5;

}



.block-four.news-addon-one .image-box .icon a {

    position: relative;

    display: block;

    width: 80px;

    height: 80px;

    line-height: 80px;

    border-radius: 50%;

    background: var(--theme-color3);

    text-align: center;

    color: #ffffff;

    font-size: 15px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.block-four.news-addon-one .image-box .icon a:hover {

    color: #ffffff;

    background: var(--theme-base);

}











/*About Section Three*/

.about-section-three {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0px 0px;

}



.about-addon-six {

    position: relative;

    display: block;

    max-width: 670px;

    width: 100%;

}







.about-addon-six .image-one {

    position: relative;

    display: block;

    border-radius: 10px;

    overflow: hidden;

    z-index: 1;

}





.about-addon-six .image-one img {

    width: auto;

}





.about-addon-six .image-two {

    position: absolute;

    top: 100px;

    right: -40px;

    z-index: 5;

}



.about-addon-six .image-two .inner {

    position: relative;

    display: block;

    border-radius: 10px;

    overflow: hidden;

}



.about-addon-six .image-two img {

    width: auto;

}









.about-addon-seven {

    position: relative;

    display: block;

    max-width: 480px;

    width: 100%;

    margin-left: 90px;

    margin-top: 45px;

}



.about-addon-seven .sec-title {

    padding-bottom: 34px;

}



.about-addon-seven ul {

    position: relative;

    display: flex;

    align-items: center;

    border-bottom: 1px solid #eaeaea;

    padding-bottom: 44px;

}



.about-addon-seven ul li {

    position: relative;

    display: flex;

    align-items: center;

    padding-left: 60px;

}



.about-addon-seven ul li:first-child {

    padding-left: 0px;

}



.about-addon-seven ul li .icon {

    position: relative;

    display: block;

    color: var(--theme-base);

    font-size: 50px;

}



.about-addon-seven ul li .icon.clr2 {

    color: var(--theme-color1);

}



.about-addon-seven ul li .title {

    position: relative;

    display: block;

    padding-left: 20px;

}



.about-addon-seven ul li .title h2 {

    font-size: 20px;

    line-height: 26px;

}







.about-addon-seven .button-box {

    position: relative;

    display: flex;

    align-items: center;

    margin-top: 50px;

}



.about-addon-seven .button-box .btn1 {

    position: relative;

    display: block;

}



.about-addon-seven .button-box .btn2 {

    position: relative;

    display: block;

    margin-left: 30px;

}



.about-addon-seven .button-box .btn2 .theme-btn {

    background: rgba(var(--theme-base-rgb), 0.1);

    color: var(--theme-base);

}



.about-addon-seven .button-box .btn2 .theme-btn:hover {

    color: #ffffff;

}













/*Features Section Two*/

.features-section-two {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0px 90px;

    z-index: 1;

}



.features-section-two::before {

    position: absolute;

    top: 320px;

    left: 0;

    bottom: 0px;

    right: 0;

    background: #f9f9f9;

    content: "";

    z-index: -1;

}



.features-addon-three {

    position: relative;

    display: block;

    background: #ffffff;

    box-shadow: 0px 20px 40px 0px rgb(50, 50, 50, 0.06);

    padding: 60px 40px 52px;

    margin-bottom: 30px;

    overflow: hidden;

    border-radius: 10px;

}



.features-addon-three .icon {

    position: relative;

    display: block;

    width: 120px;

    height: 120px;

    line-height: 120px;

    border-radius: 50%;

    background-image: -moz-linear-gradient(90deg, rgb(255, 201, 187) 0%, rgba(255, 255, 255, 0) 100%);

    background-image: -webkit-linear-gradient(90deg, rgb(255, 201, 187) 0%, rgba(255, 255, 255, 0) 100%);

    background-image: -ms-linear-gradient(90deg, rgb(255, 201, 187) 0%, rgba(255, 255, 255, 0) 100%);

    margin: 0 auto 32px;

    color: var(--theme-base);

    font-size: 50px;

    z-index: 1;

}



.features-addon-three:hover .icon {

    color: #ffffff;

}



.features-addon-three .icon::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    content: "";

    border-radius: 50%;

    z-index: -1;

    transform: scale(0.0);

    transform-origin: center;

    transform-style: preserve-3d;

    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);

    background: var(--theme-base);

}



.features-addon-three:hover .icon::before {

    transform: scaleX(1.0);

}



.features-addon-three h2 {

    font-size: 24px;

    line-height: 34px;

}



.features-addon-three h2 a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.features-addon-three h2 a:hover {

    color: var(--theme-base);

}



.features-addon-three .text {

    position: relative;

    display: block;

    margin-top: 15px;

}



.features-addon-three .text p {

    margin: 0;

}







/*Gallery Section One*/

.gallery-section-one {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 0px 0px 90px;

    z-index: 1;

}



.gallery-section-one::before {

    position: absolute;

    top: 0px;

    left: 0;

    bottom: 310px;

    right: 0;

    background: #f9f9f9;

    content: "";

    z-index: -1;

}



.gallery-addon-one {

    position: relative;

    display: block;

    margin-bottom: 30px;

}



.gallery-addon-one .img-box {

    position: relative;

    display: block;

    overflow: hidden;

    z-index: 1;

}



.gallery-addon-one .img-box::before {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    background: rgba(var(--theme-black-rgb), 0.38);

    opacity: 1;

    transform: translateY(0px);

    transition: all 0.3s ease-in-out 0.5s;

    opacity: 0;

    transform: scale(.5);

    transition: all 500ms linear;

    transition-delay: 0.1s;

    z-index: 1;

}



.gallery-addon-one:hover .img-box::before {

    opacity: 1;

    transform: scale(1.0);

    transition: all 500ms linear;

    transition-delay: 0.1s;

}



.gallery-addon-one .img-box img {

    width: 100%;

    transform: scale(1.0);

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

}



.gallery-addon-one:hover .img-box img {

    transform: scale(1.2) rotate(1deg);

}



.gallery-addon-one .img-box .overlay-btn {

    position: absolute;

    bottom: 0;

    right: 0;

    transition: .9s;

    transform: perspective(400px) scaleY(0);

    transition-delay: 0.1s;

    transform-origin: bottom;

    z-index: 5;

}



.gallery-addon-one:hover .img-box .overlay-btn {

    transform: perspective(400px) scaleY(1.0);

    transition-delay: 0.5s;

}



.gallery-addon-one .img-box .overlay-btn a {

    position: relative;

    display: inline-block;

    color: #ffffff;

    font-size: 16px;

    line-height: 26px;

    font-weight: 700;

    font-family: var(--main-font);

    text-transform: capitalize;

    background: var(--theme-base);

    padding: 17px 45px 17px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.gallery-addon-one .img-box .overlay-btn a span:before {

    position: relative;

    display: inline-block;

    color: #ffffff;

    font-size: 15px;

    font-weight: 700;

    top: 3px;

    padding-left: 20px;

}



.gallery-addon-one .img-box .overlay-btn a:hover {

    color: #ffffff;

    background: var(--theme-black);

}







/*Features Section Three*/

.features-section-three {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0px 120px;

}



.features-addon-four {

    position: relative;

    display: block;

    max-width: 670px;

    width: 100%;

}



.features-addon-four .img-one {

    position: relative;

    display: block;

    float: left;

    margin-top: 50px;

    border-radius: 10px;

    overflow: hidden;

}



.features-addon-four .img-one img {

    width: 100%;

    transform: scale(1);

    transition: all 0.7s ease 0s;

}



.features-addon-four .img-one:hover img {

    transform: scale(1.1);

}



.features-addon-four .img-two {

    position: relative;

    display: block;

    float: left;

    margin-left: 30px;

}



.features-addon-four .img-two .inner {

    position: relative;

    display: block;

    border-radius: 10px;

    overflow: hidden;

}



.features-addon-four .img-two .icon {

    position: absolute;

    top: 260px;

    right: -40px;

    z-index: 5;

}



.features-addon-four .img-two .icon a {

    position: relative;

    display: block;

    width: 80px;

    height: 80px;

    line-height: 80px;

    border-radius: 50%;

    background: var(--theme-color1);

    text-align: center;

    color: #ffffff;

    font-size: 15px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.features-addon-four .img-two .icon a:hover {

    color: #ffffff;

    background: var(--theme-base);

}



.features-addon-four .img-two .icon a::before,

.features-addon-four .img-two .icon a::after {

    width: 80px;

    height: 80px;

    border-radius: 50%;

    background: transparent;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-animation-delay: .9s;

    animation-delay: .9s;

    content: "";

    position: absolute;

    box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);

    -webkit-animation: ripple 3s infinite;

    animation: ripple 3s infinite;

    transition: all .4s ease;

}



.features-addon-four .img-two .icon a::after {

    -webkit-animation-delay: .6s;

    animation-delay: .6s;

}





.features-addon-four .img-two .inner img {

    width: 100%;

}



.features-addon-four .img-two .inner img {

    width: 100%;

    transform: scale(1);

    transition: all 0.7s ease 0s;

}



.features-addon-four .img-two:hover .inner img {

    transform: scale(1.1);

}



.features-addon-five {

    position: relative;

    display: block;

    max-width: 520px;

    width: 100%;

    margin-left: 90px;

    margin-top: 60px;

}



.features-addon-five .sec-title {

    padding-bottom: 40px;

}



.features-addon-five .bottom-box {

    position: relative;

    display: block;

}



.features-addon-five .bottom-box ul {

    position: relative;

    display: flex;

    align-items: center;

}



.features-addon-five .bottom-box ul li {

    position: relative;

    display: block;

    max-width: 200px;

    width: 100%;

    margin-right: 60px;

}



.features-addon-five .bottom-box ul li:last-child {

    margin-right: 0;

}



.features-addon-five .bottom-box ul li .icon {

    position: relative;

    display: block;

    margin-bottom: 2px;

}



.features-addon-five .bottom-box ul li .icon span:before {

    position: relative;

    display: inline-block;

    color: var(--theme-base);

    font-size: 70px;

    line-height: 70px;

}



.features-addon-five .bottom-box ul li .icon.clr2 span:before {

    color: var(--theme-color1);

}



.features-addon-five .bottom-box ul li h2 {

    font-size: 24px;

    line-height: 34px;

}



.features-addon-five .bottom-box ul li .bar {

    position: relative;

    width: 100%;

    height: 4px;

    background: #f0f0f0;

    margin-top: 31px;

}



.features-addon-five .bottom-box ul li .bar-inner {

    position: relative;

    display: block;

    width: 0px;

    height: 4px;

    background: var(--theme-base);

    border-radius: 5px;

    -webkit-transition: all 1500ms ease;

    -ms-transition: all 1500ms ease;

    -o-transition: all 1500ms ease;

    -moz-transition: all 1500ms ease;

    transition: all 1500ms ease;

}



.features-addon-five .bottom-box ul li .bar-inner.bg2 {

    background: var(--theme-color1);

}







/*Missions Visions Section*/

.missions-visions-section {

    position: relative;

    display: block;

    padding: 0px 0px 90px;

    z-index: 1;

}



.missions-visions-section::before {

    position: absolute;

    top: 34%;

    left: 0;

    bottom: 0;

    right: 0;

    background: #f5f5f5;

    content: "";

    z-index: -1;

}



.missions-visions-addon {

    position: relative;

    display: block;

    padding: 42px 50px 42px;

    margin-bottom: 30px;

    border-radius: 10px;

    overflow: hidden;

    z-index: 1;

}



.missions-visions-addon .bg-img {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-size: cover;

    z-index: -1;

}



.missions-visions-addon .bg-img::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    border-radius: 10px;

    background-image: -moz-linear-gradient(0deg, rgb(255, 172, 0) 0%, rgba(255, 172, 0, 0) 100%);

    background-image: -webkit-linear-gradient(0deg, rgb(255, 172, 0) 0%, rgba(255, 172, 0, 0) 100%);

    background-image: -ms-linear-gradient(0deg, rgb(255, 172, 0) 0%, rgba(255, 172, 0, 0) 100%);

    content: "";

    z-index: -2;

}





.missions-visions-addon .bg2.bg-img::before {

    border-radius: 10px;

    background-image: -moz-linear-gradient(0deg, rgb(247, 83, 39) 0%, rgba(247, 83, 39, 0) 100%);

    background-image: -webkit-linear-gradient(0deg, rgb(247, 83, 39) 0%, rgba(247, 83, 39, 0) 100%);

    background-image: -ms-linear-gradient(0deg, rgb(247, 83, 39) 0%, rgba(247, 83, 39, 0) 100%);

}



.missions-visions-addon .bg3.bg-img::before {

    border-radius: 10px;

    background-image: -moz-linear-gradient(0deg, rgb(95, 188, 175) 0%, rgba(95, 188, 175, 0) 100%);

    background-image: -webkit-linear-gradient(0deg, rgb(95, 188, 175) 0%, rgba(95, 188, 175, 0) 100%);

    background-image: -ms-linear-gradient(0deg, rgb(95, 188, 175) 0%, rgba(95, 188, 175, 0) 100%);

}



.missions-visions-addon span {

    position: relative;

    display: inline-block;

    color: #ffffff;

    font-size: 14px;

    line-height: 24px;

    text-transform: capitalize;

    margin-bottom: 9px;

}



.missions-visions-addon h2 {

    font-size: 24px;

    line-height: 34px;

}



.missions-visions-addon h2 a {

    color: #ffffff;

}



.missions-visions-addon h2 a:hover {}



.missions-visions-addon .btn-box {

    position: relative;

    display: block;

    margin-top: 28px;

}



.missions-visions-addon .btn-box a {

    color: #ffffff;

    font-size: 14px;

    line-height: 24px;

    font-weight: 700;

}



.missions-visions-addon .btn-box a span::before {

    position: relative;

    display: inline-block;

    color: #ffffff;

    font-size: 15px;

    line-height: 15px;

    padding-left: 10px;

    top: 3px;

}



/* event section */



.event-addon .text-two {

    margin-top: 40px;

    margin-bottom: 40px;

}



.event-addon h4 {

    font-size: 36px;

    letter-spacing: -1px;

    line-height: 46px;

    color: #232323;

    font-weight: 700;

    font-family: "Nunito";

    margin-bottom: 40px;

}



.event-addon ul.meta-box {

    display: flex;

    flex-wrap: wrap;

    font-size: 14px;

    color: #777777;

    font-weight: 400;

    font-family: "Roboto";

}



.event-addon {

    position: relative;

    padding-top: 120px;

    padding-bottom: 115px;

}



.event-addon ul.meta-box li span {

    color: #f74f22;

}



.event-addon .right .button-box {

    position: relative;

    display: block;

}



.event-addon .right .button-box .theme-btn {

    color: var(--theme-gray);

    border: 2px solid #e8e8e8;

    background: #ffffff;

    box-shadow: 0px 8px 16px 0px rgb(0, 0, 0, 0.06);

    border-radius: 30px;

    margin-right: 15px;

    padding: 15px 40px;

}



.event-addon .right .button-box .theme-btn:hover {

    border: 2px solid #ffffff;

    color: #ffffff;

}



.contact-info-addon ul li:nth-child(2) i {

    color: #ffac00;

}



.contact-info-addon ul li i {

    color: #f85b31;

}



.contact-info-addon ul li:nth-child(3) i {

    color: #5fbcaf;

}



.event-addon ul.meta-box li {

    margin-right: 15px;

    }



/* contact info section */



section.contact-info {

    position: relative;

    padding-top: 115px;

    padding-bottom: 120px;

}



.contact-info-addon {

    filter: drop-shadow(0px 8px 8px rgba(0,0,0,0.06));

    background-color: #ffffff;

    border: 2px solid #f3f3f3;

    position: relative;

    padding: 60px 60px;

}



.contact-info-addon h5 {

    font-size: 24px;

    letter-spacing: -1px;

    line-height: 28px;

    color: #232323;

    font-weight: 700;

}



.contact-info-addon .text {

    font-size: 14px;

    line-height: 28px;

    color: #777777;

    font-weight: 400;

    margin-bottom: 20px;

}



.contact-info-addon ul {

    font-size: 16px;

    line-height: 40px;

    color: #777777;

    font-weight: 400;

    font-family: "Roboto";

    margin-bottom: 40px;

}



.contact-info-addon ul li i {

    margin-right: 16px;

}



.contact-info-addon a.theme-btn {

    color: var(--theme-gray);

    border: 2px solid #e8e8e8;

    background: #ffffff;

    border-radius: 30px;

    margin-right: 15px;

    padding: 15px 40px;

}



.contact-info-addon a.theme-btn:hover {

    border: 2px solid #ffffff;

    color: #ffffff;

}





/*Work Section One*/



.work-section-two {

    position: relative;

    display: block;

    background: #f5f5f5;

    padding: 0px 0px 65px;

    counter-reset: count;

}



.work-addon-one {

    position: relative;

    display: block;

    padding-top: 25px;

    margin-bottom: 55px;

}



.work-addon-one .count-box {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background: var(--theme-color1);

    z-index: 1;

}



.work-addon-one .count-box.bg2 {

    background: var(--theme-base);

}



.work-addon-one .count-box.bg3 {

    background: var(--theme-color2);

}



.work-addon-one .count-box.bg4 {

    background: #006cff;

}





.work-addon-one .count-box::before {

    counter-increment: count;

    content: "0"counter(count);

    color: #ffffff;

    font-size: 15px;

    font-weight: 700;

    font-family: var(--headding-font-2);

}



.work-addon-one .inner {

    position: relative;

    display: block;

    padding: 68px 40px 42px;

    background: #ffffff;

    border-radius: 10px;

    overflow: hidden;

}



.work-addon-one h2 {

    font-size: 20px;

    line-height: 30px;

    margin-bottom: 14px;

}



.work-addon-one h2 a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.work-addon-one h2 a:hover {

    color: var(--theme-base);

}



.work-addon-one p {

    font-size: 14px;

    margin: 0;

}



.work-addon-one .icon {

    position: relative;

    display: block;

    margin-top: 31px;

    transition: all 500ms ease;

}



.work-addon-one:hover .icon {

    transform: rotateY(180deg);

}



.work-addon-one .icon span::before {

    position: relative;

    display: inline-block;

    color: var(--theme-color1);

    font-size: 100px;

    line-height: 100px;

}





/*Faq Section One*/

.faq-section-two {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0px 120px;

    z-index: 1;

}



.faq-addon-three {

    position: relative;

    display: block;

    max-width: 600px;

    width: 100%;

}







.accordion-box {

    position: relative;

    display: block;

}



.accordion-box .faq-addon-three-single {

    position: relative;

    display: block;

    margin-bottom: 20px;

    transition: all 500ms ease;

}



.accordion-box .faq-addon-three-single:last-child {

    margin-bottom: 0px;

}



.accordion-box .faq-addon-three-single .acc-content.current {

    display: block;

}



.accordion-box .faq-addon-three-single .acc-btn {

    position: relative;

    display: block;

    background: #f8f8f8;

    padding: 23px 30px 21px;

    border-radius: 10px;

    overflow: hidden;

    cursor: pointer;

    transition: all 500ms ease;

}



.accordion-box .faq-addon-three-single .acc-btn.active {

    background: var(--theme-base);

}





.accordion-box .faq-addon-three-single .acc-btn h3 {

    color: var(--theme-black);

    font-size: 20px;

    line-height: 30px;

    font-weight: 700;

    transition: all 500ms ease;

}



.accordion-box .faq-addon-three-single .acc-btn.active h3 {

    color: #ffffff;

}





.accordion-box .faq-addon-three-single .acc-btn::after {

    font-family: flaticon !important;

    position: absolute;

    content: "\f13e";

    top: 50%;

    right: 30px;

    color: var(--theme-black);

    font-size: 20px;

    line-height: 20px;

    font-weight: 700;

    transform: translateY(-50%);

    opacity: 1;

    transition: all 500ms ease 0s;

}



.accordion-box .faq-addon-three-single .acc-btn.active:after {

    content: "\f13f";

    color: #ffffff;

    opacity: 1;

}



.accordion-box .faq-addon-three-single .acc-content {

    position: relative;

    display: none;

    background: #ffffff;

    padding-top: 9px;

    padding-left: 30px;

    padding-right: 40px;

    padding-bottom: 7px;

    margin-top: 21px;

}



.accordion-box .faq-addon-three-single .acc-content p {

    font-size: 16px;

}









.faq-addon-four {

    position: relative;

    display: block;

    max-width: 580px;

    min-height: 735px;

    margin-left: 20px;

    width: 100%;

}



.faq-addon-four .img-one {

    position: relative;

    display: block;

    max-width: 400px;

    width: 100%;

    float: right;

    margin-top: -30px;

    z-index: 2;

}



.faq-addon-four .img-one::before {

    content: "";

    position: absolute;

    left: -20px;

    bottom: -20px;

    border-bottom: 300px solid var(--theme-color1);

    border-right: 300px solid transparent;

    z-index: -1;

}



.faq-addon-four .img-one img {

    width: 100%;

}



.faq-addon-four .img-two {

    position: absolute;

    left: 0;

    bottom: 30px;

    max-width: 360px;

    width: 100%;

    border-radius: 10px;

    overflow: hidden;

}











/*Cause Details*/

.cause-details {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0px 112px;

}



.cause-details-content-addon {

    position: relative;

    display: block;

    max-width: 730px;

    width: 100%;

}



.cause-details-content-addon .image-one {

    position: relative;

    display: block;

}



.cause-details-content-addon .image-one img {

    width: 100%;

}



.cause-details-content-addon .title {

    position: relative;

    display: block;

    margin-top: 41px;

}



.cause-details-content-addon .title h2 {

    font-size: 36px;

    line-height: 46px;

}



.cause-details-content-addon .text-box1 {

    position: relative;

    display: block;

    margin-top: 17px;

    margin-bottom: 26px;

}





.cause-details-content-addon .text-box2 {

    position: relative;

    display: block;

    margin-bottom: 42px;

}



.cause-details-content-addon .text-box3 {

    position: relative;

    display: flex;

    align-items: center;

}



.cause-details-content-addon .text-box3 .img {

    position: relative;

    display: block;

    max-width: 300px;

    width: 100%;

}



.cause-details-content-addon .text-box3 .img img {

    width: 100%;

}



.cause-details-content-addon .text-box3 .text {

    position: relative;

    display: block;

    max-width: 410px;

    width: 100%;

    padding-left: 50px;

}



.cause-details-content-addon .text-box4 {

    position: relative;

    display: block;

    margin-top: 42px;

}



.cause-details-content-addon .text-box4 h2 {

    font-size: 24px;

    line-height: 34px;

    margin-bottom: 15px;

}





.cause-details-content-addon .text-box5 {

    position: relative;

    display: block;

    margin-top: 34px;

}



.cause-details-content-addon .text-box5 h2 {

    font-size: 24px;

    line-height: 34px;

    margin-bottom: 15px;

}



.cause-details-content-addon .image-two {

    position: relative;

    display: block;

    margin-top: 42px;

}



.cause-details-content-addon .image-two .image-two-single {

    position: relative;

    display: block;

    margin-bottom: 20px;

}



.cause-details-content-addon .image-two .image-two-single img {

    width: 100%;

}



.cause-details-content-addon .text-box6 {

    position: relative;

    display: block;

    margin-top: 24px;

}



.cause-details-content-addon .text-box7 {

    position: relative;

    display: block;

    background: var(--theme-black);

    border-radius: 10px;

    padding: 46px 20px 42px;

    margin-top: 42px;

    z-index: 1;

}



.cause-details-content-addon .text-box7 .bg-icon {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: -1;

}



.cause-details-content-addon .text-box7::before {

    position: absolute;

    left: 20px;

    bottom: -20px;

    right: 20px;

    height: 20px;

    background: var(--theme-base);

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    content: "";

    z-index: -1;

}



.cause-details-content-addon .text-box7 .icon {

    position: relative;

    display: block;

    margin-bottom: 9px;

}



.cause-details-content-addon .text-box7 .icon span::before {

    position: relative;

    display: inline-block;

    color: var(--theme-color1);

    font-size: 70px;

    line-height: 70px;

}



.cause-details-content-addon .text-box7 h2 {

    color: #ffffff;

    font-size: 24px;

    line-height: 36px;

    margin-bottom: 14px;

}



.cause-details-content-addon .text-box7 span {

    color: #a6a5a5;

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

}





.cause-details-content-addon .text-box8 {

    position: relative;

    display: block;

    margin-top: 64px;

}



.cause-details-sidebar {

    position: relative;

    display: block;

    max-width: 520px;

    width: 100%;

}



.cause-details-sidebar-top {

    position: relative;

    display: block;

    border: 2px solid #f0f0f0;

    padding: 40px 38px 15px;

    border-radius: 10px;

}



.cause-details-sidebar-top .video-image {

    position: relative;

    display: block;

    background-position: center center;

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-size: cover;

    min-height: 300px;

    border-radius: 10px;

    overflow: hidden;

}



.cause-details-sidebar-top .video-image .icon {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.cause-details-sidebar-top .video-image .icon a {

    position: relative;

    display: block;

    width: 100px;

    height: 100px;

    line-height: 100px;

    border-radius: 50%;

    background: #ffffff;

    text-align: center;

    color: var(--theme-base);

    font-size: 15px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.cause-details-sidebar-top .video-image .icon a:hover {

    color: #ffffff;

    background: var(--theme-base);

}



.cause-details-sidebar-top .video-image .icon a::before,

.cause-details-sidebar-top .video-image .icon a::after {

    width: 100px;

    height: 100px;

    border-radius: 50%;

    background: transparent;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-animation-delay: .9s;

    animation-delay: .9s;

    content: "";

    position: absolute;

    box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);

    -webkit-animation: ripple 3s infinite;

    animation: ripple 3s infinite;

    transition: all .4s ease;

}



.cause-details-sidebar-top .video-image .icon a::after {

    -webkit-animation-delay: .6s;

    animation-delay: .6s;

}



.cause-details-sidebar-top .text {

    position: relative;

    display: block;

    margin-top: 34px;

}









.cause-details-donate-box {

    position: relative;

    display: block;

    margin-top: 35px;

}



#cause-details-form {

    position: relative;

    display: block;

}



#cause-details-form .title {

    position: relative;

    display: block;

    margin-bottom: 19px;

}



#cause-details-form .title h3 {

    font-size: 20px;

    line-height: 30px;

}



.select-donate-box {

    margin: 0 -12.5px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.select-donate-box li {

    position: relative;

    display: inline-block;

    padding: 0 12.5px 25px;

}



.select-donate-box li:first-child {

    padding-left: 0;

}



.select-donate-box li:last-child {

    padding-right: 0;

}



.select-donate-box li input[type=radio] {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

}



.select-donate-box li label {

    position: relative;

    display: block;

    height: 60px;

    background-color: #ffffff;

    padding: 0px 35px 0px;

    color: #999999;

    font-size: 16px;

    line-height: 60px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 0;

    border-radius: 30px;

    border: 2px solid #e8e8e8;

    cursor: pointer;

    font-family: var(--main-font);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.select-donate-box li :checked+label {

    color: #ffffff;

    background-color: var(--theme-color1);

    border: 2px solid #ffffff;

}











.select-donate-box li input[type="text"] {

    position: relative;

    display: block;

    height: 60px;

    padding: 0px 35px 0px;

    background-color: #ffffff;

    color: #999999;

    font-size: 16px;

    line-height: 60px;

    font-weight: 700;

    text-align: center;

    margin-bottom: 0;

    border-radius: 30px;

    border: 2px solid #e8e8e8;

    font-family: var(--main-font);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.select-donate-box li input[type="text"]::-webkit-input-placeholder {

    color: #999999;

}



.select-donate-box li input[type="text"]:-moz-placeholder {

    color: #999999;

}



.select-donate-box li input[type="text"]::-moz-placeholder {

    color: #999999;

}



.select-donate-box li input[type="text"]:-ms-input-placeholder {

    color: #999999;

}







#cause-details-form .input-box {

    position: relative;

    display: block;

}



#cause-details-form .input-box input[type="text"] {

    position: relative;

    display: block;

    background: #ffffff;

    border: 2px solid #e8e8e8;

    width: 100%;

    height: 60px;

    color: #999999;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    padding: 0 30px;

    padding-right: 65px;

    border-radius: 30px;

    margin-bottom: 20px;

    transition: all 500ms ease;

    font-family: var(--main-font);

    outline: none;

}





#cause-details-form .input-box .icon {

    position: absolute;

    top: 0px;

    right: 0px;

    font-size: 15px;

    color: #999999;

    font-weight: 700;

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    border-radius: 50%;

    border: 2px solid #e8e8e8;

    transition: all 500ms ease;

}



#cause-details-form .button-box {

    position: relative;

    display: block;

    margin-top: 5px;

}



#cause-details-form .button-box .theme-btn {

    background: var(--theme-base);

    border-radius: 30px;

}



#cause-details-form .button-box .theme-btn::after {

    background: var(--theme-black);

}





.cause-details-photo-showcase {

    position: relative;

    display: block;

    margin-top: 43px;

}



.cause-details-photo-showcase .title {

    position: relative;

    display: block;

    margin-bottom: 16px;

}



.cause-details-photo-showcase .title h3 {

    font-size: 20px;

    line-height: 30px;

}



.cause-details-photo-showcase ul {

    position: relative;

    display: block;

    margin: 0 -12.5px;

}



.cause-details-photo-showcase ul li {

    position: relative;

    display: block;

    float: left;

    padding: 0px 12.5px 25px;

}



.cause-details-photo-showcase ul li .img {

    position: relative;

    display: block;

    width: 130px;

    height: 130px;

    border-radius: 10px;

    overflow: hidden;

}



.cause-details-photo-showcase ul li .img img {

    width: 100%;

}







.cause-details-sidebar-bottom {

    position: relative;

    display: block;

    margin-top: 40px;

    border: 2px solid #f0f0f0;

    border-radius: 10px;

    padding: 80px 40px 80px;

}



.cause-details-sidebar-bottom .logo-box {

    position: relative;

    display: block;

    margin-bottom: 23px;

}



.cause-details-sidebar-bottom .logo-box a {

    position: relative;

    display: inline-block;

}



.cause-details-sidebar-bottom .text {

    position: relative;

    display: block;

}



.cause-details-sidebar-bottom .text p {

    font-size: 18px;

}



.cause-details-sidebar-bottom .button-box {

    position: relative;

    display: block;

    margin-top: 37px;

}



.cause-details-sidebar-bottom .button-box .theme-btn {

    background: var(--theme-color1);

    border-radius: 30px;

}



.cause-details-sidebar-bottom .button-box .theme-btn::after {

    background: var(--theme-black);

}









/*Event Section*/

.event-page {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0px 80px;

}



.event-page-inner {

    position: relative;

    display: block;

}



.event-page-top {

    position: relative;

    display: block;

}



.event-page-form {

    position: relative;

    display: block;

}



.select-month-box {

    margin: 0 -5px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.select-month-box li {

    position: relative;

    display: inline-block;

    padding: 0 5px 0px;

}



.select-month-box li:first-child {

    padding-left: 0;

}



.select-month-box li:last-child {

    padding-right: 0;

}



.select-month-box li input[type=radio] {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

}



.select-month-box li label {

    position: relative;

    display: block;

    height: 40px;

    background-color: #ffffff;

    box-shadow: 4px 6.928px 16px 0px rgb(131, 131, 131, 0.1);

    padding: 0px 25px 0px;

    color: var(--theme-black);

    font-size: 14px;

    line-height: 40px;

    font-weight: 400;

    text-align: center;

    margin-bottom: 0;

    border-radius: 30px;

    border: 1px solid #e4e4e4;

    cursor: pointer;

    font-family: var(--main-font);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.select-month-box li :checked+label {

    color: #ffffff;

    background-color: var(--theme-color1);

    border: 1px solid #ffffff;

    box-shadow: none;

}







.select-month-box li input[type="text"] {

    position: relative;

    display: block;

    height: 40px;

    padding: 0px 25px 0px;

    background-color: #ffffff;

    box-shadow: 4px 6.928px 16px 0px rgb(131, 131, 131, 0.1);

    color: var(--theme-black);

    font-size: 14px;

    line-height: 40px;

    font-weight: 400;

    text-align: center;

    margin-bottom: 0;

    border-radius: 30px;

    border: 1px solid #e4e4e4;

    font-family: var(--main-font);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.select-month-box li input[type="text"]::-webkit-input-placeholder {

    color: var(--theme-black);

}



.select-month-box li input[type="text"]:-moz-placeholder {

    color: var(--theme-black);

}



.select-month-box li input[type="text"]::-moz-placeholder {

    color: var(--theme-black);

}



.select-month-box li input[type="text"]:-ms-input-placeholder {

    color: var(--theme-black);

}





.event-page-bottom {

    position: relative;

    display: block;

}



.event-page-addon {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid #e3e3e3;

    padding-top: 40px;

    padding-bottom: 40px;

}



.event-page-addon.last-child {

    border-bottom: none;

}



.event-page-addon .left {

    position: relative;

    display: flex;

    align-items: center;

}



.event-page-addon .left .img-box {

    position: relative;

    display: block;

    max-width: 370px;

    width: 100%;

    border-radius: 10px;

    width: 100%;

}



.event-page-addon .left .img-box img {

    width: 100%;

}



.event-page-addon .left .content-box {

    position: relative;

    display: block;

    max-width: 580px;

    width: 100%;

    margin-left: 50px;

}



.event-page-addon .left .content-box .meta-box {

    position: relative;

    display: block;

    margin-bottom: 5px;

}



.event-page-addon .left .content-box .meta-box li {

    position: relative;

    display: inline-block;

    margin-left: 23px;

}



.event-page-addon .left .content-box .meta-box li:first-child {

    margin-left: 0;

}



.event-page-addon .left .content-box .meta-box li p {

    font-size: 14px;

}



.event-page-addon .left .content-box .meta-box li p span::before {

    position: relative;

    display: inline-block;

    top: 3px;

    color: var(--theme-base);

    font-size: 18px;

}



.event-page-addon .left .content-box h2 {

    font-size: 26px;

    line-height: 36px;

    margin-bottom: 14px;

}



.event-page-addon .left .content-box h2 a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.event-page-addon .left .content-box h2 a:hover {

    color: var(--theme-base);

}



.event-page-addon .right {

    position: relative;

    display: block;

    max-width: 210px;

    width: 100%;

}



.event-page-addon .right .button-box {

    position: relative;

    display: block;

}



.event-page-addon .right .button-box .theme-btn {

    color: var(--theme-gray);

    border: 2px solid #e8e8e8;

    background: #ffffff;

    box-shadow: 0px 8px 16px 0px rgb(0, 0, 0, 0.06);

    border-radius: 30px;

padding-top: 16px;padding-bottom: 14px;}



.event-page-addon .right .button-box .theme-btn:hover {

    border: 2px solid #ffffff;

    color: #ffffff;

}





/*News Page*/

.news-page {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0px 120px;

}



.news-page-content {

    position: relative;

    display: block;

    max-width: 895px;

    width: 100%;

}



.news-page-addon {

    position: relative;

    display: block;

    margin-bottom: 40px;

    z-index: 1;

}



.news-page-addon::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    border: 2px solid #f3f3f3;

    content: "";

    z-index: -1;

}



.news-page-addon .img-box {

    position: relative;

    display: block;

}



.news-page-addon .img-box .overlay-text {

    position: absolute;

    left: 50px;

    bottom: -15px;

    background: #ffffff;

    box-shadow: 8px 13.856px 32px 0px rgb(0, 0, 0, 0.04);

    padding: 4px 20px 2px;

}



.news-page-addon .img-box .overlay-text span {

    color: var(--theme-black);

    font-size: 14px;

    line-height: 24px;

    font-weight: 700;

}





.news-page-addon .img-box .meta-info {

    position: absolute;

    display: flex;

    align-items: center;

    right: 50px;

    bottom: -30px;

    background: #ffffff;

    box-shadow: 8px 13.856px 32px 0px rgb(0, 0, 0, 0.04);

    padding: 10px 0px 10px;

    padding-left: 10px;

    padding-right: 45px;

}





.news-page-addon .img-box .meta-info .img {

    position: relative;

    display: block;

    width: 40px;

    height: 40px;

}



.news-page-addon .img-box .meta-info .title {

    position: relative;

    display: block;

    padding-left: 15px;

}



.news-page-addon .img-box .meta-info .title p {

    color: var(--theme-black);

    font-size: 16px;

    line-height: 26px;

    font-weight: 500;

}



.news-page-addon .img-box .inner {

    position: relative;

    display: block;

    overflow: hidden;

}



.news-page-addon.style2 .img-box .inner {

    position: relative;

    display: block;

}



.news-page-addon.style2 .img-box .inner::before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: #000000;

    opacity: 0.7;

    content: "";

}



.news-page-addon .img-box .inner .logo-box {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.news-page-addon .img-box .inner .logo-box img {

    width: auto;

}



.news-page-addon .img-box .inner .icon {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



.news-page-addon .img-box .inner .icon a {

    position: relative;

    display: block;

    width: 80px;

    height: 80px;

    line-height: 80px;

    background: #ffffff;

    text-align: center;

    color: var(--theme-base);

    font-size: 15px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.news-page-addon .img-box .inner .icon a:hover {

    color: #ffffff;

    background: var(--theme-base);

}



.news-page-addon .img-box .inner .icon a::before,

.news-page-addon .img-box .inner .icon a::after {

    width: 80px;

    height: 80px;

    background: transparent;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-animation-delay: .9s;

    animation-delay: .9s;

    content: "";

    position: absolute;

    box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);

    -webkit-animation: ripple 3s infinite;

    animation: ripple 3s infinite;

    transition: all .4s ease;

}



.news-page-addon .img-box .inner .icon a::after {

    -webkit-animation-delay: .6s;

    animation-delay: .6s;

}





.news-page-addon .img-box .inner img {

    width: 100%;

}





.news-page-addon .content-box {

    position: relative;

    display: block;

    padding: 56px 50px 43px;

}



.news-page-addon .content-box.pd-minus {

    padding-top: 7px;

}



.news-page-addon .content-box h2 {

    font-size: 38px;

    line-height: 46px;

    margin-bottom: 25px;

}



.news-page-addon .content-box h2 a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.news-page-addon .content-box h2 a:hover {

    color: var(--theme-base);

}



.news-page-addon .content-box p {

    margin: 0;

}



.news-page-addon .content-box .meta-info {

    position: relative;

    display: flex;

    align-items: center;

    border-top: 1px solid #e7e7e7;

    margin-top: 27px;

    padding-top: 16px;

}



.news-page-addon .content-box .meta-info li {

    position: relative;

    display: block;

    margin-left: 30px;

    padding-right: 30px;

}



.news-page-addon .content-box .meta-info li:first-child {

    margin-left: 0;

}



.news-page-addon .content-box .meta-info li:last-child {

    padding-right: 0;

}



.news-page-addon .content-box .meta-info li:last-child:before {

    display: none;

}





.news-page-addon .content-box .meta-info li::before {

    content: "";

    position: absolute;

    top: 9px;

    right: 0;

    bottom: 9px;

    width: 1px;

    background: #cfcfcf;

}



.news-page-addon .content-box .meta-info li p {

    font-size: 14px;

}



.news-page-addon .content-box .meta-info li p span::before {

    position: relative;

    display: inline-block;

    padding-right: 6px;

    top: 2px;

    color: var(--theme-black);

    font-size: 15px;

}



.news-page-content .text-box1 {

    position: relative;

    display: block;

    background: var(--theme-color2);

    padding: 62px 50px 59px;

}



.news-page-content .text-box1 .inner {

    position: relative;

    display: block;

    padding-left: 105px;

}



.news-page-content .text-box1 .inner .icon {

    position: absolute;

    top: 3px;

    left: 0;

    color: #ffffff;

    font-size: 80px;

    line-height: 80px;

}



.news-page-content .text-box1 .inner .title {

    position: relative;

    display: block;

}



.news-page-content .text-box1 .inner .title h2 {

    color: #ffffff;

    font-size: 38px;

    line-height: 46px;

}







.styled-pagination {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    margin-top: 50px;

}



.styled-pagination li {

    position: relative;

    display: inline-block;

    margin: 0px 3px;

}



.styled-pagination li a {

    position: relative;

    display: inline-block;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background: transparent;

    border: 2px solid #eaeaea;

    color: var(--theme-gray);

    font-size: 14px;

    line-height: 48px;

    font-weight: 700;

    text-align: center;

    box-shadow: 0px 8px 16px 0px rgb(0, 0, 0, 0.06);

    text-transform: capitalize;

    transition: all 500ms ease;

    z-index: 1;

}





.styled-pagination li a:hover,

.styled-pagination li a.active {

    background: var(--theme-base);

    border: 2px solid var(--theme-base);

    color: #ffffff;

}



.styled-pagination li a i::before {

    position: relative;

    display: inline-block;

    color: var(--theme-gray);

    font-size: 15px;

    transition: all 500ms ease;

}



.styled-pagination li a:hover i::before {

    color: #ffffff;

}















.news-page-addon .owl-carousel .owl-stage-outer {

    padding-bottom: 50px;

}



.news-page-addon .owl-carousel .owl-nav {

    position: absolute;

    display: block;

    top: 50%;

    left: 0;

    right: 0;

    margin: 0 auto;

    width: 100%;

}









.news-page-addon-carousel.owl-carousel .owl-nav button.owl-next,

.news-page-addon-carousel.owl-carousel .owl-nav button.owl-prev {

    color: #ffffff;

    font-size: 20px;

    font-weight: 700;

    border-radius: 0;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}







.news-page-addon-carousel.owl-theme .owl-nav .owl-prev {

    position: absolute;

    left: 40px;

    top: 0;

    opacity: 1;

    margin: 0;

    padding: 0;

    margin-top: -40px;

}



.news-page-addon-carousel.owl-theme .owl-nav .owl-next {

    position: absolute;

    right: 40px;

    top: 0;

    opacity: 1;

    margin: 0;

    padding: 0;

    margin-top: -40px;

}







.news-page-addon-carousel.owl-carousel .owl-nav button.owl-next:hover,

.news-page-addon-carousel.owl-carousel .owl-nav button.owl-prev:hover {

    color: #ffffff;

}



.news-page-addon-carousel.owl-carousel .owl-nav button.owl-prev .rotate {

    transform: rotate(180deg);

    position: relative;

    display: inline-block;

}













.sidebar-wrapper {

    position: relative;

    display: block;

    max-width: 365px;

    width: 100%;

}



.sidebar-wrapper .sidebar-addon {

    position: relative;

    display: block;

    overflow: hidden;

    margin-bottom: 40px;

    background: #ffffff;

    border: 2px solid #f3f3f3;

    padding: 34px 38px 40px;

}



.sidebar-wrapper .sidebar-addon.last-child {

    margin: 0;

}



.sidebar-wrapper .sidebar-addon .title {

    position: relative;

    display: block;

    text-align: left;

    padding-bottom: 18px;

    margin-bottom: 30px;

}



.sidebar-wrapper .sidebar-addon .title:before {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0;

    height: 1px;

    background: #f1f1f1;

    content: "";

}



.sidebar-wrapper .sidebar-addon .title h3 {

    color: var(--theme-black);

    font-size: 20px;

    line-height: 30px;

    font-weight: 700;

    text-transform: capitalize;

}





.sidebar-about {

    position: relative;

    display: block;

}



.sidebar-about .image-box {

    position: relative;

    display: block;

    width: 140px;

    height: 140px;

    margin: 0 auto;

}



.sidebar-about-me-box .image-box img {

    width: 100%;

}



.sidebar-about .text-box {

    position: relative;

    display: block;

    margin-top: 18px;

}



.sidebar-about .text-box h3 {

    color: var(--theme-black);

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

    margin: 0 0 10px;

}



.sidebar-about .text-box p {

    font-size: 14px;

    line-height: 26px;

    font-weight: 400;

    margin: 0;

}





.sidebar-social-link {

    position: relative;

    display: block;

}



.sidebar-social-link ul {

    overflow: hidden;

    margin-top: 15px;

}



.sidebar-social-link ul li {

    position: relative;

    display: inline-block;

    line-height: 0;

    margin: 0 8px;

}



.sidebar-social-link ul li a {

    color: #d4d4d4;

    font-size: 15px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.sidebar-social-link ul li a:hover {

    color: var(--theme-color1);

}





.sidebar-search-box {

    position: relative;

    display: block;

}



.sidebar-search-box form.search-form {

    position: relative;

    display: block;

    width: 100%;

}



.sidebar-search-box .search-form input[type="text"] {

    position: relative;

    display: block;

    width: 100%;

    height: 60px;

    border-radius: 0px;

    background-color: #f5f5f5;

    border: 0px solid #f5f5f5;

    color: #828282;

    font-size: 12px;

    font-weight: 400;

    font-style: italic;

    padding-left: 29px;

    padding-right: 65px;

    transition: all 500ms ease 0s;

    font-family: var(--main-font);

}



.sidebar-search-box .search-form button {

    position: absolute;

    top: 0px;

    right: 0px;

    width: 60px;

    height: 60px;

    color: #ffffff;

    font-size: 15px;

    line-height: 60px;

    background: var(--theme-color2);

    display: block;

    border-radius: 0px;

    text-align: center;

    border: 0px solid #e1e1e1;

    transition: all 500ms ease 0s;

}



.sidebar-search-box .search-form button i {

    font-size: 15px

}



.sidebar-search-box .search-form input[type="text"]:focus {

    color: #000;

}



.sidebar-search-box .search-form input[type="text"]:focus+button,

.sidebar-search-box .search-form button:hover {

    color: #ffffff;

}



.sidebar-search-box .search-form input::-webkit-input-placeholder {

    color: #828282;

}



.sidebar-search-box .search-form input:-moz-placeholder {

    color: #828282;

}



.sidebar-search-box .search-form input::-moz-placeholder {

    color: #828282;

}



.sidebar-search-box .search-form input:-ms-input-placeholder {

    color: #828282;

}





.sidebar-addon .popular-feeds {

    position: relative;

    display: block;

}



.sidebar-addon .popular-feeds li {

    position: relative;

    display: block;

    border-bottom: 1px solid #efefef;

    margin-bottom: 30px;

    padding-bottom: 30px;

}



.sidebar-addon .popular-feeds li:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border: none;

}



.sidebar-addon .popular-feeds li .inner {

    position: relative;

    display: block;

    min-height: 80px;

    padding-left: 100px;

}



.sidebar-addon .popular-feeds li .img-box {

    position: absolute;

    top: 0;

    left: 0;

    width: 80px;

    height: 80px;

    overflow: hidden;

}



.sidebar-addon .popular-feeds li .img-box img {

    width: 100%;

}



.sidebar-addon .popular-feeds li .img-box .overlay-content {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.60);

    border-radius: 0%;

    opacity: 0;

    transform: perspective(400px) scale(0);

    transform-origin: top;

    transition: all 0.5s ease-in-out 0s;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    z-index: 2;

}



.sidebar-addon .popular-feeds li:hover .img-box .overlay-content {

    opacity: 1;

    transform: perspective(400px) scale(1.0);

    transition: all 0.3s ease-in-out 0.3s;

}



.sidebar-addon .popular-feeds li .img-box .overlay-content a {

    color: #ffffff;

    font-size: 14px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.sidebar-addon .popular-feeds li .title-box {

    position: relative;

    display: block;

}



.sidebar-addon .popular-feeds li .title-box h4 {

    font-size: 16px;

    line-height: 22px;

    font-weight: 700;

    margin: 0px 0px 10px;

}



.sidebar-addon .popular-feeds li .title-box h4 a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.sidebar-addon .popular-feeds li .title-box h4 a:hover {

    color: var(--theme-base);

}



.sidebar-addon .popular-feeds li .title-box p {

    font-size: 14px;

    line-height: 24px;

}



.sidebar-addon .popular-feeds li .title-box p span {

    position: relative;

    display: inline-block;

    color: var(--theme-black);

    top: 2px;

    font-size: 15px;

    font-weight: 400;

    margin-right: 7px;

}





.categorie-boxs {

    position: relative;

    display: block;

    overflow: hidden;

}



.categorie-boxs li {

    position: relative;

    display: block;

    margin-bottom: 10px;

}



.categorie-boxs li:last-child {

    margin-bottom: 0;

}



.categorie-boxs li a {

    position: relative;

    display: block;

    padding-left: 30px;

    background: #f8f8f8;

    color: var(--theme-gray);

    font-size: 14px;

    line-height: 50px;

    font-weight: 400;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    z-index: 1;

}



.categorie-boxs li a span {

    position: relative;

    display: inline-block;

    background: #efefef;

    float: right;

    width: 50px;

    text-align: center;

    color: var(--theme-gray);

    transition: all 200ms linear;

    transition-delay: 0.1s;

    z-index: 1;

}



.categorie-boxs li a span:before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 100%;

    background: rgba(var(--theme-color2-rgb), 1.0);

    content: "";

    z-index: -1;

    transform: scaleY(0.0);

    transform-origin: left;

    transform-style: preserve-3d;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.categorie-boxs li a span.active:before,

.categorie-boxs li a:hover span:before {

    transform: scaleY(1.0);

}



.categorie-boxs li a:hover span,

.categorie-boxs li a span.active {

    color: #ffffff;

}



.categorie-boxs li a:before {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 100%;

    background: rgba(var(--theme-color2-rgb), 0.7);

    content: "";

    z-index: -1;

    transform: scaleY(0.0);

    transform-origin: left;

    transform-style: preserve-3d;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.categorie-boxs li.active a:before,

.categorie-boxs li a:hover:before {

    transform: scaleY(1.0);

}



.categorie-boxs li:hover a,

.categorie-boxs li.active a {

    color: #ffffff;

}



.sidebar-addon .popular-tag {

    position: relative;

    display: block;

    overflow: hidden;

    margin-left: -5px;

    margin-right: -5px;

}



.sidebar-addon .popular-tag li {

    position: relative;

    display: inline-block;

    float: left;

    margin: 0 5px 10px;

}



.sidebar-addon .popular-tag li a {

    position: relative;

    display: block;

    background: #f4f4f4;

    padding: 0 25px;

    border: 0px solid #e4e4e4;

    color: var(--theme-gray);

    font-size: 12px;

    line-height: 30px;

    font-weight: 400;

    text-transform: capitalize;

    transition: all 0.4s ease-in-out 0.1s;

    font-family: var(--main-font);

}



.sidebar-addon .popular-tag li a:hover {

    color: #ffffff;

    background: var(--theme-color2);

}





.sidebar-sponsor-adds-box {

    position: relative;

    display: block;

    overflow: hidden;

    background-attachment: scroll;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    min-height: 240px;

}



.sidebar-sponsor-adds-box .inner {

    position: absolute;

    bottom: 0;

    right: 0;

    background: var(--theme-base);

    padding: 18px 40px 17px;

}



.sidebar-sponsor-adds-box .inner h3 {

    color: #ffffff;

    font-size: 18px;

    line-height: 28px;

    font-weight: 700;

}





/*News Details Page*/

.news-details-page {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 120px 0px 120px;

}



.news-details-page-content {

    position: relative;

    display: block;

    border: 2px solid #f3f3f3;

    padding: 41px 50px 60px;

    max-width: 895px;

    width: 100%;

}



.news-details-page-content .news-page-addon {

    margin-bottom: 20px;

}



.news-details-page-content .news-page-addon::before {

    display: none;

}



.news-details-page-content .news-page-addon .content-box {

    padding: 0px 0px 0px;

}



.news-details-page-content .news-page-addon .content-box .meta-info {

    border-top: 0px solid #e7e7e7;

    margin-top: 0px;

    padding-top: 0px;

}



.news-details-page-content .text-box1 {

    position: relative;

    display: block;

}



.news-details-page-content .image-box1 {

    position: relative;

    display: block;

    margin-top: 57px;

}



.news-details-page-content .image-box1 img {

    width: 100%;

}



.news-details-page-content .text-box2 {

    position: relative;

    display: block;

    margin-top: 57px;

    margin-bottom: 52px;

}



.news-details-page-content .text-box2 h2 {

    font-size: 30px;

    line-height: 40px;

    margin-bottom: 23px;

}



.news-details-page-content .text-box3 {

    position: relative;

    display: block;

    border-top: 1px solid #e6e6e6;

    padding-top: 52px;

}



.news-details-page-content .text-box3 h2 {

    font-size: 30px;

    line-height: 40px;

}



.news-details-page-content .text-box3 .inner {

    position: relative;

    display: block;

    padding-left: 220px;

    margin-top: 23px;

}



.news-details-page-content .text-box3 .inner .img-box {

    position: absolute;

    top: 6px;

    left: 0;

    width: 190px;

    height: 118px;

}



.news-details-page-content .text-box3 .inner .img-box img {

    width: 100%;

}



.news-details-page-content .text-box3 .inner .text {

    position: relative;

    display: block;

}



.news-details-page-content .blockquote-box {

    position: relative;

    display: block;

    background: #ffffff;

    box-shadow: 0px 16px 32px 0px rgb(0, 0, 0, 0.06);

    border: 2px solid #f4f4f4;

    padding: 50px 40px 42px;

    border-radius: 30px;

    overflow: hidden;

    margin-top: 54px;

}



.news-details-page-content .blockquote-box .icon {

    position: relative;

    display: block;

    width: 60px;

    height: 60px;

    line-height: 60px;

    border-radius: 50%;

    background: var(--theme-base);

    color: #ffffff;

    font-size: 25px;

    font-weight: 400;

    margin: 0 auto;

    margin-bottom: 22px;

}



.news-details-page-content .blockquote-box .text {

    position: relative;

    display: block;

    margin-bottom: 22px;

}



.news-details-page-content .blockquote-box .text h2 {

    font-size: 28px;

    line-height: 38px;

}



.news-details-page-content .blockquote-box .name {

    position: relative;

    display: block;

}



.news-details-page-content .blockquote-box .name h3 {

    font-size: 24px;

    line-height: 34px;

}



.news-details-page-content .blockquote-box .name span {

    color: var(--theme-gray);

}



.news-details-page-content .text-box4 {

    position: relative;

    display: block;

    margin-top: 52px;

}











.tag-social-share-box {

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-content: center;

    flex-wrap: wrap;

    padding-top: 47px;

    border-bottom: 1px solid #e7e7e7;

}



.tag-social-share-box .single-box {

    position: relative;

    display: block;

    overflow: hidden;

}



.tag-social-share-box .single-box .title {

    overflow: hidden;

    padding-bottom: 24px;

}



.tag-social-share-box .single-box .title.right {

    text-align: right;

}



.tag-social-share-box .single-box .title h3 {

    color: var(--theme-black);

    font-size: 20px;

    line-height: 26px;

    font-weight: 700;

}



.tag-social-share-box .tag-list {

    position: relative;

    display: block;

    overflow: hidden;

}



.tag-social-share-box .tag-list li {

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 10px;

}



.tag-social-share-box .tag-list li:last-child {

    margin-right: 0;

}



.tag-social-share-box .tag-list li a {

    position: relative;

    display: inline-block;

    background: #ffffff;

    color: var(--theme-gray);

    font-size: 12px;

    line-height: 30px;

    font-weight: 500;

    padding: 0 25px;

    border-radius: 20px;

    border: 2px solid #f4f4f4;

    box-shadow: 0px 16px 32px 0px rgb(0, 0, 0, 0.06);

    font-family: var(--main-font);

    margin-bottom: 50px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}





.tag-social-share-box .tag-list li a:hover {

    background: var(--theme-color2);

    border: 2px solid var(--theme-color2);

    color: #ffffff;

}



.tag-social-share-box .social-share {

    position: relative;

    overflow: hidden;

}



.tag-social-share-box .social-share li {

    position: relative;

    display: inline-block;

    float: left;

    margin-right: 30px;

}



.tag-social-share-box .social-share li:last-child {

    margin-right: 0;

}



.tag-social-share-box .social-share li a {

    position: relative;

    display: inline-block;

    color: #b9b9b9;

    font-size: 20px;

    line-height: 20px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.tag-social-share-box .social-share li a:hover {

    color: var(--theme-color2);

}







.blog-prev-next-option {

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-content: center;

    flex-wrap: wrap;

    padding: 45px 0px 45px;

    border-bottom: 1px solid #e3e3e3;

}



.blog-prev-next-option .single-box {

    position: relative;

    display: block;

    overflow: hidden;

    width: 40%;

}



.blog-prev-next-option .single-box.right {

    text-align: right;

}



.blog-prev-next-option .single-box p {

    font-size: 14px;

    line-height: 24px;

    margin: 0;

}



.blog-prev-next-option .single-box p a {

    color: var(--theme-gray);

}



.blog-prev-next-option .single-box h2 {

    font-size: 28px;

    line-height: 38px;

    font-weight: 700;

    margin: 6px 0 0;

}



.blog-prev-next-option .single-box h2 a {

    color: var(--theme-black);

}



.blog-prev-next-option .middle-box {

    width: 20%;

}



.blog-prev-next-option .middle-box .icon {

    position: relative;

    display: block;

    text-align: center;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    line-height: 66px;

}



.blog-prev-next-option .middle-box .icon a {

    position: relative;

}









.news-details-page-content .author-box {

    position: relative;

    display: block;

    background: #ffffff;

    border: 2px solid #f3f3f3;

    padding: 40px;

    padding-right: 30px;

    border-radius: 30px;

    margin-top: 50px;

}



.news-details-page-content .author-box .inner {

    position: relative;

    display: block;

}



.news-details-page-content .author-box .inner .img-box {

    width: 180px;

    border-radius: 30px;

    overflow: hidden;

}



.news-details-page-content .author-box .inner .img-box,

.news-details-page-content .author-box .inner .text-box {

    display: table-cell;

    vertical-align: middle;

}



.news-details-page-content .author-box .inner .text-box {

    position: relative;

    padding-left: 40px;

}



.news-details-page-content .author-box .inner .text-box span {

    color: var(--theme-gray);

    font-size: 12px;

    line-height: 22px;

    font-weight: 400;

}



.news-details-page-content .author-box .inner .text-box h2 {

    color: var(--theme-black);

    font-size: 36px;

    line-height: 46px;

    font-weight: 700;

    margin: 0px 0 6px;

}



.news-details-page-content .author-box .inner .text-box p {

    font-size: 14px;

    line-height: 26px;

}















.comment-box {

    position: relative;

    display: block;

    overflow: hidden;

    padding-top: 51px;

}



.comment-box .title {

    position: relative;

    display: block;

    padding-bottom: 27px;

}



.comment-box .title h2 {

    color: #22254a;

    font-size: 26px;

    line-height: 36px;

}



.comment-box .outer-box {

    position: relative;

    display: block;

}



.comment-box .single-comment {

    position: relative;

    display: block;

    border-top: 1px solid #f3f3f3;

    margin-bottom: 0px;

    padding-top: 27px;

}



.comment-box .single-comment.border-bottom {

    border-bottom: 1px solid #f3f3f3;

}



.comment-box .single-comment.border-none {

    border-top: none;

}



.comment-box .single-comment.comment-reply {

    margin-left: 130px;

}







.comment-box .single-comment-box {

    position: relative;

    display: block;

    padding-left: 100px;

}



.comment-box .single-comment-box .img-holder {

    position: absolute;

    left: 0;

    top: 3px;

    width: 100px;

    height: 100px;

    border-radius: 50%;

    overflow: hidden;

}



.comment-box .single-comment-box .img-holder img {

    width: 100%;

    border-radius: 50%;

}



.comment-box .single-comment-box .text-holder {

    position: relative;

    display: block;

    padding-left: 30px;

}



.comment-box .single-comment-box .text-holder .top {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}



.comment-box .single-comment-box .text-holder .top .name {

    position: relative;

    display: block;

}



.comment-box .single-comment-box .text-holder .top .name h3 {

    color: var(--theme-black);

    font-size: 18px;

    line-height: 26px;

    margin: 0 0 2px;

}



.comment-box .single-comment-box .text-holder .top .name p {

    color: var(--theme-gray);

    font-size: 14px;

    line-height: 24px;

    font-weight: 400;

}



.comment-box .single-comment-box .text-holder .top .name p span:before {

    position: relative;

    display: inline-block;

    top: 2px;

    color: var(--theme-gray);

    padding-right: 6px;

    font-size: 15px;

}



.comment-box .single-comment-box .text-holder .top .reply {

    position: relative;

    display: block;

}



.comment-box .single-comment-box .text-holder .top .reply a {

    color: var(--theme-gray);

    font-size: 14px;

    line-height: 24px;

    font-weight: 400;

    border: 2px solid #f3f3f3;

    padding: 10px 25px 9px;

    border-radius: 30px;

    transition: all 0.4s ease-in-out 0.1s;

    font-family: var(--main-font);

}



.comment-box .single-comment-box .text-holder .top .reply a:hover {

    color: #ffffff;

    background: var(--theme-base);

    border: 2px solid var(--theme-base);

}



.comment-box .single-comment-box .text-holder .top .reply a span:before {

    position: relative;

    display: inline-block;

    padding-right: 5px;

    font-size: 15px;

}



.comment-box .single-comment-box .text-holder .text {

    position: relative;

    display: block;

    padding: 20px 0 23px;

}



.comment-box .single-comment-box .text-holder .text p {

    color: #22254a;

    font-size: 14px;

    line-height: 24px;

    font-weight: 400;

    margin: 0;

}













.add-comment-box {

    position: relative;

    display: block;

    overflow: hidden;

    padding-top: 42px;

}



.add-comment-box .title {

    position: relative;

    display: block;

    padding-bottom: 30px;

}



.add-comment-box .title h3 {

    color: var(--theme-black);

    font-size: 26px;

    line-height: 36px;

}



.add-comment-box #add-comment-form {

    position: relative;

    display: block;

    padding: 50px 50px;

    background: #ffffff;

    border: 2px solid #f4f4f4;

}



.add-comment-box #add-comment-form .input-box {

    position: relative;

    display: block;

    z-index: 1;

}



.add-comment-box #add-comment-form .input-box::before {

    position: absolute;

    top: -2px;

    left: -2px;

    bottom: 5px;

    right: -2px;

    border: 2px solid #eeeeee;

    border-radius: 30px;

    content: "";

    z-index: -1;

}



.add-comment-box #add-comment-form .input-box .icon {

    position: absolute;

    top: 15px;

    right: 30px;

    color: var(--theme-base);

    font-size: 15px;

    font-weight: 700;

    z-index: 2;

}



.add-comment-box #add-comment-form input[type="text"],

.add-comment-box #add-comment-form input[type="email"],

.add-comment-box #add-comment-form textarea {

    position: relative;

    display: block;

    background: #ffffff;

    border: 0px solid #efefef;

    box-shadow: 0px 16px 32px 0px rgb(0, 0, 0, 0.06);

    width: 100%;

    height: 60px;

    color: #999999;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    padding: 0 30px;

    padding-right: 60px;

    border-radius: 30px;

    margin-bottom: 20px;

    transition: all 500ms ease;

    font-family: var(--main-font);

    z-index: 1;

}



.add-comment-box #add-comment-form textarea {

    height: 150px;

    padding: 25px 30px;

    padding-right: 60px;

}



.add-comment-box #add-comment-form input[type="text"]:focus {

    border-color: #efefef;

}



.add-comment-box #add-comment-form input[type="email"]:focus {

    border-color: #efefef;

}



.add-comment-box #add-comment-form textarea:focus {

    border-color: #efefef;

}



.add-comment-box #add-comment-form .button-box {

    position: relative;

    display: block;

    padding-top: 10px;

}



.add-comment-box #add-comment-form .button-box .theme-btn {

    background: var(--theme-base);

    padding: 19px 55px 17px;

    border-radius: 40px;

}



.add-comment-box #add-comment-form .button-box .theme-btn::after {

    background: var(--theme-black);

    border-radius: 40px;

}



.add-comment-box #add-comment-form .button-box button i:before {

    position: relative;

    display: inline-block;

    top: 2px;

    color: #ffffff;

    padding-right: 12px;

}





/*Google Map*/

.contact-page-google-map {

    position: relative;

    display: block;

    z-index: 1;

}



.contact-page-google-map-one {

    position: relative;

    display: block;

    border: none;

    height: 800px;

    width: 100%;

}







/*Contact Section One*/

.contact-section-one {

    position: relative;

    display: block;

    background: transparent;

    padding: 0px 0px 90px;

    margin-top: -220px;

    z-index: 1;

}



.contact-addon-one {

    position: relative;

    display: block;

    padding-bottom: 30px;

    margin-bottom: 30px;

}



.contact-addon-one .inner {

    position: relative;

    display: block;

    background: #ffffff;

    box-shadow: 0px 16px 32px 0px rgb(0, 0, 0, 0.04);

    padding: 60px 30px 87px;

    border-radius: 10px;

    overflow: hidden;

}



.contact-addon-one .inner .icon {

    position: relative;

    display: block;

    width: 120px;

    height: 120px;

    line-height: 120px;

    background: var(--theme-color2);

    margin: 0 auto 32px;

    border-radius: 50%;

    color: #ffffff;

    font-size: 50px;

}



.contact-addon-one .inner .icon.bg2 {

    background: var(--theme-base);

}



.contact-addon-one .inner .icon.bg3 {

    background: var(--theme-color1);

}



.contact-addon-one .inner .title {

    position: relative;

    display: block;

    margin-bottom: 12px;

}



.contact-addon-one .inner .title h2 {

    font-size: 30px;

    line-height: 40px;

}



.contact-addon-one .inner ul {

    position: relative;

    display: block;

}



.contact-addon-one .inner ul li {

    position: relative;

    display: block;

}



.contact-addon-one .inner ul li a {

    color: var(--theme-gray);

    font-size: 18px;

    line-height: 28px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.contact-addon-one .inner ul li a:hover {

    color: var(--theme-base);

}



.contact-addon-one .inner p {

    font-size: 18px;

    line-height: 28px;

}



.contact-addon-one .button-box {

    position: absolute;

    left: 0;

    bottom: 0;

    right: 0%;

}



.contact-addon-one .button-box a {

    position: relative;

    display: block;

    width: 60px;

    height: 60px;

    line-height: 52px;

    background: #ffffff;

    border-radius: 50%;

    border: 4px solid #f3f3f3;

    color: var(--theme-black);

    font-size: 15px;

    font-weight: 700;

    margin: 0 auto;

}









/*Contact Section One*/

.contact-page-form {

    position: relative;

    display: block;

    background: #ffffff;

    padding: 0px 0 120px;

    z-index: 1;

}



.contact-page-form-img {

    position: relative;

    display: block;

    border-radius: 10px;

    overflow: hidden;

    max-width: 580px;

    width: 100%;

}



.contact-page-form-img img {

    width: 100%;

}





.contact-form {

    position: relative;

    display: block;

    margin-top: 70px;

    width: 100%;

}



.contact-form form {

    position: relative;

    display: block;

}



.contact-form form .input-box {

    position: relative;

    display: block;

    margin-bottom: 20px;

}



.contact-form form .input-box .icon {

    position: absolute;

    top: 50%;

    right: 30px;

    transform: translateY(-50%);

    color: var(--theme-gray);

    font-size: 15px;

    font-weight: 700;

    z-index: 10;

}



.contact-form form .input-box .icon.style2 {

    top: 34px;

}



.contact-form form input[type="text"],

.contact-form form input[type="email"],

.contact-form form textarea {

    position: relative;

    display: block;

    background: #f6f6f6;

    border: 0px solid #f6f6f6;

    width: 100%;

    height: 70px;

    color: var(--theme-gray);

    font-size: 16px;

    font-weight: 400;

    font-style: normal;

    padding-left: 30px;

    padding-right: 50px;

    border-radius: 10px;

    transition: all 500ms ease;

    font-family: var(--main-font);

}



.contact-form form textarea {

    height: 150px;

    padding-top: 23px;

    padding-left: 30px;

    padding-right: 30px;

}



.contact-form form input[type="text"]:focus {

    color: var(--theme-gray);

    border: 0px solid #f6f6f6;

}



.contact-form form input[type="email"]:focus {

    color: var(--theme-gray);

    border: 0px solid #f6f6f6;

}



.contact-form form textarea:focus {

    color: var(--theme-gray);

    border: 0px solid #f6f6f6;

}



.contact-form form input[type="text"]::-webkit-input-placeholder {

    color: var(--theme-gray);

}



.contact-form form input[type="text"]:-moz-placeholder {

    color: var(--theme-gray);

}



.contact-form form input[type="text"]::-moz-placeholder {

    color: var(--theme-gray);

}



.contact-form form input[type="text"]:-ms-input-placeholder {

    color: var(--theme-gray);

}



.contact-form form input[type="email"]::-webkit-input-placeholder {

    color: var(--theme-gray);

}



.contact-form form input[type="email"]:-moz-placeholder {

    color: var(--theme-gray);

}



.contact-form form input[type="email"]::-moz-placeholder {

    color: var(--theme-gray);

}



.contact-form form input[type="email"]:-ms-input-placeholder {

    color: var(--theme-gray);

}



.contact-form form textarea::-webkit-input-placeholder {

    color: var(--theme-gray);

}



.contact-form form textarea:-moz-placeholder {

    color: var(--theme-gray);

}



.contact-form form textarea::-moz-placeholder {

    color: var(--theme-gray);

}



.contact-form form textarea:-ms-input-placeholder {

    color: var(--theme-gray);

}





#contact-form .select-box {

    position: relative;

    display: block;

    width: 100%;

    height: 70px;

}



#contact-form .nice-select {

    height: 70px;

    line-height: 70px;

    background: #f6f6f6;

    border: 0px solid #f6f6f6;

    border-radius: 10px;

    font-family: var(--main-font);

    font-size: 16px;

    font-weight: 400;

    color: var(--theme-gray);

    padding-left: 30px;

    padding-right: 30px;

}



#contact-form .nice-select:after {

    width: 8px;

    height: 8px;

    border-bottom: 2px solid #999999;

    border-right: 2px solid #999999;

    right: 33px;

    margin-top: 0px;

    top: 24px;

    z-index: 10;

}



.contact-form form .button-box {

    position: relative;

    display: block;

    padding-top: 10px;

}



.contact-form form .button-box .theme-btn {

    background: var(--theme-base);

    border-radius: 30px;

    padding: 19px 55px 17px;

}



.contact-form form .button-box .theme-btn::after {

    background: var(--theme-black);

    border-radius: 30px;

}















































































/*--------------------------------------------------------------

# Two Section

--------------------------------------------------------------*/

.testimonial-section-two {

    position: relative;

    display: block;

    padding: 120px 0px 112px;

    z-index: 1;

}



.testimonial-section-two-inner {

    position: relative;

    display: block;

    max-width: 970px;

    width: 100%;

    margin: 0 auto;

    overflow: hidden;

    z-index: 1;

}









#testimonials-one__thumb {

    width: 280px;

    margin-right: auto;

    margin-left: auto;

}



.testimonial-two-img {

    position: relative;

    display: block;

    overflow: hidden;

    transition: all 500ms ease;

    width: 80px;

    cursor: pointer;

    border-radius: 50%;

}





.testimonial-two-img>img {

    width: 80px;

    border-radius: 50%;

    transition: all 0.5s ease-in-out 0.6s;

}







.testimonial-two-content {

    position: relative;

    display: block;

    padding-bottom: 46px;

}



.testimonial-two-content-addon {

    position: relative;

    display: block;

    margin-top: 37px;

}



.testimonial-two-content-addon h2 {

    font-size: 40px;

    line-height: 1.4em;

}



.testimonial-two-content-addon .name {

    position: relative;

    display: block;

    margin-top: 32px;

}



.testimonial-two-content-addon .name h4 {

    font-size: 20px;

    line-height: 22px;

    letter-spacing: -0.04em;

}



.testimonial-two-content-addon .name span {

    color: var(--theme-base);

    font-size: 14px;

    line-height: 24px;

    font-weight: 400;

    font-family: var(--main-font);

}





#testimonials-one__carousel-pagination {

    position: absolute;

    display: flex;

    justify-content: center;

    align-items: center;

    bottom: 0px;

    right: auto;

    left: auto;

    width: 100%;

    z-index: 20;

}



#testimonials-one__carousel-pagination .swiper-pagination-bullet {

    width: 20px;

    height: 4px;

    background: #efefef;

    border: 0;

    transition: all 500ms ease;

    margin: 0;

    display: block;

    border-radius: 0px;

    opacity: 1;

}



#testimonials-one__carousel-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {

    margin-left: 10px;

}



#testimonials-one__carousel-pagination .swiper-pagination-bullet-active {

    background-color: var(--theme-color3);

    width: 30px;

    height: 4px;

    border-radius: 0px;

}





/* causes list */



.causes-list_section {

    position: relative;

    padding-top: 120px;

    padding-bottom: 90px;

}



.causes-section-addon-two {

    position: relative;

    display: block;

    overflow: hidden;

    margin-bottom: 0px;

}



.causes-section-addon-two .img-box {

    position: relative;

    display: block;

}



.causes-section-addon-two .img-box .inner {

    position: relative;

    display: block;

    /* border-top-left-radius: 10px; */

    /* border-top-right-radius: 10px; */

    overflow: hidden;

    z-index: 1;

}



.causes-section-addon-two .img-box .inner:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    transition-delay: .1s;

    transition-timing-function: ease-in-out;

    transition-duration: .7s;

    transition-property: all;

    background: rgba(var(--theme-black-rgb), 0.8);

    opacity: 0;

    z-index: 1;

    content: "";

}



.causes-section-addon-two:hover .img-box .inner::before {

    opacity: 1;

    opacity: 0.7;

}





.causes-section-addon-two .img-box .inner img {

    width: 100%;

    transition: .5s ease;

    transform: scale(1.05);

}



.causes-section-addon-two:hover .img-box .inner img {

    transform: scale(1);

}





.causes-section-addon-two .content-box {

    position: relative;

    display: block;

    background: #f9f9f9;

    padding: 80px 75px 70px;

    transition: 0.7s;

}







.causes-section-addon-two .content-box.overlay {

    position: absolute;

    left: 0;

    bottom: 0px;

    right: 0;

    opacity: 0;

    visibility: hidden;

    transform-origin: center;

    transform-style: preserve-3d;

    transform: scale(1.0) translateY(65px);

    transition: all .4s ease-in-out .1s;

    z-index: 3;

}



.causes-section-addon-two:hover .content-box.overlay {

    opacity: 1.0;

    visibility: visible;

    transform: scale(1.0) translateY(0%);

}



.causes-section-addon-two .content-box.overlay .button-box {

    position: relative;

    display: block;

    margin-top: 27px;

}



.causes-section-addon-two .content-box.overlay .button-box .theme-btn {

    background: var(--theme-base);

}



.causes-section-addon-two .content-box.overlay .button-box .theme-btn::after {

    background: var(--theme-black);

}



.causes-section-addon-two .content-box .progress-box {

    position: absolute;

    left: 0;

    top: -15px;

    line-height: 0;

    z-index: 2;

}



.causes-section-addon-two .content-box .progress-box .inner-box {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    width: 90px;

    height: 90px;

    border-radius: 50%;

}



.causes-section-addon-two .content-box .progress-box .graph-outer {

    position: relative;

    display: inline-block;

    text-align: center;

    background: #fff;

    border-radius: 50%;

    box-shadow: 4px 6.928px 16px 0px rgb(247, 79, 34, 0.1);

    z-index: 1;

}



.causes-section-addon-two .content-box .progress-box .graph-outer::before {

    position: absolute;

    top: 2px;

    left: 2px;

    bottom: 0;

    right: 0;

    border-radius: 50%;

    height: 71px;

    width: 71px;

    background: transparent;

    border: 2px solid #f1f1f1;

    z-index: -1;

    content: "";

}



.causes-section-addon-two .content-box .progress-box .graph-outer .count-box {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    color: var(--theme-black);

    font-size: 24px;

    font-weight: 700;

    transform: translateY(-50%);

}



.causes-section-addon-two .content-box .progress-box .graph-outer .count-text {

    position: relative;

    display: inline-block;

    color: var(--theme-black);

    font-size: 24px;

    line-height: 34px;

    font-weight: 700;

    font-family: var(--main-font);

    letter-spacing: 0em;

}



.causes-section-addon-two .content-box .progress-box .graph-outer .count-Parsent {

    font-size: 15px;

    transform: rotate(18deg);

    position: relative;

    display: inline-block;

    color: var(--theme-base);

    font-weight: 700;

}







.causes-section-addon-two .content-box .author-box {

    position: relative;

    display: flex;

    align-items: center;

    margin-bottom: 23px;

}



.causes-section-addon-two .content-box .author-box .img {

    position: relative;

    display: block;

    width: 40px;

    height: 40px;

}



.causes-section-addon-two .content-box .author-box .img img {

    width: 100%;

}



.causes-section-addon-two .content-box .author-box .name {

    position: relative;

    display: block;

    padding-left: 15px;

}



.causes-section-addon-two .content-box .author-box .name p {

    color: var(--theme-black);

    font-size: 14px;

}



.causes-section-addon-two .content-box h2 {

    font-size: 36px;

    line-height: 44px;

    margin-bottom: 30px;

}



.causes-section-addon-two .content-box h2 a {

    color: var(--theme-black);

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.causes-section-addon-two .content-box h2 a:hover {

    color: var(--theme-base);

}



.causes-section-addon-two .content-box .bottom {

    position: relative;

    display: block;

    margin-top: 42px;

    padding-left: 100px;

}



.causes-section-addon-two .content-box .bottom ul {

    position: relative;

    display: block;

}



.causes-section-addon-two .content-box .bottom ul li {

    position: relative;

    margin-bottom: 8px;

}



.causes-section-addon-two .content-box .bottom ul li:last-child {

    margin-right: 0;

}



.causes-section-addon-two .content-box .bottom ul li span {

    color: var(--theme-color1);

    font-weight: 700;

}



.causes-section-addon-two .content-box .bottom ul li span.clr2 {

    color: var(--theme-color2);

}



section.causes-section {

    position: relative;

    padding: 120px 0 90px;

}



/* donate page */



.donate-page {

	position: relative;

	padding: 120px 0 80px;

}

.donate-form-s-one .form-control {

	border: 1px solid rgb(35 35 35 / 10%);

	height: 50px;

	border-radius: 5px;

	padding-left: 25px;

	padding-top: 0;

	padding-bottom: 0;

	line-height: 48px;

	font-size: 16px;

	width: 100%;

	color: #777;

	font-size: 16px;

}

.donate-form-s-one .panel-heading {

	margin-bottom: 30px;

}

.donate-form-s-one label {

	margin-bottom: 10px;

}

.donate-form-s-one .form-group {

	margin-bottom: 30px;

}

.donate-form-s-one .control-group {

	margin-bottom: 30px;

}

.donate-form-s-one .panel {

	margin-bottom: 40px;

}

.donate-form-s-one .form-control span.current {

	font-size: 16px;

	font-weight: normal;

	color: #777;

}

.donate-form-s-one span.input-group-block {

	position: absolute;

	right: 15px;

	top: 11px;

}

.donate-fomr-popup {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: rgb(34 34 34 / 90%);

	display: none;

	z-index: 999999;

}

.donate-fomr-popup-outer {

	width: 100%;

	height: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	    -ms-flex-align: center;

	        align-items: center;

	-webkit-box-pack: center;

	    -ms-flex-pack: center;

	        justify-content: center;

}

.donate-fomr-popup-inner {

	max-width: 1000px;

	background: #fff;

	padding: 50px;

	width: 100%;

	position: relative;

	margin: 0 auto;

}

.donate-fomr-popup-close {

	position: absolute;

	top: 30px;

	right: 30px;

	cursor: pointer;

	-webkit-transition: .5s;

	-o-transition: .5s;

	transition: .5s;

}

.donate-fomr-popup-close:hover {

	color: var(--theme-main-color);

}



/* New code start */

.break-sub {

    font-size: 30px;

}

.flaticon-social-care-1::before {

    /* content: "\f12f"; */

    color: #fff!important;

  }







@media(max-width:767px) {

    .banner-addon-two {

        padding: 200px 0px 60px 0px;

    }

}



.sub_page_slider .banner-addon-two {

    padding: 90px 0px 90px 0px;

} 

.sub_page_slider .banner-addon-two .image-layer {

    background-position: 100% 24%;

}

/* New code end */



/* our story template */

.our-story-wrapper {

    /* border: 1px solid red; */

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 50px;

    margin-top: -24px;

    margin-bottom: 19px!important;

}



.our-story-wrapper .our-story-image {

    width: 56%;

    /* height: 259px; */

    display: flex;

    overflow: hidden;

    gap: 35px;

    flex-direction: column;

    margin-top: -50px;

}



.our-story-wrapper .our-story-image img {

    width: 100%;

  border-radius: 4px !important;

  height: 260px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.our-story-wrapper .our-story-content {

    padding: 20px;

    overflow: auto;

    margin-left: 40px;

    width: 100%;

}



.our-story-wrapper .our-story-content p {

    color: #777777;

    text-align: justify;

    padding-bottom: 10px;

}



.our-story-content .text p {

    margin-bottom: 10px; /* Adjust this value as needed */

}





.our-story-wrapper .our-story-content .story-title {

    font-size: 27px;

    line-height: 1em;

    font-weight: 700;

    text-transform: capitalize;

    letter-spacing: -0.03em;

    margin-bottom: 10px;

}



/* Infrastructure */

.some-images-wrapper {

    /* padding: 50px; */

    margin-top: -60px;

    /* padding: 40px; */

    padding-bottom: 100px;

    padding-left: 40px;

    padding-right: 40px;

}



.some-images-wrapper .some-images {

    display: flex;

    justify-content: center;

    align-items: center;

}



.info-images-box {

    margin: 20px;

    height: 300px; /* Set a fixed height for uniformity */

    width: 380px;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

}



.info-images-box img {

    border-radius: 4px;

    width: 100%; /* Make the image responsive */

    height: 100%; /* Force the image to fill the container */

    object-fit: cover; /* Crop the image while maintaining aspect ratio */



}





/* contact us template */

.contact-us-wrapper{

    padding: 50px;

    margin-bottom: 60px;

}

.contact-us-wrapper .contact-content {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.contact-us-wrapper .contact-map {

    padding: 20px;

    margin: 30px;

}



.contact-us-wrapper .contact-form {

    position: relative;

    display: block;

    margin-top: 70px;

    width: 100%;

    padding: 20px;

}



/* activities template */

.acti-text h2{

    margin-top: -45px;

    font-size: 30px;

}



/*  */

.gallery-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr); /* 4 images per row */

    gap: 15px; /* Space between images */

    padding: 20px;

}



.gallery-block {

    width: 100%;

    height: 250px; /* Fixed height */

    overflow: hidden;

}



.gallery-block img {

    width: 100%;

    height: 100%;

    object-fit: cover; /* Ensures consistent size */

    border-radius: 8px; /* Optional: Rounded corners */

    transition: transform 0.3s ease-in-out;

}



.gallery-block img:hover {

    transform: scale(1.05); /* Slight zoom on hover */

}



/* Responsive Design */

@media (max-width: 1024px) {

    .gallery-grid {

        grid-template-columns: repeat(3, 1fr); /* 3 images per row on tablets */

    }

}



@media (max-width: 768px) {

    .gallery-grid {

        grid-template-columns: repeat(2, 1fr); /* 2 images per row on small screens */

    }

}



@media (max-width: 480px) {

    .gallery-grid {

        grid-template-columns: repeat(1, 1fr); /* 1 image per row on mobile */

    }

}

/* media gallery */

/* .photo-gallery .gallery-block {

    overflow: hidden;

    display: flex;

    justify-content: center;

    align-items: center;

}



.photo-gallery .gallery-block .image {

    width: 100%;

    height: 250px; 

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

}



.photo-gallery .gallery-block img {

    width: 100%;

    height: 100%;

    object-fit: cover; 

    border-radius: 5px; 

}





@media (max-width: 991px) {

    .photo-gallery .col-lg-3 {

        width: 50%; 

    }

}



@media (max-width: 767px) {

    .photo-gallery .col-lg-3 {

        width: 100%; 

    }

}

 */





 .success-story-single-main{

    margin: 0px;

    padding: 0px;

 }



 .success-story-single .story-thumbnail img{

    height: 300px;

    width: 100%;

    object-fit: cover;

    object-position: 100% 22% !important;

 }



 .success-story-single .story-body{

    padding: 50px;

 }



 .success-story-single .story-body h1, p, .story-meta{

    padding-bottom: 30px;

 }





 /*  */



 /* Sucess Stories Fix Owl Carosual Button not Display */

 .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {

    display: block !important;

}



/* Activities & Events Section Right Side cards meta info fix Start */

.meta-info {

    display: flex;

    flex-wrap: wrap;

    gap: 10px; /* space between items */

    align-items: center;

    margin-bottom: 0;

    padding-left: 0;

    list-style: none;

}



.meta-info li {

    margin: 0;

    padding: 0;

    display: flex;

    align-items: center;

    font-size: 14px;

    color: #555; /* adjust as per design */

}



.meta-info li p {

    margin: 0;

    padding: 0;

}



.meta-info li span {

    margin-right: 5px;

    display: inline-block;

}

/* Activities & Events Section Right Side cards meta info fix End*/

 /*  */



/* Hedaer Menu font size fix */

.main-menu .navigation>li>a{
    font-size: 14px !important;
    color: #000 !important;
    font-weight: 500 !important;
}

.main-menu .navigation>li>ul>li>a:hover {
    font-size: 14px !important;
    color: #fff !important;
    font-weight: 500 !important;
}

.main-menu .navigation>li>ul>li>a{
    padding: 10px 15px !important;
    color: #000 !important;
}

.main-footer .main-footer-top .container{
    margin: 0px !important;
}

.image-box {
    height: 230px;
    overflow: hidden;
}

.image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 767px) {
    .main-footer-bottom-inner .text {
        position: relative;
        display: block;
        padding-top: 20px !important;
        text-align: center;
    }
}




/**/
.about-video-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 12px;
}

.about-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

/* Make text justified on right side */
.counter-section-three .text {
  text-align: justify;
}

/* Optional: make section responsive */
@media (max-width: 991px) {
  .about-video {
    height: 300px;
  }
  .counter-section-three .row {
    flex-direction: column;
  }
}