/*!
STYLESHEET INDEX
-------------------------------------------------------
1. Base Files
   - variables
   - mixins
   - typography
   - animation
   - theme
   - header
   - footer
   - widget
   - swiper

2. Components (./components/)
   - Hero-slider
   - About
   - Cause
   - Cta
   - Contact
   - Story
   - Card
   - Text-slide
   - Stat
   - Team
   - Event
   - Review
   - Project
   - Accordion
   - Blog
   - Features
   - Video
   - Donation-form
   - Process
   - Pricing
   - Single-post
   - Single-cause
   - Gallery
   - Shop
   - Single-product
   - Cart
   - Checkout

Notes:
- Keep component filenames consistent with imports.
- Add new sections as separate component files.
*/
/*! variables */
:root {
   --font-family-base: "Kedebideri", sans-serif;
   --font-family-headings: "Playfair Display", serif;
   --font-family-btn: "Playfair Display", serif;
   --bs-border-color: #d8dde1;
   --font-size-base: 16px;
   --font-weight-base: 500;
   --line-height-base: 26px;
   --primary: #0545a6;
   --primary-rgb: #0545a6;
   --secondary: #10aa48;
   --secondary-rgb: #10aa48;
   --gradient: linear-gradient(360deg, #063d91 10%, #2864cd 88%);
   --tertiary: #05265c;
   --white: #fff;
   --white-rgb: 255, 255, 255;
   --shade: #d5e6ff;
   --success: #23e219;
   --body-color: #2c2c2c;
   --body-color: #2c2c2c;
   --border-color: #d8dde1;
   --black: #000;
   --dark: #1f1f1f;
   --headings-color: #1f1f1f;
   --blue: #1d1354;
   --light: #f9fdf7;
   --mute: #829592;
   --danger: #dc3545
}

/*! mixins */
.text-primary {
   color: #0545a6 !important
}

.text-secondary {
   color: #10aa48 !important
}

.text-tertiary {
   color: #122f2a !important
}

.text-success {
   color: #23e219 !important
}

.text-danger {
   color: #dc3545 !important
}

.text-warning {
   color: #ffc107 !important
}

.text-info {
   color: #fff !important
}

.text-light {
   color: #f9fdf7 !important
}

.text-dark {
   color: #1f1f1f !important
}

.text-mute {
   color: hsla(0, 0%, 100%, .7) !important
}

.text-shade {
   color: #f6f6f6 !important
}

.text-body {
   color: #545a66 !important
}

.h1,
.sc-media-wrap .success-year span,
h1 {
   font-size: 84px
}

.h1,
.h2,
.sc-media-wrap .success-year span,
h1,
h2 {
   font-family: var(--font-family-headings, "Playfair Display", serif);
   font-weight: 600;
   line-height: 1.19;
   color: var(--headings-color)
}

.h2,
h2 {
   font-size: 48px
}

.about-sec4 .about-inner .success-year span,
.h3,
.slide-transtion .swiper-slide p,
h3 {
   font-size: 40px
}

.about-sec4 .about-inner .success-year span,
.h3,
.h4,
.slide-transtion .swiper-slide p,
h3,
h4 {
   font-family: var(--font-family-headings, "Playfair Display", serif);
   font-weight: 600;
   line-height: 1.19;
   color: var(--headings-color)
}

.h4,
h4 {
   font-size: 32px
}

.h5,
h5 {
   font-family: var(--font-family-headings, "Playfair Display", serif);
   font-size: 24px;
   font-weight: 600;
   line-height: 1.19;
   color: var(--headings-color)
}

.cause-widget .donar-s .donar-info span,
.cause-widget ul li,
.event-entry2 .event-txt .event-meta span,
.footer-widget .footer-info .single-conn .conn-txt a,
.h6,
.payment-option .accordion-button,
.portfolio-menu .nav .nav-link,
.product-details-tab .nav-tabs li .nav-link,
.quick-call a,
.review-top .lead,
.review-top .lead-sm,
h6 {
   font-family: var(--font-family-base);
   font-size: 18px;
   font-weight: 800;
   line-height: 1.19;
   color: var(--headings-color)
}

.display-1 {
   font-size: 84px
}

.display-1,
.display-2,
.sec-title {
   font-family: var(--font-family-headings, "Playfair Display", serif);
   font-weight: 600;
   line-height: 1.19;
   color: var(--headings-color)
}

.display-2,
.sec-title {
   font-size: 48px
}

.display-3,
.sc-media-wrap .success-year .sy-txt {
   font-size: 40px
}

.display-3,
.display-4,
.sc-media-wrap .success-year .sy-txt {
   font-family: var(--font-family-headings, "Playfair Display", serif);
   font-weight: 600;
   line-height: 1.19;
   color: var(--headings-color)
}

.display-4 {
   font-size: 32px
}

.display-5,
.event-tabs .nav.nav-tabs li span,
.footer-widget .widget-title,
.process-card .count,
.review-entry2 .rev-inner p,
.widget-title {
   font-family: var(--font-family-headings, "Playfair Display", serif);
   font-size: 24px;
   font-weight: 700;
   line-height: 34px;
   color: var(--headings-color)
}

h4.display-5{
   font-size: 22px;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 5px;
    font-family: var(--font-family-base);
    color: var(--primary);
}
    
/*.feature-sec video {
    box-shadow:   0px 0px 6px 1px #cbcbcb;
    border-radius: 30px;
}*/

.btn-2,
.display-6,
.header-middle .conn-txt a,
.header-middle .conn-txt span,
.navbar .navbar-nav>li a.nav-link,
a.link-btn,
ul.check li {
   font-family: var(--font-family-headings, "Playfair Display", serif);
   font-size: 20px;
   font-weight: 600;
   line-height: 1.19;
   color: var(--headings-color)
}

/*! typography */
body {
   font-family: var(--font-family-base);
   font-size: var(--font-size-base);
   font-weight: var(--font-weight-base);
   line-height: var(--line-height-base);
   color: var(--body-color);
   position: relative;
   height: 100%;
   overflow: hidden ;
   box-sizing: border-box;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

@media (min-width:1200px) {
   .container {
      max-width: 1290px
   }
}

@media (min-width:1400px) {
   .ct-container {
      max-width: 1730px
   }
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
   color: #fff;
   border-color: var(--primary);
   background-color: var(--primary)
}

.bg-primary {
   background-color: #0545a6 !important
}

.bg-tertiary {
   background-color: #122f2a !important
}

.btn-secondary {
    background: var(--gradient);
    border-color: var(--gradient);
    color: #fff;
}

.btn-secondary:focus,
.btn-secondary:hover {
    background: var(--gradient);
    border-color: var(--gradient);
    color: #fff;
    box-shadow: inset 0px 2px 12px 2px #458aff;
}

.bg-secondary {
   background-color: #10aa48 !important
}

.bg-shade {
   background-color: #f2f9ff !important
}

.bg-info {
   background-color: #fff !important
}

.bg-dark {
   background-color: #1f1f1f !important
}

a,
a:focus,
a:hover {
   color: var(--headings-color);
   -webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
   -ms-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease;
   text-decoration: none
}

.lead-sm {
   font-size: 20px
}

.form-control,
input,
select,
textarea {
   font-family: var(--font-family-base);
   width: 100%;
   color: var(--body-color);
   padding: 14.5px 20px;
   border: 1px solid var(--border-color);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   border-radius: 8px
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
   outline: 0 none;
   box-shadow: 0 0 0 .05rem rgba(var(--primary), .2)
}

.form-control::placeholder,
input::placeholder,
select::placeholder,
textarea::placeholder {
   opacity: 1;
   color: var(--body-color)
}

.form-control:-ms-input-placeholder,
input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: var(--body-color)
}

.form-control::-ms-input-placeholder,
input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: var(--body-color)
}

input[type=checkbox] {
   padding: 0
}

.btn:focus-visible {
   color: var(--headings-color);
   background-color: var(--primary);
   border-color: var(--primary);
   outline: 0;
   box-shadow: none
}

/*! animation */
.anim-img {
   position: absolute;
   backface-visibility: hidden;
   animation: jumping 5s ease-in-out 2s infinite alternate;
   animation-timing-function: cubic-bezier(.65, .05, .36, 1);
   user-select: none;
   will-change: transform
}

.anim-img.left-bottom {
   right: auto;
   left: 0;
   top: auto;
   bottom: 20px
}

.anim-img.right-bottom {
   right: 20px;
   bottom: 20px
}

.anim-img.center-bottom {
   left: 20%;
   bottom: 0
}

.anim-img.right-top {
   right: 20px;
   top: 20px
}

.anim-img.spin {
   animation: spin 8s ease-in-out 2s infinite alternate
}

.anim-img.zoom {
   animation: zoom 8s ease-in-out 2s infinite alternate
}

.anim-img.anim-2 {
   animation: jumping2 8s ease-in-out 2s infinite alternate
}

@media (max-width:575.98px) {
   .anim-img {
      display: none
   }
}

@keyframes jumping {
   0% {
      transform: translateY(0) translateX(0) rotate(0) scale(.5);
      opacity: .2
   }

   50% {
      transform: translateY(-50px) translateX(-50px) rotate(15deg) scale(.7);
      opacity: .7
   }

   to {
      transform: translateY(-75px) translateX(-75px) rotate(0) scale(1);
      opacity: 1
   }
}

@keyframes jumping2 {
   0% {
      transform: translateY(-150px) translateX(-10px) rotate(0) scale(1);
      opacity: .2
   }

   50% {
      transform: translateY(-50px) translateX(-10px) rotate(5deg) scale(.8);
      opacity: .5
   }

   to {
      transform: translateY(0) translateX(0) rotate(0) scale(.7)
   }
}

@keyframes animate_pulse {
   0% {
      box-shadow: 0 0 0 0 rgba(255, 172, 0, .2), 0 0 0 0 rgba(255, 172, 0, .4)
   }

   40% {
      box-shadow: 0 0 0 50px rgba(255, 172, 0, 0), 0 0 0 0 rgba(255, 172, 0, .4)
   }

   80% {
      box-shadow: 0 0 0 50px rgba(255, 172, 0, 0), 0 0 0 30px rgba(255, 172, 0, 0)
   }

   to {
      box-shadow: 0 0 0 0 rgba(255, 172, 0, 0), 0 0 0 30px rgba(255, 172, 0, 0)
   }
}

.spin {
   animation: spin 10s linear infinite
}

@keyframes spin {
   0% {
      transform: rotate(0);
      left: 50%
   }

   40% {
      transform: rotate(90deg);
      left: 55%
   }

   80% {
      transform: rotate(180deg);
      left: 60%
   }

   to {
      transform: rotate(1turn);
      left: 50%
   }
}

.moveX {
   animation: moveX 12s linear infinite
}

.footer-widget .widget-title:after,
.moveXS {
   animation: moveXS 8s linear infinite
}

@keyframes moveX {
   0% {
      transform: translateX(0)
   }

   25% {
      transform: translateX(150px)
   }

   50% {
      transform: translateX(120px)
   }

   75% {
      transform: translateX(140px)
   }

   to {
      transform: translateX(0)
   }
}

@keyframes moveXS {
   0% {
      transform: translateX(0)
   }

   30% {
      transform: translateX(20px)
   }

   70% {
      transform: translateX(50px)
   }

   to {
      transform: translateX(0)
   }
}

.moveY {
   animation: moveY 7s ease-in-out infinite
}

.moveYS {
   animation: moveYS 9s ease-in-out infinite
}

@keyframes moveY {
   0% {
      transform: translateY(-80px)
   }

   50% {
      transform: translateY(60px)
   }

   to {
      transform: translateY(-80px)
   }
}

@keyframes moveYS {
   0% {
      transform: translateY(-15px)
   }

   50% {
      transform: translateY(15px)
   }

   to {
      transform: translateY(-15px)
   }
}

.rotate {
   animation: rotate 7s linear infinite
}

@keyframes rotate {
   0% {
      transform: rotate(0deg)
   }

   to {
      transform: rotate(1turn)
   }
}

@keyframes zoom {
   0% {
      -moz-transform: scale(.3);
      -o-transform: scale(.3);
      -ms-transform: scale(.3);
      -webkit-transform: scale(.3);
      transform: scale(.3)
   }

   20% {
      -moz-transform: scale(.8);
      -o-transform: scale(.8);
      -ms-transform: scale(.8);
      -webkit-transform: scale(.8);
      transform: scale(.8)
   }

   50% {
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1)
   }

   to {
      -moz-transform: scale(.4);
      -o-transform: scale(.4);
      -ms-transform: scale(.4);
      -webkit-transform: scale(.4);
      transform: scale(.4)
   }
}

@keyframes fadeInLeft {
   0% {
      opacity: 0;
      -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      transform: translateX(-20px)
   }

   to {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0)
   }
}

.fadeInLeft {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft
}

/*! theme */
.about-feature .single-feat ul li,
.about-sec3 .about-process,
.about-sec3 .about-thumbs,
.about-sec4 .about-imgs,
.about-sec .about-media .about-feat,
.abstat-wrap .donate-stat,
.blog-entry3 .entry-content h3,
.blog-sec3,
.btn-close,
.card-entry,
.card-entry2,
.cause-entry,
.cause-entry3,
.cause-list .cause-thumb,
.cause-list .cause-txt .donate-stat,
.ct-list li,
.cta-sec,
.cta-sec3 .cta-inner,
.cta-sec3 .video-box a,
.event-list .event-footer,
.event-list .event-thumb,
.event-sec,
.faq-accordion .accordion-item .accordion-body,
.footer,
.footer-2 .footer-top .single-conn span,
.footer-nav ul li,
.footer-widget .widget-title,
.footer-widget ul li,
.header-actions a.text-reset.user-account,
.header-connect .single-conn,
.header-top .header-socials span,
.header.header-2 .header-top,
.header.header-2 .nav-cta,
.header.header-3 .navbar-brand,
.instagram-widget .widget-inner .insta-wrap a,
.navbar-line,
.overly,
.pricing-entry .pricing-body ul li,
.pricing-sec .pricing-wrap,
.process-card .count,
.project-entry2,
.recent-entry .rc-entry,
.review-sec,
.review-thumb,
.review-wrap,
.sc-media-wrap,
.sec-intro .sec-meta,
.service-entry,
.slide-transtion .swiper-slide,
.stat-sec2 .row>div,
.stat-sec .row>div,
.sub-title,
.swiper-pagination span.swiper-pagination-bullet-active,
.team-entry,
a.link-btn,
blockquote,
blockquote cite,
ul.check li {
   position: relative;
   z-index: 1
}

.about-feature .single-feat ul li:before,
.about-sec3 .about-process:before,
.about-sec3 .about-thumbs:before,
.about-sec4 .about-imgs:before,
.about-sec .about-media .about-feat:before,
.abstat-wrap .donate-stat:before,
.blog-entry3 .entry-content h3:before,
.blog-sec3:before,
.btn-close:before,
.card-entry2:before,
.card-entry:before,
.cause-entry3:before,
.cause-entry:before,
.cause-list .cause-thumb:before,
.cause-list .cause-txt .donate-stat:before,
.ct-list li:before,
.cta-sec3 .cta-inner:before,
.cta-sec3 .video-box a:before,
.cta-sec:before,
.event-list .event-footer:before,
.event-list .event-thumb:before,
.event-sec:before,
.faq-accordion .accordion-item .accordion-body:before,
.footer-2 .footer-top .single-conn span:before,
.footer-nav ul li:before,
.footer-widget .widget-title:before,
.footer-widget ul li:before,
.footer:before,
.header-actions a.text-reset.user-account:before,
.header-connect .single-conn:before,
.header-top .header-socials span:before,
.header.header-2 .header-top:before,
.header.header-2 .nav-cta:before,
.header.header-3 .navbar-brand:before,
.instagram-widget .widget-inner .insta-wrap a:before,
.navbar-line:before,
.overly:before,
.pricing-entry .pricing-body ul li:before,
.pricing-sec .pricing-wrap:before,
.process-card .count:before,
.project-entry2:before,
.recent-entry .rc-entry:before,
.review-sec:before,
.review-thumb:before,
.review-wrap:before,
.sc-media-wrap:before,
.sec-intro .sec-meta:before,
.service-entry:before,
.slide-transtion .swiper-slide:before,
.stat-sec2 .row>div:before,
.stat-sec .row>div:before,
.sub-title:before,
.swiper-pagination span.swiper-pagination-bullet-active:before,
.team-entry:before,
a.link-btn:before,
blockquote:before,
blockquote cite:before,
ul.check li:before {
   position: absolute;
   content: "";
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   background: transparent;
}

.container-fluid {
   --bs-gutter-x: 30px
}

.sec-title {
       font-weight: 800;
    text-transform: capitalize;
    font-size: 32px;
    line-height: 42px;
    color: var(--primary);
    margin-bottom: 5px;
    font-family: var(--font-family-headings);
}

h3.sec-title {
       font-weight: 700;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 26px;
    text-transform: capitalize;
    color: var(--secondary);
    font-family: var(--font-family-base);
    margin-bottom: 5px;
}

h4.sec-title {
          font-weight: 600;
    text-transform: capitalize;
    font-size: 17px;
    line-height: 27px;
    text-transform: capitalize;
    color: var(--headings-color);
    font-family: var(--font-family-base);
    margin-bottom: 0px;
}

.about-content p{
   margin-top: 10px;
}



/*@media (max-width:767.98px) {
   .sec-title {
      font-size: 40px
   }
}*/

/*@media (max-width:575.98px) {
   .sec-title {
      overflow: hidden;
      font-size: 36px
   }
}*/

.sub-title {
   font-family: var(--font-family-base);
   display: inline-block;
   color: var(--secondary);
   font-size: 18px;
   margin-bottom: 10px
}

.sub-title:after,
.sub-title:before {
       background: url(../images/favicon.png) no-repeat 0/contain;
    width: 30px;
    height: 18px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: -30px;
}

/*.sub-title:after {
   position: absolute;
   content: "";
   left: auto;
   right: -90px;
   background: url(../images/icons/arrow-left.svg) no-repeat 100%/contain
}*/

/*.sub-title img {
   margin-right: 10px
}

.sub-title.single {
   margin-left: 30px
}*/

.sub-title.single:after {
   display: none
}

@media (max-width:575.98px) {
   .sub-title {
      overflow: hidden;
      font-size: 26px
   }

   .sub-title.single {
      margin-left: 0
   }
}

.sec-intro {
   margin: 0 0 20px;
   /*max-width: 700px*/
}

.sec-intro .sec-meta {
   font-size: 20px;
   padding-left: 100px;
   display: inline-block
}

.sec-intro .sec-meta:before {
   height: 1px;
   width: 93px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%)
}

.sec-intro .sec-meta.text-primary:before {
   background-color: var(--primary)
}

/*.sec-intro .sec-title {
   margin-top: 10px
}*/

.sec-intro.full {
   max-width: max-content
}

.sec-padding {
   padding: 60px 0
}

@media (min-width:992px) and (max-width:1199.98px) {
   .sec-padding {
      padding: 60px 0
   }
}

@media (min-width:768px) and (max-width:991.98px) {
   .sec-padding {
      padding: 60px 0
   }
}

@media (max-width:767.98px) {
   .sec-padding {
      padding: 60px 0
   }
}

.btn-primary {
       background: var(--gradient);
    border-color: var(--primary);
    color: #fff;
}

.btn-primary:focus,
.btn-primary:hover {
    background: var(--gradient);
    border-color: var(--primary);
    color: #fff;
    box-shadow: inset 0px 2px 12px 2px #458aff;
}

.btn {
 font-family: var(--font-family-base);
   font-size: 16px;
   line-height: 16px;
   font-weight: 600;
   text-transform: capitalize;
   padding: 15px 14px;
   border-radius: 50px;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

/*@media (max-width:1199.98px) {
   .btn {
      padding: 13px 35px
   }
}
*/
.btn i.fa-arrow-right {
   margin-left: 5px;
   transform: rotate(-30deg);
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.btn:hover i.fa-arrow-right {
   transform: rotate(0deg)
}

.btn.btn-xs {
   padding: 12px 26px;
   font-size: 14px
}

.rounded-4 {
   border-radius: 20px !important
}

.btn-dark:hover {
   background-color: var(--primary);
   border: 1px solid var(--primary);
   color: var(--headings-color);
  
}

img.f-panzoom__content {
   border-radius: 35px
}

.btn-primary:hover {
   background-color: var(--secondary);
   border: 1px solid var(--primary);
}

.zoom-th {
   overflow: hidden
}

.zoom-th img {
   transform: scale(1);
   -webkit-transition: all .6s linear;
   -moz-transition: all .6s linear;
   -ms-transition: all .6s linear;
   -o-transition: all .6s linear;
   transition: all .6s linear
}

.zoom-th:hover img {
   transform: scale(1.05)
}

.btn-2 span,
.gallery-item .gallery-hover a,
.icon,
.icon-lg,
.icon-xl,
.icon-xs {
   height: 46px;
   width: 46px;
   text-align: center;
   display: flex;
   flex: 0 0 auto;
   align-items: center;
   justify-content: center;
   font-size: 16px
}

.btn-2 span i,
.gallery-item .gallery-hover a i,
.icon-lg i,
.icon-xl i,
.icon-xs i,
.icon i {
   display: table-cell;
   vertical-align: middle
}

.icon-xs {
   width: 40px;
   height: 40px;
   font-size: 13px
}

.gallery-item .gallery-hover a,
.icon-lg {
   width: 50px;
   height: 50px
}

.icon-xl {
   width: 100px;
   height: 100px
}

p.lead,
p.lead-sm {
   font-size: 18px;
   line-height: 1.6;
   font-weight: 500
}

p.lead-sm a,
p.lead a {
   text-decoration: underline
}

@media (max-width:991.98px) {

   p.lead,
   p.lead-sm {
      font-size: 20px
   }
}

.abs-bg {
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0
}

.btn-2 {
   font-size: 16px
}

.btn-2 span {
   display: inline-table;
   background-color: var(--shade);
   text-align: center;
   vertical-align: middle;
   border-radius: 50%;
   margin-right: 12px;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.btn-2:hover span {
   color: var(--headings-color)
}

a.link-btn {
   text-transform: capitalize;
   font-size: 16px
}

a.link-btn:before {
   background-color: var(--headings-color);
   top: 22px;
   height: 1px;
   width: 100%;
   position: absolute;
   left: 0
}

a.link-btn:before,
a.link-btn i {
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

a.link-btn i {
   transform: rotate(-30deg)
}

a.link-btn:hover {
   color: var(--primary)
}

a.link-btn:hover:before {
   background-color: var(--primary)
}

a.link-btn:hover i {
   transform: rotate(0deg)
}

a.link-btn.text-primary:before {
   background-color: var(--primary)
}

.ratings {
   font-size: 16px
}

.custom-pin {
   position: sticky;
   top: 100px
}

.shadow-1 {
   -webkit-box-shadow: 0 10px 50px #e8e8e8;
   -moz-box-shadow: 0 10px 50px #e8e8e8;
   box-shadow: 0 10px 50px #e8e8e8
}

.shadow-2 {
   -webkit-box-shadow: 0 2px 50px rgba(0, 0, 0, .05);
   -moz-box-shadow: 0 2px 50px rgba(0, 0, 0, .05);
   box-shadow: 0 2px 50px rgba(0, 0, 0, .05)
}

.social-share a {
   background: var(--gradient);
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   border-radius: 50px;
   color: var(--white);
   display: inline-flex;
   align-items: center;
   justify-content: space-around;
   width: 40px;
   height: 40px;
   margin-right: 10px;
   -webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
   -ms-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease
}

.social-share a i {
   display: table-cell;
   vertical-align: middle
}

.social-share a:last-child {
   margin-right: 0
}

.social-share a:hover {
   background-color: var(--secondary);
   color: var(--white)
}

.social-share.outline a {
   border: 1px solid var(--border-color);
   background-color: transparent;
   color: var(--headings-color)
}

.social-share.outline a:hover {
   background-color: var(--primary);
   border: 1px solid var(--primary);
   color: var(--white)
}

.social-share.null a {
   background-color: transparent;
   width: auto;
   height: auto;
   color: var(--headings-color)
}

.social-share.null a:hover {
   color: var(--secondary)
}

.bg-cover {
   background-size: cover;
   background-position: 50%;
   background-repeat: no-repeat
}

.scroll-top {
   position: fixed;
   right: 1.875rem;
   bottom: 1.875rem;
   height: 3.125rem;
   width: 3.125rem;
   z-index: 10000;
   opacity: 1;
   visibility: hidden;
   transform: translateY(2.8125rem);
   transition: all .3s linear;
   background-color: var(--white);
   box-shadow: 0 .3125rem .9375rem rgba(0, 0, 0, .14)
}

.scroll-top,
.scroll-top:after {
   cursor: pointer;
   display: block;
   border-radius: 50%
}

.scroll-top:after {
   content: "\f106";
   font-family: fontawesome;
   font-weight: 700;
   position: absolute;
   text-align: center;
   line-height: 3.125rem;
   font-size: 1.25rem;
   color: var(--headings-color);
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   z-index: 1
}

.scroll-top.show {
   opacity: 1;
   visibility: visible;
   transform: translateY(0)
}

.scroll-top svg {
   color: var(--white);
   border-radius: 50%
}

.scroll-top .progress-circle path {
   stroke: var(--secondary);
   stroke-width: .5rem;
   box-sizing: border-box;
   transition: all .4s linear
}

#preloader.done {
   visibility: hidden;
   opacity: 0
}

#preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #f7f7f7;
   z-index: 999999
}

.preloader {
   padding: 0;
   text-align: left;
   box-sizing: border-box;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   margin-top: -25px
}

.preloader,
.preloader span {
   width: 50px;
   height: 50px;
   display: inline-block;
   position: absolute
}

.preloader span {
   border-radius: 100%;
   background: var(--primary);
   -webkit-animation: preloader 1.3s linear infinite;
   animation: preloader 1.3s linear infinite
}

.preloader span:last-child {
   animation-delay: -.8s;
   -webkit-animation-delay: -.8s
}

@keyframes preloader {
   0% {
      transform: scale(0);
      opacity: .5
   }

   to {
      transform: scale(1);
      opacity: 0
   }
}

@-webkit-keyframes preloader {
   0% {
      -webkit-transform: scale(0);
      opacity: .5
   }

   to {
      -webkit-transform: scale(1);
      opacity: 0
   }
}

.tv-spin {
   animation: tv-spin 6s linear infinite
}

.tv-move {
   animation: tv-move 16s linear infinite
}

.ct-list {
   margin: 0;
   padding: 0;
   list-style: none
}

.ct-list li {
   margin-bottom: 15px;
   margin-left: 40px;
   font-weight: 400
}

.ct-list li:before {
   height: 1px;
   width: 16px;
   left: -25px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%)
}

.video-play-btn {
   display: flex;
   place-content: center;
   text-align: center;
   height: 100px;
   width: 100px;
   font-size: 25px;
   display: inline-block;
   border-radius: 50px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   color: var(--headings-color);
   background-color: var(--white);
   animation: animate_pulse 3s linear infinite
}

.reveal {
   position: relative;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   visibility: hidden;
   overflow: hidden
}

.reveal img {
   height: 100%;
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -webkit-transform-origin: left;
   transform-origin: left
}

.pager nav.navigation.pagination {
   display: block
}

.pager a,
.pager span {
   width: 45px;
   height: 45px;
   line-height: 45px;
   display: inline-flex;
   align-items: center;
   justify-content: space-around;
   font-size: 17px;
   font-weight: 500;
   background-color: rgba(var(--primary-rgb), .15);
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   border-radius: 50px;
   text-align: center;
   margin-right: 5px;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.pager .current,
.pager a:hover {
   background-color: var(--primary);
   color: var(--white)
}

.pager a.next,
.pager a.prev {
   width: 100px;
   padding: 3px 10px;
   line-height: 1;
   text-transform: uppercase
}

.abs-img {
   position: absolute;
   left: 0;
   top: 0
}

.blog-entry3,
.faq-accordion .accordion-item,
.gallery-item .gallery-hover a,
.header.header-2 .header-top:before,
.round {
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px
}

.ratings i {
   color: var(--secondary)
}

.progress {
   border: 0;
   box-shadow: none;
   height: 7px;
   overflow: visible;
   position: relative;
   border-radius: 10px;
   display: block;
   background-color: var(--shade)
}

.progress:last-child {
   margin-bottom: 0
}

.progress .meta {
   font-size: 16px;
   left: 0;
   position: absolute;
   top: -28px;
   font-weight: 600;
   color: var(--headings-color)
}

.progress .progress-bar {
   display: block;
   background: var(--primary);
   float: left;
   height: 7px;
   border-radius: 10px;
   overflow: visible
}

.progress .progress-bar span {
   background: var(--primary);
   float: right;
   margin-right: 10px;
   margin-top: -32px;
   position: relative;
   font-weight: 700;
   font-size: 15px;
   padding: 0 8px;
   border-radius: 5px;
   font-family: caveat
}

.progress .progress-bar span:after,
.progress .progress-bar span:before {
   border: solid transparent;
   content: "";
   height: 0;
   pointer-events: none;
   position: absolute;
   top: 100%;
   width: 0
}

.progress .progress-bar span:before {
   border-top-color: var(--primary);
   border-width: 5px;
   left: 50%;
   margin-left: -5px
}

.accordion-button:not(.collapsed) {
   box-shadow: none
}

.single-feat ul,
ul.check {
   margin: 0;
   padding: 0;
   list-style: none
}

ul.check li {
   margin-left: 40px;
   font-weight: 500;
   margin-bottom: 7px;
   font-family: var(--font-family-base);
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: var(--headings-color);
}

ul.check li:before,
ul.check li span {
   color: var(--secondary)
}

ul.check li:before {
   content: "\f058";
   font-family: fontawesome;
   background: transparent;
   font-size: 22px;
   left: -40px;
   top: 2px
}

/*.parallax-overly {
   position: absolute;
   inset: 0;
   background-color: var(--primary);
   opacity: .9;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
   filter: alpha(opacity=90);
   mix-blend-mode: multiply;
   z-index: -1
}*/

.nav-tabs {
   border: 0
}

.nav-tabs .nav-item {
   margin-right: 30px;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

@media (max-width:575.98px) {
   .nav-tabs .nav-item {
      margin-bottom: 15px
   }
}

.nav-tabs .nav-item .nav-link {
   margin: 0;
   color: var(--body-color);
   font-weight: 600;
   border-radius: 30px;
   border: 1px solid var(--border-color);
   padding: 7px 23px;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item .nav-link:hover {
   color: var(--white);
   background-color: var(--primary);
   border: 1px solid var(--primary)
}

.nice-select.tv-select {
   height: auto !important;
   width: 100%;
   border: 1px solid var(--border-color);
   padding: 7px 20px;
   border-radius: 30px;
   font-size: 16px
}

/*! header */
.header-middle .conn-txt small {
   display: block;
   color: rgba(var(--white-rgb), .6)
}

.header-middle .conn-txt a,
.header-middle .conn-txt span {
   color: var(--white)
}

.header-connect {
   max-width: 950px;
   margin-left: auto
}

@media (max-width:1199.98px) {
   .header-connect {
      margin: 0 auto
   }
}

.header-connect .single-conn:before {
   width: 2px;
   height: 52px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   opacity: .2;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
   filter: alpha(opacity=20);
   left: 130%
}

.header-connect .single-conn:last-child:before {
   display: none
}

@media (max-width:991.98px) {
   .header-connect .single-conn a {
      font-size: 18px
   }

   .header-connect .single-conn:before {
      display: none
   }
}

.icon-button {
   border: 0;
   background-color: transparent
}

.main-overlay {
   opacity: 0;
   visibility: hidden;
   filter: blur(2px);
   background: var(--black);
   position: fixed;
   height: 100vh;
   width: 100%;
   z-index: 5;
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.main-overlay.active {
   opacity: .6;
   visibility: visible
}

.canvas-menu {
   background: var(--white);
   height: 100vh;
   overflow-y: auto;
   overflow-x: hidden;
   padding: 40px;
   position: fixed;
   right: -100%;
   scrollbar-width: none;
   overflow-y: scroll;
   top: 0;
   width: 400px;
   opacity: 0;
   transition: .45s ease-in-out;
   visibility: hidden;
   z-index: 10
}

@media (max-width:575.98px) {
   .canvas-menu {
      width: 100%
   }
}

.canvas-menu.open {
   visibility: visible;
   opacity: 1;
   right: 0;
   transition: all .4s cubic-bezier(.785, .135, .15, .86);
   transition-duration: .6s
}

.canvas-menu.position-left {
   left: 0;
   right: auto;
   -moz-transform: translateX(-350px);
   -o-transform: translateX(-350px);
   -ms-transform: translateX(-350px);
   -webkit-transform: translateX(-350px);
   transform: translateX(-350px)
}

.canvas-menu.position-left.open {
   -moz-transform: translateX(0);
   -o-transform: translateX(0);
   -ms-transform: translateX(0);
   -webkit-transform: translateX(0);
   transform: translateX(0)
}

.canvas-menu .social-icons li:hover a {
   color: var(--secondary)
}

.canvas-menu a.btn.btn-primary {
   max-width: 160px;
   margin-top: 15px
}

.canvas-menu .canvas-close {
   box-sizing: content-box;
   border: 0;
   padding: 0;
   background-color: transparent;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   -o-transition: all .3s ease;
   transition: all .3s ease
}

.canvas-menu .canvas-close:focus {
   outline: none;
   box-shadow: none
}

.canvas-menu .canvas-close:hover {
   opacity: 1;
   transform: rotate(90deg)
}

.canvas-menu nav {
   width: 100%
}

.canvas-menu .vertical-menu {
   list-style: none;
   padding: 0;
   margin-bottom: 0
}

.canvas-menu .vertical-menu li.openmenu>a {
   color: var(--dark)
}

.canvas-menu .vertical-menu li.openmenu .switcher {
   -moz-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg)
}

.canvas-menu .vertical-menu li {
   padding: 0;
   position: relative;
   list-style: none;
   -webkit-transition: .2s ease-in-out .4s;
   -moz-transition: .2s .4s ease-in-out;
   -ms-transition: .2s .4s ease-in-out;
   -o-transition: .2s .4s ease-in-out;
   transition: .2s ease-in-out .4s
}

.canvas-menu .vertical-menu li:after {
   content: "";
   display: block;
   height: 1px;
   margin-bottom: 10px;
   margin-top: 10px;
   width: 100%
}

.canvas-menu .vertical-menu li.active a {
   color: var(--primary)
}

.canvas-menu .vertical-menu li.active .submenu a {
   color: var(--headings-color)
}

.canvas-menu .vertical-menu li.active .submenu a:hover {
   color: var(--body-color)
}

.canvas-menu .vertical-menu li .switcher {
   border: 1px solid var(--border-color);
   border-radius: 5px;
   display: flex;
   font-size: 14px;
   width: 30px;
   align-items: center;
   justify-content: space-around;
   height: 30px;
   cursor: pointer;
   color: var(--primary);
   position: absolute;
   top: 0;
   right: 0;
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: .2s ease-in-out .4s;
   -moz-transition: .2s .4s ease-in-out;
   -ms-transition: .2s .4s ease-in-out;
   -o-transition: .2s .4s ease-in-out;
   transition: .2s ease-in-out .4s;
   -webkit-backface-visibility: hidden
}

.canvas-menu .vertical-menu li a {
   color: var(--headings-color);
   font-weight: 500;
   text-decoration: none;
   position: relative
}

.canvas-menu .vertical-menu li a:hover {
   color: var(--primary)
}

.canvas-menu .submenu {
   display: none;
   padding: 10px 20px
}

.canvas-menu .submenu li {
   padding: 5px 0
}

.canvas-menu .submenu li:after {
   content: "";
   display: none
}

.canvas-menu .submenu li a {
   color: var(--headings-color);
   font-size: 14px;
   font-weight: 400
}

.canvas-menu .submenu li a:hover {
   color: var(--dark)
}

.header-top .header-socials span {
   color: var(--dark);
   font-weight: 500
}

.header-top .header-socials span:before {
       width: 1px;
    height: 20px;
    left: 80px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
}

@media (max-width:991.98px) {
   .header-top p {
      text-overflow: ellipsis;
      overflow: hidden;
      text-wrap: nowrap
   }

   .header-top .header-socials {
      width: 325px;
      text-align: right
   }
}

@media (min-width:576px) and (max-width:767.98px) {
   .header-top .header-socials {
      width: 510px
   }
}

@media (max-width:575.98px) {
   .header-top p {
      display: none
   }

   .header-top .header-socials {
      width: 100%;
      text-align: center;
      justify-content: center
   }
}

@media (max-width:575.98px) {
   .header-top {
      background-color: var(--shade)
   }
}

.header {
   position: relative;
   z-index: 9
}

.header .header-wrapper {
   position: absolute;
   width: 100%;
   top: 0;
   left: 0;
   right: 0;
   background-color: var(--white)
}

@media (min-width:1200px) {
   .header .header-wrapper .btn {
      padding: 15px 12px
   }
}

.header .header-middle {
   padding: 20px 0 50px
}

@media (max-width:1199.98px) {
   .header .header-middle {
      padding: 15px 0
   }
}

.header.header-1 {
   height: 180px
}

@media (max-width:1199.98px) {
   .header.header-1 {
      height: 103px;
      position: relative
   }
}

@media (max-width:1199.98px) {
   .header.header-1 .nav-end {
      margin: 20px 0 0 15px
   }
}

.header.header-1 nav.navbar {
   position: absolute;
   left: 0;
   width: 100%;
   padding: 0;
   bottom: -30px;
   background: transparent
}

@media (max-width:1199.98px) {
   .header.header-1 nav.navbar {
      background-color: var(--white);
      padding: 10px 0;
      bottom: auto
   }
}

@media (max-width:575.98px) {
   .header.header-1 nav.navbar {
      padding: 15px 0
   }
}

.header.header-1 nav.navbar .navbar-nav>li a.nav-link {
   padding: 21px 18px
}

@media (max-width:575.98px) {
   .header.header-1 nav.navbar .navbar-nav>li a.nav-link {
      padding: 17px 18px
   }
}

.header.header-1 nav.navbar .offcanvas-body {
   background-color: var(--white);
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   border-radius: 50px;
   padding: 0 15px
}

.header.header-1 nav.navbar .nav-end span a {
   color: var(--primary);
   font-weight: 600;
   text-transform: capitalize
}

.header.header-1 nav.navbar .nav-end span a:hover {
   color: var(--secondary)
}

.header.header-1 .navbar .navbar-nav>li.dropdown-fullwidth .dropdown-menu:first-of-type:before {
   left: 25%
}

.header.header-1 .header-nav-wrapper.header-sticky.scroll-on nav.navbar {
   position: relative;
   bottom: auto
}

@media (min-width:1200px) {
   .header.header-1 .header-nav-wrapper.header-sticky.scroll-on nav.navbar .btn {
      padding: 15px 43px
   }
}

.header.header-1 .header-nav-wrapper.header-sticky.scroll-on .header-buttons {
   top: 25px
}

.header.header-1 .header-nav-wrapper.header-sticky.scroll-on .header-buttons:before {
   height: 85px
}

@media (max-width:575.98px) {

   .btn-2 .header.header-1 .single-conn span,
   .gallery-item .gallery-hover .header.header-1 .single-conn a,
   .header.header-1 .single-conn .btn-2 span,
   .header.header-1 .single-conn .gallery-item .gallery-hover a,
   .header.header-1 .single-conn .icon,
   .header.header-1 .single-conn .icon-lg,
   .header.header-1 .single-conn .icon-xl,
   .header.header-1 .single-conn .icon-xs {
      width: 38px;
      height: 38px;
      font-size: 14px
   }

   .header.header-1 .single-conn .conn-txt {
      margin-left: 5px !important;
      line-height: 1.3
   }

   .header.header-1 .single-conn .conn-txt small {
      font-size: 13px
   }

   .header.header-1 .single-conn .conn-txt a,
   .header.header-1 .single-conn .conn-txt span {
      font-size: 14px
   }
}

.header.header-2 {
   min-height: 150px
}

.header.header-2 .container-fluid {
   padding: 0 20px
}

@media (max-width:1199.98px) {
   .header.header-2 {
      min-height: 130px
   }
}

.header.header-2 .header-top {
   padding: 12px 20px;
   margin: 10px 10px 0
}

.header.header-2 .header-top .container-fluid {
   padding: 0 10px
}

.header.header-2 .header-top:before {
   background-color: var(--primary);
   max-width: calc(100% - 16px);
   position: absolute;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translate(-50%)
}

.header.header-2 .header-top .header-socials span,
.header.header-2 .header-top .social-share a {
   color: var(--white)
}

.header.header-2 .header-top .social-share a:hover {
   color: var(--secondary)
}

.header.header-2 .nav-cta {
   margin-left: 70px
}

.header.header-2 .nav-cta .d-flex {
   gap: 40px
}

@media (min-width:992px) and (max-width:1199.98px) {
   .header.header-2 .nav-cta .d-flex {
      gap: 20px
   }
}

.header.header-2 .nav-cta .d-flex .quick-call a {
   font-size: 24px
}

.header.header-2 .nav-cta:before {
   width: 1px;
   left: -40px
}

.header.header-2 .header-nav-wrapper.header-sticky.scroll-on .navbar .navbar-nav>li a.nav-link {
   padding: 22px 18px
}

@media (max-width:1199.98px) {
   .header.header-2 .header-nav-wrapper.header-sticky.scroll-on .navbar .navbar-nav>li a.nav-link {
      padding: 17px 18px
   }
}

@media (min-width:576px) {
   .header.header-3 {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%
   }
}

.header.header-3 .header-wrapper {
   top: 5px;
   background: transparent
}

@media (max-width:767.98px) {
   .header.header-3 .header-wrapper {
      top: 5px
   }
}

.header.header-3 .header-wrapper .header-nav-wrapper .container-fluid {
   background-color: var(--white);
   margin: 0 20px;
   border-radius: 100px
}

@media (min-width:1600px) {
   .header.header-3 .header-wrapper .header-nav-wrapper .container-fluid {
      margin: 0 100px
   }
}

@media (max-width:1199.98px) {
   .header.header-3 .header-wrapper .header-nav-wrapper .container-fluid {
      margin: 0 20px;
      padding: 10px
   }
}

.header.header-3 .header-wrapper .navbar {
   padding: 0
}

.header.header-3 .header-wrapper .navbar ul li a {
   padding: 7px 14px
}

@media (min-width:1600px) {
   .header.header-3 .header-wrapper .navbar ul li a {
      padding: 40px 20px
   }
}

@media (max-width:767.98px) {
   .header.header-3 .header-wrapper .navbar ul li a {
      padding: 17px 18px
   }
}

.header.header-3 .header-wrapper .navbar .navbar-nav .dropdown-menu .dropdown-item {
   padding: 7px 10px
}

.header.header-3 .header-top {
       background: var(--gradient);
    max-width: 705px;
    margin-left: auto;
    margin-right: 105px;
    border-radius: 50px 50px 0 0;
    padding: 3px 20px;
}

.header.header-3 .header-top .header-socials span,
.header.header-3 .header-top .social-share a {
   color: var(--white)
}

.header.header-3 .navbar-brand:before {
      border-right: 3px solid var(--secondary);
    border-radius: 1000px 30px 30px 1000px;
    width: 400px;
    height: 140px;
    background-color: var(--white);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

@media (max-width:1199.98px) {
   .header.header-3 .navbar-brand:before {
      display: none
   }
}

@media (min-width:1600px) {
   .header.header-3 .navbar-brand:before {
      height: 130px
   }
}

.header.header-3 .header-nav-wrapper.header-sticky.scroll-on .navbar-brand:before {
   display: none
}

@media (max-width:389px) {
   .logo {
      max-width: 130px
   }

   .btn-2 .single-conn span,
   .gallery-item .gallery-hover .single-conn a,
   .single-conn .btn-2 span,
   .single-conn .gallery-item .gallery-hover a,
   .single-conn .icon,
   .single-conn .icon-lg,
   .single-conn .icon-xl,
   .single-conn .icon-xs {
      width: 34px;
      height: 34px;
      font-size: 13px
   }

   .single-conn .conn-txt {
      margin-left: 4px !important;
      line-height: 1.3
   }

   .single-conn .conn-txt small {
      font-size: 12px
   }

   .single-conn .conn-txt a,
   .single-conn .conn-txt span {
      font-size: 13px
   }
}

.navbar-line:before {
   width: calc(100% - 30px);
   left: 50%;
   transform: translateX(-50%);
   height: 0;
   top: 100%
}

@media (min-width:992px) {
   .navbar-line:before {
      height: 1px
   }
}

@media (min-width:992px) and (max-width:1199.98px) {
   .navbar-line:before {
      top: 135%
   }
}

.navbar {
   padding: 10px 0
}

.navbar .dropdown,
.navbar .dropdown-center,
.navbar .dropend,
.navbar .dropstart,
.navbar .dropup,
.navbar .dropup-center {
   position: relative
}

@media (max-width:1199.98px) {

   .navbar .dropdown,
   .navbar .dropdown-center,
   .navbar .dropend,
   .navbar .dropstart,
   .navbar .dropup,
   .navbar .dropup-center {
      width: 100%
   }
}

.navbar .navbar-nav>li a.nav-link {
    padding: 30px 16px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    font-family: var(--font-family-base);
}

@media (min-width:1200px) and (max-width:1399.98px) {
   .navbar .navbar-nav>li a.nav-link {
      padding: 32px 18px
   }
}

.navbar .navbar-nav>li a.nav-link:after {
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

@media (min-width:1200px) {
   .navbar .navbar-nav>li:first-child a.nav-link {
      padding-left: 0
   }
}

@media (max-width:1199.98px) {
   .navbar .navbar-nav>li {
      width: 100%
   }
}

.navbar .navbar-nav .nav-item>.dropdown-menu:first-of-type:before {
   position: absolute;
   content: "";
   top: -12px;
   left: 22px;
   z-index: 8;
   width: 0;
   height: 0;
   border-left: 12px solid transparent;
   border-right: 12px solid transparent;
   border-bottom: 12px solid var(--white)
}

.navbar .navbar-nav .dropdown-menu {
   border: none;
   border-radius: 8px;
   margin-top: 0;
   padding: 15px 0;
   min-width: 250px;
   top: 100%;
   left: 0;
   background-color: var(--white);
   box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, .35);
   z-index: 10;
   transform: translateY(15px);
   -webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
   -ms-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease
}

.navbar .navbar-nav .dropdown-menu .dropdown-item {
   align-items: center;
   display: flex;
   font-weight: 500;
   padding: 7px 10px ;
   width: 100%;
   font-size: 16px;
   font-family: var(--font-family-base);
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   -ms-transition: all .3s ease-in-out;
   -o-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out
}

.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
   background-color: transparent;
   color: var(--secondary);
   padding-left: 20px !important
}

.navbar .navbar-nav .dropdown-menu .dropdown-submenu a:after {
   position: absolute;
   right: 16px;
   transform: rotate(-90deg)
}

.navbar .navbar-nav .dropdown-menu .dropdown-submenu.dropend .dropdown-menu {
   left: 100%;
   right: auto;
   top: -10px
}

.navbar .navbar-nav .dropdown-menu>li.dropdown-submenu.dropend:focus>a,
.navbar .navbar-nav .dropdown-menu>li.dropdown-submenu.dropend:hover>a {
   color: var(--primary);
   background-color: transparent;
   padding-left: 30px;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -ms-transition: all .3s ease;
   -o-transition: all .3s ease;
   transition: all .3s ease
}

.navbar .navbar-nav>.dropdown:hover>.dropdown-menu {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   visibility: visible;
   transform: translateY(0)
}

.navbar .navbar-brand {
   margin-right: 0
}

@media (max-width:991.98px) {
   .navbar .navbar-brand img {
      max-width: 145px
   }
}

@media (max-width:575.98px) {
   .navbar .navbar-brand img {
      max-width: 135px
   }
}

.navbar .navbar-toggler:focus {
   box-shadow: none
}

.navbar .dropdown .dropdown-toggle:after {
   content: "\f107";
   font-family: fontawesome;
   border: 0;
   margin-left: 5px;
   float: right;
   font-size: 14px;
   margin-top: 2px
}

@media (max-width:767.98px) {
   .navbar .dropdown .dropdown-toggle:after {
      margin-left: auto;
      margin-right: 10px
   }
}

.navbar button.navbar-toggler.offcanvas-nav-btn {
   border: 0;
   font-size: 18px;
   color: var(--headings-color);
   text-transform: uppercase;
   padding: 0;
   font-weight: 700
}

.navbar button.navbar-toggler.offcanvas-nav-btn i {
   top: .125rem;
   position: relative
}

.navbar .dropdown-header {
   color: var(--headings-color);
   font-size: 16px;
   font-weight: 700;
   letter-spacing: .0625rem;
   padding: 3px 15px 7px 25px;
   text-transform: uppercase
}

.navbar .custom-btn {
   border-radius: 30px;
   padding: 9px 28px
}

.navbar .nav-banner>a img {
   margin: 10px 0
}

.gallery-item .gallery-hover .navbar .nav-cta a,
.navbar .nav-cta .gallery-item .gallery-hover a,
.navbar .nav-cta .icon-lg {
   background-color: var(--white);
   border: 0
}

.gallery-item .gallery-hover .navbar .nav-cta a i,
.navbar .nav-cta .gallery-item .gallery-hover a i,
.navbar .nav-cta .icon-lg i {
   font-size: 19px
}

@media (max-width:1199.98px) {
   .navbar .nav-cta .btn {
      padding: 12px 23px
   }

   .gallery-item .gallery-hover .navbar .nav-cta a,
   .navbar .nav-cta .gallery-item .gallery-hover a,
   .navbar .nav-cta .icon-lg {
      width: 50px;
      height: 50px
   }
}

.navbar.scroll-on .container:before {
   display: none
}

.navbar.scroll-on .navbar-nav li a.nav-link {
   padding: 25px
}

@media (min-width:992px) and (max-width:1199.98px) {
   .navbar.scroll-on .navbar-nav li a.nav-link {
      padding: 22px 15px
   }
}

.navbar.scroll-on .navbar-nav li:first-child a.nav-link {
   padding-left: 0
}

header .header-nav-wrapper.header-sticky.scroll-on {
   position: fixed;
   left: 0;
   top: 0;
   right: 0;
   z-index: 99;
   background: var(--white);
   box-shadow: 0 .25rem 1.25rem rgba(0, 0, 0, .07);
   width: 100%;
   animation: headerSlideDown 1.3s ease forwards
}

header .header-nav-wrapper.header-sticky.scroll-on .navbar-line:before {
   display: none
}

header .header-nav-wrapper.header-sticky.scroll-on .navbar .navbar-nav>li a.nav-link {
   padding: 28px 18px
}

@media (max-width:1199.98px) {
   header .header-nav-wrapper.header-sticky.scroll-on .navbar .navbar-nav>li a.nav-link {
      padding: 21px 15px
   }
}


@media (max-width:575.98px) {
   header .header-nav-wrapper.header-sticky.scroll-on .navbar .navbar-nav>li a.nav-link {
      padding: 17px 18px
   }
}

header .header-nav-wrapper.header-sticky.scroll-on .navbar .container-fluid {
   border: 0
}

.navbar.nav-center .offcanvas {
   max-width: 700px
}

@media (max-width:991.98px) {
   .navbar.nav-center .offcanvas {
      max-width: calc(100% - 20px)
   }
}

.navbar.nav-center .navbar-nav li:last-child a.nav-link {
   padding-right: 0
}

@media (min-width:1200px) {
   .row-cols-lg-4>* {
      flex: 0 0 auto;
      width: 33.33%
   }

   .navbar .navbar-nav>li:hover>a.nav-link {
      color: var(--secondary)
   }

   .navbar .navbar-nav>li:hover>a.nav-link:after {
      transform: rotate(180deg)
   }

   .navbar .navbar-nav .dropdown-menu {
      display: block;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      visibility: hidden;
      transform: translateY(20px)
   }

   .navbar .navbar-nav .dropdown-submenu.dropend:hover>.dropdown-menu {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      visibility: visible;
      transform: translateY(0)
   }
}

@media (max-width:1199.98px) {
   .navbar .offcanvas-header {
      margin-bottom: 15px
   }

   .navbar .offcanvas-header img {
      max-width: 140px
   }

   .navbar .navbar-nav .dropdown-menu {
      background-color: transparent;
      min-width: 0 !important
   }

   .navbar .navbar-nav .dropdown-menu .dropdown-item {
      font-size: 15px
   }

   .navbar .offcanvas.bg-dark .dropdown-menu {
      background-color: var(--white)
   }

   .navbar .offcanvas.bg-dark .navbar-nav .nav-item .nav-link {
      border-bottom: 1px solid #2b2b2b
   }

   .navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-menu {
      margin-left: 10px
   }

   .navbar .navbar-nav .nav-item .nav-link {
      border-radius: 0;
      padding: 17px 18px;
      font-size: 16px;
      line-height: 1
   }

   .navbar .navbar-nav .nav-item:last-child .nav-link {
      border: 0
   }
}

.header-actions a.btn {
   padding: 13px 24px
}

.header-actions a.text-reset.user-account {
   font-weight: 500;
   margin: 0 22px
}

.header-actions a.text-reset.user-account:before {
   width: 1px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   left: -15px;
   height: 20px
}

@media (min-width:1200px) and (max-width:1399.98px) {

   .gallery-item .gallery-hover .header-actions a,
   .header-actions .gallery-item .gallery-hover a,
   .header-actions a.icon,
   .header-actions a.icon-lg,
   .header-actions a.icon-xl,
   .header-actions a.icon-xs {
      width: 45px;
      flex: 0 0 45px;
      height: 45px
   }

   .header-actions a.text-reset.user-account {
      margin: 0 14px
   }

   .header-actions a.text-reset.user-account:before {
      left: -10px
   }
}

@media (max-width:1199.98px) {

   .gallery-item .gallery-hover .header-actions a,
   .header-actions .gallery-item .gallery-hover a,
   .header-actions a.icon,
   .header-actions a.icon-lg,
   .header-actions a.icon-xl,
   .header-actions a.icon-xs {
      width: 45px;
      flex: 0 0 45px;
      height: 45px
   }

   .header-actions a.text-reset.user-account {
      margin: 0 14px
   }

   .header-actions a.text-reset.user-account:before {
      left: -10px
   }
}

.header-actions .cart-num {
   background-color: var(--secondary);
   color: var(--white);
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   border-radius: 50%;
   display: inline-block;
   width: 24px;
   height: 24px;
   font-weight: 500;
   text-align: center;
   position: absolute;
   top: -2px;
   right: 0;
   font-size: 13px;
   line-height: 24px
}

@keyframes headerSlideDown {
   0% {
      margin-top: -6.25rem
   }

   to {
      margin-top: 0
   }
}

.search-popup .search-form {
   position: relative
}

.search-popup .search-form:after {
   content: "\f002";
   font-family: fontawesome;
   position: absolute;
   z-index: 1;
   width: 20px;
   left: 15px;
   background-color: transparent;
   top: 50%;
   transform: translateY(-50%)
}

.search-popup .search-form input {
   padding-left: 40px
}

.search-popup .search-form input:focus {
   box-shadow: none
}

.search-popup .btn-close {
   position: absolute;
   right: 0;
   top: 20px
}

.offcanvas-header .btn-close {
   padding: 4px
}

.btn-close {
   width: 30px;
   height: 30px;
   line-height: 36px;
   flex: 0 0 30px;
   text-align: center;
   display: table;
   background: 0 0;
   opacity: .9;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
   filter: alpha(opacity=90);
   background-color: transparent
}

.btn-close:focus {
   border: 0;
   box-shadow: none
}

.btn-close:before {
   font-family: fontawesome;
   content: "\f00d";
   color: var(--white);
   background-color: transparent;
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   border-radius: 50%;
   line-height: 37px
}

.header-transparent {
   position: absolute;
   top: 20px;
   left: 0;
   right: 0;
   z-index: 9;
   width: 100%
}

.header-transparent .container-fluid {
   padding: 5px 15px;
   border: 1px solid rgba(var(--white-rgb), .2);
   border-radius: 100px
}

.header-transparent .navbar .navbar-nav>li a.nav-link {
   color: var(--white)
}

@media (max-width:1199.98px) {
   .header-transparent .navbar .navbar-nav>li a.nav-link {
      color: var(--headings-color)
   }
}

.header-transparent .navbar .nav-cta a.phone span,
.header-transparent .navbar button.navbar-toggler.offcanvas-nav-btn {
   color: var(--white)
}

.header-transparent .navbar .nav-cta a.phone span small {
   color: rgba(var(--white-rgb), .7)
}

.header-transparent .header-nav-wrapper.header-sticky.scroll-on {
   background-color: var(--headings-color)
}

section.promo-sec {
   padding: 220px 0 60px
}

@media (max-width:767.98px) {
   section.promo-sec {
      padding: 130px 0 70px
   }
}

section.promo-sec .parallax-overly {
   z-index: -1;
   background-color: #122f2a;
   opacity: .9;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
   filter: alpha(opacity=90)
}

section.promo-sec h1 {
   font-size: 34px;
   font-weight: 700
}

@media (max-width:767.98px) {
   section.promo-sec h1 {
      font-size: 25px
   }
}

section.promo-sec ol.breadcrumb {
   display: block
}

section.promo-sec ol.breadcrumb .breadcrumb-item {
   display: inline-block;
   text-transform: capitalize;
   font-size: 16px
}

section.promo-sec ol.breadcrumb .breadcrumb-item a {
   color: var(--secondary)
}

section.promo-sec ol.breadcrumb .breadcrumb-item.active {
   color: var(--white)
}

section.promo-sec .breadcrumb-item+.breadcrumb-item:before {
   font-style: normal;
   color: var(--white);
   font-size: 14px;
   line-height: 29px;
   content: "\f0ec"!important;
   font-family: 'fontawesome';
}

/*! footer */
.footer {
      background-color: #032558;
    background-blend-mode: multiply;
}

/*.footer:before {
   background: url(../images/footer-sh1.png) no-repeat 100% 100%;
   width: 250px;
   height: 272px;
   right: auto;
   left: 0;
   top: auto;
   bottom: 0;
   background-size: contain;
   z-index: 1
}*/

/*@media (max-width:1599.98px) {
   .footer:before {
      width: 130px
   }
}

@media (max-width:575.98px) {
   .footer:before {
      display: none
   }
}*/

.footer .copy-right a {
   font-weight: 600;
   color: var(--secondary)
}

.footer-top .subs-widget {
   flex: 0 0 450px;
   margin-left: inherit
}

@media (max-width:1199.98px) {
   .footer-top .subs-widget {
      flex: 0 0 300px
   }
}

@media (max-width:767.98px) {
   .footer-top .subs-widget {
      margin: 30px 0
   }
}

.footer-top .subs-widget form {
   position: relative
}

.footer-top .subs-widget form input {
   border-radius: 30px;
   background-color: var(--white);
   color: var(--body-color);
   padding-left: 30px;
   border: 1px solid rgba(var(--white-rgb), .2)
}

.footer-top .subs-widget form input::placeholder {
   color: var(--body-color)
}

.footer-top .subs-widget form button {
   border: 0;
   color: var(--white);
   width: 96px;
   height: 52px;
   font-size: 20px;
   right: 2px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%)
}

.footer-top h2.display-4 {
   font-size: 40px
}

@media (max-width:1199.98px) {
   .footer-top h2.display-4 {
      font-size: 28px
   }
}

.footer-top .subs-head p {
   margin: 0;
   color: #829592
}

@media (max-width:767.98px) {
   .footer-widget {
      margin-bottom: 45px
   }
}

.footer-widget .f-logo {
   margin-bottom: 35px
}

.footer-widget .widget-title {
   margin-bottom: 35px;
   color: var(--white)
}

.footer-widget .widget-title:before {
   width: 100px;
   height: 3px;
   background-color: var(--secondary);
   top: 45px
}

.footer-widget .widget-title:after {
   position: absolute;
   content: "";
   width: 15px;
   height: 3px;
   background-color: var(--white);
   opacity: .8;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
   filter: alpha(opacity=80);
   top: 44.5px;
   left: 0;
   z-index: -1
}

@media (min-width:992px) and (max-width:1199.98px) {
   .footer-widget .widget-title {
      font-size: 20px
   }
}

@media (max-width:1199.98px) {
   .footer-widget .widget-title {
      max-width: fit-content
   }

   .footer-widget .widget-title:before {
      max-width: 100%
   }

   .footer-widget .widget-title:after {
      animation: none
   }
}

.footer-widget ul {
   margin: 0;
   list-style: none;
   padding: 0 0 0 25px
}

.footer-widget ul li {
   margin-bottom: 12px
}

.footer-widget ul li:before {
   content: "\f064";
   background-color: transparent;
   font-family: 'fontawesome';
   color: var(--secondary);
   left: -25px;
   top: 0;
   width: 25px;
   height: 25px;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.footer-widget ul li a {
   color: var(--white)
}

.footer-widget ul li:hover a {
   color: var(--secondary)
}

.footer-widget p {
   color: var(--white)
}

.footer-widget.rc-widget {
   flex: 0 0 325px;
   padding-left: 0px
}

@media (max-width:767.98px) {
   .footer-widget.rc-widget {
      padding-left: 0
   }
}

.footer-widget.rc-widget .ls-entry {
   margin-bottom: 20px
}

.footer-widget.rc-widget .ls-entry>img {
   height: 80px
}

.footer-widget.rc-widget .ls-entry .ls-info {
   text-align: left
}

.footer-widget.rc-widget .ls-entry .ls-info a,
.footer-widget.rc-widget .ls-entry .ls-info span {
   color: var(--white)
}

.footer-widget.rc-widget .ls-entry .ls-info h6 {
   margin-top: 5px;
   font-size: 16px;
   font-weight: 500;
   line-height: 26px
}

.footer-widget.rc-widget .ls-entry:hover h6 a {
   color: var(--secondary)
}

.footer-widget .footer-info {
   margin-top: 30px
}

.btn-2 .footer-widget .footer-info>div:first-child span,
.footer-widget .footer-info>div:first-child .btn-2 span,
.footer-widget .footer-info>div:first-child .gallery-item .gallery-hover a,
.footer-widget .footer-info>div:first-child .icon,
.footer-widget .footer-info>div:first-child .icon-lg,
.footer-widget .footer-info>div:first-child .icon-xl,
.footer-widget .footer-info>div:first-child .icon-xs,
.gallery-item .gallery-hover .footer-widget .footer-info>div:first-child a {
   background: var(--gradient)
}

.btn-2 .footer-widget .footer-info>div:nth-child(2) span,
.footer-widget .footer-info>div:nth-child(2) .btn-2 span,
.footer-widget .footer-info>div:nth-child(2) .gallery-item .gallery-hover a,

.footer-widget .footer-info>div:nth-child(2) .icon-lg,
.footer-widget .footer-info>div:nth-child(2) .icon-xl,
.footer-widget .footer-info>div:nth-child(2) .icon-xs,
.gallery-item .gallery-hover .footer-widget .footer-info>div:nth-child(2) a {
   background-color: var(--secondary)
}

.footer-widget .footer-info>div:nth-child(2) .icon{
   background: var(--gradient)
}

.footer-widget .footer-info>div:nth-child(3) .icon{
   background: var(--gradient)
}

.footer-widget .footer-info .single-conn {
   margin-bottom: 20px
}

.btn-2 .footer-widget .footer-info .single-conn span,
.footer-widget .footer-info .single-conn .btn-2 span,
.footer-widget .footer-info .single-conn .gallery-item .gallery-hover a,
.footer-widget .footer-info .single-conn .icon,
.footer-widget .footer-info .single-conn .icon-lg,
.footer-widget .footer-info .single-conn .icon-xl,
.footer-widget .footer-info .single-conn .icon-xs,
.gallery-item .gallery-hover .footer-widget .footer-info .single-conn a {
   color: var(--white);
   font-size: 18px
}

.footer-widget .footer-info .single-conn .conn-txt medium {
   display: block;
   color: var(--white)
}

.footer-widget .footer-info .single-conn .conn-txt a {
   color: var(--white);
   font-weight: 500
}

.footer-widget.news-widget {
   padding-left: 60px
}

@media (max-width:767.98px) {
   .footer-widget.news-widget {
      padding-left: 0
   }
}

.footer-widget.news-widget form {
   position: relative
}

.footer-widget.news-widget form input {
   border: 1px solid hsla(0, 0%, 100%, .2);
   border-radius: 30px;
   background: rgba(var(--primary-rgb), .4);
   padding: 10px 20px;
   color: rgba(var(--white-rgb), .8)
}

.footer-widget.news-widget form button {
   position: absolute;
   width: 72px;
   right: 5px;
   top: 6px;
   border: 0;
   height: 36px;
   color: var(--white)
}

.footer-widgets {
   padding: 60px 0 40px 0;
}

@media (max-width:991.98px) {
   .footer-widgets {
      margin-bottom: 20px
   }
}

@media (max-width:575.98px) {
   .footer-widgets {
      margin-bottom: 0
   }
}

.footer-nav ul {
   margin: 0;
   padding: 0;
   list-style: none
}

.footer-nav ul li {
   display: inline-block
}

.footer-nav ul li:before {
   width: 1px;
   height: 19px;
   background-color: #20937f;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%)
}

.footer-nav ul li:first-child:before {
   display: none
}

.footer-nav ul li a {
   color: var(--white);
   display: block;
   padding: 15px 20px
}

.footer-nav ul li:last-child a {
   padding-right: 0
}

.footer-nav ul li:hover a {
   color: var(--secondary)
}

@media (max-width:767.98px) {
   .footer-nav ul li:first-child a {
      padding-left: 0
   }
}

.footer-2 {
   margin: 80px 20px 0;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   border-radius: 50px
}

.footer-2:before {
   display: none
}

@media (max-width:575.98px) {
   .footer-2 .f-logo img {
      max-width: 120px
   }
}

.footer-2 .footer-top {
   background-color: var(--white);
   padding: 45px 60px;
   -webkit-box-shadow: 0 16px 50px 10px rgba(12, 12, 13, .07);
   -moz-box-shadow: 0 16px 50px 10px rgba(12, 12, 13, .07);
   box-shadow: 0 16px 50px 10px rgba(12, 12, 13, .07);
   -webkit-border-radius: 1000px;
   -moz-border-radius: 1000px;
   -ms-border-radius: 1000px;
   border-radius: 1000px;
   margin-top: -195px
}

.footer-2 .footer-top h4 {
   margin: 0;
   font-size: 20px;
   font-weight: 500
}

.footer-2 .footer-top .single-conn span {
   color: var(--white)
}

.footer-2 .footer-top .single-conn span:before {
   background-color: transparent;
   width: 63px;
   height: 63px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   border-radius: 100px
}

.footer-2 .footer-top .single-conn small {
   text-transform: capitalize
}

@media (min-width:768px) and (max-width:991.98px) {
   .footer-2 .footer-top>div:last-child {
      display: none !important
   }
}

@media (max-width:767.98px) {

   .footer-2 .footer-top>div:nth-child(3),
   .footer-2 .footer-top>div:nth-child(4) {
      display: none !important
   }
}

@media (max-width:1199.98px) {
   .footer-2 .footer-top {
      padding: 25px
   }

   .footer-2 .footer-top h4 {
      font-size: 18px
   }
}

@media (max-width:767.98px) {
   .footer-2 .footer-top {
      margin-top: -130px;
      padding: 20px 50px
   }

   .footer-2 .footer-top h4 a {
      font-size: 20px
   }

   .footer-2 .footer-top .single-conn {
      margin-top: 10px
   }
}

.footer-2 .footer-widgets2 {
   padding: 80px 0 60px
}

.footer-2 .footer-widgets2 .rc-widget {
   margin-left: 30px;
   max-width: 310px
}

@media (max-width:767.98px) {
   .footer-2 .footer-widgets2 .rc-widget {
      margin-left: 0
   }
}

.footer-2 .footer-widgets2 .footer-widget .ls-entry .ls-info span {
   color: var(--mute)
}

.footer-2 .social-share a {
   background-color: var(--white);
   color: var(--headings-color)
}

.footer-2 .social-share a:hover {
   background-color: var(--secondary)
}

.footer-2 .footer-widget.rc-widget .ls-entry .ls-info a,
.footer-2 .footer-widget ul li a {
   color: rgba(var(--white-rgb), .9)
}

.footer-2 .footer-widget.rc-widget .ls-entry .ls-info a:hover,
.footer-2 .footer-widget ul li a:hover {
   color: var(--secondary)
}

/*! widget */
.sidebar-spacing {
   padding: 40px 50px 0 0
}

@media (max-width:1199.98px) {
   .sidebar-spacing {
      padding: 40px 10px 0 0
   }
}

.widget-title {
   margin-bottom: 30px
}



.widget {
   margin-bottom: 40px;
   background-color: var(--shade);
   padding: 20px 15px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px
}

@media (min-width:992px) and (max-width:1199.98px) {
   .widget {
      padding: 30px 15px
   }
}

@media (max-width:767.98px) {
   .widget {
      padding: 30px 20px;
      margin-bottom: 30px
   }
}

.widget ul {
   margin: 0;
   padding: 0;
   list-style: none
}

.widget ul li {
   margin-bottom: 15px;
   border: 1px solid var(--border-color);
   background-color: var(--white);
   padding: 14px 20px;
   text-align: left;
   cursor: pointer;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.widget ul li a {
  /* display: block;
   float: right;*/
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   border-radius: 5px;
   font-weight: 700;
   color: var(--body-color)
}

.widget ul li:hover {
   background: var(--primary);
   color: var(--white)
}

.widget ul li.active {
   background: var(--primary);
   color: var(--white)
}
.widget ul li.active a {
   color: var(--white)
}

.widget ul li:hover a {
   color: var(--white)
}

.widget ul li span.count {
   float: right
}

.widget ul li:last-child {
   margin-bottom: 0
}

.ls-entry {
   margin-bottom: 20px;
   align-items: center
}

.ls-entry .blog-meta a,
.ls-entry .blog-meta span {
   font-size: 14px
}

.ls-entry i {
   color: var(--secondary);
   margin-right: 5px
}

.ls-entry h6 {
   margin: 5px 0 0;
   font-size: 18px
}

.sidebar .blog-widget ul {
   border: 1px solid var(--theme-border-color);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   border-radius: 8px;
   padding: 20px;
   margin-top: 25px
}

@media (min-width:992px) and (max-width:1199.98px) {
   .sidebar .blog-widget ul {
      padding: 15px
   }
}

.search-widget input {
   border: 1px solid var(--border-color);
   padding: 16px 30px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px;
   color: var(--body-color)
}

.search-widget .btn {
   right: 5px;
   width: 46px;
   text-align: center;
   height: 46px;
   display: inline-block;
   padding: 0;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%)
}

.search-widget .btn i {
   margin-left: 0
}

.recent-entry .rc-entry {
   margin-bottom: 25px;
   padding-bottom: 20px
}

.recent-entry .rc-entry:before {
   width: calc(100% - 100px);
   left: auto;
   right: 0;
   height: 1px;
   top: 100%
}

.recent-entry .rc-entry .course-info {
   flex: 0 0 70%
}

.recent-entry .rc-entry:last-child {
   margin-bottom: 0;
   padding-bottom: 0
}

.recent-entry .rc-entry:last-child:before {
   display: none
}

.instagram-widget .widget-inner .insta-wrap a {
   overflow: hidden;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   border-radius: 5px;
   display: block
}

.instagram-widget .widget-inner .insta-wrap a:before {
   background-color: var(--black);
   z-index: 1;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0)
}

.instagram-widget .widget-inner .insta-wrap a span {
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   position: absolute;
   left: 50%;
   top: 30%;
   transform: translate(-50%, -50%);
   z-index: 2;
   font-size: 40px;
   color: var(--white)
}

.instagram-widget .widget-inner .insta-wrap a:hover:before {
   opacity: .7;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
   filter: alpha(opacity=70)
}

.instagram-widget .widget-inner .insta-wrap a:hover span {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   top: 50%
}

.tagcloud a {
   display: inline-block;
   font-size: 14px !important;
   line-height: 1;
   background-color: var(--white);
   padding: 11px 15px;
   margin: 2% 1%;
   font-weight: 600;
   box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05);
   text-transform: capitalize;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   border-radius: 50px
}

.tagcloud a:hover {
   background-color: var(--primary);
   color: var(--white)
}

.product-sidebar .widget {
   padding: 30px 20px;
   margin-bottom: 30px
}

.product-sidebar .widget ul li {
   padding: 13px 20px
}

/*! swiper */
.swiper-pagination {
   display: flex;
   align-items: center;
   justify-content: center
}

.swiper-pagination span {
   width: 10px;
   height: 10px;
   background-color: transparent;
   margin: 0 8px !important;
   border: 2px solid var(--primary);
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100)
}

.swiper-pagination span.swiper-pagination-bullet-active {
   border: 2px solid var(--secondary);
   background-color: var(--secondary)
}

.swiper-pagination span.swiper-pagination-bullet-active:before {
   width: 30px;
   height: 30px;
   background-color: var(--secondary);
   left: 50%;
   top: 50%;
   opacity: .2;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
   filter: alpha(opacity=20);
   transform: translate(-50%, -50%);
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   border-radius: 50%
}

.swiper-button-next,
.swiper-button-prev {
   background: var(--primary);
   display: inline-table;
   width: 56px;
   height: 56px;
   text-align: center;
   z-index: 9;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   border-radius: 50%;
   color: var(--white);
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
   left: 0
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
   background-color: var(--secondary)
}

.swiper-button-next {
   left: auto;
   right: 0
}

.swiper-button-next:after,
.swiper-button-prev:after {
   content: "\f061";
   font-family: fontawesome !important;
   font-size: 17px;
   display: table-cell;
   vertical-align: middle
}

.swiper-button-prev:after {
   content: "\f060"
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100)
}

.custom-nav>div {
   background-color: var(--primary);
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   border-radius: 50%;
   font-size: 22px
}

.product-slider {
   height: 80%;
   width: 100%
}

.product-thumbs {
   height: 20%;
   box-sizing: border-box;
   padding: 10px 0
}

.product-thumbs .swiper-slide {
   width: 25%;
   height: 100%;
   opacity: .9;
   cursor: pointer
}

.product-thumbs .swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   border-radius: 10px
}

.product-thumbs .swiper-slide-thumb-active {
   opacity: 1
}

/*! hero-slider */
.slide-item {
   padding: 180px 0
}

.slide-item .slide-bg {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%
}

.slide-item .slide-content {
   position: relative;
   z-index: 2;
   max-width: 650px
}

.slide-item .slide-content h1 {
   color: var(--white);
   font-weight: 800;
   margin: 15px 0 20px;
   font-size: 80px
}

.slide-item .slide-content p {
   color: var(--white)
}

.slide-item .slide-content .play-btn {
   animation: animate_pulse 3s linear infinite;
   height: 56px;
   width: 56px;
   margin-left: 30px
}

@media (max-width:767.98px) {
   .slide-item {
      padding: 100px 0
   }

   .slide-item .slide-content h1 {
      font-size: 45px
   }

   .slide-item .slide-content p {
      font-size: 18px
   }
}

@media (max-width:575.98px) {
   .slide-item .slide-content h1 {
      font-size: 40px
   }

   .slide-item .slide-content h1 img {
      width: 40px
   }
}

.hero-slider1 .slide-bg {
   transform: scale(1);
   transition: transform 6.3s ease-out
}

.hero-slider1 .swiper-slide-active .slide-bg {
   animation: zoomBg 6.3s ease-out forwards
}

@keyframes zoomBg {
   0% {
      transform: scale(1)
   }

   to {
      transform: scale(1.12)
   }
}

.slider-sec {
   overflow: hidden
}

.slider-sec .anim-alt {
   position: absolute;
   z-index: 2;
   max-height: 165px
}

.slider-sec .anim-alt.right-bottom {
   right: 0;
   bottom: 0
}

.slider-sec .abs-img {
   position: absolute;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translate(-50%);
   top: 200px;
   z-index: 4
}

.slider-sec .anim-img {
   z-index: 2
}

.slider-sec .anim-img.center {
   left: 50%;
   bottom: 50px
}

.slider-sec .anim-img.right-top {
   top: 100px;
   animation: zoom 8s ease infinite
}

.slider-sec .anim-img.right-bottom {
   animation: jumping2 8s ease infinite
}

.swiper-slide.swiper-slide-active .anim1 {
   -webkit-animation-name: fadeInLeft;
   animation-fill-mode: both;
   animation-name: fadeInLeft;
   animation-delay: .9s;
   animation-duration: 1s;
   opacity: 1
}

.swiper-slide.swiper-slide-active .anim2 {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft;
   animation-fill-mode: both;
   animation-delay: 1s;
   animation-duration: 1s;
   opacity: 1
}

.swiper-slide.swiper-slide-active .anim3 {
   -webkit-animation-name: fadeInLeft;
   animation-fill-mode: both;
   animation-name: fadeInLeft;
   animation-delay: 1.3s;
   animation-duration: 1s;
   opacity: 1
}

.slider-2-sec {
   margin: 15px 20px;
   overflow: hidden;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   border-radius: 50px
}

.slider-2-sec .parallax-overly {
   opacity: 1;
   background-color: #103731
}

@media (max-width:575.98px) {
   .slider-2-sec {
      margin: 15px 0
   }
}

.slider-2-sec .anim-img {
   z-index: 2
}

@media (max-width:991.98px) {
   .slider-2-sec .anim-img {
      display: none
   }
}

.slider-2-sec .swiper-pagination {
   top: 38%;
   transform: translateY(-50%);
   display: flex;
   flex-direction: column;
   width: 100px;
   left: -10px;
   height: 140px
}

@media (max-width:575.98px) {
   .slider-2-sec .swiper-pagination {
      display: none
   }
}

.slider-2-sec .swiper-pagination-bullet {
   margin: 12px 0 !important;
   background-color: transparent;
   border: 1px solid rgba(var(--white-rgb), .45)
}

.slider-2-sec .sub-title {
   font-size: 34px
}

.slider-2-sec .slide-stat .display-1 {
   font-size: 70px
}

.slider-2-sec .slide-entry .slide-content .slide-actions>a {
   margin-right: 20px
}

.thumb-stat {
   z-index: 3;
   position: absolute;
   bottom: 50px;
   right: 50px;
   max-width: 350px;
   padding: 30px;
   background: rgba(var(--white-rgb), .15);
   backdrop-filter: blur(64px);
   -webkit-backdrop-filter: blur(64px)
}

.thumb-stat p {
   margin-bottom: 0
}

.slider-left {
   z-index: 2;
   position: absolute;
   height: 100%;
   width: 706px;
   top: 0;
   right: 0;
   background-size: contain;
   background-position: 100% 0
}

@media (min-width:1200px) and (max-width:1399.98px) {
   .slider-left {
      right: -60px
   }
}

@media (min-width:992px) and (max-width:1199.98px) {
   .slider-left {
      right: -22%
   }

   .slider-left .thumb-stat {
      right: 35%
   }
}

@media (max-width:991.98px) {
   .slider-left {
      display: none
   }
}

.slide-entry {
   padding: 170px 0 100px;
   position: relative;
   z-index: 9
}

@media (max-width:767.98px) {
   .slide-entry {
      padding: 80px 0 60px
   }
}

@media (max-width:575.98px) {
   .slide-entry {
      padding: 40px 0 30px
   }
}

.slide-entry .slide-content {
   max-width: 740px;
   margin-left: 9%;
   z-index: 1
}

.slide-entry .slide-content h1 {
   color: var(--white);
   font-size: 82px;
   line-height: 94px;
   font-weight: 800;
   text-transform: capitalize
}

@media (min-width:768px) and (max-width:991.98px) {
   .slide-entry .slide-content h1 {
      font-size: 70px;
      line-height: 1.3
   }
}

@media (max-width:767.98px) {
   .slide-entry .slide-content h1 {
      font-size: 45px;
      line-height: 1.3
   }
}

@media (max-width:575.98px) {
   .slide-entry .slide-content h1 {
      font-size: 35px
   }
}

.slide-entry .slide-content>p {
   color: var(--white);
   margin: 20px 0 40px
}

.slide-entry .slide-content .slide-actions>a {
   margin-right: 30px
}

@media (max-width:575.98px) {
   .slide-entry .slide-content .slide-actions>a {
      margin: 0 0 20px
   }
}

@media (min-width:1200px) and (max-width:1399.98px) {
   .slide-entry {
      padding: 120px 0 80px
   }

   .slide-entry .slide-content {
      margin-left: 6%
   }
}

@media (min-width:992px) and (max-width:1199.98px) {
   .slide-entry {
      padding: 90px 0 70px
   }

   .slide-entry .slide-content {
      max-width: 560px
   }

   .slide-entry .slide-content h1 {
      font-size: 55px;
      line-height: 1.3
   }

   .slide-entry .slide-content .slide-stat .display-1 {
      font-size: 50px
   }
}

@media (max-width:767.98px) {
   .slide-entry .slide-content {
      margin: 0 15px
   }

   .slide-entry .slide-stat .display-1 {
      font-size: 40px
   }
}

.slide-entry .slide-stat {
   padding-top: 80px;
   z-index: 2
}

.slide-entry .slide-stat span {
   line-height: 1
}

.slide-entry .slide-stat p,
.slide-entry .slide-stat span {
   color: var(--white)
}

@media (max-width:575.98px) {
   .slide-entry .slide-stat {
      padding-top: 50px
   }
}

@media (min-width:768px) and (max-width:991.98px) {
   .slide-entry {
      padding: 60px 0 50px
   }

   .slide-entry .display-1 {
      font-size: 60px
   }
}

.hero-3 {
   z-index: 1;
   padding: 250px 0 100px;
   position: relative
}

@media (max-width:1199.98px) {
   .hero-3 {
      padding: 240px 0 100px
   }
}

@media (max-width:575.98px) {
   .hero-3 {
      padding: 200px 0 100px
   }
}

.hero-3 .anim-img {
   z-index: 2
}

.hero-3 .hero-bg {
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0
}

.hero-3 .hero-bg .parallax-overly {
   opacity: 1
}

.hero-3 .hero-txt {
   z-index: 2;
   position: relative;
   margin-left: 60px;
   max-width: 760px
}

@media (min-width:1600px) {
   .hero-3 .hero-txt {
      max-width: 890px
   }
}

@media (min-width:1400px) {
   .hero-3 .hero-txt {
      margin-left: 85px
   }
}

.hero-3 .hero-txt h1 {
   font-weight: 800;
   font-size: 40px;
   text-transform: capitalize;
   color: var(--white)
}

@media (min-width:1600px) {
   .hero-3 .hero-txt h1 {
      font-size: 34px
   }
}

@media (max-width:991.98px) {
   .hero-3 .hero-txt h1 {
      font-size: 62px
   }
}

.hero-3 .hero-txt p {
   color: var(--white);
   margin: 30px 0 40px;
   max-width: 700px
}

@media (max-width:767.98px) {
   .hero-3 .hero-txt {
      margin-left: 15px
   }

   .hero-3 .hero-txt h1 {
      font-size: 40px
   }
}

@media (max-width:575.98px) {
   .hero-3 .hero-txt .btn {
      margin-bottom: 20px
   }
}

.hero-3 .hero-thumb {
   position: absolute;
   right: 0;
   top: 0;
   width: 62%;
   height: 100%;
   z-index: 1;
   background-size: cover
}

@media (max-width:991.98px) {
   .hero-3 .hero-thumb {
      display: none
   }
}

/*! about */
.af-item {
   padding: 10px 0 10px 15px;
   height: 100%;
   border: 1px solid #e1e1e1;
    border-radius: 20px;
}

.af-item p {
   margin: 0
}

@media (min-width:992px) and (max-width:1199.98px) {
   .af-item p {
      font-size: 15px
   }
}

.af-item h3 {
       font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 10px;
    font-family: var(--font-family-base);
    color: var(--primary);
}

@media (max-width:575.98px) {
   .af-item {
      padding: 10px 0
   }
}

.about-features {
   background-repeat: no-repeat;
   background-position: 0;
   background-size: contain
}

@media (max-width:575.98px) {
   .about-features {
      background-image: none !important
   }
}

.quick-call {
   display: flex;
   align-items: center
}

@media (max-width:575.98px) {
   .quick-call {
      margin-top: 20px
   }
}

.quick-call small {
   display: block;
   font-weight: 400;
   color: #575c67
}

.quick-call i {
   font-size: 20px
}

@media (max-width:1199.98px) {
   .about-sec .anim-img.right-bottom {
      display: none
   }
}

/*.about-sec .about-content {
   padding-left: 30px
}*/

@media (max-width:575.98px) {
   .about-sec .about-content {
      margin-top: 20px
   }
}

@media (max-width:991.98px) {
   .about-sec .about-content {
      padding-left: 0
   }
}

.about-sec .about-content p.lead,
.about-sec .about-content p.lead-sm {
   color: var(--headings-color);
   margin: 30px 0 40px
}

@media (min-width:1200px) {
   /*.about-sec .about-media {
      margin-left: -30px
   }*/
}

/*.about-sec .about-media:before {
   background: url(../images/about-sh1.png) no-repeat 0 0/contain;
   left: -30%;
   top: -50px
}*/

.about-sec .about-media>img {
   position: absolute;
   left: 209px;
   bottom: -125px;
   z-index: 1
}

@media (min-width:992px) and (max-width:1199.98px) {
   .about-sec .about-media>img {
      left: 20px;
      bottom: -200px;
      width: 100%
   }
}

@media (min-width:1200px) {
   .about-sec .about-media .about-feat {
      width: 475px;
      height: 571px
   }
}

.about-sec .about-media .about-feat img {
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px
}

.about-sec .about-media .about-feat:before {
   background: transparent;
   border: 4px solid var(--secondary);
    left: 10px;
    top: 10px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px;
   z-index: -1
}

@media (max-width:991.98px) {
   .about-sec .about-media .about-feat:before {
      display: none
   }
}

@media (max-width:767.98px) {
   .about-sec .about-media .about-feat {
      margin-bottom: 20px
   }

   .about-sec .about-media .about-feat:before {
      background: transparent;
      border: 2px solid var(--secondary);
      left: 40px;
      top: 40px
   }

   .about-sec .about-media>img {
      position: relative;
      left: auto;
      bottom: auto;
      max-width: 100%
   }
}

.about-stat {
   position: absolute;
   right: 40px;
   top: 60px;
   padding: 30px 25px;
   z-index: 1
}

.about-stat p {
   color: var(--white);
   margin: 0
}

@media (max-width:767.98px) {
   .about-stat {
      right: 0;
      top: 33%;
      padding: 20px 15px
   }

   .about-stat .display-2,
   .about-stat .sec-title {
      font-size: 40px
   }
}

@media (max-width:575.98px) {
   .about-stat {
      position: inherit
   }
}

.about-sec2 .anim-img.anim-img.right-bottom {
   right: 0
}

@media (min-width:992px) and (max-width:1199.98px) {
   .about-sec2 .about-thumb-wrap {
      max-width: 78%;
      margin-bottom: 60px
   }
}

@media (max-width:991.98px) {
   .about-sec2 .about-thumb-wrap {
      margin-bottom: 60px
   }
}

@media (min-width:992px) and (max-width:1199.98px) {
   .about-sec2 .about-content {
      max-width: 70%
   }
}

.about-sec2 .about-content ul.check li {
   font-size: 16px;
   font-weight: 500;
   line-height: 1.5
}

.about-sec2 .about-thumbs {
   position: relative;
   padding-top: 30px;
   height: 545px;
   margin-right: 40px;
   margin-left: -159px
}

@media (max-width:575.98px) {
   .about-sec2 .about-thumbs {
      margin: 0;
      height: 475px
   }
}

.about-sec2 .about-thumbs .ab-card.bg-primary {
   position: absolute;
   width: 320px;
   padding: 35px 20px;
   right: -10px;
   bottom: 0;
   border: 15px solid #fff
}

.about-sec2 .about-thumbs .ab-card.bg-primary h4 {
   font-size: 30px
}

.about-sec2 .about-thumbs .ab-card.bg-primary a,
.about-sec2 .about-thumbs .ab-card.bg-primary h4 {
   color: var(--white)
}

.about-sec2 .about-thumbs .ab-card.bg-primary a.link-btn:before {
   background: var(--white)
}

.about-header h6 {
   font-weight: 500
}

.about-header h6 span {
   font-weight: 700;
   width: 75px;
   display: inline-grid
}

.about-feature {
   margin: 40px 0
}

.about-feature h4 {
   font-size: 22px
}

.about-feature .single-feat {
   margin-bottom: 40px;
   max-width: 465px
}

.about-feature .single-feat ul {
   padding-left: 35px
}

.about-feature .single-feat ul li {
   margin-top: 20px
}

.about-feature .single-feat ul li:before {
   background: url(../images/icons/love-s.png) no-repeat 0 0;
   left: -30px;
   top: 4px
}

.about-feature .single-feat:nth-child(2) ul li:first-child {
   margin: 40px 0
}

.about-feature .single-feat:nth-child(2) ul li:first-child:after {
   position: absolute;
   content: "";
   left: -25px;
   bottom: -20px;
   width: 550px;
   height: 1px;
   background-color: var(--border-color)
}

@media (max-width:1399.98px) {
   .about-feature .single-feat:nth-child(2) ul li:first-child:after {
      width: 100%
   }
}

.about-sec3 .about-thumbs {
   display: flex;
   flex-wrap: wrap;
   gap: 30px;
   padding-right: 30px
}

@media (max-width:1199.98px) {
   .about-sec3 .about-thumbs {
      margin-bottom: 60px
   }
}

.about-sec3 .about-thumbs:before {
   background-color: var(--secondary);
   width: 190px;
   height: 190px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   left: 40%;
   top: 58%
}

.about-sec3 .about-thumbs>img:first-child {
   border-radius: 0 50px 50px 50px;
   width: 240px;
   height: 286px
}

.about-sec3 .about-thumbs img:nth-child(2) {
   border-radius: 50px 0 50px 50px;
   width: 313px;
   height: 347px;
   margin-top: -60px
}

.about-sec3 .about-thumbs img:nth-child(3) {
   border-radius: 50px 50px 50px 0;
   width: 178px;
   height: 192px;
   margin-left: 80px
}

.about-sec3 .about-thumbs .about-stat {
   right: 130px;
   padding: 30px 25px;
   border-radius: 50px 50px 0 50px;
   top: auto;
   bottom: -13px
}

.about-sec3 .about-thumbs .about-stat:before {
   position: absolute;
   content: "";
   border: 2px solid var(--secondary);
   border-radius: 30px 30px 0 30px;
   width: 100%;
   height: 100%;
   top: 15px;
   left: 15px;
   z-index: 1
}

@media (max-width:575.98px) {
   .about-sec3 .about-thumbs {
      padding: 0
   }

   .about-sec3 .about-thumbs .about-stat {
      right: 0
   }
}

.about-sec3 .payment-option p.accordion-button,
.about-sec3 .portfolio-menu .nav p.nav-link,
.about-sec3 .product-details-tab .nav-tabs li p.nav-link,
.about-sec3 .review-top p.lead,
.about-sec3 .review-top p.lead-sm,
.about-sec3 p.h6,
.payment-option .about-sec3 p.accordion-button,
.portfolio-menu .nav .about-sec3 p.nav-link,
.product-details-tab .nav-tabs li .about-sec3 p.nav-link,
.review-top .about-sec3 p.lead,
.review-top .about-sec3 p.lead-sm {
   line-height: 28px;
   margin-bottom: 20px;
   font-size: 16px
}

.about-sec3 .payment-option p.accordion-button span,
.about-sec3 .portfolio-menu .nav p.nav-link span,
.about-sec3 .product-details-tab .nav-tabs li p.nav-link span,
.about-sec3 .review-top p.lead-sm span,
.about-sec3 .review-top p.lead span,
.about-sec3 p.h6 span,
.payment-option .about-sec3 p.accordion-button span,
.portfolio-menu .nav .about-sec3 p.nav-link span,
.product-details-tab .nav-tabs li .about-sec3 p.nav-link span,
.review-top .about-sec3 p.lead-sm span,
.review-top .about-sec3 p.lead span {
   color: var(--secondary)
}

.about-sec3 .about-process {
   margin: 40px 0;
   gap: 5rem
}

.about-sec3 .about-process:before {
   width: 1px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   left: 48%
}

@media (max-width:575.98px) {
   .about-sec3 .about-process:before {
      display: none
   }
}

@media (max-width:575.98px) {
   .about-sec3 .about-process>div {
      margin-bottom: 50px
   }
}

.about-sec3 .about-process>div h4 {
   margin-left: 30px
}

.about-sec3 .about-process>div:last-child {
   margin-left: auto
}

.abstat-wrap {
   padding: 55px 0 30px
}

.abstat-wrap .progress {
   background: rgba(var(--secondary-rgb), .15);
   height: 10px
}

.abstat-wrap .progress .progress-bar {
   background-color: var(--secondary);
   height: 10px
}

.abstat-wrap .progress .progress-bar span {
   font-size: 20px
}

.abstat-wrap .donate-stat {
   margin-top: 10px
}

.abstat-wrap .donate-stat:before {
   width: 265px;
   height: 1px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%)
}

@media (max-width:575.98px) {
   .abstat-wrap .donate-stat:before {
      height: 0
   }
}

.abstat-wrap .donate-stat h6 {
   margin: 0;
   font-size: 16px
}

.abstat-wrap .donate-stat h6 span {
   font-weight: 400;
   color: var(--body-color)
}

.brands-sec {
   padding: 80px 0 70px
}

.brands-sec h4 {
   font-size: 30px;
   margin-bottom: 40px
}

.brands-sec .swiper-slide {
   text-align: center
}

.brands-carousel img {
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.brands-carousel img:hover {
   filter: brightness(.4)
}

.about-sec4 .about-feature {
   margin: 40px 0 20px
}

.about-sec4 .about-imgs {
   margin-top: 20px
}

.about-sec4 .about-imgs:before {
   border: 2px solid var(--secondary);
   border-radius: 30px;
   width: 430px;
   height: 520px;
   background-color: transparent;
   left: 60px;
   top: 40px
}

.about-sec4 .about-imgs .abst-img {
   position: absolute;
   right: -90px;
   bottom: -80px
}

@media (max-width:767.98px) {
   .about-sec4 .about-imgs:before {
      display: none
   }

   .about-sec4 .about-imgs .abst-img {
      position: inherit;
      right: 0;
      max-width: 100%;
      bottom: 0;
      margin: 20px 0
   }
}

.about-sec4 .about-inner {
   padding: 30px 0 0 120px
}

@media (max-width:767.98px) {
   .about-sec4 .about-inner {
      padding: 20px 0
   }
}

.about-sec4 .about-inner ul li {
   margin-bottom: 12px;
   color: var(--headings-color)
}

.about-sec4 .about-inner ul li::marker {
   color: var(--secondary);
   font-size: 18px
}

.about-sec4 .about-inner ul li:last-child {
   margin-bottom: 0
}

.about-sec4 .about-inner .about-process>div {
   flex: 0 0 200px
}

@media (max-width:575.98px) {
   .about-sec4 .about-inner .about-process>div {
      margin-bottom: 15px
   }
}

.about-sec4 .about-inner .about-process>div span {
   margin-right: 20px
}

.about-sec4 .about-inner .about-process>div h4 {
   font-size: 18px
}

.about-sec4 .about-inner .success-year {
   width: 120px;
   height: 125px;
   text-align: center;
   -webkit-box-shadow: 0 13px 25px rgba(0, 0, 0, .05);
   -moz-box-shadow: 0 13px 25px rgba(0, 0, 0, .05);
   box-shadow: 0 13px 25px rgba(0, 0, 0, .05);
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   border-radius: 15px;
   margin-right: 20px
}

.about-sec4 .about-inner .success-year span {
   font-size: 36px;
   color: var(--primary);
   padding-top: 15px;
   display: block
}

/*! cause */
.cause-entry,
.cause-entry3 {
   overflow: hidden;
   padding: 10px;
   box-shadow: 0 16px 50px 10px rgba(12, 12, 13, .07);
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px
}

.cause-entry3:before,
.cause-entry:before {
   background: url(../images/icons/love-w.png) no-repeat 100% 100%;
   left: auto;
   top: auto;
   right: 20px;
   bottom: 20px
}

.cause-entry3 .cause-thumb,
.cause-entry .cause-thumb {
   overflow: hidden;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   border-radius: 15px
}

.cause-entry3 .cause-thumb img,
.cause-entry .cause-thumb img {
   transform: scale(1);
   -webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -ms-transition: all .5s ease-in-out;
   -o-transition: all .5s ease-in-out;
   transition: all .5s ease-in-out
}

@media (max-width:1199.98px) {

   .cause-entry3 .cause-thumb img,
   .cause-entry .cause-thumb img {
      width: 100%
   }
}

.cause-entry3 .cause-txt,
.cause-entry .cause-txt {
   padding: 45px 15px 20px;
   overflow: hidden
}

@media (min-width:992px) and (max-width:1199.98px) {

   .cause-entry3 .cause-txt,
   .cause-entry .cause-txt {
      padding: 40px 15px 20px
   }
}

.cause-entry3 .cause-txt h3,
.cause-entry .cause-txt h3 {
   font-size: 24px;
   margin: 24px 0 30px
}

.cause-entry3 .cause-txt .donate-stat,
.cause-entry .cause-txt .donate-stat {
   margin-top: 8px
}

.cause-entry3 .cause-txt .donate-stat small,
.cause-entry .cause-txt .donate-stat small {
   color: var(--headings-color);
   font-weight: 600
}

.cause-entry3 .cause-txt .btn,
.cause-entry .cause-txt .btn {
   -webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -ms-transition: all .5s ease-in-out;
   -o-transition: all .5s ease-in-out;
   transition: all .5s ease-in-out
}

.cause-entry3:hover .cause-thumb img,
.cause-entry:hover .cause-thumb img {
   transform: scale(1.1)
}

.cause-entry3:hover h3 a,
.cause-entry3:hover span.cause-meta a,
.cause-entry:hover h3 a,
.cause-entry:hover span.cause-meta a {
   color: var(--secondary)
}

.cause-entry3:hover .btn,
.cause-entry:hover .btn {
   background-color: var(--secondary) !important;
   border: 1px solid var(--secondary)
}

.causes-sec3 .cause-entry,
.causes-sec3 .cause-entry3,
.causes-sec .cause-entry,
.causes-sec .cause-entry3 {
   box-shadow: none
}

.cause-list {
   display: flex;
   padding: 20px;
       background-color: #fff;
   box-shadow: 0 4px 30px rgba(0, 0, 0, .05);
   border: 1px solid var(--border-color)
}

@media (min-width:576px) and (max-width:767.98px) {
   .cause-list {
      padding: 20px
   }
}

.cause-list h3 {
       font-size: 20px;
    font-weight: 800;
    line-height: 28px;
    margin-bottom: 5px;
    font-family: var(--font-family-base);

}
.cause-list h3 a{
       color: var(--primary);
}
.cause-list .cause-txt {
   padding-right: 10px
}

.cause-list .cause-txt .donate-stat {
   margin-top: 6px
}

.cause-list .cause-txt .donate-stat:before {
   width: 2px;
   height: 33px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%)
}

.cause-list .cause-txt .donate-stat h6 {
   font-size: 1rem
}

.cause-list .cause-txt .btn {
   margin-top: 5px
}

.cause-list .cause-txt .progress {
   height: 7px;
   margin-top: 20px
}

.cause-list .cause-txt .progress .progress-bar {
   height: 7px;
   background-color: var(--secondary)
}

.cause-list .cause-thumb {
   flex: 0 0 50%;
   overflow: hidden;
   -webkit-border-radius: 16px;
   -moz-border-radius: 16px;
   -ms-border-radius: 16px;
   border-radius: 16px;
   text-align: right
}

.cause-list .cause-thumb:before {
   content: "";
   background: url(../images/cause-sh.png) no-repeat 0;
   width: 80px;
   z-index: 1;
   position: absolute
}

.cause-list .cause-thumb img {
   object-fit: cover;
   height: 100%
}

.cause-list .cause-thumb span {
   position: absolute;
   background-color: var(--secondary);
   width: 60px;
   color: var(--white);
   right: 20px;
   top: 20px;
   text-align: center;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   border-radius: 8px
}

@media (max-width:575.98px) {
   .cause-list {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      padding: 15px
   }

   .cause-list .cause-txt {
      order: 2;
      padding: 10px 0
   }

   .cause-list .cause-thumb {
      order: 1;
      flex: 0 0 100%
   }

   .cause-list .cause-thumb a {
      display: block
   }

   .cause-list .cause-thumb a img {
      width: 100%
   }

   .cause-list .cause-thumb:before {
      display: none
   }
}

.cause-slider {
   padding-bottom: 60px;
   padding-top: 0px;
   overflow: hidden;
}

.cause-slider .swiper-slide {
   width: 600px;
   overflow: hidden;
}

.causes-sec {
    overflow-x: hidden !important;
}

.cause-slider {
    overflow: hidden !important;
}

@media (max-width:767.98px) {
   .cause-slider .swiper-slide {
      width: 100%
   }
}

.feature-mt {
   position: relative;
   overflow: visible
}

.causes-sec3 {
   position: relative;
   padding: 200px 0;
   overflow: hidden
}

@media (max-width:991.98px) {
   .causes-sec3 {
      padding: 100px 0
   }
}

.causes-sec3 .cause-content p {
   margin: 40px 0
}

.causes-sec3 .cause-content .swiper-pagination {
   justify-content: start;
   top: 120%
}

.slider-wrap {
   position: absolute;
   top: 0;
   right: 0;
   width: 62vw;
   height: 100%;
   display: flex;
   align-items: center
}

@media (max-width:991.98px) {
   .slider-wrap {
      position: relative;
      width: auto
   }
}

.slider-wrap .swiper-slide {
   width: 410px
}

@media (max-width:575.98px) {
   .slider-wrap .swiper-slide {
      width: 100%
   }
}

.cause-entry3 {
   padding: 20px
}

.cause-entry3:before {
   display: none
}

.cause-entry3 .cause-thumb {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   border-radius: 20px
}

.cause-entry3 .cause-txt {
   padding: 20px 0 0
}

.cause-entry3 .cause-txt h3 {
   margin: 5px 0 48px
}

.cause-entry3 .cause-txt .btn {
   width: 100%;
   margin-top: 30px
}

.cause-entry3:hover .btn.btn-primary {
   background-color: var(--secondary) !important
}

.causes-sec4 .container {
   max-width: 1365px
}

@media (max-width:575.98px) {
   .feat-list {
      margin-top: 30px
   }

   .img-gall {
      margin-bottom: 15px
   }
}

/*! cta */
.cta-wrap {
   max-width: 760px
}

.cta-sec {
   background: #122f2a;
   background-blend-mode: multiply;
   background-position: 50%;
   background-size: cover;
   overflow: hidden
}

.cta-sec:before {
   background: #122f2a;
   background: linear-gradient(90deg, #122f2a 26%, rgba(18, 47, 42, .69));
   background-blend-mode: multiply;
   opacity: .4;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
   filter: alpha(opacity=40)
}

.cta-sec h2 {
   margin: 20px 0 30px
}

.cta-sec .abs-img {
   position: absolute;
   top: 0;
   left: 0
}

@media (max-width:575.98px) {
   .cta-sec .abs-img {
      max-width: 95px
   }
}

.cta-sec .abs-img.right {
   left: auto;
   right: 0
}

.cta-sec .abs-img.right-bottom {
   left: auto;
   top: auto;
   right: 0;
   bottom: 0
}

.cta-sec3 .cta-inner {
   z-index: 2
}

.cta-sec3 .cta-inner:before {
   height: 1px;
   background: rgba(var(--white-rgb), .35);
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   top: 57%;
   width: 98%
}

.cta-sec3 .cta-txt h2 {
   margin-bottom: 90px
}

.cta-sec3 .video-box {
   text-align: center;
   max-width: 160px;
   margin-left: auto;
   margin-bottom: 90px
}

.cta-sec3 .video-box h6 {
   font-family: caveat;
   font-size: 30px;
   margin-top: 20px
}

.cta-sec3 .video-box a {
   display: inline-flex;
   font-size: 22px;
   width: 80px;
   height: 80px
}

.cta-sec3 .video-box a:before {
   width: 120px;
   height: 120px;
   border-radius: 100%;
   background: hsla(0, 0%, 100%, .4);
   border: 1px solid var(--border-color);
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%)
}

@media (max-width:767.98px) {
   .cta-sec3 .video-box {
      max-width: 100%;
      margin: 100px 0 0
   }
}

/*! contact */
.contact-form .form-group.half-group,
.vol-form .form-group.half-group {
   flex: 0 0 48%
}

.contact-form .form-group,
.vol-form .form-group {
   margin-bottom: 30px
}

.contact-form .form-group input,
.contact-form .form-group textarea,
.vol-form .form-group input,
.vol-form .form-group textarea {
   border-radius: 0;
   color: var(--body-text);
   border: 1px solid var(--border-color);
   background-color: transparent
}

.contact-form .form-group input::placeholder,
.contact-form .form-group textarea::placeholder,
.vol-form .form-group input::placeholder,
.vol-form .form-group textarea::placeholder {
   color: var(--body-text)
}

.contact-form textarea,
.vol-form textarea {
   height: 160px
}

.contact-map {
   box-shadow: 0 4px 50px 0 #efefef;
   padding: 20px
}

.contact-map .map-info {
   flex: 0 0 600px
}

.contact-map .map-info .m-inf-item {
   margin-bottom: 40px
}

.contact-map .map-info .m-inf-item .gallery-item .gallery-hover a,
.contact-map .map-info .m-inf-item .icon-lg,
.gallery-item .gallery-hover .contact-map .map-info .m-inf-item a {
   width: 70px;
   height: 70px;
   margin-right: 20px;
   -webkit-border-radius: 24px;
   -moz-border-radius: 24px;
   -ms-border-radius: 24px;
   border-radius: 24px;
   background-color: var(--primary)
}

.contact-map .map-info .m-inf-item h5 {
   margin-bottom: 5px;
   font-size: 22px
}

.contact-map .map-info .m-inf-item p {
   margin: 0
}

.contact-map .map-info .m-inf-item:nth-child(2) .gallery-item .gallery-hover a,
.contact-map .map-info .m-inf-item:nth-child(2) .icon-lg,
.gallery-item .gallery-hover .contact-map .map-info .m-inf-item:nth-child(2) a {
   background-color: var(--secondary)
}

.contact-map .map-info .m-inf-item:nth-child(3) .gallery-item .gallery-hover a,
.contact-map .map-info .m-inf-item:nth-child(3) .icon-lg,
.gallery-item .gallery-hover .contact-map .map-info .m-inf-item:nth-child(3) a {
   background-color: var(--tertiary)
}

.contact-map .map-info .m-inf-item:nth-child(4) {
   margin-bottom: 0
}

.contact-map .map-info .m-inf-item:nth-child(4) .gallery-item .gallery-hover a,
.contact-map .map-info .m-inf-item:nth-child(4) .icon-lg,
.gallery-item .gallery-hover .contact-map .map-info .m-inf-item:nth-child(4) a {
   background-color: var(--danger)
}

.map-loc {
   flex: 1;
   margin-left: 50px;
   border-radius: 30px;
   overflow: hidden
}

.map-loc iframe {
   height: 100%;
   width: 100%
}

@media (max-width:767.98px) {
   .map-loc {
      margin-left: 0;
      margin-top: 30px
   }

   .map-loc iframe {
      height: 300px
   }
}

.donar-thumb {
   text-align: center;
   margin-right: 60px;
   border-radius: 30px;
   background-color: #fdf8ea;
   mask-image: url(../images/contact-mask.png);
   mask-repeat: no-repeat
}

@media (max-width:991.98px) {
   .donar-thumb {
      margin-bottom: 60px
   }
}

.contact-form2 {
   padding: 25px 20px
}

.contact-form2 .form-group {
   margin-bottom: 20px
}

.contact-form2 .form-group input,
.contact-form2 .form-group textarea {
   border-radius: 30px;
   padding-left: 30px
}

.contact-form2 .form-group textarea {
   height: 160px
}

.account-form {
   padding: 60px
}

.errot-txt {
   margin: 60px 0 0
}

.errot-txt p {
   max-width: 450px;
   margin: 0 auto 40px
}

.errot-txt i {
   margin-right: 10px
}

.errot-txt .btn {
   padding: 15px 28px
}

.contact-sec2 {
   margin: 0 20px
}

.contact-sec2 .contact-bg {
   position: absolute;
   width: 44%;
   height: 100%;
   left: 0;
   top: 0
}

.contact-sec2 .contact-bg:before {
   background: url(../images/contact-bg2.png) no-repeat 100% 0/contain;
   right: -135px;
   top: 0;
   position: absolute;
   content: "";
   width: 770px;
   height: 100%
}

@media (min-width:1600px) {
   .contact-sec2 .contact-bg:before {
      right: -100px
   }
}

@media (max-width:767.98px) {
   .contact-sec2 .contact-bg {
      display: none
   }
}

.contact-sec2 .contact-wrapper {
   max-width: 660px;
   margin-left: auto;
   margin-right: 0;
   z-index: 2;
   position: relative
}

.contact-sec2 .contact-wrapper .contact-form input,
.contact-sec2 .contact-wrapper .contact-form textarea,
.contact-sec2 .contact-wrapper .vol-form input,
.contact-sec2 .contact-wrapper .vol-form textarea {
   border-radius: 30px;
   padding-left: 25px
}

/*! story */
.story-sec {
   overflow: hidden
}

.story-sec .sec-title {
   font-weight: 700
}

.story-txt {
   max-width: 690px
}

.story-txt .success-stat {
   padding-top: 45px
}

.story-txt .success-stat .progress {
   margin-bottom: 60px
}

.story-txt .success-stat .progress .meta {
   top: -33px
}

.story-txt .success-stat .progress .meta,
.story-txt .success-stat .progress span {
   font-size: 20px
}

@media (max-width:767.98px) {

   .story-txt .success-stat .progress .meta,
   .story-txt .success-stat .progress span {
      font-size: 16px
   }
}

.story-txt .success-stat .progress:last-child .progress-bar {
   background-color: var(--secondary)
}

.success-quote {
   max-width: 340px;
   background: var(--white);
   padding: 40px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px;
   -webkit-box-shadow: 0 16px 32px -4px rgba(12, 12, 13, .1);
   -moz-box-shadow: 0 16px 32px -4px rgba(12, 12, 13, .1);
   box-shadow: 0 16px 32px -4px rgba(12, 12, 13, .1);
   position: absolute;
   bottom: -16%
}

.success-quote p {
   margin-bottom: 0
}

.sc-media-wrap:before {
   background: url(../images/story-bg.png) no-repeat 50%/cover;
   left: 34px;
   top: -2px;
   width: 640px
}

.sc-media-wrap .success-media img {
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px
}

.sc-media-wrap .success-media>img:nth-child(2) {
   margin-top: 60px
}

@media (max-width:767.98px) {
   .sc-media-wrap .success-media>img:nth-child(2) {
      margin-top: 20px
   }
}

.sc-media-wrap .success-year {
   background: var(--white);
   position: absolute;
   bottom: 50px;
   padding: 13px 30px;
   border-radius: 20px;
   box-shadow: 0 16px 32px -4px rgba(0, 0, 0, .2);
   display: inline-flex;
   align-items: center
}

@media (min-width:576px) {
   .sc-media-wrap .success-year {
      width: 320px
   }
}

.sc-media-wrap .success-year span {
   font-weight: 700;
   font-size: 74px;
   color: var(--primary);
   width: 100px
}

@media (max-width:767.98px) {
   .sc-media-wrap .success-year span {
      font-size: 65px
   }
}

.sc-media-wrap .success-year .sy-txt {
   font-weight: 600;
   font-size: 30px;
   color: #797e88
}

.sc-media-wrap .success-year .sy-txt small {
   color: var(--secondary);
   display: block;
   font-size: 18px;
   font-weight: 500
}

@media (max-width:575.98px) {
   .sc-media-wrap {
      margin-top: 30px
   }
}

/*! card */

.card-entry{
   height: 100%;
}


.card-entry,
.card-entry2,
.service-entry {
   padding: 20px 15px;
   background-color: var(--white);
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
   -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, .06);
   -moz-box-shadow: 0 4px 40px rgba(0, 0, 0, .06);
   box-shadow: 0 4px 40px rgba(0, 0, 0, .06)
}

.card-entry2:before,
.card-entry:before,
.service-entry:before {
   background: url(../images/love-lg-h.png) no-repeat center;
   opacity: .05;
   transition: opacity .5s ease-in-out
}

.card-entry2 p,
.card-entry p,
.service-entry p {
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.btn-2 .card-entry2 span,
.btn-2 .card-entry span,
.btn-2 .service-entry span,
.card-entry2 .btn-2 span,
.card-entry2 .gallery-item .gallery-hover a,
.card-entry2 .icon,
.card-entry2 .icon-lg,
.card-entry2 .icon-xl,
.card-entry2 .icon-xs,
.card-entry .btn-2 span,
.card-entry .gallery-item .gallery-hover a,
.card-entry .icon,
.card-entry .icon-lg,
.card-entry .icon-xl,
.card-entry .icon-xs,
.gallery-item .gallery-hover .card-entry2 a,
.gallery-item .gallery-hover .card-entry a,
.gallery-item .gallery-hover .service-entry a,
.service-entry .btn-2 span,
.service-entry .gallery-item .gallery-hover a,
.service-entry .icon,
.service-entry .icon-lg,
.service-entry .icon-xl,
.service-entry .icon-xs {
   margin: 0 auto;
   width: 82px;
   height: 82px;
   background: url(../images/serv-icon.png) no-repeat 50%;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.btn-2 .card-entry2 span svg path,
.btn-2 .card-entry span svg path,
.btn-2 .service-entry span svg path,
.card-entry2 .btn-2 span svg path,
.card-entry2 .gallery-item .gallery-hover a svg path,
.card-entry2 .icon-lg svg path,
.card-entry2 .icon-xl svg path,
.card-entry2 .icon-xs svg path,
.card-entry2 .icon svg path,
.card-entry .btn-2 span svg path,
.card-entry .gallery-item .gallery-hover a svg path,
.card-entry .icon-lg svg path,
.card-entry .icon-xl svg path,
.card-entry .icon-xs svg path,
.card-entry .icon svg path,
.gallery-item .gallery-hover .card-entry2 a svg path,
.gallery-item .gallery-hover .card-entry a svg path,
.gallery-item .gallery-hover .service-entry a svg path,
.service-entry .btn-2 span svg path,
.service-entry .gallery-item .gallery-hover a svg path,
.service-entry .icon-lg svg path,
.service-entry .icon-xl svg path,
.service-entry .icon-xs svg path,
.service-entry .icon svg path {
   fill: var(--white);
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.card-entry2 h3,
.service-entry h3 {
   margin: 25px 0 15px
}
.card-entry h3{
    font-size: 20px;
    font-weight: 800;
    line-height: 30px;
   margin: 5px 0;
    font-family: var(--font-family-base);
    color: var(--primary);
}
   

.card-entry2 .link-btn,
.card-entry .link-btn,
.service-entry .link-btn {
   color: var(--primary)
}

.card-entry2 .link-btn:before,
.card-entry2:hover,
.card-entry .link-btn:before,
.card-entry:hover,
.service-entry .link-btn:before,
.service-entry:hover {
   background-color: var(--primary)
}

.card-entry2:hover:before,
.card-entry:hover:before,
.service-entry:hover:before {
   opacity: .4
}

.card-entry2:hover h3 a,
.card-entry2:hover p,
.card-entry:hover h3 a,
.card-entry:hover h3,
.card-entry:hover p,
.service-entry:hover h3 a,
.service-entry:hover p {
   color: var(--white)
}

.card-entry2:hover .link-btn,
.card-entry:hover .link-btn,
.service-entry:hover .link-btn {
   color: var(--secondary)
}

.card-entry2:hover .link-btn:before,
.card-entry:hover .link-btn:before,
.service-entry:hover .link-btn:before {
   background: var(--secondary)
}

.card-entry2:hover .link-btn i,
.card-entry:hover .link-btn i,
.service-entry:hover .link-btn i {
   transform: rotate(0deg)
}

.btn-2 .card-entry2:hover span,
.btn-2 .card-entry:hover span,
.btn-2 .service-entry:hover span,
.card-entry2:hover .btn-2 span,
.card-entry2:hover .gallery-item .gallery-hover a,
.card-entry2:hover .icon,
.card-entry2:hover .icon-lg,
.card-entry2:hover .icon-xl,
.card-entry2:hover .icon-xs,
.card-entry:hover .btn-2 span,
.card-entry:hover .gallery-item .gallery-hover a,
.card-entry:hover .icon,
.card-entry:hover .icon-lg,
.card-entry:hover .icon-xl,
.card-entry:hover .icon-xs,
.gallery-item .gallery-hover .card-entry2:hover a,
.gallery-item .gallery-hover .card-entry:hover a,
.gallery-item .gallery-hover .service-entry:hover a,
.service-entry:hover .btn-2 span,
.service-entry:hover .gallery-item .gallery-hover a,
.service-entry:hover .icon,
.service-entry:hover .icon-lg,
.service-entry:hover .icon-xl,
.service-entry:hover .icon-xs {
   background: url(../images/serv-icon-h.png) no-repeat 50%
}

.btn-2 .card-entry2:hover span svg path,
.btn-2 .card-entry:hover span svg path,
.btn-2 .service-entry:hover span svg path,
.card-entry2:hover .btn-2 span svg path,
.card-entry2:hover .gallery-item .gallery-hover a svg path,
.card-entry2:hover .icon-lg svg path,
.card-entry2:hover .icon-xl svg path,
.card-entry2:hover .icon-xs svg path,
.card-entry2:hover .icon svg path,
.card-entry:hover .btn-2 span svg path,
.card-entry:hover .gallery-item .gallery-hover a svg path,
.card-entry:hover .icon-lg svg path,
.card-entry:hover .icon-xl svg path,
.card-entry:hover .icon-xs svg path,
.card-entry:hover .icon svg path,
.gallery-item .gallery-hover .card-entry2:hover a svg path,
.gallery-item .gallery-hover .card-entry:hover a svg path,
.gallery-item .gallery-hover .service-entry:hover a svg path,
.service-entry:hover .btn-2 span svg path,
.service-entry:hover .gallery-item .gallery-hover a svg path,
.service-entry:hover .icon-lg svg path,
.service-entry:hover .icon-xl svg path,
.service-entry:hover .icon-xs svg path,
.service-entry:hover .icon svg path {
   fill: var(--primary)
}

.banner-feature {
   padding: 125px 45px 80px;
   background-color: var(--shade);
   position: relative;
   margin: -50px 20px 0;
   border-bottom-left-radius: 50px;
   border-bottom-right-radius: 50px
}

@media (min-width:1200px) {
   .banner-feature .container {
      max-width: 1460px
   }
}

@media (min-width:992px) and (max-width:1199.98px) {
   .banner-feature {
      padding: 80px 10px 50px
   }
}

@media (max-width:767.98px) {
   .banner-feature {
      padding: 60px 0 40px
   }
}

.banner-feature h3 {
   font-size: 22px
}

.card-list {
   display: flex
}

.card-list .card-txt {
   max-width: 320x;
   margin-left: 30px
}

.card-entry2 {
   padding: 40px 35px
}

.services-sec2 {
   padding-bottom: 120px
}

@media (max-width:767.98px) {
   .services-sec2 {
      padding-bottom: 80px
   }
}

.services-sec2 .serv-wrapper {
   position: relative;
   margin-top: -145px
}

.services-sec2 .service-bg {
   height: 530px;
   margin: 0 20px;
   border-radius: 30px;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center
}

.services-sec2 .service-bg .serv-header {
   z-index: 2;
   max-width: 750px
}

@media (max-width:575.98px) {
   .services-sec2 .service-bg .serv-header {
      margin-bottom: 20px
   }
}

.services-sec2 .serv-loader {
   padding-top: 60px
}

.services-sec2 .serv-loader .sub-title {
   color: var(--headings-color)
}

.services-sec2 .serv-loader .sub-title:after,
.services-sec2 .serv-loader .sub-title:before {
   display: none
}

.services-sec2 .serv-loader .sub-title a {
   margin-left: 20px
}

.btn-2 .service-entry span,
.gallery-item .gallery-hover .service-entry a,
.service-entry .btn-2 span,
.service-entry .gallery-item .gallery-hover a,
.service-entry .icon,
.service-entry .icon-lg,
.service-entry .icon-xl,
.service-entry .icon-xs {
   background: transparent;
   border: 1px dashed var(--primary)
}

.btn-2 .service-entry span svg path,
.gallery-item .gallery-hover .service-entry a svg path,
.service-entry .btn-2 span svg path,
.service-entry .gallery-item .gallery-hover a svg path,
.service-entry .icon-lg svg path,
.service-entry .icon-xl svg path,
.service-entry .icon-xs svg path,
.service-entry .icon svg path {
   fill: var(--primary)
}

.btn-2 .service-entry:hover span,
.gallery-item .gallery-hover .service-entry:hover a,
.service-entry:hover .btn-2 span,
.service-entry:hover .gallery-item .gallery-hover a,
.service-entry:hover .icon,
.service-entry:hover .icon-lg,
.service-entry:hover .icon-xl,
.service-entry:hover .icon-xs {
   background: var(--secondary)
}

.btn-2 .service-entry:hover span svg path,
.gallery-item .gallery-hover .service-entry:hover a svg path,
.service-entry:hover .btn-2 span svg path,
.service-entry:hover .gallery-item .gallery-hover a svg path,
.service-entry:hover .icon-lg svg path,
.service-entry:hover .icon-xl svg path,
.service-entry:hover .icon-xs svg path,
.service-entry:hover .icon svg path {
   fill: var(--white)
}

/*! text-slide */
.text-slide .swiper-slide {
   width: auto
}

.slide-transtion .swiper-slide p {
   font-weight: 800;
   font-size: 30px;
   text-transform: capitalize;
   line-height: 1;
   color: var(--primary);
   font-family: var(--font-family-base);
}

@media (max-width:767.98px) {
   .slide-transtion .swiper-slide p {
      font-size: 50px
   }
}

.slide-transtion .swiper-slide:before {
   background: url(../images/text-overly.png) no-repeat 0;
   left: -63px;
   top: -8px!important;
}

.text-slider-sec {
   padding-bottom: 20px
}

@media (max-width:767.98px) {
   .text-slider-sec {
      padding-bottom: 60px
   }
}

.text-slider-sec .swiper-slide:nth-child(2n) p {
   color: transparent;
   -webkit-text-stroke: 1px var(--primary)
}

.slide-transtion {
   -webkit-transition-timing-function: linear !important;
   transition-timing-function: linear !important
}

/*! stat */
.stat-card .display-2,
.stat-card .sec-title {
   font-weight: 700
}

.stat-card p {
   color: #202124;
   font-size: 20px;
   font-weight: 700
}

.stat-card span {
   color: var(--primary)
}

.stat-sec {
   padding-top: 40px;
}

.stat-sec2 .row>div:before,
.stat-sec .row>div:before {
   width: 2px;
   height: 65px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   left: auto;
   right: 0
}

@media (max-width:991.98px) {

   .stat-sec2 .row>div:before,
   .stat-sec .row>div:before {
      display: none
   }
}

.stat-sec2 .row>div:first-child:before,
.stat-sec .row>div:first-child:before {
   right: 13%
}

.stat-sec h3 .display-2{
   font-size: 60px;
   font-family: var(--font-family-base);
}

.stat-sec2 .row>div:nth-child(3),
.stat-sec .row>div:nth-child(3) {
   padding-left: 50px
}

@media (max-width:991.98px) {

   .stat-sec2 .row>div:nth-child(3),
   .stat-sec .row>div:nth-child(3) {
      padding-left: 15px
   }
}

.stat-sec2 .row>div:nth-child(3):before,
.stat-sec .row>div:nth-child(3):before {
   right: -13%
}

.stat-sec2 .row>div:last-child:before,
.stat-sec .row>div:last-child:before {
   display: none
}

.stat-sec2 .row>div:nth-child(2n) .stat-card span,
.stat-sec .row>div:nth-child(2n) .stat-card span {
   color: var(--secondary)
}

.stat-sec2 .row:last-child,
.stat-sec .row:last-child {
   margin-left: auto
}

.stat-sec2 {
   padding: 80px 0 70px
}

.stat-sec2 .stat-card span {
   color: var(--white)
}

@media (max-width:575.98px) {
   .stat-sec2 .stat-card span {
      font-size: 40px
   }
}

.stat-sec2 .stat-card p {
   color: var(--white)
}

/*! team */
.team-entry {
   text-align: center;
   padding: 30px 0
}

.team-entry,
.team-entry:before {
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.team-entry:before {
   height: 50%;
   top: auto;
   bottom: 0;
   border-radius: 30px;
   border-top-left-radius: 100px;
   border-top-right-radius: 100px;
   background: #fdf8ea
}

.team-entry .social-share {
   bottom: 100px;
   z-index: 3;
   width: 100%;
   position: absolute;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translate(-50%)
}

.btn-2 .team-entry .social-share span,
.gallery-item .gallery-hover .team-entry .social-share a,
.team-entry .social-share .btn-2 span,
.team-entry .social-share .gallery-item .gallery-hover a,
.team-entry .social-share .icon,
.team-entry .social-share .icon-lg,
.team-entry .social-share .icon-xl,
.team-entry .social-share .icon-xs {
   position: absolute;
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   background-color: var(--white);
   color: var(--primary)
}

.btn-2 .team-entry .social-share span i,
.gallery-item .gallery-hover .team-entry .social-share a i,
.team-entry .social-share .btn-2 span i,
.team-entry .social-share .gallery-item .gallery-hover a i,
.team-entry .social-share .icon-lg i,
.team-entry .social-share .icon-xl i,
.team-entry .social-share .icon-xs i,
.team-entry .social-share .icon i {
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.btn-2 .team-entry .social-share span.plus,
.gallery-item .gallery-hover .team-entry .social-share a.plus,
.team-entry .social-share .btn-2 span.plus,
.team-entry .social-share .gallery-item .gallery-hover a.plus,
.team-entry .social-share .icon.plus,
.team-entry .social-share .plus.icon-lg,
.team-entry .social-share .plus.icon-xl,
.team-entry .social-share .plus.icon-xs {
   position: relative;
   opacity: 1;
   transform: none;
   z-index: 2;
   pointer-events: auto;
   background-color: var(--primary);
   color: var(--white)
}

.btn-2 .team-entry .social-share.active span.plus,
.gallery-item .gallery-hover .team-entry .social-share.active a.plus,
.team-entry .social-share.active .btn-2 span.plus,
.team-entry .social-share.active .gallery-item .gallery-hover a.plus,
.team-entry .social-share.active .icon.plus,
.team-entry .social-share.active .plus.icon-lg,
.team-entry .social-share.active .plus.icon-xl,
.team-entry .social-share.active .plus.icon-xs {
   transform: rotate(-50deg);
   background-color: var(--secondary)
}

.team-entry .team-txt {
   padding-top: 30px
}

.team-entry .team-txt h3 {
   margin: 10px 0 0
}

.team-entry .team-txt small {
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.team-entry.team-entry2:before {
   height: 100%;
   border-radius: 30px
}

.team-entry.active:before {
   background-color: #c6a343
}

.btn-2 .team-entry.active span.plus,
.gallery-item .gallery-hover .team-entry.active a.plus,
.team-entry.active .btn-2 span.plus,
.team-entry.active .gallery-item .gallery-hover a.plus,
.team-entry.active .icon.plus,
.team-entry.active .plus.icon-lg,
.team-entry.active .plus.icon-xl,
.team-entry.active .plus.icon-xs {
   background-color: var(--secondary)
}

.btn-2 .team-entry.active span.plus i.fa-plus,
.gallery-item .gallery-hover .team-entry.active a.plus i.fa-plus,
.team-entry.active .btn-2 span.plus i.fa-plus,
.team-entry.active .gallery-item .gallery-hover a.plus i.fa-plus,
.team-entry.active .icon.plus i.fa-plus,
.team-entry.active .plus.icon-lg i.fa-plus,
.team-entry.active .plus.icon-xl i.fa-plus,
.team-entry.active .plus.icon-xs i.fa-plus {
   transform: rotate(45deg)
}

.team-entry.active h3 a,
.team-entry.active small {
   color: var(--white)
}

.btn-2 .team-entry.active .social-share span,
.gallery-item .gallery-hover .team-entry.active .social-share a,
.team-entry.active .social-share .btn-2 span,
.team-entry.active .social-share .gallery-item .gallery-hover a,
.team-entry.active .social-share .icon,
.team-entry.active .social-share .icon-lg,
.team-entry.active .social-share .icon-xl,
.team-entry.active .social-share .icon-xs {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100)
}

.btn-2 .team-entry.active .social-share span:first-child,
.gallery-item .gallery-hover .team-entry.active .social-share a:first-child,
.team-entry.active .social-share .btn-2 span:first-child,
.team-entry.active .social-share .gallery-item .gallery-hover a:first-child,
.team-entry.active .social-share .icon-lg:first-child,
.team-entry.active .social-share .icon-xl:first-child,
.team-entry.active .social-share .icon-xs:first-child,
.team-entry.active .social-share .icon:first-child {
   transform: translate(-50px, -18px);
   transition-delay: .1s
}

.btn-2 .team-entry.active .social-share span:nth-child(2),
.gallery-item .gallery-hover .team-entry.active .social-share a:nth-child(2),
.team-entry.active .social-share .btn-2 span:nth-child(2),
.team-entry.active .social-share .gallery-item .gallery-hover a:nth-child(2),
.team-entry.active .social-share .icon-lg:nth-child(2),
.team-entry.active .social-share .icon-xl:nth-child(2),
.team-entry.active .social-share .icon-xs:nth-child(2),
.team-entry.active .social-share .icon:nth-child(2) {
   transform: translate(-93px, -48px);
   transition-delay: .2s
}

.btn-2 .team-entry.active .social-share span:nth-child(4),
.gallery-item .gallery-hover .team-entry.active .social-share a:nth-child(4),
.team-entry.active .social-share .btn-2 span:nth-child(4),
.team-entry.active .social-share .gallery-item .gallery-hover a:nth-child(4),
.team-entry.active .social-share .icon-lg:nth-child(4),
.team-entry.active .social-share .icon-xl:nth-child(4),
.team-entry.active .social-share .icon-xs:nth-child(4),
.team-entry.active .social-share .icon:nth-child(4) {
   transform: translate(5px, -13px);
   transition-delay: .1s
}

.btn-2 .team-entry.active .social-share span:nth-child(5),
.gallery-item .gallery-hover .team-entry.active .social-share a:nth-child(5),
.team-entry.active .social-share .btn-2 span:nth-child(5),
.team-entry.active .social-share .gallery-item .gallery-hover a:nth-child(5),
.team-entry.active .social-share .icon-lg:nth-child(5),
.team-entry.active .social-share .icon-xl:nth-child(5),
.team-entry.active .social-share .icon-xs:nth-child(5),
.team-entry.active .social-share .icon:nth-child(5) {
   transform: translate(50px, -49px);
   transition-delay: .2s
}

.team-sec .team-wrap>div:nth-child(2) .team-entry.active:before {
   background-color: #36b25e
}

.team-sec .team-wrap>div:nth-child(2) .team-entry:before {
   background-color: #ddffe8
}

.team-sec .team-wrap>div:nth-child(3) .team-entry.active:before {
   background-color: #ce9944
}

.team-sec .team-wrap>div:nth-child(3) .team-entry:before {
   background: #fde8c5
}

.team-sec .team-wrap>div:nth-child(4) .team-entry.active:before {
   background-color: #3b438c
}

.team-sec .team-wrap>div:nth-child(4) .team-entry:before {
   background-color: #eaecff
}

.team-entry3 .team-thumb {
   overflow: hidden;
   border-radius: 30px
}

.team-entry3 .team-thumb img {
   transform: scale(1);
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease
}

.team-entry3:hover h3 a {
   color: var(--secondary)
}

.team-entry3:hover .team-thumb img {
   transform: scale(1.1)
}

.team-details-page .contact-form h3,
.team-details-page .vol-form h3 {
   margin-bottom: 30px
}

.team-details-page .contact-form .form-group.half-group,
.team-details-page .vol-form .form-group.half-group {
   flex: 0 0 48%
}

.team-details-page .contact-form .form-group input,
.team-details-page .contact-form .form-group textarea,
.team-details-page .vol-form .form-group input,
.team-details-page .vol-form .form-group textarea {
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px;
   padding-left: 30px
}

.team-details-page .skill {
   padding: 50px 0 0;
   overflow: hidden
}

.team-details-page .skill .progress {
   margin-bottom: 55px
}

.team-details-page .team-head {
   margin: 30px 0
}

.team-details-page .team-head .display-4 {
   font-size: 36px
}

.team-details-page .team-head span {
   color: var(--primary)
}

.team-details-page .ts-single {
   margin-bottom: 25px
}

.team-details-page .ts-single span {
   color: #797e88;
   font-size: 14px
}

.team-details-page .ts-single h5 {
   font-size: 18px;
   font-weight: 500
}

.team-details-page .ts-single .social-share a {
   background-color: var(--border-color);
   color: var(--headings-color)
}

.team-details-page .ts-single .social-share a:hover {
   background-color: var(--primary);
   color: var(--white)
}

.volunteer-new {
   padding-top: 120px
}

.vol-form .form-group input,
.vol-form .form-group select,
.vol-form .form-group textarea {
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px
}

.vol-txt {
   padding-right: 50px
}

.vol-txt h5 {
   margin: 30px 0
}

.vol-txt .check {
   margin-top: 40px
}

.vol-txt .check li {
   font-size: 16px;
   margin-bottom: 15px;
   margin-left: 40px
}

.vol-txt .check li:before {
   font-size: 18px;
   color: var(--primary);
   top: 0;
   left: -35px
}

/*! event */
.event-sec:before {
   background: url(../images/event-right.png) no-repeat 100%
}

@media (max-width:1199.98px) {
   .event-sec:before {
      display: none
   }
}

.s-schedule {
   background: rgba(var(--white-rgb), .25);
   margin-bottom: 20px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   border-radius: 50px;
   border: 1px solid var(--border-color);
   align-items: center;
   padding: 7px
}

.s-schedule h4,
.s-schedule span {
   color: var(--white)
}

.s-schedule h4 {
   margin-bottom: 0;
   font-weight: 500
}

.s-schedule .sc-info {
   margin-left: 10px
}

.btn-2 .s-schedule span,
.gallery-item .gallery-hover .s-schedule a,
.s-schedule .btn-2 span,
.s-schedule .gallery-item .gallery-hover a,
.s-schedule .icon,
.s-schedule .icon-lg,
.s-schedule .icon-xl,
.s-schedule .icon-xs {
   width: 50px;
   height: 50px;
   font-size: 20px
}

@media (min-width:768px) {
   .row.event-top {
      max-width: 80%;
      margin: 0 auto
   }
}

.event-bg.bg-cover {
   position: absolute;
   height: 475px;
   top: 0;
   left: 0;
   width: 100%;
   z-index: -1;
   background: var(--primary);
   background-blend-mode: multiply;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 50%
}

@media (max-width:991.98px) {
   .event-bg.bg-cover {
      height: 530px
   }
}

.event-tabs {
   padding: 20px;
   position: relative;
   background-color: var(--white);
   -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, .06);
   -moz-box-shadow: 0 4px 40px rgba(0, 0, 0, .06);
   box-shadow: 0 4px 40px rgba(0, 0, 0, .06);
   max-width: 920px;
   margin: 55px auto 60px;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   border-radius: 100px
}

@media (max-width:575.98px) {
   .event-tabs {
      padding: 10px
   }
}

.event-tabs .nav.nav-tabs {
   text-align: center;
   border: 1px solid var(--border-color);
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   border-radius: 100px;
   overflow: hidden
}

.event-tabs .nav.nav-tabs li {
   font-weight: 500;
   font-size: 18px;
   flex: 1;
   margin-right: 0
}

.event-tabs .nav.nav-tabs li span {
   display: block;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.event-tabs .nav.nav-tabs li button.nav-link {
   border: 0;
   color: var(--body-color);
   padding: 22px 30px;
   width: 100%;
   border-right: 1px solid var(--border-color);
   border-radius: 0;
   outline: 0 none
}

.event-tabs .nav.nav-tabs li button.nav-link.active,
.event-tabs .nav.nav-tabs li button.nav-link:hover {
   background-color: var(--primary);
   color: var(--white);
   border-color: var(--primary)
}

.event-tabs .nav.nav-tabs li button.nav-link.active span,
.event-tabs .nav.nav-tabs li button.nav-link:hover span {
   color: var(--white)
}

.event-tabs .nav.nav-tabs li:last-child button.nav-link {
   border: 0
}

@media (max-width:575.98px) {
   .event-tabs .nav.nav-tabs li {
      flex: 0 0 50%
   }

   .event-tabs .nav.nav-tabs li button.nav-link {
      padding: 15px 20px;
      font-size: 14px
   }

   .event-tabs .nav.nav-tabs li button.nav-link span {
      font-size: 20px
   }
}

@media (max-width:1199.98px) {
   .event-entry {
      margin-bottom: 30px
   }
}

.event-entry .event-thumb {
   position: relative;
   transition: clip-path .5s ease;
   border-radius: 30px;
   overflow: hidden
}

.event-entry .event-thumb img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   -webkit-transition: all 1s ease-in-out;
   -moz-transition: all 1s ease-in-out;
   -ms-transition: all 1s ease-in-out;
   -o-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;
   transform: scale(1)
}

.event-entry .event-thumb .badge {
   position: absolute;
   left: 20px;
   top: 20px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   border-radius: 8px;
   padding: 10px 15px;
   font-weight: 500
}

.event-entry .event-txt {
   margin-top: 20px
}

.event-entry .event-txt .event-meta span {
   margin-right: 10px
}

.event-entry .event-txt .event-meta span i {
   margin-right: 5px;
   color: var(--primary)
}

.event-entry .event-txt h3 {
   margin: 10px 0 20px
}

.event-entry .link-btn {
   color: var(--primary);
   font-weight: 400
}

.event-entry .link-btn:before {
   display: none
}

.event-entry:hover .event-thumb img {
   transform: scale(1.1);
   filter: sepia(1)
}

.event-entry2 {
   padding-bottom: 40px;
   margin-bottom: 40px;
   border-bottom: 1px solid var(--border-color)
}

.event-entry2 .event-head {
   max-width: 190px
}

.event-entry2 .event-head h5 {
   margin-top: 40px
}

.event-entry2 .event-head .btn-xs {
   padding: 5px 15px
}

.event-entry2 .event-txt h3 {
   font-size: 30px;
   margin-bottom: 20px
}

@media (max-width:575.98px) {
   .event-entry2 .event-txt h3 {
      font-size: 25px
   }
}

.event-entry2 .event-txt .event-meta {
   display: flex;
   gap: 15px
}

.event-entry2 .event-txt .event-meta span {
   font-size: 14px
}

.event-entry2 .event-txt .event-meta span i {
   color: var(--secondary);
   margin-right: 5px
}

.event-entry2 .event-txt .event-meta span:last-child {
   font-family: var(--font-family-base)
}

.event-entry2 .event-txt .event-speaker {
   margin: 20px 0 30px
}

.event-entry2 .event-txt .event-speaker span {
   margin-right: -15px
}

.event-entry2 .event-thumb {
   text-align: right
}

.event-entry2 .event-thumb img {
   transform: scale(1);
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.event-entry2:hover .btn {
   background: var(--secondary);
   border: 1px solid var(--secondary)
}

.event-entry2:hover .event-thumb img {
   transform: scale(1.3)
}

.event-list {
   padding: 20px;
   box-shadow: 0 16px 50px 10px rgba(12, 12, 13, .07);
   background: var(--white)
}

.event-list .event-thumb {
   flex: 0 0 218px;
   margin-right: 30px
}

.event-list .event-thumb:before {
   background: url(../images/event-bg.png) no-repeat 0 0;
   z-index: 1
}

.event-list .event-thumb img {
   border-radius: 20px
}

.event-list h3 {
   font-size: 24px;
   margin-top: 10px
}

.event-list .event-footer {
   border-top: 1px solid var(--border-color);
   margin-top: 30px;
   padding-top: 30px
}

.event-list .event-footer:before {
   width: 1px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   height: 48px;
   top: 70%;
   left: 45%
}

.event-list .event-footer h6 {
   font-size: 16px;
   font-weight: 500
}

.event-list .event-footer .link-btn {
   font-size: 14px
}

.event-meta {
   margin: 10px 0 15px
}

.event-meta span {
   margin-right: 10px;
   font-size: 14px
}

.event-meta span i {
   color: var(--secondary);
   margin-right: 5px
}

.event-page h1 {
      font-weight: 800;
    text-transform: capitalize;
    font-size: 22px;
    line-height: 32px;
    color: var(--primary);
    margin-bottom: 10px;
    font-family: var(--font-family-headings);
}

.event-page h3 {
     font-weight: 800;
    text-transform: capitalize;
    font-size: 20px;
    line-height: 30px;
    color: var(--primary);
    margin-bottom: 10px;
    font-family: var(--font-family-headings);
}

/*.event-page .event-single ul {
   margin-top: 30px
}*/

@media (max-width:767.98px) {
   .event-page .event-single ul {
      padding-left: 20px
   }
}

.event-page .event-single ul li {
       font-size: 16px;
    align-items: center;
    margin: 10px 0;
    padding-left: 30px;
}

.event-page .event-single ul li:before {
   font-size: 16px;
   top: 0;
   left: 0px
}

@media (max-width:991.98px) {
   /*.event-page .event-single h1 {
      font-size: 30px
   }*/

   .event-page .event-single h3 {
      font-size: 25px
   }

   .event-page .event-single .p-gallery img {
      margin-bottom: 20px
   }
}

.event-page .event-footer {
   border-top: 1px solid var(--border-color);
   border-bottom: 1px solid var(--border-color);
   margin-top: 30px;
   padding: 30px 0
}

.event-speaker h3 {
   margin-bottom: 40px
}

.single-speaker {
   padding: 30px 40px 30px 30px;
   margin-bottom: 30px
}

.single-speaker:last-child {
   margin-bottom: 0
}

.single-speaker .speaker-thumb {
   flex: 0 0 170px;
   margin-right: 30px
}

.single-speaker .sp-head {
   margin-bottom: 15px;
   padding-bottom: 15px
}

.single-speaker .social-share a {
   background-color: var(--white);
   box-shadow: 0 1px 4px 0 rgba(12, 12, 13, .05), 0 1px 4px 0 rgba(12, 12, 13, .1);
   color: var(--headings-color)
}

.single-speaker .social-share a:hover {
   background-color: var(--primary);
   color: var(--white)
}

@media (max-width:767.98px) {
   .single-speaker .sp-name {
      margin: 20px 0
   }
}

/*! review */

.row .col-lg-6.col-md-6 .review-entry{
      background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 2px #cccccc;
    height: 100%;
}


.review-entry {
   max-width: 650px
}

.review-entry h3 {
   font-size: 24px;
    font-family: var(--font-family-base);
    font-weight: 800;
    line-height: 34px;
    margin-bottom: 10px;
    font-family: var(--font-family-base);
    color: var(--primary);
}

.review-entry p {
   font-size: 17px;
   font-weight: 500;
   margin-bottom: 20px;
   line-height: 28px;
   font-style: italic;
}

@media (max-width:1199.98px) {
   .review-entry p {
      max-width: 535px
   }
}

.review-thumb {
   max-width: 460px
}

@media (max-width:991.98px) {
   .review-thumb {
      margin-bottom: 30px
   }
}

/*.review-thumb:before {
   background: url(../images/rev-th.png) no-repeat top;
   left: -190px
}*/

.review-thumb img {
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px
}

.review-thumb .rv-rate {
   background: var(--primary);
   position: absolute;
   right: 0;
   top: 0;
   width: 80px;
   height: 75px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   color: var(--white);
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   border-radius: 50px;
   border-top-right-radius: 0
}

.review-thumb .rv-rate i {
   color: var(--secondary)
   margin-right: 5px;
}

.review-wrap:before {
   background: url(../images/quote.png) no-repeat 100% 100%/contain;
   width: 0px;
   height: 0px;
   left: auto;
   right: 25px;
   z-index: 1;
   top: 60%
}

.review-top {
   padding-bottom: 20px;
   margin-bottom: 30px
}

.review-top .lead,
.review-top .lead-sm {
   max-width: 200px;
   margin: 0 0 0 20px;
   font-weight: 500
}

@media (max-width:767.98px) {
   .review-top .tr-ratings {
      margin-top: 25px
   }
}

.review-top .tr-ratings h3 {
   font-size: 64px;
   margin-bottom: 0
}

.review-sec {
   overflow: hidden;
   padding-bottom: 60px
}

@media (max-width:767.98px) {
   .review-sec {
      padding-bottom: 20px
   }
}

/*.review-sec:before {
   background: url(../images/review-bg2.png) no-repeat 100%/contain;
   left: auto;
   right: -100px
}*/

@media (max-width:991.98px) {
   .review-sec:before {
      display: none
   }
}

.review-sec .swiper-button-next,
.review-sec .swiper-button-prev {
   top: 0;
   right: 30px;
   left: auto;
   transform: rotate(90deg)
}

@media (max-width:767.98px) {

   .review-sec .swiper-button-next,
   .review-sec .swiper-button-prev {
      display: none
   }
}

.review-sec .swiper-button-next {
   top: auto;
   bottom: 0
}

.review-sec .ct-navas {
   width: 60px;
   height: 300px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   top: 60%;
   text-align: center;
   right: 30px;
   z-index: 2
}

@media (max-width:767.98px) {
   .review-sec .ct-navas {
      display: none
   }
}

.review-sec .ct-navas:after,
.review-sec .ct-navas:before {
   position: absolute;
   content: "";
   background: url(../images/rev-line.png) no-repeat 0 0;
   left: 0;
   top: 45px;
   width: 100%;
   height: 100%
}

.review-sec .ct-navas:after {
   top: auto;
   bottom: 65px;
   background: url(../images/rev-line.png) no-repeat 0 100%
}

.review-sec .ct-navas .swiper-pagination {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   top: 48%;
   align-content: center;
   height: 60px;
   width: 60px;
   left: -26px
}

.review-sec .ct-navas .swiper-pagination span {
   font-size: 16px;
   color: var(--primary);
   background-color: transparent;
   width: auto;
   height: auto;
   border: 0
}

.review-sec2 .review-thumbs {
   margin-left: -50px;
   margin-top: 90px
}

@media (max-width:991.98px) {
   .review-sec2 .review-thumbs {
      display: none
   }
}

.review-sec2 .review-pagination {
   display: flex;
   flex-direction: column;
   gap: 30px
}

.review-sec2 .review-pagination .swiper-pagination-bullet {
   width: 200px;
   height: 74px;
   border-radius: 100px;
   overflow: hidden;
   background: transparent;
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.review-sec2 .review-pagination .swiper-pagination-bullet:nth-child(2) {
   margin-left: 40px
}

.review-sec2 .review-pagination .swiper-pagination-bullet:nth-child(3) {
   margin-left: 80px
}

.review-sec2 .review-pagination .swiper-pagination-bullet:nth-child(4) {
   margin-left: 120px
}

.review-sec2 .review-pagination .swiper-pagination-bullet img {
   width: 100%;
   height: 100%;
   object-fit: cover
}

.review-sec2 .review-pagination .swiper-pagination-bullet-active {
   width: 345px;
   height: 118px;
   background: transparent
}

.review-entry2 {
   max-width: 850px;
   border: 1px solid var(--border-color);
   padding: 10px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   border-radius: 20px
}

.review-entry2 .review-header {
   padding: 10px 20px
}

.review-entry2 .rev-inner {
   padding: 60px 40px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   border-radius: 20px
}

.review-entry2 .rev-inner p {
   line-height: 1.5;
   color: #42454b
}

@media (max-width:575.98px) {
   .review-entry2 .rev-inner {
      padding: 20px
   }

   .review-entry2 .rev-inner p {
      font-size: 20px
   }
}

.review-entry2 .review-footer {
   margin-top: 30px
}

/*! project */
.project-entry2 {
   overflow: hidden;
   cursor: pointer
}

.project-entry2:before {
   background: url(../images/project-bg.png) no-repeat 0 100%;
   z-index: 1;
   height: 112px;
   top: auto;
   bottom: 0
}

.project-entry2 .project-thumb {
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px
}

.project-entry2 .project-txt {
   position: absolute;
   bottom: 15px;
   left: 20px;
   z-index: 2
}

.project-entry2 .project-txt h3 a,
.project-entry2 .project-txt small a {
   color: var(--white)
}

/*! accordion */
.faq-accordion {
   padding-left: 20px
}

@media (max-width:1199.98px) {
   .faq-accordion {
      padding-left: 0;
      /*margin-top: 45px*/
   }
}

.faq-accordion .accordion-item {
   margin-bottom: 20px;
   border: 1px solid var(--border-color);
   padding: 10px 20px
}

.faq-accordion .accordion-item .accordion-body p:last-child {
   margin: 0
}

.faq-accordion .accordion-item .accordion-header {
   padding: 0;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   border-radius: 10px
}

.faq-accordion .accordion-item .accordion-button {
   border: 0;
   box-shadow: none !important;
   border-radius: 10px !important;
   font-size: 18px;
   font-weight: 700
}

.faq-accordion .accordion-item .accordion-button:after {
   background-image: none;
   content: "\f106";
   font-family: fontawesome;
   background: transparent;
   right: 0;
   color: var(--primary);
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%)
}

.faq-accordion .accordion-item .accordion-button:focus {
   box-shadow: none
}

.faq-accordion .accordion-item .accordion-body {
   padding: 5px 0px 0 0;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   border-radius: 10px
}

@media (max-width:575.98px) {
   .faq-accordion .accordion-item .accordion-body {
      padding: 15px 0px 0 0
   }
}

.faq-accordion .accordion-item .accordion-body:before {
   height: 1px;
   left: 50%;
   transform: translateX(-50%);
   top: 20px
}

.faq-accordion .accordion-item:last-child {
   margin-bottom: 0
}

.faq-accordion .accordion-button:not(.collapsed) {
   border: 0;
   box-shadow: none;
   background-color: transparent;
   outline: 0 none
}

.faq-accordion .accordion-button:not(.collapsed):after {
   content: "\f107"
}

.faq-sec {
   overflow: hidden
}

.faq-sec .video-play-btn {
   height: 56px;
   width: 56px;
   font-size: 16px;
   color: var(--white);
   top: 83%;
   left: 11%;
   background-color: var(--secondary)
}

.faq-sec .faq-content p {
   margin: 30px 0 20px
}

.faq-video {
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px
}

.faq-card,
.faq-video {
   margin-top: 30px
}

.faq-card .gallery-item .gallery-hover a,
.faq-card .icon-lg,
.gallery-item .gallery-hover .faq-card a {
   background: #f6f3ee;
   width: 80px;
   height: 80px
}

.faq-card .gallery-item .gallery-hover a i,
.faq-card .icon-lg i,
.gallery-item .gallery-hover .faq-card a i {
   color: var(--primary);
   font-size: 30px
}

.faq-page .faq-accordion {
   padding-left: 30px
}

.faq-page .faq-accordion .accordion-item {
   margin-bottom: 30px
}

.faq-page .faq-content {
   max-width: 580px
}

.faq-page .faq-content .btn {
   margin-top: 30px;
   margin-bottom: 20px
}

/*! blog */
.blog-entry,
.blog-entry2,
.blog-standard {
   background-color: var(--white);
   padding: 10px
}

.blog-entry2 .blog-thumb,
.blog-entry .blog-thumb,
.blog-standard .blog-thumb {
   overflow: hidden
}

.blog-entry2 .blog-thumb img,
.blog-entry .blog-thumb img,
.blog-standard .blog-thumb img {
   transform: scale(1);
   -webkit-transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -ms-transition: all .5s ease-in-out;
   -o-transition: all .5s ease-in-out;
   transition: all .5s ease-in-out
}

.blog-entry2 .blog-content,
.blog-entry .blog-content,
.blog-standard .blog-content {
   padding: 20px 15px 15px
}

.blog-entry2 .blog-content .blog-meta a,
.blog-entry2 .blog-content .blog-meta span,
.blog-entry .blog-content .blog-meta a,
.blog-entry .blog-content .blog-meta span,
.blog-standard .blog-content .blog-meta a,
.blog-standard .blog-content .blog-meta span {
   color: var(--mute);
   margin-right: 10px;
   text-transform: capitalize
}

.blog-entry2 .blog-content .blog-meta a i,
.blog-entry2 .blog-content .blog-meta span i,
.blog-entry .blog-content .blog-meta a i,
.blog-entry .blog-content .blog-meta span i,
.blog-standard .blog-content .blog-meta a i,
.blog-standard .blog-content .blog-meta span i {
   color: var(--secondary);
   margin-right: 5px
}

.blog-entry2 .blog-content h3,
.blog-entry .blog-content h3,
.blog-standard .blog-content h3 {
   margin: 10px 0
}

.blog-entry2 .blog-content .btn,
.blog-entry .blog-content .btn,
.blog-standard .blog-content .btn {
   margin-top: 10px
}

.blog-entry2:hover .blog-thumb img,
.blog-entry:hover .blog-thumb img,
.blog-standard:hover .blog-thumb img {
   transform: scale(1.05)
}

.blog-entry2:hover h3 a,
.blog-entry:hover h3 a,
.blog-standard:hover h3 a {
   color: var(--secondary)
}

.blog-entry2:hover .btn-primary,
.blog-entry:hover .btn-primary,
.blog-standard:hover .btn-primary {
   background-color: var(--secondary);
   border: 1px solid var(--secondary)
}

.blog-entry.list,
.list.blog-entry2,
.list.blog-standard {
   display: flex;
   align-items: center;
   padding: 20px
}

.blog-entry.list .entry-thumb,
.list.blog-entry2 .entry-thumb,
.list.blog-standard .entry-thumb {
   flex: 0 0 200px;
   overflow: hidden;
   height: 250px;
   background-size: cover;
   background-position: 50%
}

.blog-entry.list .entry-txt,
.list.blog-entry2 .entry-txt,
.list.blog-standard .entry-txt {
   padding: 0 35px
}

@media (max-width:575.98px) {

   .blog-entry.list,
   .list.blog-entry2,
   .list.blog-standard {
      display: block
   }

   .blog-entry.list .entry-thumb,
   .list.blog-entry2 .entry-thumb,
   .list.blog-standard .entry-thumb {
      display: block;
      flex: none;
      width: 100%;
      height: 180px !important
   }

   .blog-entry.list .entry-txt,
   .list.blog-entry2 .entry-txt,
   .list.blog-standard .entry-txt {
      padding: 20px 0
   }
}

.entry-meta span i {
   margin-right: 5px;
   color: var(--secondary)
}

.entry-meta span,
.entry-meta span a {
   color: var(--body-color)
}

.blog-entry2 .blog-content {
   padding: 20px 15px 15px
}

.blog-entry2 .blog-content h3 {
   margin: 15px 0 30px
}

@media (max-width:575.98px) {
   .blog-entry2 .blog-content {
      padding: 20px 8px 10px
   }
}

.blog-entry2 .blog-meta span {
   margin-right: 20px
}

.blog-entry2 .blog-meta span a {
   color: var(--body-color)
}

.blog-entry2 .blog-meta span a:hover {
   color: var(--primary)
}

.blog-entry3 {
   border: 1px solid var(--border-color)
}

.blog-entry3 .entry-meta {
   padding: 20px 25px;
   justify-content: space-between;
   display: flex
}

.blog-entry3 .entry-thumb {
   overflow: hidden
}

.blog-entry3 .entry-thumb img {
   transform: scale(1);
   -webkit-transition: all 1s ease-in-out;
   -moz-transition: all 1s ease-in-out;
   -ms-transition: all 1s ease-in-out;
   -o-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out
}

.blog-entry3 .entry-content {
   padding: 30px
}

.blog-entry3 .entry-content h3 {
   margin-bottom: 30px;
   padding-bottom: 30px;
   border-bottom: 1px solid var(--border-color)
}

.blog-entry3 .entry-content h3:before {
   width: 107px;
   height: 1px;
   top: auto;
   bottom: 0;
   background-color: var(--headings-color);
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.blog-entry3 .entry-content .btn {
   padding: 13px 26px
}

.blog-entry3:hover .entry-thumb img {
   transform: scale(1.05)
}

.blog-entry3:hover h3:before {
   width: 100%
}

.blog-entry3:hover .btn {
   background-color: var(--secondary);
   border: 1px solid var(--secondary)
}

.blog-entry3:hover .btn i {
   transform: rotate(0deg)
}

.blog-entry3:hover h3 a {
   color: var(--secondary)
}

.blog-sec3:before {
   background: url(../images/devider.png);
   background-position: top;
   height: 50px
}

.blog-sec3 .anim-img.right-bottom {
   right: 0;
   bottom: 50px
}

.blog-standard {
   margin-bottom: 40px
}

.blog-standard .blog-content {
   padding: 20px 0
}

.blog-standard .blog-content h3 {
   font-size: 36px;
   margin-bottom: 20px
}

.blog-standard .blog-content .btn {
   margin-top: 30px
}

/*! features */
section.feature-cause.sec-padding.jarallax {
   margin: 0 20px;
   border-radius: 30px;
   overflow: hidden
}

.feature-sec{
   padding: 60px 0;
}


.feature-sec .feat-thumb {
   position: relative;
   margin-top: -65px;
   padding-right: 30px
}

@media (max-width:767.98px) {
   .feature-sec .feat-thumb {
      margin: 20px 0 0;
      padding-right: 0
   }
}

@media (max-width:767.98px) {
   .feature-sec .single-feat {
      margin-bottom: 30px
   }
}

.feat-tabs .nav-tabs {
   margin-bottom: 30px;
   padding-bottom: 30px;
   border-bottom: 1px solid var(--border-color)
}

.feat-tabs ul.check li {
   margin-bottom: 30px;
   font-size: 18px
}

.feat-tabs ul.check li:nth-child(2):before {
   color: #ff5528
}

.feat-tabs ul.check li:last-child {
   margin-bottom: 0
}

.feat-tabs ul.check li:last-child:before {
   color: var(--primary)
}

.feature-sec3 .sec-intro {
   margin: 0 0 30px
}

.feature-sec3 .feature-content {
   max-width: 582px
}

@media (max-width:1199.98px) {
   .feature-sec3 .feature-content {
      max-width: 100%;
      margin-top: 60px
   }
}

.feature-sec3 .feature-content h5 {
   margin-bottom: 30px
}

@media (max-width:991.98px) {
   .feature-sec3 .feature-content .feat-img {
      margin-bottom: 20px
   }
}

.feature-sec3 .feature-content .check li {
   font-weight: 500;
   font-size: 18px;
   margin-bottom: 25px
}

.feature-sec3 .feature-content .check li:before {
   color: var(--secondary);
   top: -2px
}

.feature-sec3 .feature-content .check li:first-child:before {
   color: var(--primary)
}

.feature-sec3 .feature-content .check li:nth-child(2):before {
   color: #ff5528
}

.feature-sec3 .feature-content .check li:nth-child(4):before {
   color: var(--headigns-color)
}

.feature-sec3 .feat-stat {
   position: absolute;
   left: 0;
   bottom: 0;
   padding: 30px
}

@media (max-width:575.98px) {
   .feature-sec3 .feature-media img {
      margin-bottom: 20px
   }
}

/*! video */
.video-cta {
    text-align: center;
    flex: 0 0 45%;
    background-size: cover;
    padding: 60px 10px;
    background-position: 50%;
}

@media (min-width:992px) and (max-width:1199.98px) {
   .video-cta {
      background-size: contain;
      flex: 0 0 50%
   }
}

.video-cta .cta-inner {
   max-width: 470px
}

.video-cta .cta-inner h3 {
    color:var(--primary);
    font-size: 24px;
    line-height: 34px;
    margin: 10px 0;
}

@media (min-width:992px) and (max-width:1199.98px) {
   .video-cta .cta-inner {
      max-width: 300px
   }

   .video-cta .cta-inner h3 {
      font-size: 26px
   }
}

.video-cta .btn {
   /*min-width: 179px;
   margin-top: 20px*/
}

.video-wrap .video-cta:last-child .cta-inner {
   margin-left: auto
}

.video-sec {
   margin: 0 
}

.video-sec .video-play-btn {
   height: 80px;
   width: 80px;
   font-size: 20px;
   color: var(--secondary);
   background-color: var(--white);
   animation: animate_pulse 3s linear infinite;
   z-index: 1
}

.video-sec .jarallax {
   /*border-radius: 30px;*/
   overflow: hidden
}

/*! donation-form */
.donate-form {
   position: relative
}

.donate-form ul {
   margin: 0;
   padding: 0;
   list-style: none
}

.donate-form ul li {
   margin-bottom: 10px;
   margin-right: 10px;
   display: inline-block
}

.donate-form ul li button {
   border: 0;
   padding: 5px 30px;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   border-radius: 100px;
   background-color: var(--shade);
   font-weight: 600
}

@media (min-width:992px) and (max-width:1199.98px) {
   .donate-form ul li button {
      padding: 5px 14px
   }
}

.donate-form ul li:last-child button {
   padding: 10px 30px;
   margin-top: 7px
}

.donate-form ul li.active button,
.donate-form ul li:hover button {
   background-color: var(--secondary);
   color: var(--white)
}

.donate-form button.btn.btn-xs.btn-secondary {
   position: absolute;
   left: 195px;
   top: 52px;
   font-weight: 600
}

@media (min-width:576px) and (max-width:767.98px) {
   .donate-form button.btn.btn-xs.btn-secondary {
      top: 100px
   }
}

@media (max-width:575.98px) {
   .donate-form button.btn.btn-xs.btn-secondary {
      position: relative;
      left: auto;
      top: auto
   }
}

.donation-wrapper {
   padding: 45px
}

@media (max-width:575.98px) {
   .donation-wrapper {
      padding: 0
   }
}

.donation-wrapper h3 {
   font-size: 36px;
   margin: 30px 0 40px
}

@media (max-width:991.98px) {
   .donation-wrapper h3 {
      font-size: 28px;
      margin: 10px 0 20px
   }
}

.donation-wrapper .donate-stat {
   margin: 15px 0 40px
}

.f-cuase-entry {
   background: url(../images/f-cause-bg.png) no-repeat 50%/contain;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   border-radius: 50px;
   padding: 20px;
   justify-content: space-between
}

.f-cuase-entry .transparent-box {
   flex: 0 0 50%;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px
}

@media (max-width:991.98px) {
   .f-cuase-entry {
      background: var(--white)
   }

   .f-cuase-entry .transparent-box {
      flex: 0 0 0
   }
}

.donation-sec2 {
   padding: 300px 0 110px
}

@media (max-width:767.98px) {
   .donation-sec2 {
      padding: 200px 0 100px
   }
}

@media (max-width:991.98px) {
   .donation-sec2 .donation-head {
      margin-bottom: 20px
   }
}

.donation-sec2 .parallax-overly {
   opacity: .8
}

.donation-sec2 .donation-wrapper {
   padding: 60px
}

@media (max-width:575.98px) {
   .donation-sec2 .donation-wrapper {
      padding: 20px
   }
}

.donation-sec2 .donation-wrapper .donate-form ul li {
   margin-bottom: 20px
}

.donation-sec2 .donation-wrapper .donate-form ul li button,
.donation-sec2 .donation-wrapper .donate-form ul li input {
   padding: 10px 40px;
   border: 1px solid var(--border-color);
   background-color: transparent;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
   border-radius: 100px
}

.donation-sec2 .donation-wrapper .donate-form ul li.active button,
.donation-sec2 .donation-wrapper .donate-form ul li:hover button {
   background-color: var(--primary);
   border: 1px solid var(--primary)
}

@media (max-width:1199.98px) {
   .donation-sec2 .donation-wrapper .donate-form ul li {
      margin-bottom: 10px
   }

   .donation-sec2 .donation-wrapper .donate-form ul li button {
      padding: 10px 32px
   }
}

@media (max-width:575.98px) {
   .donation-sec2 .donation-wrapper .donate-form ul li button {
      padding: 5px 24px
   }
}

.donation-sec2 .donation-wrapper .donate-form .donation-action>div {
   flex: 0 0 47%
}

.donation-sec2 .donation-wrapper .donate-form .donation-action>div input {
   border-radius: 100px;
   padding-left: 30px
}

@media (max-width:575.98px) {
   .donation-sec2 .donation-wrapper .donate-form .donation-action>div input {
      padding: 11px 24px;
      margin: 10px 0 20px
   }
}

.donation-sec2 .donation-wrapper .donate-form .donation-action>div button {
   width: 100%
}

.donation-sec2 .donation-head {
   flex: 0 0 400px
}

.donation-sec2 .donation-head h2 {
   margin-bottom: 15px
}

.donation-sec .stat-prev {
   border: 1px solid var(--secondary);
   padding: 50px;
   text-align: center;
   background-color: #fdf8ea;
   position: relative;
   z-index: 2
}

.donation-sec .donation-options {
   padding: 90px 0 50px;
   text-align: center;
   margin-top: -30px
}

.donation-sec .donation-options ul li button {
   background-color: var(--white);
   padding: 7px 36px;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.donation-sec .donation-options ul li.active button,
.donation-sec .donation-options ul li:hover button {
   background-color: var(--primary)
}

.donation-sec .form-body {
   padding-top: 60px
}

.donation-sec .form-body h3 {
   margin-bottom: 30px
}

.donation-sec .form-body .form-group input,
.donation-sec .form-body .form-group textarea {
   border-radius: 30px;
   padding-left: 30px
}

.donation-sec .alert-status {
   background: #f6f3ee;
   border-left: 3px solid var(--secondary);
   border-radius: 0 100px 100px 0;
   margin: 70px 0
}

.donation-sec .alert-status span {
   font-weight: 400;
   font-family: var(--font-family-base)
}

.donation-sec ul#gateway-radio-list li {
   display: flex;
   border: 1px solid #d8dde1;
   border-radius: 100px;
   height: 56px;
   align-items: center;
   padding-left: 25px;
   font-weight: 600;
   font-size: 18px
}

.donation-sec ul#gateway-radio-list li input {
   width: auto;
   margin-right: 7px
}

.donation-sec ul#gateway-radio-list li label {
   width: 100%;
   display: block;
   cursor: pointer
}

.donation-sec .donation-status .ds-inner {
   max-width: 700px;
   margin: 0 auto
}

.donation-sec .donation-status .ds-inner h5 {
   margin: 30px 0
}

/*! process */
.process-card {
   text-align: center
}

@media (max-width:991.98px) {
   .process-card {
      margin-bottom: 40px
   }
}

.process-card .count {
   border-radius: 0 0 30px 30px;
   width: 56px;
   height: 56px;
   margin: 0 auto;
   box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05);
   background: var(--white);
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 700
}

.process-card .count:before {
   height: 5px;
   background-color: var(--secondary)
}

.process-card h3 {
   margin: 30px 0
}

.process-card .process-icon {
   box-shadow: 0 16px 50px 10px rgba(12, 12, 13, .07);
   width: 156px;
   height: 156px;
   background-color: var(--white);
   margin: 30px auto 0
}

.process-sec {
   overflow: hidden
}

.process-sec .process-shape {
   position: absolute;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translate(-50%);
   top: 46%;
   z-index: -1
}

@media (max-width:1199.98px) {
   .process-sec .process-shape {
      display: none
   }
}

.process-sec .row>div:nth-child(2n) .process-card .process-icon {
   margin-bottom: 30px;
   margin-top: 0
}

/*! pricing */
.pricing-sec {
   padding-top: 120px;
   overflow: hidden
}

.pricing-sec .pricing-entry {
   padding-bottom: 120px;
   padding-top: 35px
}

@media (max-width:991.98px) {
   .pricing-sec .pricing-entry {
      padding-bottom: 30px
   }
}

.pricing-sec .pricing-wrap:before {
   width: 1px;
   background-color: var(--border-color);
   right: -20px;
   top: auto;
   bottom: 0;
   left: auto;
   height: calc(100% - 60px)
}

@media (max-width:991.98px) {
   .pricing-sec .pricing-wrap:before {
      display: none
   }
}

.pricing-entry {
   padding-left: 40px;
   border-left: 1px solid var(--border-color)
}

@media (max-width:767.98px) {
   .pricing-entry {
      border: 0;
      padding-left: 0
   }
}

.pricing-entry .pricing-header h2 {
   font-size: 30px;
   margin-bottom: 10px
}

.pricing-entry .pricing-header p {
   margin: 20px 0 10px
}

.pricing-entry .pricing-header span.display-2,
.pricing-entry .pricing-header span.sec-title {
   font-weight: 700;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.pricing-entry .pricing-header span.display-2 sub,
.pricing-entry .pricing-header span.sec-title sub {
   font-size: 20px;
   color: var(--body-color);
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
   font-weight: 400
}

.pricing-entry .pricing-header .btn {
   margin-top: 20px
}

.pricing-entry .pricing-body {
   padding: 30px;
   margin-top: 30px;
   background-color: var(--white)
}

.pricing-entry .pricing-body ul {
   margin: 0;
   padding: 0;
   list-style: none
}

.pricing-entry .pricing-body ul li {
   margin-bottom: 15px;
   padding-left: 35px
}

.pricing-entry .pricing-body ul li:before {
   background-color: transparent;
   content: "\f058";
   font-family: fontawesome;
   color: var(--primary);
   transition: .4s
}

.pricing-entry .pricing-body ul li.disabled:before {
   color: var(--border-color)
}

.pricing-entry:hover .btn {
   background-color: var(--secondary);
   border: 1px solid var(--secondary)
}

.pricing-entry:hover .pricing-body li:before,
.pricing-entry:hover span.display-2,
.pricing-entry:hover span.display-2 sub,
.pricing-entry:hover span.sec-title,
.pricing-entry:hover span.sec-title sub {
   color: var(--secondary)
}

/*! single-post */
.post-header {
   margin: 40px 0 50px
}

.post-header .ph-inner img {
   margin-right: 20px
}

.post-header .pm-info span {
   font-size: 14px
}

.post-header .pm-info h5 {
   font-size: 20px;
   font-weight: 500
}

.post-single h1 {
   font-weight: 700
}

.post-single .post-thumb {
   margin: 0 0 35px
}

.post-single ul.check {
   max-width: 800px;
   margin: 40px 0
}

.post-single ul.check li {
   font-size: 16px;
   display: inline-flex;
   align-items: center;
   margin: 0 40px 25px 20px
}

.post-single ul.check li:before {
   font-size: 16px;
   top: 0;
   left: -30px
}

.post-single h3 {
   font-size: 36px;
   margin: 0 0 30px
}

.post-single>p {
   margin: 0 0 30px;
   color: #42454b
}

@media (max-width:767.98px) {
   .post-single {
      overflow: hidden
   }

   .post-single h1 {
      font-size: 32px
   }

   .post-single .p-gallery img {
      margin-bottom: 15px
   }

   .post-single ul {
      padding-left: 15px
   }
}

.article-footer {
   padding: 35px 0;
   border-top: 1px solid var(--border-color);
   border-bottom: 1px solid var(--border-color)
}

.article-footer h4 {
   margin-bottom: 0
}

@media (max-width:767.98px) {
   .article-footer h4 {
      margin: 0 0 20px !important
   }
}

.article-footer .tagcloude a {
   border: 1px solid var(--border-color);
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px;
   padding: 7px 20px;
   margin-right: 10px;
   display: inline-block
}

@media (max-width:991.98px) {
   .article-footer .tagcloude a {
      margin-bottom: 10px
   }
}

.article-footer .tagcloude a:hover {
   background-color: var(--primary);
   color: var(--white);
   border: 1px solid var(--primary)
}

blockquote {
   padding: 30px 75px
}

blockquote:before {
   background: url(../images/icons/quote2.png) no-repeat 0 0;
   left: 0;
   top: 30px
}

blockquote p {
   font-size: 24px;
   color: var(--headings-color);
   border-radius: 5px;
   line-height: 32px;
   font-weight: 600;
   margin-bottom: 0
}

blockquote cite {
   font-size: 20px;
   padding-left: 120px
}

blockquote cite:before {
   height: 1px;
   width: 100px;
   background-color: var(--headings-color);
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%)
}

@media (max-width:575.98px) {
   blockquote {
      padding: 20px;
      margin-top: 50px
   }

   blockquote:before {
      top: -30px
   }
}

.blog-gallery img {
   max-width: 50%
}

.post-comments>ol {
   padding-left: 0
}

.post-comments ol {
   list-style: none
}

.post-comments .comment-entry {
   position: relative;
   margin-bottom: 30px;
   border-bottom: 1px solid var(--border-color)
}

.post-comments .comment-entry .comment-thumb {
   flex: 0 0 5.625rem
}

@media (max-width:991.98px) {
   .post-comments .comment-entry .comment-thumb {
      margin-right: 1.25rem
   }
}

.post-comments .comment-entry .commentor p {
   margin: 0
}

.footer-widget .footer-info .single-conn .conn-txt .post-comments .comment-entry .commentor a,
.payment-option .post-comments .comment-entry .commentor a.accordion-button,
.portfolio-menu .nav .post-comments .comment-entry .commentor a.nav-link,
.post-comments .comment-entry .commentor .footer-widget .footer-info .single-conn .conn-txt a,
.post-comments .comment-entry .commentor .payment-option a.accordion-button,
.post-comments .comment-entry .commentor .portfolio-menu .nav a.nav-link,
.post-comments .comment-entry .commentor .product-details-tab .nav-tabs li a.nav-link,
.post-comments .comment-entry .commentor .quick-call a,
.post-comments .comment-entry .commentor .review-top a.lead,
.post-comments .comment-entry .commentor .review-top a.lead-sm,
.post-comments .comment-entry .commentor a.h6,
.product-details-tab .nav-tabs li .post-comments .comment-entry .commentor a.nav-link,
.quick-call .post-comments .comment-entry .commentor a,
.review-top .post-comments .comment-entry .commentor a.lead,
.review-top .post-comments .comment-entry .commentor a.lead-sm {
   font-size: 14px;
   text-transform: uppercase
}

@media (max-width:575.98px) {
   .post-comments .comment-entry .comment-thumb {
      margin-bottom: .9375rem
   }

   .post-comments .comment-entry .commentor:before {
      top: -.625rem;
      left: .9375rem
   }
}

/*! single-cause */
.single-cause .donation-stat {
   padding: 30px;
   margin: 40px 0 50px
}

.single-cause .donation-stat .abstat-wrap {
   flex: 1;
   margin-right: 40px;
   padding: 0
}

.single-cause .donation-stat .abstat-wrap .donate-stat:before {
   width: 235px
}

.single-cause h1 {
   font-size: 36px;
   margin: 30px 0
}

.single-cause h3 {
   font-size: 32px;
   margin: 0 0 30px
}

.single-cause ul.check li {
   margin-left: 30px;
   font-weight: 500;
   font-size: 16px;
   margin-bottom: 20px
}

.single-cause ul.check li:before {
   font-size: 18px;
   left: -35px;
   top: 0
}

.cause-widget {
   background: url(../images/widget-bg.png) repeat 50%;
   padding: 40px;
   margin-bottom: 30px
}

.cause-widget .widget-title {
   font-size: 30px
}

.cause-widget .organiser-img {
   flex: 0 0 80px;
   margin-right: 20px
}

.cause-widget .organiser-txt span {
   font-family: caveat;
   font-size: 24px;
   color: var(--danger)
}

.cause-widget ul {
   padding: 0;
   list-style: none;
   margin: 20px 0 0
}

.cause-widget ul li {
   color: var(--body-color);
   font-weight: 500;
   margin-bottom: 10px
}

.cause-widget ul li i {
   color: var(--danger);
   margin-right: 5px
}

.cause-widget .donar-s {
   margin-bottom: 20px
}

.cause-widget .donar-s img {
   flex: 0 0 60px;
   margin-right: 20px
}

.cause-widget .donar-s .donar-info h5 {
   margin-bottom: 0;
   font-size: 22px
}

.cause-widget .donar-s .donar-info span {
   font-size: 16px;
   font-weight: 700;
   color: var(--primary)
}

.cause-widget.donate-widget {
   padding: 50px
}

.cause-widget.donate-widget span.price.display-2,
.cause-widget.donate-widget span.price.sec-title {
   background: var(--secondary);
   display: flex;
   width: 120px;
   height: 120px;
   align-items: center;
   justify-content: center;
   margin: 0 auto;
   border-radius: 50%;
   color: var(--white)
}

.cause-widget.donate-widget h5 {
   margin: 25px 0
}

/*! gallery */
.portfolio-menu .nav .nav-link {
   color: var(--headings-color);
   position: relative;
   background-color: var(--shade);
   padding: 13px 30px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px
}

.portfolio-menu .nav .nav-link.active,
.portfolio-menu .nav .nav-link:hover {
   background-color: var(--primary);
   color: var(--white)
}

.gallery-grid .grid-sizer {
   width: 33.3333%
}

.gallery-item {
   position: relative;
   overflow: hidden;
   margin-bottom: 20px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px
}

.gallery-item figure {
   margin: 0
}

.gallery-item img {
   width: 100%;
   height: auto;
   display: block
}

.gallery-item .gallery-hover {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   text-align: center;
   background: 0 0;
   content: "";
   -webkit-transition: -webkit-transform .4s ease;
   transition: -webkit-transform .4s ease;
   transition: transform .4s ease;
   transition: transform .4s ease, -webkit-transform .4s ease;
   -webkit-transform: scaleX(0);
   -ms-transform: scaleX(0);
   transform: scaleX(0);
   -webkit-transform-origin: right center;
   -ms-transform-origin: right center;
   transform-origin: right center;
   overflow: hidden;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   border-radius: 30px
}

.gallery-item .gallery-hover:before {
   content: "";
   background: var(--primary);
   background-blend-mode: multiply;
   width: 100%;
   height: 100%;
   opacity: .9;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
   filter: alpha(opacity=90)
}

.gallery-item .gallery-hover:before,
.gallery-item .gallery-hover a {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%)
}

.gallery-item .gallery-hover a {
   z-index: 3;
   font-size: 20px;
   background-color: var(--secondary);
   color: var(--white)
}

.gallery-item:hover .gallery-hover {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transform-origin: left center;
   -ms-transform-origin: left center;
   transform-origin: left center
}

.grid-sizer {
   visibility: hidden;
   height: 0
}

/*! shop */
.shop-section {
   padding: 120px 0 90px
}

.product-entry,
.product-entry2,
.product-entry3 {
   margin-bottom: 30px;
   overflow: hidden
}

.product-entry2 .product-thumb,
.product-entry3 .product-thumb,
.product-entry .product-thumb {
   overflow: hidden
}

.product-entry2 .product-thumb img,
.product-entry3 .product-thumb img,
.product-entry .product-thumb img {
   width: 100%;
   transform: scale(1);
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease
}

.product-entry2 .product-txt,
.product-entry3 .product-txt,
.product-entry .product-txt {
   padding: 20px
}

@media (max-width:1399.98px) {

   .product-entry2 .product-txt,
   .product-entry3 .product-txt,
   .product-entry .product-txt {
      padding: 20px 15px
   }

   .product-entry2 .product-txt .ratings img,
   .product-entry3 .product-txt .ratings img,
   .product-entry .product-txt .ratings img {
      width: 16px
   }
}

.product-entry2 .badge,
.product-entry3 .badge,
.product-entry .badge {
   position: absolute;
   background: var(--primary);
   font-size: 14px;
   left: 15px;
   top: 15px;
   font-weight: 600;
   z-index: 1
}

.product-entry2 .product-cta,
.product-entry3 .product-cta,
.product-entry .product-cta {
   position: absolute;
   right: -10px;
   top: 30px;
   visibility: hidden;
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   -webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
   -ms-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease
}

.product-entry2 .product-cta a,
.product-entry3 .product-cta a,
.product-entry .product-cta a {
   display: table;
   width: 48px;
   height: 48px;
   text-align: center;
   background-color: var(--secondary);
   margin-bottom: 10px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   border-radius: 50%
}

.product-entry2 .product-cta a i,
.product-entry3 .product-cta a i,
.product-entry .product-cta a i {
   color: var(--white);
   display: table-cell;
   vertical-align: middle
}

.product-entry2 h3,
.product-entry3 h3,
.product-entry h3 {
   font-size: 18px
}

.product-entry2 .price,
.product-entry3 .price,
.product-entry .price {
   color: var(--headings-color);
   font-weight: 600
}

.product-entry2 .price del,
.product-entry3 .price del,
.product-entry .price del {
   color: var(--body-color);
   font-size: 14px
}

.product-entry2:hover h3 a,
.product-entry3:hover h3 a,
.product-entry:hover h3 a {
   color: var(--black)
}

.product-entry2:hover .product-cta,
.product-entry3:hover .product-cta,
.product-entry:hover .product-cta {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   visibility: visible;
   right: 20px
}

.product-entry2:hover .product-thumb img,
.product-entry3:hover .product-thumb img,
.product-entry:hover .product-thumb img {
   transform: scale(1.2)
}

.result select {
   min-width: 60px;
   width: auto;
   padding: 9px 15px
}

.filter a.bg-primary {
   color: var(--white)
}

.product-entry2 .product-cta a {
   background-color: var(--sky)
}

.product-entry2 .product-cta a i {
   color: var(--white)
}

.product-entry2:hover h3 a {
   color: var(--sky)
}

.product-entry3 .product-cta a i {
   color: var(--white)
}

.product-entry3 .product-cta a:hover {
   background-color: var(--tertiary)
}

.btn-2 .shop-wrapper span i,
.gallery-item .gallery-hover .shop-wrapper a i,
.shop-wrapper .btn-2 span i,
.shop-wrapper .gallery-item .gallery-hover a i,
.shop-wrapper .icon-lg i,
.shop-wrapper .icon-xl i,
.shop-wrapper .icon-xs i,
.shop-wrapper .icon i {
   font-size: 18px
}

.shop-wrapper .nice-select {
   background: var(--shade);
   height: 46px;
   line-height: 46px;
   min-width: 60px;
   margin-left: 10px;
   font-size: 18px;
   border: 1px solid var(--border-color)
}

/*! single-product */
.product-media-left {
   display: flex;
   flex-direction: column;
   margin-right: 20px;
   width: 20%
}

.product-media-left .product-thumb {
   height: 500px
}

.product-media-left .product-thumb img {
   max-width: 110px
}

@media (max-width:991.98px) {
   .product-media-left {
      margin-right: 10px
   }
}

@media (max-width:767.98px) {
   .product-media-left .product-thumb {
      height: 425px
   }

   .product-media-left .product-thumb img {
      width: 95px
   }
}

.product-media-left .swiper-button-next,
.product-media-left .swiper-button-prev {
   top: 3px;
   transform: rotate(270deg);
   left: 36%;
   width: 35px;
   height: 35px;
   background-color: var(--white);
   color: var(--black);
   -webkit-box-shadow: 0 0 12px rgba(var(--dark), .25);
   -moz-box-shadow: 0 0 12px rgba(var(--dark), .25);
   box-shadow: 0 0 12px rgba(var(--dark), .25)
}

.product-media-left .swiper-button-next:after,
.product-media-left .swiper-button-prev:after {
   font-size: 17px
}

.product-media-left .swiper-button-prev {
   top: auto;
   bottom: -10px
}

@media (max-width:575.98px) {
   .product-media-left {
      width: 100%;
      margin-right: 0;
      display: inline-block
   }

   .product-media-left .product-thumb {
      height: auto;
      margin-bottom: 20px
   }

   .product-media-left .product-thumb img {
      height: auto
   }

   .product-media-left .swiper-button-next,
   .product-media-left .swiper-button-prev {
      transform: rotate(0deg);
      left: 0;
      top: 40%
   }

   .product-media-left .swiper-button-prev {
      bottom: auto;
      right: 0;
      left: auto
   }
}

.coverItem {
   width: 80%
}

@media (max-width:575.98px) {
   .coverItem {
      width: 100%;
      text-align: center
   }
}

.select-color .color {
   margin-right: 10px;
   width: 82px;
   height: 82px;
   cursor: pointer
}

.select-color .color span {
   display: none
}

.select-color .color .active img {
   opacity: .6;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
   filter: alpha(opacity=60)
}

.cart-cta .btn {
   width: 215px;
   margin-left: 10px
}

@media (max-width:575.98px) {
   .cart-cta .btn {
      margin-top: 20px
   }
}

.cart-number .quantity {
   flex-basis: 180px
}

.cart-number .quantity .cart-counter {
   border: 1px solid var(--border-color);
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   border-radius: 50px;
   padding: 0 20px
}

.cart-number .quantity .cart-counter>div {
   cursor: pointer
}

.cart-number .quantity input {
   text-align: center;
   border: 0;
   padding: 0;
   width: 56px;
   height: 56px;
   font-size: 22px
}

.product-meta p {
   margin: 0 0 15px
}

.product-meta p strong {
   color: var(--black)
}

.payment-method span {
   width: 240px
}

@media (max-width:575.98px) {
   .pay-options img {
      margin-bottom: 10px
   }
}

.product-details-tab .nav-tabs {
   margin: 0 0 60px
}

.product-details-tab .nav-tabs li {
   margin: 0 10px
}

.product-details-tab .nav-tabs li .nav-link {
   text-transform: capitalize;
   padding: 17px 40px 15px;
   margin: 0;
   border: 1px solid var(--border-color);
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   border-radius: 50px;
   line-height: 1;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out
}

.product-details-tab .nav-tabs li .nav-link.active,
.product-details-tab .nav-tabs li .nav-link:focus,
.product-details-tab .nav-tabs li .nav-link:hover {
   background-color: var(--primary);
   border: 1px solid var(--primary);
   color: var(--white)
}

@media (max-width:575.98px) {
   .product-details-tab .nav-tabs li {
      margin-bottom: 10px
   }
}

.product-details-tab .ratings-form.contact-form2 {
   max-width: 675px;
   margin: 0;
   padding: 0
}

.product-details-tab .ratings-form.contact-form2 .form-group input,
.product-details-tab .ratings-form.contact-form2 .form-group textarea {
   background-color: var(--shade);
   border-radius: 5px
}

.product-details-tab .ratings a {
   color: var(--primary)
}

.product-details-tab .ratings a:hover {
   color: gold
}

.product-additional-info .item,
.product-details-tab .tab-content ul li {
   margin-bottom: 15px
}

.product-additional-info .item label {
   font-size: 18px;
   min-width: 150px
}

.ratings-form .form-group label {
   margin-bottom: 5px
}

.ratings-form .form-group input,
.ratings-form .form-group textarea {
   background-color: var(--mute)
}

.ratings-form .form-group input[type=checkbox] {
   padding: 8px
}

.ratings-form .form-group.checkbox-group {
   margin: 20px 0 40px
}

/*! cart */
.woocommerce {
   background-color: var(--mute);
   padding: 30px
}

@media (max-width:575.98px) {
   .woocommerce {
      padding: 10px
   }

   .woocommerce .woocommerce-cart-form {
      overflow-x: auto;
      margin-bottom: 30px;
      overflow-y: hidden
   }
}

.woocommerce .shop_table {
   text-align: left;
   width: 100%;
   border-collapse: separate;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   border-radius: 10px;
   border-spacing: 0 20px
}

.woocommerce .shop_table thead tr th {
   padding: 15px 20px;
   background-color: var(--white);
   font-size: 18px;
   font-weight: 600;
   color: var(--headings-color)
}

@media (max-width:575.98px) {
   .woocommerce .shop_table thead tr th {
      font-size: 18px;
      padding: 20px
   }
}

.woocommerce .shop_table thead tr th:first-child,
.woocommerce .shop_table thead tr th:last-child {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   border-radius: 10px
}

.woocommerce .shop_table tr {
   background-color: var(--white);
   color: var(--secondary)
}

.woocommerce .shop_table tr td:first-child {
   border-left-style: solid;
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px
}

.woocommerce .shop_table tr td:last-child {
   border-right-style: solid;
   border-bottom-right-radius: 10px;
   border-top-right-radius: 10px
}

.woocommerce .shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item td {
   font-weight: 600;
   align-items: center;
   vertical-align: middle
}

@media (max-width:575.98px) {
   .woocommerce .shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item td {
      font-size: 14px
   }
}

.woocommerce .shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item td.product-thumbnail {
   width: 15%;
   padding: 15px 0 15px 15px
}

@media (max-width:575.98px) {
   .woocommerce .shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item td.product-thumbnail {
      padding: 5px 0 5px 5px
   }

   .woocommerce .shop_table tbody tr.woocommerce-cart-form__cart-item.cart_item td.product-thumbnail img {
      max-width: 100%
   }
}

.woocommerce .shop_table td.product-quantity input {
   padding: 0;
   width: 40px;
   margin: 0 5px;
   text-align: center
}

.woocommerce th {
   font-weight: 700;
   padding: 9px 12px;
   line-height: 1.5em
}

.woocommerce td.product-remove a.remove {
   height: 25px;
   width: 25px;
   line-height: 25px;
   background: var(--primary);
   display: inline-block;
   text-align: center;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   border-radius: 50px
}

.woocommerce td.product-remove a.remove i {
   color: var(--headings-color);
   font-weight: 600;
   font-size: 15px
}

@media (max-width:575.98px) {

   .woocommerce .table.shop_table.cart>tbody>tr>td.product-price,
   .woocommerce .table.shop_table.cart>tbody>tr>th.product-price,
   .woocommerce .table.shop_table.cart>tfoot>tr>td.product-price,
   .woocommerce .table.shop_table.cart>tfoot>tr>th.product-price,
   .woocommerce .table.shop_table.cart>thead>tr>td.product-price,
   .woocommerce .table.shop_table.cart>thead>tr>th.product-price,
   .woocommerce table.shop_table.cart>tbody>tr>td.product-price,
   .woocommerce table.shop_table.cart>tbody>tr>th.product-price,
   .woocommerce table.shop_table.cart>tfoot>tr>td.product-price,
   .woocommerce table.shop_table.cart>tfoot>tr>th.product-price,
   .woocommerce table.shop_table.cart>thead>tr>td.product-price,
   .woocommerce table.shop_table.cart>thead>tr>th.product-price {
      display: none
   }
}

.woocommerce .coupon {
   position: relative;
   flex: 0 0 50%
}

.woocommerce .coupon input {
   border: 1px solid var(--border-color);
   padding: 14px;
   font-size: 15px
}

.woocommerce .coupon input:focus {
   outline: 0 none;
   box-shadow: none
}

.woocommerce .coupon .btn {
   position: absolute;
   right: -2px;
   border-radius: 5px;
   top: -1px;
   font-size: 15px;
   height: 101%;
   line-height: 1
}

@media (max-width:575.98px) {
   .woocommerce .coupon {
      flex: 0 0 100%
   }
}

.woocommerce .shop_table tr:last-child {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0
}

.cart-quanty {
   display: flex;
   justify-content: space-between;
   width: 100px;
   padding: 4px 13px;
   background-color: var(--mute);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   border-radius: 5px;
   font-size: 15px
}

.cart-quanty input {
   padding: 0;
   background: transparent;
   text-align: center;
   font-weight: 600
}

.cart-quanty i {
   cursor: pointer
}

@media (max-width:575.98px) {
   .cart-totals {
      margin-top: 30px
   }
}

@media (min-width:576px) and (max-width:767.98px) {
   .cart-totals {
      margin-top: 30px
   }
}

.cart-totals table {
   width: 100%;
   border-spacing: 0 10px;
   border-collapse: separate
}

.cart-totals table th {
   color: var(--headings-color)
}

.cart-totals table td {
   font-weight: 500
}

.cart-totals table tbody tr td {
   padding: 15px 10px;
   text-align: right
}

.cart-totals table tr:first-child {
   font-weight: 700
}

.cart-totals table tr.product-list {
   background: #fff
}

.cart-totals table tr.product-list td,
.cart-totals table tr.product-list th {
   padding: 10px 15px;
   color: var(--headings-color)
}

.cart-totals table tr.product-list th {
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px
}

.cart-totals table tr.product-list td {
   border-bottom-right-radius: 10px;
   border-top-right-radius: 10px;
   font-size: 20px
}

/*! checkout */
@media (max-width:575.98px) {
   .order-summery {
      margin-top: 30px
   }
}

@media (min-width:576px) and (max-width:767.98px) {
   .order-summery {
      margin-top: 30px
   }
}

.coupon-wrap input {
   flex: 0 0 65%
}

@media (max-width:991.98px) {
   .coupon-wrap {
      margin-bottom: 20px
   }

   .coupon-wrap input {
      flex: 0 0 55%
   }
}

.checkout-coupon h6 {
   margin-bottom: 0
}

.checkout-coupon h6 button {
   border: 0;
   color: var(--tertiary);
   background: transparent
}

.checkout-coupon form {
   max-width: 600px
}

.checkout-coupon form .btn {
   border-radius: 5px
}

form.form.checkout-form label {
   margin-bottom: 5px;
   font-weight: 500;
   color: var(--headings-color);
   font-size: 17px
}

form.form.checkout-form select {
   display: block !important;
   width: 100%;
   border: 1px solid var(--border-color);
   color: var(--headigns-color);
   background-color: var(--white)
}

form.form.checkout-form input,
form.form.checkout-form select {
   font-size: 16px;
   margin-bottom: 30px
}

form.form.checkout-form input[type=checkbox] {
   width: auto
}

.payment-option {
   margin-bottom: 30px
}

.payment-option .accordion-button:after {
   right: 0;
   background: transparent;
   border-radius: 0;
   background-repeat: no-repeat;
   background-position: 50%;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
   box-shadow: none
}

.payment-option .accordion-button:not(.collapsed):after {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
   background-color: transparent;
   transform: rotate(0deg)
}

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

.logo{
       display: flex;
       align-items: center;
       gap: 5px;
}

.logo .logo-icon img {
    width: 100px;
    margin-bottom: 0px;
}

.bb-short {
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
}

.bb-short::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width:25%;
    height: 3px;
    background: var(--primary);
    border-radius: 2px;
}

.logo .logo-text h2 {
    font-weight: 800;
    text-transform: capitalize;
    font-size: 22px;
    line-height: 32px;
    color: var(--primary);
    margin-bottom: 10px;
      font-family: var(--font-family-headings);
}

.logo .logo-text h3 {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 16px;
    text-transform: capitalize;
    color: var(--secondary);
    font-family: var(--font-family-base);
    margin-bottom: 5px;
}
.logo .logo-text h4 {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 22px;
    text-transform: capitalize;
    color: var(--headings-color);
    font-family: var(--font-family-base);
    margin-bottom: 0px;
}

p.copy-right{
   margin: 10px 0;
   font-size: 16px;
}

.feature-sec .video-box {
    width: 100%;
    height: 480px; /* set height you want */
    border-radius: 20px;
    overflow: hidden;
    outline: 2px solid var(--primary);
    outline-offset: 4px;
    box-shadow: 0px 0px 6px 1px #cbcbcb;
}

.feature-sec .video-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;  /* this makes the video fill the box */
    border-radius: 20px;
    display: block;
}

.carousel-caption {
       position: absolute;
    right: 55%;
    bottom: 9%;
    left: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

.carousel-control-next, .carousel-control-prev{
    width: 5%;
}

.carousel-control-prev-icon{
    background-image: url(../images/slider/arrow1.png);;
}

.carousel-control-next-icon{
    background-image: url(../images/slider/arrow2.png);;
}


.carousel-caption .sec-title {
    font-weight: 800;
    text-transform: capitalize;
    font-size: 40px;
    line-height: 50px;
    color: var(--primary);
    margin-bottom: 10px;
    font-family: var(--font-family-headings);
}

.carousel-caption h3.sec-title {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    color: var(--secondary);
    font-family: var(--font-family-base);
    margin-bottom: 5px;
}

.carousel-caption h4.sec-title {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 28px;
    text-transform: capitalize;
    color: var(--headings-color);
    font-family: var(--font-family-base);
    margin-bottom: 5px;
}

.carousel-caption .site-heading p{
    padding-bottom: 5px;
   color: var(--headings-color);
     /*overflow: hidden;
    display: -webkit-box;
    margin-top: 5px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;*/
}

.carousel-control-next, .carousel-control-prev{
   bottom: -24%;
}

.btn-whatsapp-pulse {
  background: #25d366;
  color: white;
  position: fixed;
  bottom: 60px;
  right: 20px;
  font-size: 26px;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  padding: 27px;
  text-decoration: none;
  border-radius: 50%;
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }
  80% {
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
  }
}

a.btn-whatsapp-pulse:hover{
  color: #fff;
}

.btn-whatsapp-pulse-border {
  bottom: 115px;
  left: 27px;
  animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  padding: 25px;
  border: 5px solid #25d366;
  opacity: 0.75;
  animation-name: pulse-border;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes pulse-border {
  0% {
    padding: 25px;
    opacity: 0.75;
  }
  75% {
    padding: 50px;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


.fixed-tel {
  position: fixed;
  bottom: 20px;
  left: 25px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  z-index: 9999;
  text-align: center;
}

.fixed-tel:before {
    content: "";
    width: 60px;
    height: 60px;
    background:var(--gradient);
    position: absolute;
    border-radius: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}

.fixed-tel i {
  vertical-align: middle;
  z-index: 2;
  position: relative;
  color: #fff;
  font-size: 1.6rem;
}


@media only screen and (max-width:1199px){
   .carousel{
      margin-top: 100px;
   }
   .header.header-3.two{
      top: -100px;
   }
   .header.header-3.two .header-wrapper {
     top: 0px; 
    background: #bad2e6;
   }
      .carousel-caption{
             right: 51%;
          bottom: 5%;
          padding-top: 5px;
    padding-bottom: 5px;
      }
      .carousel-caption .sec-title{
         font-size: 30px;
             margin-bottom: 5px;
      }
      .header.header-3 .header-wrapper .navbar ul li a{
         padding: 17px 18px;
      }
      .carousel-caption h4.sec-title{
             font-size: 16px;
          line-height: 22px;
      }
      .carousel-caption .site-heading p{
         font-size: 14px;
         line-height: 22px;
      }
      .stat-sec h3 .display-2 {
          font-size: 40px;
       }
       .stat-card p{
             font-size: 18px;
       }
       .footer-widget.rc-widget {
          flex: 0 0 255px;
       }
       section.promo-sec {
          padding: 250px 0 50px;
      }
      .header.header-3 {
         top: 0px; 
    }
    .header.header-3 .header-wrapper{
      background: transparent;
              top: 0;
    }
    .portfolio-menu .nav .nav-link{
          padding: 13px 20px;
    }
}

@media only screen and (max-width:991px){
   .header.header-3 .header-top{
      max-width: 100%;
      border-radius: 0;
   }
   .header.header-3 .header-wrapper .header-nav-wrapper .container-fluid{
      border-radius: 0;
              margin: 0;
   }
   .carousel-caption .site-heading p{
      overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
   }
       .carousel-caption h4.sec-title {
        font-size: 12px;
        line-height: 16px;
    }
    .carousel-caption h3.sec-title{
      font-size: 17px;
    line-height: 21px;
    }
        .carousel-caption .sec-title {
        font-size: 24px;
        line-height: 30px;
    }
    .logo .logo-text h4{
      line-height: 20px;
    }
    .about-footer{
      display: flex;
      flex-direction: column;
      align-items: start !important;
    }
    .video-cta{
      flex: 0 0 30%;
    }
    section.promo-sec h1 {
       font-size: 24px;
       line-height: 34px;
    }
        .portfolio-menu .nav .nav-link {
        padding: 13px 10px;
    }
    .contact-map .map-info {
    flex: 0 0 300px;
}
}

@media only screen and (max-width:767px){
   .header.header-3 .header-top{
      padding:4px 10px;
   }
   .header.header-3 .header-top{
      text-align: center;
   }
   .header-top .header-socials{
      justify-content: center;
   }
       section.promo-sec {
        padding: 250px 0 20px;
    }
    .event-single .event-thumb img{
      margin-bottom: 10px;
    }
        .carousel {
        margin-top: 200px;
    }
     .carousel-caption .sec-title {
        font-size: 20px;
        line-height: 30px;
    }
    .carousel-caption .site-heading p {
        font-size: 12px;
        line-height: 16px;
    }
     .header.header-3.two {
        top: -200px;
    }
    .carousel-caption{
      bottom: 7%;
    }
}

@media only screen and (max-width:575px){
       .carousel {
        margin-top: 115px;
    }
     .header.header-3.two {
        top: -115px;
    }
   .logo .logo-icon img {
       width: 40px;
    }
    .logo .logo-text h2{
      font-size: 18px;
      line-height: 28px;
    }
    .logo .logo-text h3{
      font-size: 14px;
    line-height: 13px;
    }
        .logo .logo-text h4 {
        line-height: 14px;
        font-size: 11px;
    }
    .header.header-3 .header-wrapper .header-nav-wrapper .container-fluid{
      padding: 2px;
    }
        .logo {
        max-width: 230px;
    }
    .sec-title{
          font-size: 24px;
    line-height: 34px;
    }
        section.promo-sec {
        padding: 190px 0 20px;
    }
        section.promo-sec h1 {
        font-size: 20px;
        line-height: 30px;
    }
    section.promo-sec ol.breadcrumb .breadcrumb-item{
      font-size: 10px;
    }

    .project-sec2 .nav{
      display: flex;
      flex-direction: column;
    }
    .carousel-caption .site-heading p, .carousel-caption h4.sec-title, .carousel-caption h3.sec-title{
      display: none;
    }
        .carousel-caption .sec-title {
        font-size: 16px;
        line-height: 20px;
    }
      .carousel-caption .btn{
         padding: 9px 11px;
         font-size: 13px;
      }
          .carousel-caption {
        bottom: 8%;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon{
     height: 15px;
    }
}


.gallery-item h5 {
    background: var(--primary);
    color: var(--white);
    font-size: 18px;
    line-height: 28px;
    padding: 10px;
    font-family: var(--font-family-base);
}