@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700;800;900&family=Exo:wght@300;400;500;600;700;800;900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=Nunito:wght@200;300;400;500;600;700;800;900;1000&display=swap');
/*
font-family: 'Archivo', sans-serif;
font-family: 'Exo', sans-serif;
*/

@import url("flaticon.css");
@import url("fontawesome-all.css");  
@import url("animate.css");
@import url("owl.css");
@import url("jquery-ui.min.css");
@import url("jquery.fancybox.min.css");
@import url("jquery.bootstrap-touchspin.css");
/***


====================================================================
 Reset
====================================================================

***/


* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    font-size: 100%;
}

/***

====================================================================
Global Settings
====================================================================

***/

body {
    font-size: 16px;
    color: #363636;
    line-height: 28px;
    font-weight: 400;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-family: "Archivo", sans-serif;
}

a {
    text-decoration: none;
    cursor: pointer;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    margin: 0px;
    background: none;
    font-weight: 600;
    line-height: 1.4em;
    font-family: "Exo", sans-serif;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 21px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 17px;
}

section {
    position: relative;
}

textarea {
    overflow: hidden;
    resize: none;
}

button {
    background-color: transparent;
    outline: none !important;
    cursor: pointer;
    min-width: auto;
}


@media only screen and (min-width: 1600px){
    .slider-event-new {
        top: 14% !important;
    }
}

@media only screen and (min-width: 1300px) and (max-width:1400px){
    .slider-event-new {
        top: 16% !important;
    }
}

@media only screen and (min-width: 1250px) and (max-width:1299px){
    .slider-event-new {
        top: 21% !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width:1249px){
    .slider-event-new {
        top: 25% !important;
    }
}

@media only screen and (min-width: 1100px) and (max-width:1199px){
    .slider-event-new {
        top: 13% !important;
    }
}

@media only screen and (min-width: 1050px) and (max-width:1099px){
    .slider-event-new {
        top: 7% !important;
    }
}

@media only screen and (min-width: 1030px) and (max-width:1049px){
    .slider-event-new {
        top: 8% !important;
    }
}

@media only screen and (min-width: 1000px) and (max-width:1029px){
    .slider-event-new {
        top: 10% !important;
    }
}

 
 
p,
.text {
    font-size: 16px;
    line-height: 30px;
    color: #2a2a2a;
    font-weight: 400;
}

::-webkit-input-placeholder {
    color: inherit;
}

::-moz-input-placeholder {
    color: inherit;
}

::-ms-input-placeholder {
    color: inherit;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
    width: 100%;
}

.small-container {
    position: static;
    max-width: 900px;
    padding: 0px 15px;
    margin: 0 auto;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 250px;
    z-index: 1;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.section {
    padding: 60px 0 30px;
}

.bg_alice {
    background-color: #f9fafc;
}

.items-end {
    align-items: end;
}

.items-start {
    align-items: flex-start;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

/***
=======================
  Default Navs
=======================
***/

.disable-nav .owl-nav {
    /* display: none; */
}

.default-nav .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
}

.default-nav .owl-next,
.default-nav .owl-prev {
    position: absolute;
    left: -55px;
    top: 0;
    height: 30px;
    width: 50px;
    font-size: 14px;
    color: #081245;
    line-height: 30px;
    border-radius: 50px;
    text-align: center;
    background-color: #ebebeb;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.default-nav .owl-next {
    left: auto;
    right: -55px;
}

.default-nav .owl-next:hover,
.default-nav .owl-prev:hover {
    background: #081245;
    color: #ffffff;
}

/***
=======================
  List Styles
=======================
***/
/* List Style Two */

.list-style-one {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.list-style-one li {
    position: relative;
    font-weight: 400;
    padding-left: 30px;
    margin-bottom: 10px;
}

.list-style-one li:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    color: #ffba00;
    font-weight: 900;
    font-size: 16px;
}

/* List Style Two */

.list-style-two {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.list-style-two li {
    position: relative;
    font-size: 16px;
    line-height: 28px;
    color: #363636;
    font-weight: 400;
    padding-left: 20px;
    margin-bottom: 5px;
}

.list-style-two li:before {
    position: absolute;
    top: 10px;
    left: 0;
    height: 7px;
    width: 7px;
    background-color: #1370b5;
    border-radius: 50%;
    content: "";
}

.list-style-two.light li {
    font-weight: 300;
}

/***
==========================
 Social Icon One
==========================
***/

.social-icon-one {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.social-icon-one li {
    position: relative;
    margin-right: 10px;
}

.social-icon-one li:last-child {
    margin-right: 0;
}

.social-icon-one li a {
    position: relative;
    display: block;
    font-size: 18px;
    color: #ffffff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #00082e;
    border-radius: 0 0 50% 50%;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.social-icon-one li a:hover {
    background-color: #ffae00;
    color: #ffffff;
}

/***
==========================
 Social Icon Two
==========================
***/

.social-icon-two {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    flex-wrap: wrap;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.social-icon-two li {
    position: relative;
    margin: 0 -.5px;
}

.social-icon-two li a {
    position: relative;
    font-size: 18px;
    color: #ffffff;
    padding: 8px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #ffffff;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-icon-two li a:hover {
    background-color: #ffae00;
    color: #ffffff;
}

/***
==========================
 Social Icon Three
==========================
***/

.social-icon-three {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.social-icon-three li {
    position: relative;
    margin-right: 10px;
}

.social-icon-three li:last-child {
    margin-right: 0;
}

.social-icon-three li a {
    position: relative;
    display: block;
    font-size: 14px;
    color: #ffffff;
    height: 34px;
    width: 28px;
    line-height: 34px;
    text-align: center;
    background-color: #00082e;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.social-icon-three li a:hover {
    background-color: #ffae00;
    color: #ffffff;
}

/*==========================
 Default Tabs
===========================*/

.default-tabs {
    position: relative;
    overflow: hidden;
    border: 1px solid #dddde1;
    margin-bottom: 30px;
}

.default-tabs .tab-buttons {
    position: relative;
    padding: 10px 10px;
    background: #1370b5;
    border-radius: 5px;
}

.default-tabs .tab-buttons li {
    position: relative;
    float: left;
    font-weight: 600;
    font-size: 16px;
    padding: 11px 24px;
    color: #ffffff;
    line-height: 20px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.default-tabs .tab-buttons li.active-btn {
    background-color: #ffffff;
    color: #1370b5;
}

.default-tabs .tabs-content {
    position: relative;
    width: 100%;
    padding: 25px 25px;
    background-color: #ffffff;
}

.default-tabs .tabs-content p {
    font-size: 14px;
    line-height: 26px;
    font-weight: 300;
}

/*==========================
default table
===========================*/

.default-table {
    position: relative;
    background: #ffffff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
    border-radius: 5px;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;
    min-width: 600px;
}

.default-table thead {
    background: #1370b5;
    color: #ffffff;
}

.default-table thead th {
    position: relative;
    padding: 20px 30px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    line-height: 30px;
}

.default-table tbody tr {
    position: relative;
    border-bottom: 1px solid #ededed;
}

.default-table tr td {
    position: relative;
    padding: 26px 30px;
    font-size: 16px;
    color: #5c6770;
    font-weight: 400;
}

.content-elements .btn-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-elements .btn-column .theme-btn {
    margin-bottom: 20px;
}

/*======================
Theme Btn
=======================*/

.theme-btn {
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.theme-btn .btn-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
    color: #fff !important;
    
}

/*Btn Style One*/

.btn-style-one {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    padding: 6px 7px;
    font-weight: 600;
    background: #001376;
    overflow: hidden;
    min-width: 170px;
    background: #078513;
    background: -o-linear-gradient(45deg, #4CAF50 1%, #8BC34A 100%);
    background: linear-gradient(45deg, #4CAF50 1%, #8BC34A 100%);
}

.btn-style-one:hover {
    color: #ffffff;
}

.btn-style-one:hover:before {
    opacity: 1;
}

.btn-style-one:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #078513;
    background: -o-linear-gradient(135deg, #4CAF50 1%, #8BC34A 100%);
    background: linear-gradient(-45deg, #4CAF50 1%, #8BC34A 100%);
    content: "";
    opacity: 0;
    -webkit-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

/*Btn Style Two*/

.btn-style-two {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff !important;
    padding: 6px 7px;
    font-weight: 600;
    background: #001376;
    overflow: hidden;
    min-width: 174px;
    background: #ffc600;
    background: -o-linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
    background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
}

.btn-style-two:hover {
    color: #ffffff;
}

.btn-style-two:hover:before {
    opacity: 1;
}

.btn-style-two:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: -o-linear-gradient(135deg, #ffc600 1%, #ff6c00 100%);
    background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
    content: "";
    opacity: 0;
    -webkit-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

/*Btn Style three*/

.btn-style-three {
    font-size: 14px;
    transition: all 0.5s;
    position: relative;
    line-height: 25px;
    border-radius: 10px;
    color: #ffffff;
    padding: 6px 15px;
    font-weight: 600;
    overflow: hidden;
    min-width: 125px;
    background: -o-linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
    background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
}

.btn-style-three:hover {
    color: #ffffff;
     transition: all 0.5s;
}

.btn-style-three:hover {
    /*opacity: 1;*/
    background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%) !important;
}

.btn-style-three:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #ffc600;
    background: -o-linear-gradient(135deg, #ffc600 1%, #ff6c00 100%);
    background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
    content: "";
    opacity: 0;
    -webkit-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

/*Btn Style four*/

.btn-style-four {
    position: relative;
    font-size: 14px;
    line-height: 23px;
    color: #ffffff;
    padding: 8px 12px;
    font-weight: 600;
    background: #001376;
    overflow: hidden;
    min-width: 130px;
    background: #078513;
    background: -o-linear-gradient(45deg, #4CAF50 1%, #8BC34A 100%);
    background: linear-gradient(45deg, #4CAF50 1%, #8BC34A 100%);
}


.btn-style-spl {
    position: relative;
    font-size: 14px;
    line-height: 23px;
    color: #ff5e00;
    padding: 8px 12px;
    font-weight: 600;
    overflow: hidden;
    min-width: 130px;
    background: #ffffff;
    box-shadow: 0 0 10px gray;
    border-radius: 3px;
}

.btn-style-spl:hover {
    color: #ffffff;
    text-decoration: none;
    background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
}

.lower-content .btn-style-special-2 {
    min-width: 80px;
    position: relative;
    font-size: 14px;
    line-height: 23px;
    color: #ffffff !important;
    padding: 2px 8px;
    font-weight: 600;
    overflow: hidden;
    transition: all 0.5s;
    background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
    border-radius: 3px;
}

.btn-style-special {
    position: relative;
    font-size: 14px;
    line-height: 23px;
    color: #ffffff;
    padding: 8px 12px;
    font-weight: 600;
    overflow: hidden;
    transition: all 0.5s;
    min-width: 130px;
    background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
    border-radius: 3px;
}

.btn-style-special:hover {
    color: #ffffff;
    background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
    text-decoration: none;
}

.btn-style-four:hover {
    color: #ffffff;
}

.btn-style-four:hover:before {
    opacity: 1;
}

.btn-style-four:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #078513;
    background: -o-linear-gradient(135deg, #4CAF50 1%, #8BC34A 100%);
    background: linear-gradient(-45deg, #4CAF50 1%, #8BC34A 100%);
    content: "";
    opacity: 0;
    -webkit-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

.theme-btn.large {
    padding: 15px 70px;
    min-width: 20px;
    font-size: 18px;
    line-height: 30px;
}

.theme-btn.small {
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 5px;
    min-width: 100px;
}

/*==========================
Owl Carousel Arrows
===========================*/

.owl-carousel.no-arrows .owl-nav {
    display: none;
}

.default-arrows .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    opacity: 0;
    margin-top: -22px;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.default-arrows:hover .owl-nav {
    opacity: 1;
}

.default-arrows .owl-next,
.default-arrows .owl-prev {
    position: absolute;
    left: -50px;
    top: 0;
    height: 45px;
    width: 45px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    background: rgba(255, 255, 255, 0.4);
    line-height: 45px;
    border-radius: 7px;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.default-arrows .owl-next {
    left: auto;
    right: -50px;
}

.default-arrows:hover .owl-next {
    right: 30px;
}

.default-arrows:hover .owl-prev {
    left: 30px;
}

.default-arrows .owl-next:hover,
.default-arrows .owl-prev:hover {
    background: #ffffff;
    color: #1370b5;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.default-arrows.dark .owl-next,
.default-arrows.dark .owl-prev {
    background-color: rgba(0, 0, 0, 0.2);
}

.default-arrows.dark .owl-next:hover,
.default-arrows.dark .owl-prev:hover {
    background-color: #ffffff;
}

.owl-carousel.disable-arrow .owl-nav {
    /* display: none; */
}

.owl-carousel.disable-dots .owl-dots {
    /* display: none; */
}

.default-dots .owl-dots {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.default-dots .owl-dot {
    position: relative;
    height: 8px;
    width: 8px;
    background-color: #000000;
    margin: 0 4px;
    border-radius: 10px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.default-dots .owl-dot.active {
    width: 32px;
    background-color: #1370b5;
}

.default-dots.light .owl-dot {
    background-color: #ffffff !important;
}

.theme_color {
    color: #1370b5;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

/*==========================
 Preloader
 ===========================*/
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #0000008c;
    z-index: 9999;
    background-image: url(../videos/login-gif.gif);
    background-size: 250px;
    background-repeat: no-repeat;
    background-position: center;
}

/* .preloader:before{
 position: absolute;
 top: 50%;
 left: 0;
 right: 0;
 width: 100%;
 text-align: center;
 margin: 0 auto;
 margin-top: 80px;
 color: #001376;
 font-size: 1em;
 font-weight: 700;
 letter-spacing: 1px;
 content: "Loading";
 text-transform: uppercase;
 transition: none;
} */

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

hr {
    -webkit-appearance: none;
    position: relative;
    height: 1px;
    margin: 30px auto;
    background: #e6e8ed;
    border-style: none;
    outline-style: none;
}

.tabs-box {
    position: relative;
}

.tabs-box .tab {
    display: none;
}

.tabs-box .active-tab {
    display: block;
}

/*=== Default Form ===*/

.default-form {
    position: relative;
}

.default-form .form-group {
    position: relative;
    margin-bottom: 20px;
}

.default-form .form-group:last-child {
    margin-bottom: 0;
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="password"],
.default-form .form-group input[type="number"],
.default-form .form-group input[type="email"],
.default-form .form-group input[type="url"],
.default-form .form-group textarea,
.default-form .form-group select {
    position: relative;
    width: 100%;
    display: block;
    color: #5c6770;
    font-size: 14px;
    line-height: 30px;
    padding: 10px 20px;
    height: 52px;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group input[type="url"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus {
    border-color: #1370b5;
}

.default-form .form-group textarea {
    height: 184px;
    resize: none;
    padding-top: 15px;
}

.default-form .form-group input[type="submit"],
.default-form .form-group button {
    position: relative;
    display: inline-block;
    min-width: 160px;
}

.default-form input.error:focus,
.default-form select.error:focus,
.default-form textarea.error:focus {
    border-color: #ff0000;
}

.default-form label.error {
    display: block;
    font-weight: 500;
    font-size: 13px;
    text-transform: capitalize;
    line-height: 24px;
    color: #ff0000;
    margin-bottom: 0;
}

.default-form .form-group .icon {
    position: absolute;
    right: 20px;
    bottom: 0;
    color: #9fa9b8;
    font-size: 14px;
    line-height: 54px;
}

/***

====================================================================
 Scroll To Top
====================================================================

***/

.scroll-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 999;
    width: 30px;
    height: 30px;
    font-size: 16px;
    color: #1b2032;
    line-height: 30px;
    text-align: center;
    background: #ffc600;
    background: -o-linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
    background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
    border-radius: 20px;
    cursor: pointer;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.play-now {
    position: relative;
    display: inline-block;
    z-index: 9;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.play-now .icon {
    position: relative;
    display: inline-block;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    background-color: #ffffff;
    color: #222222;
    z-index: 1;
    font-size: 42px;
    display: block;
    border-radius: 50%;
    -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
    -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
    -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 70px;
    width: 70px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.play-now .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}

.play-now .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

/***

====================================================================
 Anim Icons
====================================================================

***/

.anim-icons {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

.anim-icons.full-width {
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.anim-icons .icon {
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.icon-circle-1 {
    width: 50px;
    height: 50px;
    background-image: url(../images/New-Images/flower-icon-1.png);
    -webkit-animation: fa-spin 30s infinite;
    animation: fa-spin 30s infinite;
}

.icon-circle-2 {
    width: 75px;
    height: 75px;
    background-image: url(../images/New-Images/flower-icon-1.png);
    -webkit-animation: fa-spin 30s infinite;
    animation: fa-spin 30s infinite;
}

.icon-dotted-circle {
    width: 175px;
    height: 175px;
    background-image: url(../images/New-Images/breadcrump-circle-1.png);
}

.icon-dotted-world {
    width: 430px;
    height: 430px;
    background-image: url(../images/icons/icon-world.png);
}

.icon-circle-3 {
    width: 60px;
    height: 60px;
    background-image: url(../images/New-Images/yoga-ball-icon-3.png);
}

.icon-circle-4 {
    width: 140px;
    height: 140px;
    background-image: url(../images/icons/circle-4.png);
}

.icon-object-2 {
    width: 57px;
    height: 55px;
    background-image: url(../images/New-Images/flower-icon-1.png);
}

.icon-object-3 {
    width: 78px;
    height: 82px;
    background-image: url(../images/New-Images/yoga-ball-icon-3.png);
}

.icon-object-4 {
    width: 39px;
    height: 39px;
    background-image: url(../images/New-Images/flower-icon-2.png);
}

.icon-object-5 {
    width: 39px;
    height: 39px;
    background-image: url(../images/icons/object-5.png);
}

.icon-object-10 {
    width: 141px;
    height: 124px;
    background-image: url(../images/icons/object-10.png);
}

.icon-object-11 {
    width: 306px;
    height: 308px;
    background-image: url(../images/icons/object-11.png);
}

.icon-object-12 {
    width: 66px;
    height: 66px;
    background-image: url(../images/icons/object-12.png);
}

.icon-object-13 {
    width: 207px;
    height: 208px;
    background-image: url(../images/icons/object-13.png);
}

.icon-object-14 {
    width: 131px;
    height: 131px;
    background-image: url(../images/icons/object-14.png);
}

.icon-object-15 {
    width: 79px;
    height: 126px;
    background-image: url(../images/icons/object-15.png);
}

.icon-object-16 {
    width: 158px;
    height: 129px;
    background-image: url(../images/icons/object-16.png);
}

@-webkit-keyframes bounce-y {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounce-y {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/***

====================================================================
 Main Header
====================================================================

***/

.main-header {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 999;
}

.main-header:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 30px;
    width: 100%;
    background: linear-gradient(to bottom, #140342 40%, #ffffff00 41%, #ffffff00 100%);
    content: "";
}

/* Header Top */

.header-top {
    position: relative;
    padding: 5px 0;
}

.header-top .inner-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-top .top-left {
    position: relative;
    padding-left: 30px;
    min-width: 240px;
}

.header-top .top-right {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
    width: 100%;
    padding-left: 70px;
}

.contact-list-one {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.contact-list-one li {
    position: relative;
    padding-left: 55px;
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 400;
    margin-right: 60px;
}

.contact-list-one li:last-child {
    margin-right: 0;
}

.contact-list-one li strong {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
}

.contact-list-one li i {
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 38px;
    line-height: 30px;
    color: #ffffff;
}

.contact-list-one li a {
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.nav-toggler {
    position: relative;
    color: #ff8600;
    font-size: 34px;
    margin-left: auto;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.nav-toggler:hover {
    color: #add26f;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* Header Lower */

.main-header .header-lower {
    position: relative;
    margin-bottom: -30px;
}

.main-header .main-box {
    padding: 5px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff00;
    border-radius: 0 0 0 40px;
}

.main-header .main-box:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 10000%;
    background-color: #ffffff;
    content: "";
}

.main-header .nav-outer {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.main-header .logo-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 240px;
    min-height: 110px;
    background-color: #ffffff;
    border-radius: 10px 10px 0 40px;
    margin-top: -30px;
    margin-right: 20px;
}

/* .main-header .logo-box-1 {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   min-width: 240px;
   min-height: 110px;
   background-color: #ffffff;
   border-radius: 10px 10px 0 40px;
   margin-top: -30px;
   margin-right: 65px;
} */

.main-header .logo {
    position: relative;
    z-index: 9;
    /* padding: 15px 15px; */
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .menu-box {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.main-menu {
    position: static;
}

.main-menu .navbar-header {
    display: none;
}

.main-menu .navbar-collapse {
    padding: 0px;
}

.main-menu .navigation {
    position: static;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-menu .navigation>li {
    position: relative;
    margin-right: 24px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    font-size: 15px;
    line-height: 30px;
    font-weight: 600;
    /* padding: 20px 0; */
    color: #081245;
    opacity: 1;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation>li.current>a,
.main-menu .navigation>li>a:hover {
    color: #ffae00;
}

.main-menu .navigation>li:hover .main-menu .navigation>li.current>a:before,
.main-menu .navigation>li:hover>a:before {
    text-decoration: unset !important;
}

.btn-style-one:hover {
    text-decoration: unset !important;
}

.btn-style-two:hover {
    text-decoration: unset !important;
}

.main-menu .navigation>li.current>a,
.main-menu .navigation>li>a:hover {
    text-decoration: unset !important;
}

.contact-list-two li a:hover {
    text-decoration: unset !important;
}

.membership-header .membership:hover {
    text-decoration: unset !important;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li>a:hover {
    text-decoration: none !important;
}

.main-menu .navigation>li>ul>li>a {
    text-decoration: unset !important;
}

h4 a:hover {
    text-decoration: unset !important;
}

.read-more-tittle h2 a:hover {
    text-decoration: unset !important;
}

h3 a:hover {
    text-decoration: unset !important;
}

.lower-content a,
.final-link a:hover {
    text-decoration: unset !important;
}

.lower-content a,
.final-link a:hover i {
    color: #ff4200 !important;
}

.main-menu .navigation>li>a:before {
    position: absolute;
    left: 50%;
    bottom: 0px;
    height: 2px;
    width: 0%;
    content: "";
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
    background-color: #ff7c00;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation>li.dropdown>a:after {
    display: none !important;
    content: "\f107";
    position: absolute;
    right: -14px;
    top: 50%;
    width: 10px;
    height: 20px;
    display: block;
    line-height: 20px;
    font-size: 12px;
    z-index: 5;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-menu .navigation>li.current>a:before,
.main-menu .navigation>li:hover>a:before {
    left: 0;
    width: 100%;
}

.main-menu .navigation>li>ul>li.dropdown>a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    position: absolute;
    right: 25px;
    top: 8px;
    width: 10px;
    height: 20px;
    display: block;
    line-height: 20px;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    z-index: 5;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
    color: #ffffff;
}

.main-menu .navigation>li>ul {
    position: absolute;
    left: 0px;
    top: 60px;
    width: 240px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    padding: 20px 0px;
    background: #ffffff;
    border-radius: 3px;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
    border-bottom: 3px solid #84bd3c;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul:before {
    position: absolute;
    content: "";
    left: 0px;
    top: -30px;
    width: 100%;
    height: 30px;
    display: block;
}

.main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0px;
}

.main-menu .navigation>li>ul>li {
    position: relative;
    width: 250px;
    margin-bottom: 0px;
}

.main-menu .navigation>li>ul>li:last-child {
    margin-bottom: 0px;
}

.main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 5px 25px;
    line-height: 24px;
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
    color: #222222;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li:hover>a {
    color: #ffae00;
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 96%;
    top: 100%;
    width: 220px;
    z-index: 100;
    display: none;
    opacity: 0;
    visibility: hidden;
    margin-top: -50px;
    padding: 20px 0px;
    background: #ffffff;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
    border-bottom: 3px solid #ff7c00;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li>ul.from-right {
    left: auto;
    right: 0px;
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    margin-bottom: 0px;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    margin-bottom: 0px;
}

.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 5px 25px;
    line-height: 24px;
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
    color: #222222;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a {
    color: #1b0a3f;
}

.main-menu .navigation>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.finder-sec .lower-content h4 a {
    color: #ff4603 !important;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    display: block;
    transition: all 0.5s
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #ffffff;
    line-height: 28px;
    border: 1px solid #ffffff;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none;
}

.main-header .outer-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* Search btn */

.main-header .search-box-btn {
    position: relative;
    height: 40px;
    width: 40px;
    text-align: center;
    background: #ffae00;
    border-radius: 50%;
    line-height: 40px;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.main-header .theme-btn {
    margin-left: 30px;
    background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
    white-space: nowrap;
    display: block;
}

/* Cart btn */

.main-header .cart-btn {
    position: relative;
    display: block;
    z-index: 1;
    color: #ffffff;
    font-size: 24px;
    line-height: 40px;
}

.main-header .cart-btn .count {
    position: absolute;
    right: -7px;
    top: -4px;
    height: 18px;
    width: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 10px;
    color: #ffffff;
    background-color: #1370b5;
    border-radius: 50%;
}

/************************ Mega Menu ***************************/

.main-menu .navigation>li.has-mega-menu {
    position: static;
}

.main-menu .navigation>li>.mega-menu {
    position: absolute;
    left: 65px;
    right: 0;
    margin: auto;
    background: #ffffff;
    padding: 45px 40px 30px 45px;
    top: 100%;
    z-index: 100;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>.mega-menu-two {
    max-width: 450px;
}

.main-menu .navigation>li:hover>.mega-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

.main-menu .navigation>li>.mega-menu .mega-menu-bar {
    position: relative;
}

.main-menu .navigation>li .mega-menu-bar h3 {
    position: relative;
    color: #00082e;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.main-menu .navigation>li .mega-menu-bar>ul {
    position: relative;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li .mega-menu-bar .column {
    position: relative;
    margin-bottom: 10px;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li:last-child {
    border: none;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li>a {
    position: relative;
    display: block;
    padding: 10px 0px;
    line-height: 24px;
    font-weight: 400;
    color: #000000;
    text-align: left;
    font-size: 14px;
    text-transform: capitalize;
    transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li>a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    height: 1px;
    text-align: left;
    margin: 0;
    opacity: 0;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li>a:hover {
    z-index: 1;
    color: #ffae00;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li>a:hover:after {
    z-index: -10;
    animation: fill 1s forwards;
    -webkit-animation: fill 1s forwards;
    -moz-animation: fill 1s forwards;
    opacity: 1;
}

/***

====================================================================
 Search Popup
====================================================================

***/

.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    margin-top: -540px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: #00082e;
    z-index: 99999;
    visibility: hidden;
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    /* easeInOutQuint */
}

.sidenav-bar-visible .search-popup {
    width: 80%;
}

.search-popup:before {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 560px;
    background-image: url(../images/icons/wave.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -20px;
    content: "";
}

.search-active .search-popup {
    visibility: visible;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    margin-top: 0;
}

.search-popup .close-search {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #ffffff;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
    visibility: hidden;
}

.search-popup .close-search span {
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    font-size: 30px;
    line-height: 70px;
    color: #ffffff;
}

.search-active .search-popup .close-search {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.search-popup form {
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin: -35px auto 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.search-active .search-popup form {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.search-popup .form-group {
    position: relative;
    margin: 0px;
    overflow: hidden;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    height: 50px;
    width: 100%;
    padding: 10px 20px;
    background-color: rgba(255, 255, 255, .10);
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.40);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.40);
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    background: transparent;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    padding: 0;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {
    color: #ffbc00;
}

.search-popup input::-webkit-input-placeholder,
.search-popup textarea::-webkit-input-placeholder {
    color: #aaaaaa;
}

.search-popup input::-moz-placeholder,
.search-popup textarea::-moz-placeholder {
    color: #aaaaaa;
}

.search-popup input:-ms-input-placeholder,
.search-popup textarea:-ms-input-placeholder {
    color: #aaaaaa;
}

.search-popup input::-ms-input-placeholder,
.search-popup textarea::-ms-input-placeholder {
    color: #aaaaaa;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
    color: #aaaaaa;
}

/***

====================================================================
 Sticky Header
====================================================================

***/

.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: 99;
    background: rgba(255, 255, 255, 0.99);
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.fixed-header .sticky-header {
    opacity: 1;
    z-index: 99;
    visibility: visible;
}

.fixed-header .logo-box {
    position: relative !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    min-height: auto !important;
    min-width: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.fixed-header .logo-box img {
    max-height: 60px;
    width: 85%;
}

.sticky-header .main-menu .navigation>li {
    margin-right: 0;
    margin-left: 21px;
}

.sticky-header .upper-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}

.header-style-three .sticky-header .main-menu:after,
.header-style-three .sticky-header .logo-box:before,
.header-style-three .sticky-header .search-box-btn,
.header-style-three .sticky-header .social-icon-four {
    display: none;
}

/***

====================================================================
 Hidden Sidebar style
====================================================================

***/

.hidden-bar {
    position: fixed;
    right: 0;
    top: 0px;
    height: 100%;
    overflow-y: auto;
    z-index: 99999;
    opacity: 0;
    max-width: 320px;
    width: 100%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    visibility: hidden;
    background: -o-linear-gradient(to bottom, #91c12c 0%, #376e0e);
    background: linear-gradient(to bottom, #91c12c 0%, #376e0e);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.hidden-bar::-webkit-scrollbar {
    width: 2px;
}

.hidden-bar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px #cecece;
    box-shadow: inset 0 0 2px #cecece;
    border-radius: 10px;
}

.hidden-bar::-webkit-scrollbar-thumb {
    background: #7a7a7a;
    border-radius: 10px;
}

.hidden-bar::-webkit-scrollbar-thumb:hover {
    background: #7a7a7a;
}

.form-back-drop {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .50);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.active-side-nav .hidden-bar {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.active-side-nav .form-back-drop {
    opacity: 1;
    visibility: visible;
}

.hidden-bar .inner-box {
    position: relative;
    padding: 30px 30px 50px;
    width: 100%;
}

.hidden-bar .title-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}

.hidden-bar .title-box .cross-icon {
    position: relative;
    cursor: pointer;
    color: #ffffff;
    font-size: 20px;
}

.hidden-bar .inner-box h2 {
    position: relative;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2em;
    color: #ffffff;
}

.hidden-bar .inner-box p {
    color: #ffffff;
    margin-bottom: 25px;
}

/*=== Form Style One ===*/

.form-style-one {
    position: relative;
}

.form-style-one .form-group {
    position: relative;
    margin-bottom: 20px;
}

.form-style-one .form-group:last-child {
    margin-bottom: 0;
}

.form-style-one .form-group input,
.form-style-one .form-group textarea,
.form-style-one .form-group select {
    position: relative;
    width: 100%;
    display: block;
    color: #4d4d4d;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 10px;
    height: 40px;
    background-color: rgb(255 255 255);
    border-bottom: 1px solid rgba(255, 255, 255, .30);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.form-style-one .form-group input:focus,
.form-style-one .form-group select:focus,
.form-style-one .form-group textarea:focus {
    border-color: #1370b5;
}

.form-style-one .form-group textarea {
    height: 150px;
    resize: none;
    padding-top: 15px;
}

.form-style-one .form-group input[type="submit"],
.form-style-one .form-group button {
    position: relative;
    display: inline-block;
    width: 100%;
}

.hidden-bar .contact-list-one {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 40px;
}

.hidden-bar .contact-list-one li {
    margin-bottom: 20px;
    padding-left: 50px;
    margin-right: 0;
}

.hidden-bar .contact-list-one li i {
    font-size: 28px;
}

.hidden-bar .contact-list-one li strong {
    font-size: 16px;
    line-height: 20px;
}

/***

====================================================================
 Mobile Header
====================================================================

***/

.mobile-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: none;
    background: #ffffff;
    z-index: 99;
    padding: 15px 20px;
}

.mobile-header .logo {
    position: relative;
    padding: 0;
}

.mobile-header .logo img {
    max-height: 50px;
}

.mobile-header .nav-outer {
    position: relative;
    width: auto;
}

.mobile-header .outer-box {
    position: relative;
}

.sticky-header .mobile-search-btn,
.mobile-header .mobile-search-btn {
    position: relative;
    font-size: 20px;
    line-height: 20px;
    color: #081245;
    top: 5px;
}

.mobile-header .search-box {
    margin: 0;
}

.mobile-header .cart-btn {
    font-size: 20px;
    height: 40px;
    width: 40px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.mobile-header .cart-btn {
    margin-left: 10px;
}

/***

====================================================================
     Mobile Menu
====================================================================

***/

.mobile-nav-toggler {
    position: relative;
    font-size: 26px;
    line-height: 20px;
    cursor: pointer;
    color: #081245;
    display: none;
    top: 0px;
    margin-left: 20px;
}

.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
}

.mobile-menu .upper-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 20px 20px;
}

.mobile-menu .nav-logo {
    position: relative;
    text-align: left;
    width: 100%;
}

.mobile-menu .nav-logo img {
    max-height: 40px;
}

.mobile-menu-visible {
    overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible;
}

.mobile-menu-visible .scroll-to-top {
    opacity: 0;
    visibility: hidden;
}

.mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.9);
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.mobile-menu .menu-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #ffffff;
    padding: 0px 0px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.7s ease 500ms;
    -o-transition: all 0.7s ease 500ms;
    transition: all 0.7s ease 500ms;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.mobile-menu .close-btn {
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #111111;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.mobile-menu .close-btn:hover {
    opacity: 0.5;
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    flex-direction: column;
}

.mobile-menu .navigation li {
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>ul>li:last-child {
    border-bottom: none;
}

.mobile-menu .navigation li>ul>li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 13px;
    font-size: 16px;
    color: #404040;
    font-weight: 500;
    text-transform: capitalize;
}

.mobile-menu .navigation li:hover>a,
.mobile-menu .navigation li.current>a {
    color: #ffae00;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 44px;
    height: 44px;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    color: #404040;
    cursor: pointer;
    z-index: 5;
    display: none;
}

.mobile-menu .navigation li.dropdown .dropdown-btn span{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 10px;
    width: 1px;
    height: 24px;
    border-left: 1px solid rgba(0, 0, 0, 0.10);
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
    display: none;
}

.mobile-menu .navigation li>ul>li {
    padding-left: 20px;
}

.mobile-menu .contact-list-one {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 30px 20px 20px;
}

.mobile-menu .contact-list-one li {
    margin-bottom: 20px;
    padding-left: 0px;
    color: #333333;
    margin-right: 0;
}

.mobile-menu .contact-list-one li a {
    color: #333333;
}

.mobile-menu .contact-list-one li i {
    display: none;
    font-size: 28px;
}

.mobile-menu .contact-list-one li strong {
    font-size: 14px;
    line-height: 18px;
}

.mobile-menu .social-links {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #ffffff;
    width: 100%;
    border-top: 1px solid #dddddd;
    margin-top: auto;
}

.mobile-menu .social-links li {
    position: relative;
    text-align: center;
    width: 100%;
    border-right: 1px solid #dddddd;
}

.mobile-menu .social-links li a {
    position: relative;
    display: block;
    line-height: 50px;
    height: 50px;
    font-size: 14px;
    text-align: center;
    color: #081245;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.mobile-menu .social-links li a:hover {
    color: #ff7500;
}

.sticky-header .outer-box,
.sticky-header .navbar-header {
    display: none;
}

/***

====================================================================
 Header Style Two
====================================================================

***/

.header-style-two {
    position: sticky;
}

.header-style-two .header-top .inner-container {
    padding-left: 428px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-style-two .header-top .top-right {
    width: auto;
    padding: 0;
}

.header-style-two .header-top .top-left {
    padding-left: 0;
}

.contact-list-two {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.contact-list-two li {
    position: relative;
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 400;
    margin-left: 20px;
}

.contact-list-two li strong {
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    margin-right: 0px;
    color: #ffae00;
}

.contact-list-two li i {
    /* position: absolute; */
    left: -20px;
    top: -3px;
    font-size: 14px;
    line-height: 30px;
    color: #ffae00;
}

.contact-list-two li a {
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.header-style-two .header-lower {
    position: relative;
    background: white;
    margin-bottom: 0;
}

.header-style-two .main-box:before {
    display: none;
}

.header-style-two .logo-box {
    min-width: 200px;
    margin-top: -46px;
    border-radius: 0;
    -webkit-box-shadow: 0 0 27px rgba(0, 0, 0, .20);
    box-shadow: 0 0 27px rgba(0, 0, 0, .20);
}

/* .header-style-two .logo img {
   max-width: 160px;
} */

.header-style-two .nav-toggler {
    margin-left: 30px;
}

/***

====================================================================
 Header Style Three
====================================================================

***/

.header-style-three {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 99;
    background: #ffffff;
}

.header-style-three:before {
    display: none;
}

.header-top-two {
    position: relative;
}

.header-top-two .inner-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 250px;
    min-height: 100px;
    padding-bottom: 20px;
}

.header-top-two .inner-container:before {
    position: absolute;
    left: -45px;
    right: -15px;
    top: 0;
    height: 100px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .11);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .11);
    -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
    content: "";
}

.header-top-two .top-left {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.header-top-two .top-right {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 15px 15px;
    padding-right: 30px;
}

.contact-list-four {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.contact-list-four li {
    position: relative;
    padding-left: 55px;
    font-size: 14px;
    line-height: 25px;
    color: #555555;
    font-weight: 400;
    margin-right: 60px;
}

.contact-list-four li strong {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
}

.contact-list-four li i {
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 38px;
    line-height: 30px;
    color: #ff8600;
}

.contact-list-four li a {
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

/* Header Lower */

.header-style-three .header-lower {
    position: relative;
    margin: 0;
    padding-bottom: 40px;
    margin-top: -20px;
}

.header-style-three .header-lower .main-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    background: none;
}

.header-style-three .header-lower .main-box:before {
    background: none;
}

.header-style-three .header-lower .logo-box {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 240px;
    text-align: center;
    min-height: 135px;
    margin-top: -80px;
    margin-left: -30px;
    display: block;
}

.header-style-three .header-lower .logo-box:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #a8cf66;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #9cc8506e), to(#a8cf66));
    background: -o-linear-gradient(top, #9cc8506e 1%, #a8cf66 100%);
    background: linear-gradient(180deg, #9cc8506e 1%, #a8cf66 100%);
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
    content: "";
}

.header-style-three .header-lower .social-icon-four {
    margin-right: 120px;
}

.social-icon-four {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: #ffffff;
}

.social-icon-four:before {
    position: absolute;
    right: -20px;
    left: -55px;
    top: 0;
    height: 100%;
    background: #ffffff;
    content: "";
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .11);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .11);
}

.social-icon-four li a {
    position: relative;
    display: block;
    width: 28px;
    line-height: 40px;
    height: 40px;
    background: #ffffff;
    font-size: 14px;
    text-align: center;
    color: #081245;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.social-icon-four li a:hover {
    color: #ff7500;
}

.header-style-three .header-lower .main-menu {
    position: relative;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #009900;
    border-radius: 50px;
    padding-left: 20px;
    width: 100%;
    margin-left: 225px;
}

.header-style-three .header-lower .main-menu:before {
    position: absolute;
    right: 30px;
    left: -15px;
    top: 0;
    border-radius: 0 30px 30px 0;
    background: #009900;
    height: 100%;
    content: "";
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
}

.header-style-three .header-lower .main-menu:after {
    position: absolute;
    right: 20px;
    bottom: -10px;
    width: 80%;
    height: 4px;
    content: "";
    background: #009900;
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
}

.header-style-three .header-lower .main-menu .navigation>li {
    margin-right: 35px;
}

.header-style-three .header-lower .main-menu .navigation>li>a {
    padding: 5px 0;
    color: #ffffff;
    font-weight: 500;
}

.header-style-three .header-lower .main-menu .navigation>li.dropdown>a {
    padding-right: 15px;
}

.header-style-three .header-lower .main-menu .navigation>li>a:before {
    display: none;
}

.header-style-three .header-lower .main-menu .navigation>li>a:after {
    right: 0;
}

.header-style-three .header-lower .btn-style-one i {
    color: #ffffff;
}

.header-style-three .header-lower .search-box-btn {
    background: #ffffff;
    color: #add26f;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
    box-shadow: 0 0 10px rgba(0, 0, 0, .10);
}

.header-style-three .header-lower .main-menu .navigation>li>ul:before {
    top: 0;
}

/***

====================================================================
Page Title
====================================================================

***/

.page-title {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover !important;
    text-align: center;
    padding: 10px 0;
    background: #F5F7FC;
}

.page-title .icon-bull-eye {
    position: absolute;
    right: -38px;
    top: -10px;
    height: 175px;
    width: 175px;
    background-image: url(../images/New-Images/breadcrump-circle-2.png);
    content: "";
}

.page-title .icon-dotted-circle {
    position: absolute;
    left: -44px;
    top: -15px;
    -webkit-animation: fa-spin 60s infinite;
    animation: fa-spin 60s infinite;
}

.page-title:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    /* background: rgb(120 89 38 / 90%); */
    /* background: -o-radial-gradient(center, ellipse, #000ec1 0%, #000c47 100%, #000c47 100%);
   background: radial-gradient(ellipse at center, #000ec1 0%, #000c47 100%, #000c47 100%); */
    content: "";
    opacity: .9;
}

.page-title h1 {
    position: relative;
    display: block;
    font-weight: 600;
    font-size: 40px;
    line-height: 1em;
    text-align: center;
    color: #081245;
    margin-bottom: 20px;
}

.page-breadcrumb {
    position: relative;
}

.page-breadcrumb li {
    position: relative;
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    color: #081245;
    padding: 0 15px;
    text-transform: capitalize;
}

.page-breadcrumb li:after {
    position: absolute;
    top: 0px;
    right: -5px;
    content: "|";
    font-size: 24px;
    line-height: 30px;
    color: #081245;
}

.page-breadcrumb li:last-child::after {
    display: none;
}

.page-breadcrumb li a {
    color: #081245;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.page-breadcrumb li a:hover {
    color: #ffba00;
}

/***

====================================================================
 Section Title
====================================================================

***/

.sec-title {
    position: relative;
    margin-bottom: 25px;
}

.sec-title .sub-title {
    display: block;
    font-size: 16px;
    color: #ff4200;
    font-weight: 700;
    font-family: 'Exo', sans-serif;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.sec-title h2 {
    display: block;
    font-size: 30px;
    line-height: 40px;
    color: #081245;
    font-weight: 700;
    text-transform: capitalize;
}

.read-more-tittle h2 {
    margin-left: 114px;
}

.sec-title-1 h2 {
    display: block;
    font-size: 36px;
    line-height: 48px;
    color: #081245;
    font-weight: 700;
    text-transform: capitalize;
    text-align: end;
}

.sec-title .text,
.sec-title p {
    position: relative;
    margin-top: 20px;
}

.sec-title .divider {
    position: relative;
    display: block;
    width: 68px;
    height: 5px;
    background-image: url(../images/icons/divider.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 5px;
}

.sec-title.text-center .divider {
    margin: 15px auto 0;
    width: 90px;
    height: 5px;
    background-image: url(../images/icons/divider-centered.png);
    margin-bottom: 25px;
}

.sec-title.light h2,
.sec-title.light .text,
.sec-title.light p {
    color: #ffffff;
}

.sec-bottom-text {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.sec-bottom-text .text {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    padding: 16px 40px;
    border-radius: 50px;
    border: 1px dashed #dddddd;
}

.sec-bottom-text .text a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #001376;
}

/***

====================================================================
 Main Slider
====================================================================

***/

.main-slider {
    position: relative;
}

.main-slider .tp-dottedoverlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(1, 12, 52, 0.9);
}

.main-slider .tp-dottedoverlay:before {
    position: absolute;
    left: -100%;
    bottom: 5%;
    height: 100%;
    width: 200%;
    background-color: rgba(255, 0, 207, 0.1);
    content: "";
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.main-slider .title {
    position: relative;
    display: inline-block;
    font-size: 24px;
    color: #ffba00;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2em;
    margin: 0 -15px;
}

.main-slider .title span {
    text-decoration: underline;
    padding: 0 15px;
}

.main-slider h2 {
    position: relative;
    display: block;
    font-size: 84px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 700;
    text-transform: capitalize;
}

.main-slider .event-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main-slider .event-info li {
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 400;
    margin-right: 30px;
}

.main-slider .event-info li i {
    margin-right: 10px;
    color: #ffbf00;
}

.main-slider .btn-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-slider .btn-box .theme-btn {
    display: inline-block;
    line-height: 30px;
    padding: 15px 30px;
    white-space: nowrap;
    margin-right: 20px !important;
    min-width: 180px !important;
}

/***

====================================================================
   Banner Section
====================================================================

***/

.banner-section {
    position: relative;
}

.banner-section .slide-item {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 200px 0;
    text-align: center;
    overflow: hidden;
    min-height: 840px;
}

.banner-section .slide-item:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000ec1;
    background: -o-radial-gradient(center, ellipse, #000ec1 0%, #000c47 56%, #000c47 100%);
    background: radial-gradient(ellipse at center, #000ec1 0%, #000c47 56%, #000c47 100%);
    opacity: .90;
    content: "";
}

.banner-section .content-box {
    position: relative;
}

.banner-section .content-box .title {
    display: block;
    font-size: 24px;
    color: #ffae00;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.banner-section .content-box h2 {
    display: block;
    font-size: 60px;
    line-height: 1.2em;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;
}

.banner-section .content-box .text {
    position: relative;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    margin-bottom: 40px;
}

.banner-section .content-box .time-counter-two {
    position: relative;
    margin-bottom: 40px;
}

/* Animate 1 */

.owl-carousel .animate-7,
.owl-carousel .animate-6,
.owl-carousel .animate-5,
.owl-carousel .animate-4,
.owl-carousel .animate-3,
.owl-carousel .animate-2,
.owl-carousel .animate-1 {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.owl-carousel .active .animate-1,
.owl-carousel .active .animate-2,
.owl-carousel .active .animate-3,
.owl-carousel .active .animate-4,
.owl-carousel .active .animate-5,
.owl-carousel .active .animate-6,
.owl-carousel .active .animate-7 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/* Animate 2 */

.owl-carousel .active .animate-2 {
    -webkit-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

/* Animate 3 */

.owl-carousel .active .animate-3 {
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}

/* Animate 4 */

.owl-carousel .active .animate-4 {
    -webkit-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    transition-delay: 900ms;
}

/* Animate 5 */

.owl-carousel .active .animate-5 {
    -webkit-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

/* Animate 6 */

.owl-carousel .active .animate-6 {
    -webkit-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

/* Animate 7 */

.owl-carousel .active .animate-7 {
    -webkit-transition-delay: 1800ms;
    -o-transition-delay: 1800ms;
    transition-delay: 1800ms;
}

.banner-carousel .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -50px;
}

.banner-carousel .owl-next,
.banner-carousel .owl-prev {
    position: absolute;
    left: 0;
    top: 0;
    <-- height: 100px ; -->
    width: 30px; 
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.10);
    font-size: 20px;
    line-height: 100px; 
    text-align: center;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.banner-carousel .owl-next {
    left: auto;
    right: 0;
}

.banner-carousel .owl-next:hover,
.banner-carousel .owl-prev:hover {
    background-color: rgba(255, 255, 255, .90);
    color: #222222;
}
.banner-carousel .owl-height {
    <-- height: 426.444px !important ; -->
}

/*=====================
 Time Counter Two
=====================*/

.time-counter-two {
    position: relative;
}

.time-counter-two .time-countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.time-counter-two .time-countdown .counter-column {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    min-width: 100px;
    padding-right: 30px;
    margin-right: 30px;
}

.time-counter-two .time-countdown .counter-column:before {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    font-size: 36px;
    color: #ffffff;
    font-weight: 700;
    content: ":";
}

.time-counter-two .time-countdown .counter-column:last-child:before {
    display: none;
}

.time-counter-two .time-countdown .counter-column:last-child {
    padding-right: 0;
    margin-right: 0;
}

.time-counter-two .time-countdown .counter-column .count {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 1em;
    color: #ffffff;
    font-family: 'Exo', sans-serif;
    font-weight: 700;
    margin-right: 5px;
    top: 5px;
}

.event-search-form {
    position: relative;
    background: #f5f5f5;
    padding: 8px 25px 8px;
    /* border-bottom: 2px solid #ffb300; */
    border-radius: 0 0 5px 5px;
    z-index: 0;
}

.event-search-form form {
    position: relative;
    /* padding-right: 255px; */
}

.event-search-form .btn-box {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.event-search-form .form-group {
    position: relative;
    padding: 0 20px;
    margin-bottom: 20px;
}

.event-search-form .form-group:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 1px;
    background: #ffb300;
    content: "";
}

.event-search-form .input-outer {
    position: relative;
    border-bottom:1px solid orange;
    border-radius:7px;
}

.event-search-form .icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    color: #ffae00;
    line-height: 50px;
}

.event-search-form .ui-selectmenu-button.ui-button,
.event-search-form .form-group input,
.event-search-form .form-group select,
.event-search-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #303030;
    background: transparent;
    padding: 10px 0px 0;
    padding-left: 20px;
    border: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.event-search-form .form-group .theme-btn {
    margin-top: 42px;
}

.ui-button .ui-icon {
    background: none !important;
    position: relative;
    top: 3px;
    text-indent: 0px;
    color: #43c3ea;
}

.ui-button .ui-icon:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f107";
    font-weight: 900;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 10px;
    height: 20px;
    display: block;
    color: #000e56;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    z-index: 5;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: -o-linear-gradient(45deg, #000b46 0%, #001166 100%);
    background: linear-gradient(45deg, #000b46 0%, #001166 100%);
    border-color: #1c73ea;
}

.ui-menu-item-wrapper {
    padding: 4px 10px;
}

/***

====================================================================
   Time Counter One
====================================================================

***/

.time-counter-one {
    position: relative;
    display: block;
    max-width: 170px;
    padding: 20px 30px 30px;
    border-radius: 0 0 30px 0;
    background: #ff00c6;
    overflow: hidden;
    background: -o-linear-gradient(45deg, #ff00c6 0%, #610062 100%);
    background: linear-gradient(45deg, #ff00c6 0%, #610062 100%);
}

.time-counter-one:before {
    position: absolute;
    left: -78px;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.10);
    -webkit-transform: skew(-18deg);
    -ms-transform: skew(-18deg);
    transform: skew(-18deg);
    content: "";
}

.time-counter-one h6 {
    position: relative;
    font-size: 18px;
    color: #ffae00;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center;
    white-space: nowrap;
}

.time-counter-one .time-countdown .counter-column {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.time-counter-one .time-countdown .counter-column:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.time-counter-one .time-countdown .counter-column .count {
    position: relative;
    display: block;
    font-size: 60px;
    line-height: 1em;
    color: #ffffff;
    font-family: 'Exo', sans-serif;
    font-weight: 700;
    margin-right: 5px;
    top: 5px;
}

/***

====================================================================
   Banner Section Two
====================================================================

***/

.banner-section-two {
    position: relative;
}

.banner-section-two .object-7 {
    top: 40px;
    right: -210px;
    height: 150px;
    width: 170px;
    background-image: url(../images/icons/object-7.png);
    z-index: 9;
}

.banner-section-two .object-8 {
    right: -375px;
    bottom: 0;
    height: 220px;
    width: 173px;
    background-image: url(../images/icons/object-8.png);
    z-index: 9;
}

.banner-section-two .slide-item {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 650px;
    overflow: hidden;
}

.about-banner-section-two .slide-item {
    height: 350px;
    border-radius: 30px;
    border: 2px solid orange;
    margin-left: 3px ;
}

.banner-section-two .slide-item .banner-1,
.banner-2,
.banner-3,
.banner-4 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 30px 0;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 6000ms linear;
    -moz-transition: all 6000ms linear;
    -ms-transition: all 6000ms linear;
    -o-transition: all 6000ms linear;
    transition: all 6000ms linear;
    /*background-image: url(../images/New-Images/banner-one.jpg);*/
}

.donate-carousel .slide-item .banner-1,
.banner-2,
.banner-3,
.banner-4 {
    padding: 30px 0;
}

.banner-2 {
    background-image: url(../images/New-Images/banner-two.jpg);
}



.banner-4 {
    background-image: url(../images/New-Images/banner-four.jpg);
}

.banner-section-two .content-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*padding-top: 40px;*/
}

.banner-section-two .content-inner {
    position: relative;
    width: 60%;
    padding: 0 30px;
}

.banner-section-two .content-box .title {
    display: block;
    font-size: 24px;
    color: #ffae00;
    font-weight: 700; 
}

.banner-section-two .content-box h2 {
    display: block;
    font-size: 45px;
    line-height: 1em;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.banner-section-two .content-box .info-list-two {
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, .20);
    margin-top: 10px;
    margin-bottom: 30px;
}

.info-list-two {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.info-list-two li {
    position: relative;
    padding-left: 50px;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 400;
    margin-right: 50px;
}

.info-list-two li i {
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 38px;
    line-height: 30px;
    color: #ffae00;
}

.info-list-two li a {
    color: #555555;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.banner-section-two .theme-btn {
    margin-right: 30px;
}

.banner-section-two .image-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 45%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.banner-section-two .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
}

.banner-section-two .owl-next,
.banner-section-two .owl-prev {
    position: absolute;
    left: -30px;
    top: 0;
    height: 30px;
    width: 30px;
    font-size: 20px !important;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
    background-color: #ffae00;
    border-radius: 50px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.banner-section-two .owl-next {
    left: auto;
    right: -30px;
}

.banner-section-two .owl-next:hover,
.banner-section-two .owl-prev:hover {
    background: #ff6b00;
    color: #ffffff;
}

/***

====================================================================
   Countdown Section
====================================================================

***/

.countdown-section {
    position: relative;
    padding: 90px 0;
    background-color: #f5f5f5;
    z-index: 1;
}

.countdown-section .countdown-column .inner-column {
    padding-top: 30px;
}

.time-counter-three {
    position: relative;
}

.time-countdown-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.time-countdown-two .counter-column {
    position: relative;
    text-align: center;
    font-size: 18px;
    color: #001376;
    font-weight: 600;
    margin-right: 50px;
    padding-right: 50px;
}

.time-countdown-two .counter-column:last-child {
    margin-right: 0;
    padding-right: 0;
}

.time-countdown-two .counter-column:last-child:before {
    display: none;
}

.time-countdown-two .counter-column:before {
    position: absolute;
    right: -5px;
    top: 35px;
    font-size: 36px;
    color: #000000;
    font-weight: 700;
    content: ":";
}

.time-countdown-two .counter-column .count {
    position: relative;
    display: block;
    text-align: center;
    font-size: 84px;
    line-height: 1em;
    color: #000000;
    font-family: 'Exo', sans-serif;
    font-weight: 700;
}

/***

==================================================================
   About Section
==================================================================

***/

.about-section {
    position: relative;
    padding: 60px 0 30px;
}

.about-section .content-column {
    position: relative;
    margin-bottom: 50px;
}

.about-section .content-column .inner-column {
    position: relative;
    padding-top: 0px;
    padding-left: 5px;
}

.about-section .content-column p {
    margin-bottom: 24px;
    text-align: justify;
}

.about-section .content-column .btn-box {
    position: relative;
    margin-top: 40px;
}

.about-section .image-column {
    position: relative;
    margin-bottom: 0px;
}

.about-section .about-image-wrapper {
    position: relative;
    padding-top: 0px;
    max-width: 570px;
    margin: 0 auto;
    width: 100%;
}

.donation-sec-start .about-section .about-image-wrapper {
    max-width: 540px;
}

.about-section .image-1 {
    position: relative;
    margin-left: -180px;
    overflow: hidden;
    margin-bottom: 0;
}

.about-section .image-1 img {
    -webkit-animation: bounce-x 10s infinite;
    animation: bounce-x 10s infinite;
}

.about-section .image-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: 30px solid #84c14b;
    overflow: hidden;
    z-index: 1;
}

.about-section .image-3 {
    position: absolute;
    border: 30px solid #ffba00;
    top: 0;
    left: -50px;
    z-index: 2;
    border-radius: 50%;
    overflow: hidden;
}

.about-section .about-image-wrapper .play-btn {
    position: absolute;
    left: 63%;
    box-shadow: 0 0 10px black;
    top: 20%;
    z-index: 3;
    width: 140px;
    height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ffffff;
    margin-left: -20px;
    border-radius: 50%;
}

.about-section .about-image-wrapper .play-btn:before {
    position: absolute;
    height: 110px;
    width: 110px;
    border: 2px dashed #001376;
    border-radius: 50%;
    left: 16px;
    top: 16px;
    content: "";
    -webkit-animation: zoomInOut 2s infinite;
    animation: zoomInOut 2s infinite;
}

.about-section .about-image-wrapper .play-btn .icon {
    position: relative;
    height: 75px;
    width: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ff8d1a;
    padding-left: 5px;
    color: #ffffff;
    font-size: 22px;
    border-radius: 50%;
    content: "";
}

@-webkit-keyframes zoomInOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zoomInOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/***

==================================================================
   About Section Two
==================================================================

***/

.about-section-two {
    position: relative;
}

.about-section-two .icon-circle-3 {
    right: 3px;
    top: 30%;
    -webkit-animation: fa-spin 20s infinite linear;
    animation: fa-spin 20s infinite linear;
}

.about-section-two .icon-circle-4 {
    top: 810px;
    left: -340px;
}

.about-section-two .content-column {
    position: relative;
    /* margin-bottom: 35px; */
}

.about-section-two .content-column .sec-title {
    margin-bottom: 0;
}

.about-section-two .sec-title .text {
    font-size: 16px;
    line-height: 1.6em;
    text-align: justify;
    text-indent: 50px;
}

.date-box-outer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.about-section-two .date-box-outer:before {
    display: none;
}

.date-box-outer:before {
    position: absolute;
    left: 70px;
    top: 30px;
    height: 230px;
    width: 230px;
    background-image: url(../images/New-Images/pattern-1.png);
    content: "";
}

.date-box-one {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 5px;
    text-align: center;
    background: #000b46;
    color: #ffffff;
    background: -o-linear-gradient(45deg, #000b46 0%, #001166 100%);
    background: linear-gradient(45deg, #000b46 0%, #001166 100%);
    max-width: 200px;
    height: 100%;
    min-width: 190px;
    min-height: 190px;
}

.date-box-one .day {
    display: block;
    font-size: 60px;
    line-height: 1em;
    color: #ffffff;
    font-weight: 700;
}

.date-box-one .month {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    text-transform: uppercase;
}

.date-box-one .title {
    position: relative;
    display: block;
    font-size: 16px;
    font-family: 'Exo', sans-serif;
    font-weight: 700;
    line-height: 24px;
    padding-top: 15px;
    margin-top: 15px;
}

.date-box-one .title:before {
    position: absolute;
    left: 50%;
    top: 0;
    width: 40px;
    margin-left: -20px;
    height: 2px;
    background: #ffae00;
    content: "";
}

.date-box-one.bg_yellow {
    margin-top: 70px;
    margin-left: -30px;
    background: #ffc600;
    background: -webkit-gradient(linear, left top, right top, color-stop(1%, #ffc600), to(#ff6c00));
    background: -o-linear-gradient(left, #ffc600 1%, #ff6c00 100%);
    background: linear-gradient(90deg, #ffc600 1%, #ff6c00 100%);
}

.date-box-one.bg_yellow .month,
.date-box-one.bg_yellow .day {
    color: #081245;
}

.date-box-one.bg_yellow .title:before {
    background: #000b46;
}

.about-section-two .fact-counter-two {
    margin-left: 100px;
    padding: 10px 65px;
}

/* Fact Counter Two  */

.fact-counter-two {
    position: relative;
    max-width: 630px;
    background-image: url(../images/New-Images/donation-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 20px 0 0;
    z-index: 3;
}

.fact-counter-two .counter-column {
    position: relative;
}

.fact-counter-two .counter-column .inner-box {
    position: relative;
    text-align: center;
}

.fact-counter-two .counter-column .inner-box:before {
    position: absolute;
    right: -15px;
    top: 15px;
    height: 60px;
    width: 1px;
    background: #ffffff;
    content: "";
}

.fact-counter-two .counter-column:last-child .inner-box:before {
    display: none;
}

.fact-counter-two .counter-column .count-text {
    position: relative;
    display: block;
    font-size: 48px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 700;
    font-family: "Exo", sans-serif;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.fact-counter-two .counter-column .counter-title {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 10px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.about-section-two .video-box-outer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 70px;
    padding-left: 50px;
}

.about-section-two .video-box-outer:before {
    position: absolute;
    left: 0px;
    bottom: 50px;
    height: 350px;
    width: 100%;
    background-image: url(../images/icons/pattern-2.png);
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
    content: "";
}

.video-box-one {
    position: relative;
    margin-top: -35px;
    margin-left: -90px;
    margin-bottom: 90px;
}

.video-box-one:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background-color: #000934;
    opacity: .50;
    z-index: 1;
}

.video-box-one .image {
    position: relative;
    margin-bottom: 0;
}

.video-box-one .image img {
    display: block;
    width: 100%;
}

.video-box-one .play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 78px;
    line-height: 1em;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

.video-box-one .play-btn .icon {
    position: relative;
    display: inline-block;
    -webkit-animation: pulse 2s infinite linear;
    animation: pulse 2s infinite linear;
}

.info-box-one {
    position: relative;
    z-index: 3;
}

.info-box-one .inner-box {
    position: relative;
    max-width: 470px;
    background: #001166;
    padding: 40px 50px;
}

.info-box-one h4 {
    font-size: 30px;
    line-height: 36px;
    color: #ffae00;
    font-weight: 700;
    margin-bottom: 20px;
}

.info-box-one p {
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 30px;
}

/***

==================================================================
   About Section Three
==================================================================

***/

.about-section-three {
    position: relative;
}

.about-section-three .sec-title {
    margin-bottom: 30px;
}

.about-section-three .image-column {
    position: relative;
    margin-bottom: 20px;
}

.about-section-three .about-image-wrapper {
    position: relative;
    margin-right: 30px;
}

.about-section-three .about-image-wrapper:before {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    /* background-image: url(../images/New-Images/pattern-2.png); */
    content: "";
    z-index: -999;
}

.about-section-three .info-box {
    position: absolute;
    right: 0;
    top: 40px;
    min-width: 200px;
    background: #000b46;
    color: #ffffff;
    background: -o-linear-gradient(45deg, #000b46 0%, #001166 100%);
    background: linear-gradient(45deg, #000b46 0%, #001166 100%);
    z-index: 11;
    text-align: center;
    padding: 30px 20px;
}

.about-section-three .info-box:before {
    position: absolute;
    left: -30px;
    top: 0;
    border-bottom: 30px solid transparent;
    border-right: 30px solid #000b46;
    content: "";
}

.about-section-three .info-box .count {
    display: block;
    font-size: 48px;
    line-height: 1em;
    color: #ffffff;
    font-weight: 700;
    font-family: exo, sans-serif;
    margin-bottom: 10px;
}

.about-section-three .info-box h4 span {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1em;
    color: #ffba00;
}

.about-section-three .info-box h4 {
    font-size: 30px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 400;
}

.about-section-three .image-1 {
    position: relative;
    padding-bottom: 115px;
    overflow: hidden;
    margin-bottom: 0;
}

.about-section-three .image-1:before {
    position: absolute;
    left: 0;
    bottom: 95px;
    width: 230px;
    height: 43px;
    background-image: url(../images/icons/object-9.png);
    content: "";
}

.about-section-three .image-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    margin-bottom: 0;
}

.feature-block-four {
    position: relative;
    margin-bottom: 30px;
}

.feature-block-four .inner-box {
    position: relative;
    background: #ffffff;
    padding-left: 70px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block-four .icon-box {
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom: 20px;
}

.feature-block-four .icon-box .icon {
    position: relative;
    font-size: 58px;
    line-height: 1em;
    color: #fe00c5;
}

.feature-block-four h4 {
    font-size: 22px;
    color: #001376;
    font-weight: 700;
    margin-bottom: 10px;
}

.feature-block-four p {
    margin-bottom: 20px;
}

/***

====================================================================
Feature Section
====================================================================

***/

.feature-section {
    padding: 30px 0 30px;
    background-color: #f5f5f5;
}

.feature-section .icon-circle-1 {
    right: -75px;
    top: -100px;
    -webkit-animation: fa-spin 10s infinite;
    animation: fa-spin 10s infinite;
}

.feature-block {
    position: relative;
    margin-bottom: 0px;
}

.feature-block .inner-box {
    position: relative;
    text-align: center;
    background: #ffffff;
    padding: 40px 16px 40px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.hr-intro-section .image-column .about-image-wrapper .play-btn-1{
    left: 36%;
    top: 34%;
}


.feature-block .inner-box:before {
    position: absolute;
    right: -13px;
    top: 50px;
    bottom: 50px;
    border: 1px solid #ebebeb;
    content: "";
}

.feature-block:last-child .inner-box:before {
    display: none;
}

.feature-block .inner-box:hover {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .20);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .20);
}

.feature-block .icon-box {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

.feature-block .icon-box .icon {
    position: relative;
    font-size: 62px;
    line-height: 1em;
    color: #ff6901;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block .icon-box:before {
    position: absolute;
    left: -25px;
    top: 0;
    height: 55px;
    width: 55px;
    background-color: #fff1cc;
    content: "";
    border-radius: 50%;
}

.feature-block .icon-box .icon:before {
    position: relative;
    display: block;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block .inner-box:hover .icon-box .icon:before {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.feature-block h4 {
    font-size: 22px;
    color: #081245;
    font-weight: 700;
    margin-bottom: 24px;
}

.feature-block p {
    margin-bottom: 20px;
}

.feature-block .read-more {
    display: block;
    font-size: 16px;
    padding: 3px 9px;
    font-weight: 700;
    color: #ff7700;
    border: 1px solid #ff7700;
    width: max-content;
    margin: auto;
    border-radius: 5px;
}

/***

====================================================================
Feature Section Two
====================================================================

***/

.feature-section-two {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/icons/pattern-3.png);
}

.feature-section-two .icon-object-2 {
    top: 200px;
    right: 0px;
    -webkit-animation: fa-spin 20s infinite;
    animation: fa-spin 20s infinite;
}

.feature-section-two .icon-object-3 {
    top: 210px;
    left: -250px;
    -webkit-animation: fa-spin 40s infinite linear;
    animation: fa-spin 40s infinite linear;
}

.feature-section-two .icon-object-4 {
    bottom: 500px;
    left: 500px;
}

.feature-section-two .icon-object-5 {
    bottom: 150px;
    left: 380px;
    -webkit-animation: fa-spin 5s infinite;
    animation: fa-spin 5s infinite;
}

.feature-section-two .sec-title {
    margin-bottom: 40px;
}

.feature-section-two .sec-title p {
    margin-bottom: 30px;
}

.feature-section-two .content-column {
    margin-bottom: 25px;
}

.feature-block-two {
    position: relative;
    background: #f5f5f5;
    padding: 50px;
    max-width: 570px;
    border-radius: 10px;
    margin-bottom: 30px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block-two .inner-box {
    position: relative;
    padding-left: 120px;
}

.feature-block-two .icon-box {
    position: absolute;
    left: 25px;
    top: 0;
    margin-bottom: 20px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block-two .icon-box .icon {
    position: relative;
    font-size: 62px;
    line-height: 1em;
    color: #ff4200;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block-two .icon-box:before {
    position: absolute;
    left: -25px;
    top: 0;
    height: 55px;
    width: 55px;
    background-color: #fff1cc;
    content: "";
    border-radius: 50%;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block-two h4 {
    font-size: 22px;
    color: #081245;
    font-weight: 700;
    margin-bottom: 14px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block-two p {
    position: relative;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block-two:hover {
    background-color: #001166;
    border-radius: 0 50px 0 50px;
}

.feature-block-two:hover h4 {
    color: #ffae00;
}

.feature-block-two:hover .icon-box .icon,
.feature-block-two:hover p {
    color: #ffffff;
}

.feature-block-two:hover .icon-box:before {
    background: rgba(255, 255, 255, .20);
}

.feature-block-two .abs-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 120px;
    line-height: 70px;
    color: #ffffff;
    opacity: .10;
}

.feature-block-three {
    position: relative;
    background: #001166;
    padding: 50px;
    max-width: 570px;
    border-radius: 0 50px 0 50px;
    margin-bottom: 30px;
    margin-left: 100px;
}

.feature-block-three .inner-box {
    position: relative;
    padding-left: 120px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block-three .icon-box {
    position: absolute;
    left: 25px;
    top: 0;
    margin-bottom: 20px;
}

.feature-block-three .icon-box .icon {
    position: relative;
    font-size: 62px;
    line-height: 1em;
    color: #ffffff;
}

.feature-block-three .icon-box:before {
    position: absolute;
    left: -25px;
    top: 0;
    height: 90px;
    width: 90px;
    background-color: #ffffff;
    content: "";
    opacity: .20;
    border-radius: 50%;
}

.feature-block-three p {
    color: #ffffff;
}

.feature-block-three h4 {
    font-size: 22px;
    color: #ffae00;
    font-weight: 700;
    margin-bottom: 14px;
}

.feature-block-three .abs-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 120px;
    line-height: 70px;
    color: #ffffff;
    opacity: .10;
}

/***

==================================================================
   Features Section Three
==================================================================

***/

.feature-section-three {
    position: relative;
}

.feature-block-five {
    position: relative;
    margin-bottom: 30px;
}

.feature-block-five .inner-box {
    border: 1px solid #cfcfcf;
    position: relative;
    background: #f5f5f5;
    padding: 5px;
    padding-bottom: 10px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    overflow: hidden;
    transition: all 300ms ease;
}

.feature-block-five .inner-box:before {
    position: absolute;
    left: -45px;
    top: -45px;
    height: 196px;
    width: 196px;
    background-image: url(../images/icons/object-1.png);
    content: "";
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block-five .icon-box {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block-five .icon-box .icon {
    position: relative;
    font-size: 68px;
    line-height: 1em;
    color: #fe00c5;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block-five .icon-box:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 55px;
    width: 55px;
    background-color: #fff1cc;
    content: "";
    border-radius: 50%;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block-five h4 {
    font-size: 22px;
    color: #ffae00;
    font-weight: 700;
    padding-top: 13px;
    margin-bottom: 7px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block-five h4:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    width: 60px;
    background: #1e1d27;
    content: "";
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block-five p {
    margin-bottom: 20px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block-five .theme-btn i {
    color: #ffffff;
    margin-right: 0;
    margin-left: 10px;
    font-size: 12px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-block-five .inner-box:hover .theme-btn {
    background: #ffc600;
    background: -o-linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
    background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
}

.feature-block-five .inner-box:hover {
    background-color: #001376;
}

.feature-block-five .inner-box:hover .icon-box:before {
    background: #334291;
}

.feature-block-five .inner-box:hover h4:before {
    background: #ffffff;
}

.feature-block-five .inner-box:hover p,
.feature-block-five .inner-box:hover h4,
.feature-block-five .inner-box:hover .icon-box .icon {
    color: #ffffff;
}

/***

====================================================================
 Fun Fact Section
====================================================================

***/

.fun-fact-section {
    position: relative;
    padding: 54px 0 30px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-align: center;
    background-image: url(../images/New-Images/quotes_bg.png);
}

.fun-fact-section .auto-container {
    max-width: 1250px;
}

.fun-fact-section:before {
    display: none;
    position: absolute;
    right: -100%;
    bottom: 3%;
    height: 100%;
    width: 200%;
    background-color: rgba(255, 255, 255, 0.1);
    content: "";
    -webkit-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
}

.quotes .fun-fact-section:before {
    display: none;
    position: absolute;
    right: -100%;
    bottom: 3%;
    height: 100%;
    width: 200%;
    background-color: rgba(255, 255, 255, 0.1);
    content: "";
    -webkit-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
}

.fact-counter {
    position: relative;
}

.fact-counter .counter-column {
    position: relative;
    margin-bottom: 20px;
}

.fact-counter .counter-column .inner-box {
    position: relative;
    padding-left: 130px;
    padding-top: 30px;
    min-height: 110px;
}

.fact-counter .counter-column .count-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 130px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 110px;
}

.fact-counter .counter-column .icon:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.fact-counter .counter-column .inner-box:hover .icon:before {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}

.fact-counter .counter-column .icon.bg-1:before {
    background-image: url(../images/icons/fun-fact-one.png);
}

.fact-counter .counter-column .icon.bg-2:before {
    background-image: url(../images/icons/fun-fact-two.png);
}

.fact-counter .counter-column .icon.bg-3:before {
    background-image: url(../images/icons/fun-fact-three.png);
}

.fact-counter .counter-column .icon.bg-4:before {
    background-image: url(../images/icons/fun-fact-four.png);
}

.fact-counter .counter-column .count-box .count-text {
    position: relative;
    display: block;
    font-size: 48px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 700;
    font-family: "Exo", sans-serif;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.fact-counter .counter-column .counter-title {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 10px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

/***

====================================================================
   Speakers Section
====================================================================

***/

.speakers-section {
    padding: 90px 0 0px;
    background-color: #fef5ed;
    overflow: hidden;
}

.speakers-section:before {
    background-image: url(../images/New-Images/bg-section-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-animation: bounce-x 10s infinite linear;
    animation: bounce-x 10s infinite linear;
}

.speakers-section .icon-dotted-circle {
    left: -560px;
    top: -120px;
    -webkit-animation: fa-spin 60s infinite linear;
    animation: fa-spin 60s infinite linear;
}

.speaker-block {
    position: relative;
    margin-bottom: 25px;
}

.speaker-block .inner-box {
    position: relative;
    max-width: 300px;
    margin: 0 auto;
}

.speaker-detail-section .owl-carousel .owl-item img {
    border-radius: 20px;
}

.speaker-block .image-box {
    position: relative;
    padding: 17px 22px 0 0;
}

.speaker-block .image {
    position: relative;
    border: 5px solid #ffffff;
    -webkit-box-shadow: 0 14px 20px rgba(0, 0, 0, .20);
    box-shadow: 0 14px 20px rgba(0, 0, 0, .20);
    border-radius: 0 0 250px 250px;
    overflow: hidden;
    margin-bottom: 0;
}

.speaker-block .image-box:before {
    position: absolute;
    left: 40px;
    right: 0;
    top: 0;
    bottom: 17px;
    border: 3px solid #dddddd;
    /* border-radius: 0 0 250px 250px; */
    content: "";
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block .inner-box:hover .image-box:before {
    border: 3px solid #081245;
    border-color: #fdb900;
    opacity: 1;
}

.speaker-block .image img {
    width: 100%;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.speaker-block .inner-box:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.speaker-block .plus-icon {
    position: absolute;
    right: 25px;
    bottom: 20px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #081245;
    border-radius: 50%;
    background-color: #ffba00;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block .social-links {
    position: absolute;
    right: 30px;
    bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #ffba00;
    border-radius: 50px;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.speaker-block .inner-box:hover .social-links {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
}

.speaker-block .social-links a {
    position: relative;
    margin: 5px 0;
    height: 40px;
    width: 40px;
    display: block;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffba00;
    color: #081245;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block .social-links a:hover {
    color: #ffffff;
    background-color: #081245;
}

.speaker-block .info-box {
    position: relative;
    padding-top: 25px;
    text-align: center;
}

.speaker-block h4 {
    display: block;
    font-size: 24px;
    color: #001376;
}

.speaker-block h4 a {
    color: #001376;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block .designation {
    font-size: 14px;
    color: #555555;
}

/***

====================================================================
   Speakers Section Two
====================================================================

***/

.speakers-section-two {
    padding: 90px 0 50px;
    background-color: #081245;
    background-image: url(../images/background/10.jpg);
    overflow: hidden;
}

.speakers-section-two .icon-object-10 {
    left: -310px;
    bottom: 100px;
    -webkit-animation: fa-spin 30s infinite linear;
    animation: fa-spin 30s infinite linear;
}

.speakers-section-two .icon-object-15 {
    right: -115px;
    top: 65px;
    -webkit-animation: fa-spin 90s infinite linear;
    animation: fa-spin 90s infinite linear;
}

.speakers-section-two .icon-object-16 {
    display: block;
    left: -290px;
    bottom: 560px;
    -webkit-animation: fa-spin 60s infinite linear;
    animation: fa-spin 60s infinite linear;
}

.speaker-block-two {
    position: relative;
    margin-bottom: 50px;
}

.speaker-block-two .inner-box {
    position: relative;
}

.speaker-block-two .image-box {
    position: relative;
    padding: 20px 20px;
    max-width: 270px;
    margin: 0 auto;
}

.speaker-block-two .image {
    position: relative;
    height: 230px;
    width: 230px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 0;
}

.speaker-block-two .image-box:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 140px;
    width: 140px;
    background-image: url(../images/icons/curved-border.png);
    content: "";
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block-two .image img {
    width: 100%;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.speaker-block-two .inner-box:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.speaker-block-two .plus-icon {
    position: absolute;
    left: 20px;
    bottom: 30px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #081245;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block-two .social-links {
    position: absolute;
    left: 25px;
    bottom: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #ffba00;
    border-radius: 50px;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.speaker-block-two .inner-box:hover .social-links {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
}

.speaker-block-two .social-links a {
    position: relative;
    margin: 5px 0;
    height: 40px;
    width: 40px;
    display: block;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffba00;
    color: #081245;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block-two .social-links a:first-child,
.speaker-block-two .social-links a:last-child {
    margin: 0;
}

.speaker-block-two .social-links a:hover {
    color: #ffffff;
    background-color: #081245;
}

.speaker-block-two .info-box {
    position: relative;
    padding: 10px 0 30px;
    border-bottom: 1px solid #001373;
    text-align: center;
    max-width: 230px;
    margin: 0 auto;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block-two .inner-box:hover .info-box {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    padding: 20px 0 20px;
}

.speaker-block-two .info-box:before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    content: "";
    background: #001373;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block-two .inner-box:hover .info-box:before {
    height: 100%;
}

.speaker-block-two h4 {
    display: block;
    font-size: 24px;
    color: #ffffff;
}

.speaker-block-two h4 a {
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block-two .designation {
    position: relative;
    font-size: 14px;
    color: #ffffff;
}

/***

====================================================================
   Speakers Section Three
====================================================================

***/

.speakers-section-three {
    padding: 90px 0 50px;
    background-color: #f4f7ff;
    overflow: hidden;
}

.speakers-section-three .icon-dotted-circle {
    left: -560px;
    top: -120px;
    -webkit-animation: fa-spin 60s infinite linear;
    animation: fa-spin 60s infinite linear;
}

.speaker-block-three {
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
}

.speaker-block-three .inner-box {
    position: relative;
    padding: 20px 25px 25px;
    text-align: center;
}

.speaker-block-three .inner-box:before {
    position: absolute;
    left: 7px;
    top: 0;
    height: 230px;
    width: 230px;
    border: 5px solid #ffffff;
    content: "";
}

.speaker-block-three .inner-box:after {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 230px;
    width: 220px;
    border: 10px solid #247ffb;
    content: "";
}

.speaker-block-three .image-box {
    position: relative;
    padding: 10px;
    z-index: 1;
}

.speaker-block-three .image {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    z-index: 9;
}

.speaker-block-three .image-box:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    background: #0019b2;
    background: -o-linear-gradient(45deg, #0019b2 0%, #2d0060 100%);
    background: linear-gradient(45deg, #0019b2 0%, #2d0060 100%);
    z-index: 1;
}

.speaker-block-three .image-box:after {
    position: absolute;
    left: -10px;
    bottom: -10px;
    height: 70px;
    width: 70px;
    background-color: rgba(255, 255, 255, .10);
    content: "";
}

.speaker-block-three .image img {
    width: 100%;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.speaker-block-three .info-box {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 30px;
    bottom: 30px;
    padding: 30px;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, .10);
    box-shadow: 0 3px 16px rgba(0, 0, 0, .10);
    background-color: rgba(255, 255, 255, .90);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block-three h4 {
    display: block;
    font-size: 24px;
    color: #001376;
    font-weight: 600;
    margin-bottom: 5px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block-three h4 a {
    color: #001376;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block-three .designation {
    font-size: 14px;
    color: #555555;
    margin-bottom: 20px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block-three .social-links {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block-three .social-links a {
    display: block;
    text-align: center;
    line-height: 38px;
    margin: 0 3px 10px;
    height: 40px;
    width: 40px;
    border: 1px solid #1f1b79;
    border-radius: 50%;
    color: #081245;
    font-size: 16px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block-three .social-links a:hover {
    background: #ff7500;
    border-color: #ff7500;
    color: #ffffff;
}

.speaker-block-three .text {
    position: relative;
}

/* Animate 1 */

.speaker-block-three h4,
.speaker-block-three .designation,
.speaker-block-three .info-box,
.speaker-block-three .social-links,
.speaker-block-three .text {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-block-three .image-box:hover h4,
.speaker-block-three .image-box:hover .info-box,
.speaker-block-three .image-box:hover .designation,
.speaker-block-three .image-box:hover .social-links,
.speaker-block-three .image-box:hover .text {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/* Animate 2 */

.speaker-block-three .image-box:hover h4 {
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

/* Animate 3 */

.speaker-block-three .image-box:hover .designation {
    -webkit-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}

/* Animate 4 */

.speaker-block-three .image-box:hover .social-links {
    -webkit-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}

/* Animate 5 */

.speaker-block-three .image-box:hover .text {
    -webkit-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
}

/***

====================================================================
   Speaker Detail
====================================================================

***/

.speaker-detail-section {
    position: relative;
    padding: 30px 0 0;
}

.speaker-details {
    position: relative;
    padding-top: 2px;
    margin-bottom: 15px;
}

.speaker-details .name a {
    font-size: 20px;
    line-height: 1em;
    color: #001376;
    font-weight: 600;
    margin-bottom: 20px;
}

.speaker-details .name a {
    color: #001376;
}

.speaker-details .designation {
    font-size: 14px;
    color: #ffba00;
}

.speaker-info-list {
    margin-top: 16px;
}

.speaker-info-list li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
    color: #555555;
}

.speaker-info-list li a {
    color: #555555;
}

.speaker-info-list li strong {
    display: block;
    font-weight: 600;
    color: #001376;
    min-width: 140px;
}

.speaker-detail-section .info-column h3 {
    font-size: 20px;
    line-height: 1.2em;
    color: #001376;
    font-weight: 600;
    margin-bottom: 15px;
}

.speaker-detail-section .info-column p {
    /* text-indent: 50px; */
    line-height: 30px;
    text-align: justify;
    margin-bottom: 20px;
}

.event-finder .has-validation-callback{
        margin-right: 40px;
}
.speaker-detail-section .other-info h2 {
    font-size: 36px;
    line-height: 1.2em;
    color: #001376;
    font-weight: 700;
    margin-bottom: 40px;
}

.speaker-session-info {
    position: relative;
    margin-bottom: 0px;
}

.speaker-session-info .inner-box {
    position: relative;
    min-height: 240px;
    padding: 10px 30px;
    border: 1px solid #d7d7d7;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-session-info h4 {
    position: relative;
    font-size: 21px;
    color: #ffae00;
    font-weight: 600;
    margin-bottom: 10px;
}

.speaker-session-info .time {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 30px;
    color: #ffba00;
    font-weight: 600;
    margin-bottom: 25px;
}

.speaker-session-info p {
    margin-bottom: 0;
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #555555;
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-session-info .place {
    font-weight: 600;
    color: #001376;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-session-info .inner-box:hover p {
    color: #ffffff;
}

.speaker-session-info .inner-box:hover .place {
    color: #ffba00;
}

.speaker-session-info .inner-box:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    content: "";
    background-color: #071248;
    border-bottom: 3px solid #ffba00;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.speaker-session-info .inner-box:hover:before {
    height: 100%;
}

/***

====================================================================
 Dchedule Section
====================================================================

***/

.owl-carousel-special .owl-stage-outer {
    padding-left: 0;
}

.special-event-bg {
    background-position: center;
}

.schedule-section {
    position: relative;
    overflow: hidden;
}

.schedule-section .icon-circle-2 {
    left: 0px;
    top: 150px;
}

.schedule-section .pattern-4 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/icons/pattern-4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    -webkit-animation: bounce-y 10s infinite;
    animation: bounce-y 10s infinite;
}

.schedule-tabs {
    position: relative;
}

.schedule-tabs .btns-box {
    position: relative;
    display: block;
    margin-bottom: 50px;
}

.schedule-tabs .tab-buttons {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.event-finder .schedule-tabs .tab-buttons li {
    height: 50px;
}

.schedule-tabs .tab-buttons li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 78px;
    width: 165px;
    background-color: #ffffff;
    border: 1px solid #ff7c00;
    margin: 0 -1px;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.schedule-tabs .tab-buttons li .day {
    position: absolute;
    left: 21px;
    top: -15px;
    min-width: 120px;
    padding: 10px 20px;
    color: #081245;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
    border: 1px solid #ff7c00;
    border-top: 0;
    border-radius: 0 0 10px 10px;
}

.schedule-tabs .tab-buttons li.active-btn {
    background: #e2e2e2;
    box-shadow: 0 15px 20px rgb(0 0 0 / 41%);
}

.schedule-tabs .tab-buttons li.active-btn .day {
    background-color: #081245;
    border: 1px solid #081245;
    color: #ffffff;
}

.schedule-tabs .tab-buttons li .date-box {
    position: relative;
    min-height: 21px;
    margin-bottom: 15px;
    text-align: center;
}

.schedule-tabs .tab-buttons li .date {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 48px;
    line-height: 40px;
    font-weight: 700;
    color: #ffba00;
    font-family: 'Exo', sans-serif;
}

.schedule-tabs .tab-buttons li .month {
    display: block;
    font-weight: 700;
    font-size: 14px;
    color: #081245;
    line-height: 1em;
    text-transform: uppercase;
    font-family: 'Exo', sans-serif;
}

.schedule-tabs .tab-buttons li .month .colored {
    display: block;
    font-size: 16px;
    line-height: 1em;
    color: #ff4200;
    margin-bottom: 10px;
}

.schedule-timeline {
    position: relative;
}

/*=== Schedule Block ===*/

.schedule-block {
    position: relative;
    overflow: hidden;
}

.schedule-block:after {
    display: table;
    clear: both;
    content: "";
}

.schedule-block .inner-box {
    position: relative;
    float: right;
    width: 50%;
    text-align: left;
}

.schedule-block .inner-box .inner {
    position: relative;
    padding: 20px 30px 10px;
    background-color: #ffffff;
    margin-left: 120px;
    min-height: 210px;
    background: #f5f5f5;
    border: 1px solid transparent;
    background: -o-linear-gradient(45deg, #f5f5f5 1%, #ffffff 100%);
    background: linear-gradient(45deg, #f5f5f5 1%, #ffffff 100%);
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.10);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.10);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.schedule-block .inner-box .inner:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 75px;
    width: 75px;
    background-image: url(../images/icons/icon-bull-eye.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    content: "";
    -webkit-animation: pulse2 3s infinite;
    animation: pulse2 3s infinite;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.schedule-block .inner-box h4 a span {
    font-size: 18px;
    color: #fdb900;
}

@-webkit-keyframes pulse2 {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.25, 1.25, 1.25);
        transform: scale3d(1.25, 1.25, 1.25);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse2 {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.25, 1.25, 1.25);
        transform: scale3d(1.25, 1.25, 1.25);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.schedule-block .inner-box:hover .inner {
    border: 1px solid #dddddd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.schedule-block .date {
    position: absolute;
    left: -225px;
    top: 0px;
    height: 210px;
    width: 210px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.schedule-block .date span {
    cursor: pointer;
    position: relative;
    height: 100px;
    width: 100px;
    border: 5px dashed #ffffff;
    font-size: 15px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background: #9207e1;
    text-align: center;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(#9207e1), to(#300079));
    background: -o-linear-gradient(top, #9207e1 0%, #300079 100%);
    background: linear-gradient(to bottom, #072500 0%, #057900 100%);
}

.schedule-block .date span:before {
    position: absolute;
    left: 100%;
    top: 50%;
    width: 75px;
    height: 5px;
    margin-top: 1px;
    background: -webkit-gradient(linear, left top, left bottom, from(#9207e1), to(#300079));
    background: -o-linear-gradient(top, #9207e1 0%, #300079 100%);
    background: linear-gradient(to bottom, #063a00 0%, #072c00 100%);
    content: "";
}

.schedule-block .date:before {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border: 5px solid #073e00;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 50%;
    content: "";
}

.schedule-block .date:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 55%;
    height: 100%;
    background-color: #ffffff;
    content: "";
}

.schedule-block .speaker-info {
    position: relative;
    padding-left: 95px;
    min-height: 80px;
}

.schedule-block .speaker-info .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.schedule-block .speaker-info .icon {
    font-size: 27px;
    color: #ffba00;
    line-height: 1em;
    margin-bottom: 10px;
}

.schedule-block .speaker-info .name {
    font-size: 20px;
    color: #ff4200;
    font-weight: 700;
    line-height: 1em;
}

.schedule-block .speaker-info .designation {
    font-size: 16px;
    color: #555555;
}

.schedule-block h4 {
    position: relative;
    font-size: 22px;
    line-height: 1.2em;
    color: #081245;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 5px;
}

.schedule-block h4 a {
    color: #fb6800;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.schedule-block h4 a:hover {
    color: #081245;
}

.schedule-block.even .inner-box {
    float: left;
    text-align: right;
}

.schedule-block.even .inner-box .inner {
    margin-left: 0;
    margin-right: 120px;
}

.schedule-block.even .inner:before {
    left: 0;
    right: auto;
    background-position: right bottom;
}

.schedule-block.even .date {
    left: auto;
    right: -225px;
}

.schedule-block.even .date:after {
    right: auto;
    left: 0;
}

.schedule-block.even .date span:before {
    left: auto;
    right: 100%;
}

.schedule-block.even .speaker-info {
    padding-left: 0;
    padding-right: 95px;
}

.schedule-block.even .speaker-info .thumb {
    left: auto;
    right: 0;
}

.schedule-block:nth-child(4n+2) .date span:before,
.schedule-block:nth-child(4n+2) .date span {
    background: #f84900;
    background: -o-linear-gradient(45deg, #f84900 1%, #ff9c00 100%);
    background: linear-gradient(45deg, #f84900 1%, #ff9c00 100%);
}

.schedule-block:nth-child(4n+2) .date:before {
    border-color: #f96426;
}

.schedule-block:nth-child(4n+3) .date span:before,
.schedule-block:nth-child(4n+3) .date span {
    background: #08cdd2;
    background: -o-linear-gradient(45deg, #08cdd2 0%, #0b8aeb 100%);
    background: linear-gradient(to bottom, #072500 0%, #057900 100%);
}

.schedule-block:nth-child(4n+3) .date:before {
    border-color: #073e00;
}

.schedule-block:nth-child(4n+4) .date span:before,
.schedule-block:nth-child(4n+4) .date span {
    background: linear-gradient(45deg, #f84900 1%, #ff9c00 100%);
    background: -o-linear-gradient(45deg, #cdd00e 0%, #6eba3a 100%);
    background-color: (to bottom, #072500 0%, #057900 100%);
}

.schedule-block:nth-child(4n+4) .date:before {
    border-color: #f96426;
}

/***

====================================================================
 schedule Section Two
====================================================================

***/

.schedule-section-two .news-block .inner-box {
    position: relative;
    background-color: #ffffff;
    /* -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); */
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 12px, rgba(0, 0, 0, 0.08) 0px 0px 11px -1px;
}

.schedule-section-two .icon-circle-2 {
    right: -500px;
    top: 400px;
}

.schedule-section-two .sec-title-outer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}

/*=== Schedule Block ===*/

.schedule-block-two {
    position: relative;
    margin-bottom: 10px;
}

.schedule-block-two .inner-box {
    position: relative;
    min-height: 178px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #b5b5b5;
    padding: 20px 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.schedule-block-two .inner-box:hover {
    background-color: #f5f5f5;
}

.schedule-block-two .date-box {
    position: relative;
    padding-left: 10px;
    min-width: 270px;
    padding-right: 20px;
}

.schedule-block-two .date-box .count {
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: 50px;
    background: #ffffff;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    color: #081245;
    font-weight: 700;
    font-family: 'Evo', sans-serif;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .13);
    box-shadow: 0 0 10px rgba(0, 0, 0, .13);
}

.schedule-block-two .date-box h4 {
    position: relative;
    padding-top: 5px;
    font-size: 16px;
    line-height: 1.2em;
    color: #ff4200;
    font-weight: 700;
}

.schedule-block-two .date-box .time {
    position: relative;
    font-size: 12px;
    line-height: 1.2em;
    color: #081245;
}

.schedule-block-two h3 {
    position: relative;
    font-size: 22px;
    line-height: 1.2em;
    color: #081245;
    font-weight: 700;
    /* max-width: 380px; */
    padding-right: 20px;
}

.schedule-block-two h3 a {
    color: #081245;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.schedule-block-two h3 a:hover {
    color: #ffba00;
}

.schedule-block-two .speaker-info {
    position: relative;
    padding-left: 95px;
    min-height: 70px;
    min-width: 280px;
}

.schedule-block-two .speaker-info .thumb {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.schedule-block-two .speaker-info .icon {
    font-size: 17px;
    color: #ffba00;
    line-height: 1em;
}

.schedule-block-two .speaker-info .name {
    font-size: 19px;
    color: #ff4200;
    font-weight: 700;
    line-height: 1em;
}

.schedule-block-two .speaker-info .designation {
    font-size: 16px;
    color: #555555;
}

.schedule-block-two .theme-btn {
    margin-left: auto;
    min-width: 100px;
    white-space: nowrap;
}

/***

====================================================================
 schedule Section Three
====================================================================

***/

.schedule-section-three {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}

.schedule-section-three .sec-bottom-text {
    margin-top: 60px;
}

.schedule-tabs .tab-buttons.style-two li {
    height: 75px;
    width: 190px;
    background-color: #ffffff;
    border: 1px solid #ff7c00;
    margin: 0 -1px;
}

.schedule-tabs .tab-buttons.style-two li:first-child {
    border-radius: 100px 0 0 100px;
}

.schedule-tabs .tab-buttons.style-two li:last-child {
    border-radius: 0 100px 100px 0;
}

.schedule-tabs .tab-buttons.style-two li.active-btn {
    background-color: #081245;
    -webkit-box-shadow: 0 10px 16px rgba(0, 0, 0, .30);
    box-shadow: 0 10px 16px rgba(0, 0, 0, .30);
}

.schedule-tabs .tab-buttons.style-two li .month {
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.schedule-tabs .tab-buttons.style-two li.active-btn .month {
    color: #ffffff;
}

.schedule-timeline {
    position: relative;
}

/*=== Schedule Block ===*/

.schedule-block-three {
    position: relative;
    margin-bottom: 40px;
}

.baskar-tips .schedule-block-three {
    position: relative;
    margin-bottom: 0px;
}

.schedule-block-three .inner-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 970px;
    margin: 0 auto;
}

.schedule-block-three .date {
    height: 130px;
    min-width: 230px;
    padding-left: 60px;
    margin-left: -30px;
    padding-right: 40px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(../images/New-Images/schedule-2.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.schedule-block-three .date .time {
    text-align: right;
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
    margin-left: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 10px;
}

.schedule-block-three .date .icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 80px;
    height: 76px;
    background: #ffffff;
    font-size: 27px;
    color: #ffc500;
    padding-right: 10px;
}

.schedule-block-three .date .icon:after {
    position: absolute;
    right: -20px;
    border-top: 38px solid transparent;
    border-bottom: 38px solid transparent;
    border-left: 20px solid #ffffff;
    content: "";
}

.schedule-block-three .inner {
    position: relative;
    width: 100%;
    min-height: 240px;
    padding: 20px 60px;
    padding-right: 245px;
    border-radius: 500px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
    box-shadow: inset 0 0 30px rgb(163 163 163 / 40%);
    text-align: right;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

/* .schedule-block-three .inner:before {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   border-radius: 500px;
   -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, .40);
   box-shadow: inset 0 0 30px rgba(0, 0, 0, .40);
   content: "";
   -webkit-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease;
   opacity: 0;
} */

.schedule-block-three .inner:hover {
    border-radius: 500px;
    -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, .40);
    box-shadow: inset 0 0 30px rgb(105 104 104 / 40%);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 7;
}

.schedule-block-three .inner-box:hover .inner:before {
    opacity: 1;
}

.schedule-block-three .thumb {
    position: absolute;
    right: 30px;
    top: 30px;
    height: 188px;
    width: 188px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 0;
}

.magazine-sec .schedule-block-three .thumb {
    position: absolute;
    right: 30px;
    top: 35px;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 0;
}

.schedule-block-three .speaker-info .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 20px;
    color: #ff4200;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.schedule-block-three .speaker-info .designation {
    display: block;
    margin-left: 10px;
    font-size: 16px;
    color: #555555;
    font-weight: 400;
    text-transform: capitalize;
}

.schedule-block-three .speaker-info h3 {
    position: relative;
    font-size: 30px;
    line-height: 1.2em;
    color: #081245;
    font-weight: 700;
    margin-bottom: 10px;
}

.schedule-block-three .speaker-info h3 a {
    color: #081245;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.schedule-block-three .speaker-info h3 a:hover {
    color: #081245;
}

.schedule-block-three .speaker-info .location {
    font-size: 16px;
    color: #555555;
    font-family: Exo, sans-serif;
}

.schedule-block-three .speaker-info .location strong {
    color: #081245;
    font-weight: 700;
}

/*=== Schedule Block Even ===*/

.schedule-block-three.even .date {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    height: 130px;
    min-width: 230px;
    margin-left: 0;
    margin-right: -30px;
    padding-right: 0;
    padding-left: 40px;
    background-position: center left;
    background-image: url(../images/New-Images/shedule.png);
}

.schedule-block-three.even .date .icon {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.schedule-block-three.even .inner {
    padding: 20px 60px;
    padding-left: 245px;
    text-align: left
}

.schedule-block-three.even .thumb {
    right: auto;
    left: 30px;
}

.magazine-sec .schedule-block-three.even .thumb {
    right: auto;
    left: 30px;
}

.schedule-block-three.even .speaker-info .name {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

/***

====================================================================
   Event Detail
====================================================================

***/

.schedule-detail {
    position: relative;
    padding: 50px 0 50px;
}

.schedule-detail .auto-container {
    max-width: 1000px;
}

.schedule-detail .image-box {
    position: relative;
    margin-bottom: 50px;
}

.schedule-detail .image-box .image {
    position: relative;
    margin-bottom: 0;
}

.schedule-detail .image-box .image img {
    display: block;
    width: 100%;
    height: auto;
}

.schedule-detail .content-box {
    position: relative;
}

.schedule-detail .upper-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

.schedule-detail .speaker-info {
    position: relative;
    padding-left: 125px;
    padding-top: 10px;
    min-height: 100px;
    margin-bottom: 20px;
}

.schedule-detail .speaker-info .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    overflow: hidden;
}

.schedule-detail .speaker-info .thumb img {
    width: 100%;
}

.schedule-detail .speaker-info .icon {
    font-size: 27px;
    color: #ffba00;
    line-height: 1em;
    margin-bottom: 15px;
}

.schedule-detail .speaker-info .name {
    font-size: 20px;
    color: #ff4200;
    font-weight: 700;
    line-height: 1em;
}

.schedule-detail .speaker-info .designation {
    font-size: 16px;
    color: #555555;
}

.schedule-detail .upper-info {
    position: relative;
    margin-bottom: 20px;
}

.schedule-detail .upper-info li {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #555555;
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 30px;
    margin-right: 20px;
    margin-top: 6px;
}

.schedule-detail .upper-info .icon {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    line-height: 24px;
    color: #ffba00;
}

.schedule-detail .upper-box .theme-btn {
    margin-bottom: 20px;
}

.schedule-detail .content-box h2 {
    display: block;
    font-size: 32px;
    line-height: 1.2em;
    color: #081245;
    font-weight: 700;
    margin-bottom: 25px;
}

.schedule-detail .content-box p {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #555555;
    font-weight: 400;
    margin-bottom: 30px;
}

.schedule-detail .two-column {
    position: relative;
}

.schedule-detail .two-column .column {
    margin-bottom: 30px;
}

.schedule-detail .two-column .image {
    position: relative;
    margin-bottom: 0;
}

.schedule-detail .two-column .image img {
    display: block;
    width: 100%;
}

.schedule-detail .two-column h4 {
    font-size: 24px;
    line-height: 1.2em;
    color: #081245;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
}

/***

====================================================================
   FAQ's Section
====================================================================

***/

.faq-section {
    position: relative;
    padding: 40px 0 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.faq-section .icon-dotted-world.left {
    left: -280px;
    top: 50%;
    margin-top: -200px;
    -webkit-animation: bounce-x 10s infinite;
    animation: bounce-x 10s infinite;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.faq-section .icon-dotted-world.right {
    right: -280px;
    top: 50%;
    margin-top: -200px;
    -webkit-animation: bounce-x 10s infinite;
    animation: bounce-x 10s infinite;
}

/*==========================
Accordian Box
===========================*/

.accordion-box {
    position: relative;
    margin-bottom: 30px;
}

.accordion-box .block {
    position: relative;
    margin-bottom: 15px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    background: #ffffff;
}

.accordion-box .block .acc-btn {
    position: relative;
    font-size: 18px;
    padding: 15px 20px;
    padding-left: 90px;
    line-height: 30px;
    color: #081245;
    font-weight: 600;
    cursor: pointer;
    background: #ffffff;
    font-family: 'Exo', sans-serif;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.accordion-box .block .acc-btn.active {
    background: #f5f5f5;
    color: #ff4200;
}

.accordion-box .block .acc-btn .icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    background-color: #ffba00;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.accordion-box .block .acc-btn.active .icon {
    background-color: #ff4200;
}

.accordion-box .block .acc-btn.active .icon:before {
    content: "\f068";
}

.accordion-box .block .acc-content {
    position: relative;
    display: none;
}

.accordion-box .block .acc-content.current {
    display: block;
}

.accordion-box .block .content {
    position: relative;
    padding: 20px 30px;
}

.accordion-box .block .content p {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #555555;
    font-weight: 400;
    margin-bottom: 30px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    text-align: justify;
}

.accordion-box .block .content p:last-child {
    margin-bottom: 0;
}

/***

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

/* accordian-to */

.accordion-two {
    position: relative;
    margin-bottom: 30px;
}

.accordion-two .block {
    position: relative;
    margin-bottom: 15px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    background: #ffffff;
}

.accordion-two .block .acc-btn {
    position: relative;
    font-size: 18px;
    padding: 15px 20px;
    padding-left: 90px;
    line-height: 30px;
    color: #081245;
    font-weight: 600;
    cursor: pointer;
    background: #ffffff;
    font-family: 'Exo', sans-serif;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.accordion-two .block .acc-btn.active {
    background: #f5f5f5;
    color: #ff4200;
}

.accordion-two .block .acc-btn .icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    background-color: #ffba00;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.accordion-two .block .acc-btn.active .icon {
    background-color: #ff4200;
}

.accordion-two .block .acc-btn.active .icon:before {
    content: "\f068";
}

.accordion-two .block .acc-content {
    position: relative;
    display: none;
}

.accordion-two .block .acc-content.current {
    display: block;
}

.accordion-two .block .content {
    position: relative;
    padding: 20px 30px;
}

.accordion-two .block .content p {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #555555;
    font-weight: 400;
    margin-bottom: 30px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    text-align: justify;
}

.accordion-two .block .content p:last-child {
    margin-bottom: 0;
}

/*  */
/* FAQ Form Section */
/* ==================================================================== */

.faq-form-section {
    position: relative;
    padding: 20px 0px;
}

.faq-form-section .faq-form {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
}

.faq-form .form-group {
    position: relative;
    margin-bottom: 30px;
}

.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="email"],
.faq-form .form-group input[type="url"],
.faq-form .form-group textarea,
.faq-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #4a4949;
    line-height: 30px;
    padding: 14px 25px;
    background-color: #fff;
    font-weight: 400;
    height: 60px;
    border: 1px solid #b1aeae;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.faq-form .form-group input:focus,
.faq-form .form-group select:focus,
.faq-form .form-group textarea:focus {
    border-color: #ff8a00;
}

.faq-form .form-group textarea {
    height: 180px;
    resize: none;
}

.faq-form .form-group button {
    padding: 15px 30px;
    line-height: 20px;
}

/***

====================================================================
   Call to Action
====================================================================

***/

.call-to-action {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0;
}

.call-to-action .icon-dotted-world.left {
    left: -280px;
    top: 30px;
    -webkit-animation: bounce-x 10s infinite;
    animation: bounce-x 10s infinite;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.call-to-action .icon-dotted-world.right {
    right: -280px;
    top: 30px;
    -webkit-animation: bounce-x 10s infinite;
    animation: bounce-x 10s infinite;
}

.call-to-action:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #00082e;
    background: -o-linear-gradient(45deg, #00082e 0%, #081245 100%);
    background: linear-gradient(45deg, #00082e 0%, #081245 100%);
    opacity: .90;
    content: "";
}

.call-to-action .content-box {
    position: relative;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}

.call-to-action .content-box h2 {
    display: block;
    font-size: 48px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 35px;
}

.call-to-action .content-box .text {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 36px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 40px;
}

.call-to-action .content-box .theme-btn {
    position: relative;
    font-size: 16px;
}

/***

====================================================================
   Call to Action Two
====================================================================

***/

.call-to-action-two {
    position: relative;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
    background: #011372;
    padding: 51px 0;
}

.call-to-action-two:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 55%;
    background-image: url(../images/icons/cta-bg.png);
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
}

.call-to-action-two .content-column {
    position: relative;
}

.call-to-action-two .content-box {
    position: relative;
    padding-left: 50px;
}

.call-to-action-two .content-box .sub-title {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 10px;
}

.call-to-action-two .content-box h2 {
    display: block;
    font-size: 36px;
    line-height: 1.1em;
    color: #ffffff;
    font-weight: 600;
}

.call-to-action-two .content-box .text {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 40px;
}

.call-to-action-two .content-box .theme-btn {
    position: relative;
    font-size: 16px;
}

/***

====================================================================
       Pricing Section
====================================================================

***/

.pricing-section {
    position: relative;
    padding: 100px 0 50px;
    background-color: #f2f2f2;
}

.pricing-section .row {
    margin: 0 -25px;
}

.pricing-block {
    position: relative;
    padding: 0 25px;
    margin-bottom: 50px;
}

.pricing-block .inner-box {
    position: relative;
    background: #081245;
    background: -o-linear-gradient(45deg, #081245 0%, #001376 100%);
    background: linear-gradient(45deg, #081245 0%, #001376 100%);
    max-width: 370px;
    margin: 0 auto;
    padding: 50px 55px 50px;
    -webkit-box-shadow: 0 6px 28px rgba(0, 0, 0, .13);
    box-shadow: 0 6px 28px rgba(0, 0, 0, .13);
    overflow: hidden;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block .inner-box:before {
    position: absolute;
    right: -29%;
    bottom: -20px;
    height: 200%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    content: "";
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
}

.pricing-block .inner-box:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #ffffff;
    content: "";
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block .inner-box:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pricing-block .title {
    position: relative;
    font-size: 16px;
    line-height: 36px;
    color: #ffc200;
    font-weight: 700;
    display: block;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 2;
}

.pricing-block h3 {
    font-size: 30px;
    line-height: 1.2em;
    color: #01136d;
    font-weight: 700;
    margin-bottom: 25px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 2;
}

.pricing-block .price {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 72px;
    color: #ff4200;
    font-weight: bold;
    line-height: 1.2;
    font-family: 'Exo', sans-serif;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 2;
}

.pricing-block .price sup {
    font-size: 24px;
    color: #ffba00;
    font-weight: 400;
    top: -20px;
    font-family: 'Archivo', sans-serif;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block .price sub {
    font-size: 16px;
    color: #ff7f1a;
    font-weight: 400;
    margin-left: 5px;
    top: 15px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block .features {
    position: relative;
    padding: 30px 0 25px;
    z-index: 2;
}

.pricing-block .features li {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    line-height: 26px;
    color: #494949;
    margin-bottom: 10px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block .features li:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    color: #494949;
    content: "\f00c";
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block .theme-btn {
    position: relative;
    z-index: 2;
}

.pricing-block.tagged .inner-box:after {
    opacity: 0;
}

.pricing-block .inner-box:hover .features li:before,
.pricing-block .inner-box:hover .features li,
.pricing-block .inner-box:hover .price sup,
.pricing-block .inner-box:hover .price,
.pricing-block .inner-box:hover h3,
.pricing-block.tagged .features li:before,
.pricing-block.tagged .features li,
.pricing-block.tagged .price sup,
.pricing-block.tagged .price,
.pricing-block.tagged h3 {
    color: #ffffff;
}

.pricing-block.tagged .price sub {
    color: #ffba00;
}

.pricing-block .inner-box:hover:after {
    opacity: 0;
}

/***

====================================================================
       Pricing Section Two
====================================================================

***/

.pricing-section-two {
    position: relative;
    padding: 50px 0 50px;
}

.pricing-section-two .row {
    margin: 0 -25px;
}

.pricing-section-one {
    position: relative;
    padding: 80px 0 50px;
    background-color: #ffffff;
}

.pricing-section-one .row {
    margin: 0 -25px;
}

.pricing-block-two {
    position: relative;
    padding: 0px;
}

.pricing-block-two .inner-box {
    display: flex;
    direction: ltr;
    justify-content: space-between;
    min-height: 510px;
    flex-direction: column;
    position: relative;
    background: #081245;
    border: 1px solid #e1e1e1;
    background: -o-linear-gradient(45deg, #081245 0%, #001376 100%);
    background: linear-gradient(45deg, #081245 0%, #001376 100%);
    /* -webkit-box-shadow: 0 6px 28px rgba(0, 0, 0, .13); */
    /* box-shadow: 0 6px 28px rgba(0, 0, 0, .13); */
    max-width: 350px;
    margin: 0 auto;
    overflow: hidden;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block-two .inner-box:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #ffffff;
    content: "";
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block-two .inner-box:before {
    position: absolute;
    right: -29%;
    bottom: -20px;
    height: 200%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    content: "";
    -webkit-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    transform: rotate(-24deg);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block-two .title-box {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    padding: 8px 15px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block-two .title-box:before {
    position: absolute;
    left: -50px;
    top: 0;
    height: 75%;
    width: 100%;
    background: #06124f;
    content: "";
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-25deg);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block-two .title {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    color: #ffc200;
    font-weight: 700;
    display: block;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block-two h3 {
    font-size: 15px;
    line-height: 13px;
    color: #ffae00;
    font-weight: 700;
    margin-bottom: 13px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.membership-carousel .pricing-block-two h3 {
    font-size: 30px;
    padding: 10px 0;
    line-height: 13px;
    color: #ffae00;
    font-weight: 700;
    margin-bottom: 13px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}


.pricing-block-two .price-box {
    position: relative;
    height: 173px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 2;
}

.pricing-block-two .price-box:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/icons/pricing-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    content: "";
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block-two .price {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 72px;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.2;
    padding: 15px 35px 0;
    font-family: 'Exo', sans-serif;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block-two .price sup {
    position: relative;
    font-size: 24px;
    color: #ffffff;
    font-weight: 400;
    top: -20px;
    font-family: 'Archivo', sans-serif;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block-two .price sub {
    position: relative;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    margin-left: 5px;
    top: 15px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block-two .features {
    position: relative;
    padding: 6px 10px;
    z-index: 2;
}

.content-side .mobile-booking {
    position: fixed;
    left: 112px;
    bottom: 50px;
    z-index: 9999;
    display: none;
}

.content-side .mobile-booking .btn-title {
    font-size: 14px;
    display: flex;
    grid-gap: 10px;
    align-items: center;
    justify-content: center;
}

.pricing-block-two .features li {
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #494949;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block-two .features li:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    color: #ff7900;
    content: "\f00c";
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block-two .btn-box {
    position: relative;
    padding: 0 100px 30px;
    z-index: 2;
}

.pricing-block-two.tagged .inner-box:after {
    opacity: 0;
}

.pricing-block-two .inner-box:hover .features li:before,
.pricing-block-two .inner-box:hover .features li,
.pricing-block-two .inner-box:hover .price sup,
.pricing-block-two .inner-box:hover .price,
.pricing-block-two .inner-box:hover h3,
.pricing-block-two .inner-box:hover p,
.pricing-block-two .inner-box:hover a,
.pricing-block-two.tagged .features li:before,
.pricing-block-two.tagged .features li,
.pricing-block-two.tagged .price sup,
.pricing-block-two.tagged .price,
.pricing-block-two.tagged h3 {
    color: #ffffff;
}

.pricing-block-two .inner-box:hover .price sub,
.pricing-block-two.tagged .price sub {
    color: #ffba00;
}

.pricing-block-two .inner-box:hover:after {
    opacity: 0;
}

/***

====================================================================
       Pricing Section Three
====================================================================

***/

.pricing-section-three {
    position: relative;
    padding: 60px 0 30px;
}

.pricing-section-three .icon-object-11 {
    top: 165px;
    left: -505px;
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}

.pricing-section-three .icon-object-12 {
    bottom: 85px;
    left: -35px;
    -webkit-animation: bounce-x 10s infinite linear;
    animation: bounce-x 10s infinite linear;
}

.pricing-section-three .icon-object-13 {
    right: -505px;
    bottom: 130px;
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}

.pricing-section-three .icon-object-14 {
    top: 270px;
    right: -240px;
    -webkit-animation: fa-spin 10s infinite linear;
    animation: fa-spin 10s infinite linear;
}

.pricing-section-three .row {
    margin: 0 -25px;
}

/*.pricing-block-three {
    position: relative;
    padding: 0 10px;
    margin-bottom: 30px;
}
      */

.pricing-block-three .inner-box {
    position: relative;
    background-color: #f6f6f6;
    padding: 40px 30px 50px;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-block-three .inner-box:hover {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .10);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .10);
}

.pricing-block-three .title {
    font-size: 16px;
    line-height: 36px;
    color: #ffc200;
    text-transform: uppercase;
    display: block;
}

.pricing-block-three h3 {
    font-size: 26px;
    line-height: 1.2em;
    color: #01136d;
    font-weight: 700;
}

.pricing-block-three .text {
    font-size: 12px;
    line-height: 24px;
    color: #555555;
    display: block;
    margin-bottom: 20px;
}

.pricing-block-three .price-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pricing-block-three .price {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 72px;
    color: #ff4200;
    font-weight: bold;
    line-height: 1.2;
    font-family: 'Exo', sans-serif;
}

.pricing-block-three .price sup {
    top: -20px;
    text-align: left;
    font-size: 24px;
    color: #ffba00;
    font-weight: 400;
    font-family: 'Archivo', sans-serif;
}

.pricing-block-three .price sup em {
    position: relative;
    display: block;
    top: 20px;
    font-size: 16px;
    color: #ff7f1a;
}

.pricing-block-three .features {
    position: relative;
    padding: 30px 0 0;
}

.pricing-block-three .features li {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #555555;
    margin-bottom: 25px;
}

.pricing-block-three .features li.false {
    opacity: .50;
}

.pricing-block-three .features li strong {
    display: block;
    font-size: 24px;
    line-height: 34px;
    color: #01136d;
    font-weight: 700;
    font-family: 'Exo', sans-serif;
}

.pricing-block-three .theme-btn {
    min-width: 100px;
    margin: 0 auto;
}

.pricing-block-three .inner-box:hover,
.pricing-block-three.tagged .inner-box {
    background-image: url(../images/icons/pricing-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

/***

====================================================================
 Testimonial Section
====================================================================

***/

.testimonial-section {
    position: relative;
    padding: 30px 0;
}

.testimonial-section-three .outer-box {
    margin: 0 -15px;
}

.testimonial-block {
    position: relative;
    padding: 15px;
}

.testimonial-block .inner-box {
    position: relative;
}

.testimonial-block .text-box {
    position: relative;
    background-color: #ffffff;
    padding: 40px 40px 35px;
    -webkit-box-shadow: 0 0px 15px rgba(8, 0, 0, .15);
    box-shadow: 0 0px 15px rgba(8, 0, 0, .15);
    margin-bottom: 35px;
    height: 350px;
}

.testimonial-block .text {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 30px;
    color: #555555;
    font-weight: 400;
}

.testimonial-block .text-box:before {
    position: absolute;
    right: 30px;
    bottom: 30px;
    font-size: 80px;
    line-height: 1em;
    content: "\f10e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #555555;
    opacity: .10;
}

.testimonial-block .text-box:after {
    position: absolute;
    left: 25px;
    bottom: -15px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #ffffff;
    z-index: 1;
    content: "";
}

.testimonial-block .info-box {
    position: relative;
    min-height: 100px;
    padding-left: 125px;
    padding-top: 20px;
    background: white;
}

.testimonial-block .info-box .thumb {
    position: absolute;
    left: 0;
    top: 0;
    height: 100px;
    width: 100px;
    overflow: hidden;
}

.testimonial-block .info-box .thumb img {
    display: block;
    width: 100px;
    height: 100px;
}

.testimonial-block .info-box .rating {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    line-height: 20px;
    color: #ffba00;
    margin-bottom: 15px;
}

.testimonial-block .info-box .name {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 1.2em;
    color: #081245;
    font-weight: 700;
}

.testimonial-block .info-box .designation {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 25px;
    color: #555555;
    font-weight: 700;
}

.testimonial-carousel-two .owl-nav {
    display: none;
}

/***

====================================================================
   News Section
====================================================================

***/

.news-section {
    position: relative;
    padding: 100px 0 100px;
    overflow: hidden;
}

.news-section.alternate {
    background-image: url(../images/New-Images/pattern-5.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.news-section.bg-none {
    background: none;
}

.news-section .icon-circle-1 {
    left: -180px;
    top: 200px;
}

.news-block {
    position: relative;
    margin-bottom: 40px;
}

.news-block .inner-box {
    position: relative;
    background-color: #ffffff;
    /* -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); */
}

.news-block .image-box {
    position: relative;
}

.news-block .image {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

.news-block .image-box .image a:after {
    content: "";
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    background: rgba(255, 255, 255, 0.13);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.13)), color-stop(77%, rgba(255, 255, 255, 0.13)), color-stop(92%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.0)));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);
}

.news-block .inner-box:hover .image-box .image a:after {
    opacity: 1;
    top: -20%;
    left: -30%;
    -webkit-transition-property: left, top, opacity;
    -o-transition-property: left, top, opacity;
    transition-property: left, top, opacity;
    -webkit-transition-duration: 0.7s, 0.7s, 0.15s;
    -o-transition-duration: 0.7s, 0.7s, 0.15s;
    transition-duration: 0.7s, 0.7s, 0.15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.news-block .image img {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.news-block .image-box .tag {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1;
    font-size: 16px;
    color: #fdfdfd;
    background: #ffc600;
    background: -o-linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
    background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
    padding: 5px 20px;
    font-weight: 600;
    color: #ffffff;
}

.news-block .lower-content {
    position: relative;
    padding: 0px 25px 25px;
}

.news-block .author {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

.news-block .author .thumb {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 0;
    margin-right: 15px;
}

.news-block .author .name {
    font-size: 18px;
    line-height: 1em;
    color: #031367;
    font-weight: 700;
    margin-right: auto;
}

.today-btn{
    width: 73px !important
}

.pricing-block-two .title-box-new:before {
    height: 78% !important;
}

.news-block .author .likes {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #555555;
    font-weight: 400;
    margin-left: 25px;
}

.news-block .author .likes span {
    margin-right: 5px;
    color: #ff4200;
}

.news-block h4 {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 1.4em;
    color: #081245;
    font-weight: 700;
}

.news-block h4 a {
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-block .text {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #555555;
    font-weight: 400;
    margin-bottom: 0px;
}

.news-block .post-info {
    position: relative;
}

.news-block .post-info li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    font-weight: 500;
}

.news-block .post-info li span {
    margin-right: 5px;
    color: #ff4200;
}

/* Style Two */

.news-block.style-two {
    margin-bottom: 30px;
}

.news-block.style-two .inner-box {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.news-block.style-two .author {
    padding-bottom: 20px;
    border-bottom: 2px dashed #dddddd;
}

.news-block.style-two .lower-content {
    padding: 0;
    padding-top: 30px;
}

/* Style Three */

.news-block.style-three {
    margin-bottom: 30px;
}

.news-block.style-three .inner-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.news-block.style-three .author {
    padding-bottom: 20px;
    border-bottom: 2px dashed #dddddd;
}

.news-block.style-three .image-box {
    max-width: 375px;
    min-width: 40%;
    width: 100%;
}

.news-block.style-three .lower-content {
    padding: 0;
    padding-left: 30px;
}

/* Style Four */

.news-block.style-four {
    padding-top: 0px;
    margin-bottom: unset !important;
}

.news-block.style-four .tag {
    left: auto;
    top: -20px;
    /* right: 30px; */
}

.news-block.style-four .lower-content {
    text-align: justify;
}

.news-block.style-four .author {
    padding: 3px 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    /* padding-right: 10px; */
    background: rgb(255 228 190);
    border-radius: 5px;
    margin-bottom: 0px;
}

.news-block.style-four .author .name {
    color: black;
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
}

.news-block.style-four .author .thumb {
    margin-right: 10px;
}

.news-block.style-four .post-info {
    margin-bottom: 10px;
}

.schedule-section-two .news-block.style-four .text {
    margin-bottom: 0;
    height: 75px;
    overflow-y: scroll;
    padding: 0px 10px 0px 0px;
}

.sidebar-page-container .news-block.style-four {
    padding-top: 0;
}

.sidebar-page-container .news-block.style-four .tag {
    bottom: 0;
    top: auto;
}

/***

====================================================================
 Blog Detail
====================================================================

***/

.blog-detail {
    position: relative;
}

.address-card-info p {
    color: #000;
        text-indent: unset !important;
}

.blockquote-one {
    position: relative;
    padding: 35px 60px;
    background-color: #f9f9f9;
    font-size: 16px;
    line-height: 2em;
    color: #555555;
    text-align: center;
    margin: 30px 0;
}

.blockquote-one:before {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    text-align: center;
    font-size: 60px;
    content: "\f10d";
    font-family: 'Font Awesome 5 Free';
    opacity: .10;
    color: #555555;
    font-weight: 900;
}

.blockquote-one .icon {
    position: absolute;
    left: 40px;
    top: 40px;
    font-size: 30px;
    line-height: 1em;
    color: #f20487;
}

.blockquote-one cite {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #ff801a;
    font-weight: 400;
    font-style: normal;
    margin-top: 10px;
}

/*post share options*/

.post-share-options {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
    border-top: 2px solid #ebebeb;
    margin-bottom: -5px;
}

.post-share-options .tags {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.post-share-options .tags li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 5px;
}

.post-share-options .tags li .title {
    margin-right: 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Exo', sans-serif;
    font-weight: 700;
    color: #081245;
}

.post-share-options .tags a {
    position: relative;
    font-size: 16px;
    color: #555555;
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.post-share-options .tags a:hover {
    color: #ff4200;
}

.post-share-options .social-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.post-share-options .social-icon li {
    position: relative;
    margin-left: 2px;
}

.post-share-options .social-icon li a {
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
    color: #081245;
    width: 30px;
    text-align: center;
    background: #ebebeb;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.post-share-options .social-icon li a:hover {
    color: #ffffff;
    background-color: #ff4200;
}

/*Author Box*/

.author-box .inner-box {
    position: relative;
    padding-left: 200px;
    padding-top: 40px;
    padding-right: 40px;
    min-height: 240px;
}

.author-box .inner-box:before {
    position: absolute;
    left: 85px;
    right: 0;
    top: 0px;
    height: 100%;
    background: #f5f5f5;
    content: "";
}

.author-box .thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.author-box .name {
    position: relative;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 10px;
}

.author-box .title {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #ffbf26;
    margin-bottom: 20px;
    display: block;
}

.author-box .text {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #555555;
    font-weight: 400;
}

.author-box .social-links {
    position: absolute;
    right: 40px;
    top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.author-box .social-links li {
    position: relative;
    margin-left: 2px;
}

.author-box .social-links li a {
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
    color: #081245;
    width: 30px;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.author-box .social-links li a:hover {
    color: #ff4200;
}

/***

====================================================================
 Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
    position: relative;
    padding: 50px 0px 50px;
}

.sidebar {
    position: relative;
}

.sidebar.padding-left {
    padding-left: 15px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
    /* margin-bottom: 50px; */
}

.abt-hr-basker-sec .content-side,
.abt-hr-basker-sec .sidebar-side {
    margin-bottom: 0px;
}

.abt-hr-basker-sec {
    background-color: #f5f5f5;
}

.sidebar-widget {
    position: relative;
    margin-bottom: 33px;
}

.sidebar-widget:last-child {
    margin-bottom: 0;
    background: #ffffff;
    padding: 3px;
    border-radius: 3px;
}

/* Sidebar Title */

.sidebar-title {
    position: relative;
    display: block;
    line-height: 1.2em;
    color: #000000;
    font-weight: 700;
    padding-bottom: 5px;
    margin-bottom: 20px;
    text-align: center;
}

.sidebar-title:before {
    position: absolute;
    left: 75px;
    bottom: 0px;
    height: 2px;
    width: 50px;
    background-color: #ffba00;
    content: "";
}

/*Search Box Widget*/

.sidebar .search-box {
    margin-bottom: 20px;
    padding: 20px 20px;
    background: #ffffff;
}

.sidebar .search-box .form-group {
    position: relative;
    margin: 0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
    position: relative;
    padding: 14px 40px;
    border: 1px solid #e1e1e1;
    background: #ffffff;
    display: block;
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    height: 60px;
    color: #555555;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar .search-box .form-group input[type="text"]:focus,
.sidebar .search-box .form-group input[type="search"]:focus {
    color: #666666;
}

.sidebar .search-box .form-group button {
    position: absolute;
    right: 0;
    top: 10px;
    height: 40px;
    width: 60px;
    display: block;
    font-size: 18px;
    color: #000000;
    line-height: 45px;
    font-weight: normal;
    border-left: 1px solid #e1e1e1;
    background: #ffffff;
    z-index: 9;
    cursor: pointer;
}

.sidebar .search-box .form-group button:hover {
    color: #e1137b;
}

/* Blog Categories */

.sidebar .categories {
    position: relative;
    padding: 30px 30px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .10);
    box-shadow: 0 0 20px rgba(0, 0, 0, .10);
    height: 500px;
    overflow-y: scroll;
}

.blog-categories {
    position: relative;
}

.blog-categories li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
}

.blog-categories li:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    height: 8px;
    width: 8px;
    background: #ff801a;
    border-radius: 50%;
    content: "";
}

.blog-categories li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #000;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-categories li:last-child {
    margin-bottom: 0;
}

.blog-categories li a:hover {
    color: #ff841a;
    text-decoration: none;
}

/*Post Widget*/

.author-block {
    position: relative;
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
}

.author-block .author-image {
    position: relative;
    max-width: 200px;
    margin: 0 auto;
}

.author-block .author-image img {
    width: 100%;
}

.author-block .social-links {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    border-right: 0;
    margin-top: -20px;
    z-index: 1;
    margin-bottom: 20px;
}

.author-block .social-links a {
    position: relative;
    height: 40px;
    width: 40px;
    display: block;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    background-color: #ffffff;
    border-right: 1px solid #e1e1e1;
    color: #081245;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.author-block .social-links a:hover {
    color: #ffffff;
    background-color: #ff801a;
}

.author-block h5 {
    font-size: 20px;
    color: #081245;
    font-weight: 700;
    margin-bottom: 10px;
}

.author-block p {
    font-size: 16px;
    line-height: 27px;
    color: #555555;
}

/*Post Widget*/

.sidebar .popular-posts .post {
    position: relative;
    margin-bottom: 30px;
}

.sidebar .popular-posts .post .post-inner {
    position: relative;
    padding-left: 130px;
    min-height: 110px;
}

.sidebar .popular-posts .post .post-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 110px;
}

.sidebar .popular-posts .post .post-thumb img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sidebar .popular-posts .post h6 {
    position: relative;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #081245;
    margin: 0px;
}

.sidebar .popular-posts .post h6 a {
    color: #081245;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sidebar .popular-posts .post a:hover {
    color: #ffba00;
}

.sidebar .popular-posts .post-info {
    position: relative;
    font-size: 16px;
    color: #555555;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 5px;
}

.sidebar .popular-posts .post-info i {
    font-size: 16px;
    color: #ff4200;
    margin-right: 10px;
}

/*Popular Tags*/

.sidebar .popular-tags .widget-content {
    position: relative;
}

.sidebar .popular-tags a {
    position: relative;
    float: left;
    padding: 5px;
    color: #555555;
    text-align: center;
    font-size: 16px;
    padding: 10px 20px 8px;
    line-height: 25px;
    background: none;
    font-weight: 400;
    border-bottom: 2px solid #ebebeb;
    background-color: #ffffff;
    margin: 0 5px 10px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.sidebar .popular-tags a:hover {
    background: #081245;
    border-color: #081245;
    color: #ffffff;
}

/***

====================================================================
   Comment Area
====================================================================

***/

.group-title {
    position: relative;
    margin-bottom: 40px;
}

.group-title h3 {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 1.2em;
    color: #081245;
    font-weight: 600;
}

.comments-area {
    position: relative;
    /* margin-bottom: 70px; */
}

.comments-area .comment-box {
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #dddddd;
}

.comments-area .comment-box:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.comments-area .comment {
    position: relative;
    min-height: 120px;
    padding-left: 150px;
}

.comments-area .comment-box .author-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 120px;
    width: 120px;
    overflow: hidden;
    background-color: #7d7d7d;
}

.comments-area .comment-box .author-thumb img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.comments-area .comment-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.comments-area .comment-box .name {
    position: relative;
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #081245;
    margin-right: 10px;
}

.comments-area .comment-box .date {
    position: relative;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    color: #ffba00;
}

.comments-area .comment-box .text {
    font-size: 16px;
    line-height: 24px;
    color: #555555;
    font-weight: 400;
    margin-bottom: 10px;
}

.comments-area .comment-box .reply-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    color: #ff4200;
}

.comments-area .comment-box .reply-btn i {
    margin-left: 10px;
}

/***

====================================================================
   Comment Form
====================================================================

***/

.comment-form {
    position: relative;
}

.comment-form .form-group {
    position: relative;
    margin-bottom: 20px;
}

.comment-form .form-group:last-child {
    margin-bottom: 0;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="email"],
.comment-form .form-group textarea,
.comment-form .form-group select {
    position: relative;
    display: block;
    height: 50px;
    width: 100%;
    font-size: 14px;
    color: #878787;
    line-height: 28px;
    font-weight: 400;
    padding: 10px 20px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
    border-color: #12114a;
}

.comment-form .form-group textarea {
    height: 190px;
    resize: none;
}

.comment-form .form-group input[type="submit"],
.comment-form .form-group button {
    margin-top: 10px;
    font-size: 15px;
    padding: 10px 30px;
    font-weight: 500;
    cursor: pointer;
}

/***

====================================================================
 Error Section
====================================================================

***/

.error-section {
    position: relative;
    text-align: center;
    padding: 150px 0px;
}

.error-section .error-title {
    position: relative;
    color: #ec167f;
    font-size: 200px;
    font-weight: 700;
    line-height: 1em;
    text-shadow: 0 20px 30px rgba(0, 0, 0, 0.20);
}

.error-section h4 {
    color: #394963;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
}

.error-section .text {
    color: #888888;
    font-size: 22px;
    line-height: 1.4em;
    margin-bottom: 30px;
}

.error-section .theme-btn {
    border-radius: 5px;
    font-weight: 500;
    margin: 0 10px 10px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
}

.error-section .icon-object-2 {
    left: -80px;
    bottom: 80px;
    -webkit-animation: fa-spin 30s infinite alternate;
    animation: fa-spin 30s infinite alternate;
}

.error-section .icon-object-3 {
    left: 15%;
    top: 20%;
}

.error-section .icon-object-4 {
    right: 15%;
    bottom: 20%;
    -webkit-animation: fa-spin 30s infinite alternate;
    animation: fa-spin 30s infinite alternate;
}

.error-section .icon-object-5 {
    right: -200px;
    top: 200px;
}

/***

====================================================================
   Gallery Section
====================================================================

***/

.gallery-section {
    position: relative;
}

.gallery-section .row {
    margin: 0 -5px;
}

.gallery-block {
    position: relative;
    padding: 0 5px;
    margin-bottom: 10px;
}

.gallery-block .image-box {
    position: relative;
    overflow: hidden;
}

.gallery-block .image {
    position: relative;
    margin-bottom: 0;
}

.gallery-block .image img {
    display: block;
    width: 100%;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.gallery-block .overlay-box {
    position: absolute;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    background: #ffc600;
    background: -o-linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
    background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    visibility: hidden;
}

.gallery-block .image-box:hover .overlay-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.gallery-block .overlay-box .icon {
    position: relative;
    margin-bottom: 20px;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}

.gallery-block .overlay-box h3 {
    font-size: 20px;
    color: #fefefe;
    font-weight: 700;
    margin-bottom: 10px;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    text-align: center;
}

.gallery-block .overlay-box h3 a {
    color: #fefefe;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.gallery-block .overlay-box h3 a:hover {
    color: #081245;
}

.gallery-block .overlay-box .text {
    font-size: 24px;
    line-height: 30px;
    color: #fefefe;
    opacity: 0;
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}

.gallery-block .image-box:hover .overlay-box .icon,
.gallery-block .image-box:hover .overlay-box h3,
.gallery-block .image-box:hover .overlay-box .text {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.gallery-section.style-two {
    padding: 40px 0;
}

.gallery-section.style-two .row {
    margin: 0 -15px;
}

.gallery-section.style-two .gallery-block {
    position: relative;
    padding: 0 15px;
    margin-bottom: 30px;
}

.event-menu-sec {
    width: 80%;
}

/***

====================================================================
     Styled Pagination
====================================================================

***/

.styled-pagination {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 70px;
}

.styled-pagination ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.styled-pagination li {
    position: relative;
    margin: 0 10px 8px;
    background: #f8f8f8;
}

.styled-pagination li a {
    position: relative;
    display: block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 37px;
    font-weight: 400;
    font-size: 18px;
    color: #081245;
    z-index: 2;
    border-bottom: 3px solid #d9d9d9;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.styled-pagination li:before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    z-index: 1;
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(221, 221, 221, 0)), to(rgba(221, 221, 221, 1)));
    background: -o-linear-gradient(top, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 1) 100%);
    background: linear-gradient(to bottom, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 1) 100%);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.styled-pagination li:hover:before {
    height: 100%;
}

.styled-pagination li a:hover,
.styled-pagination li.active a {}

.styled-pagination li.next-post a,
.styled-pagination li.prev-post a {
    background: #081245;
    font-size: 16px;
    color: #ffffff;
    border-color: #081245;
}

.styled-pagination li.next-post a:hover,
.styled-pagination li.prev-post a:hover {
    color: #ffffff;
    background: #ffae00;
    border-color: #ffae00;
}

/***

====================================================================
   Contact Section
====================================================================

***/

.text-justify {
    text-align: justify;
}

.contact-section {
    position: relative;
}

.contact-form .form-group {
    position: relative;
    margin-bottom: 16px;
}

.contact-form .form-group:last-child {
    margin-bottom: 0;
}

.contact-form .form-group .input-outer {
    position: relative;
}

.contact-form .form-group .icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: #dddddd;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="number"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="url"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group textarea,
.contact-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    background: transparent;
    font-size: 15px;
    color: #aaaaaa;
    line-height: 30px;
    padding: 4px 20px;
    border-bottom: 1px solid #e1e1e1;
    font-weight: 400;
    height: 49px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

/*.contact-form .form-group input[type="email"] {*/
/*    text-transform: lowercase;*/
/*}*/

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
    border-color: #ffb400;
}

.contact-form .form-group textarea {
    height: 80px;
    resize: none;
}

.contact-form .form-group button {
    text-transform: capitalize;
}

.contact-form input.error:focus,
.contact-form select.error:focus,
.contact-form textarea.error:focus {
    border-color: #ff0000;
}

.contact-form label.error {
    display: block;
    font-weight: 500;
    font-size: 13px;
    text-transform: capitalize;
    line-height: 24px;
    color: #ff0000;
    padding-top: 7px;
    margin-bottom: 0;
}

/***

====================================================================
   Map Section
====================================================================

***/

.map-section {
    position: relative;
}

.map-section .contact-column {
    position: relative;
}

.map-section .sec-title {
    margin-bottom: 40px;
}

.map-section .sec-title .divider {
    margin-top: 20px;
}

.map-section .sec-title .text {
    margin-top: 20px;
}

.map-section .contact-info {
     position: relative; 
}
.other-location .contact-info {
        position: relative;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 20px;
}

.map-section .contact-info li {
    position: relative;
    margin-bottom: 50px;
}

.map-section .contact-info li p {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #555555;
    font-weight: 400;
    margin: 0;
}

.map-section .contact-info li p a:hover {
    color: #555555;
    text-decoration: none;
}

.map-section .contact-info li h4 {
    text-align: center;
    display: block;
    margin: 16px 0 !important;
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 30px;
    color: #081245;
    font-weight: 700;
}

.map-section .contact-info li .icon {
   left: 0;
    top: 0;
    height: 60px;
    width: 60px;
    text-align: center;
    font-size: 30px;
    line-height: 58px;
    background-color: #f5f5f5;
    border-bottom: 2px solid #ffae00;
    color: #ffae00;
}

.map-section .contact-info li a {
    color: #777777;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.map-section .contact-info li a:hover {
    color: #f20487;
}

.map-section .contact-info li:nth-child(2) .icon {
    color: #ffae00;
    border-color: #ffae00;
}

.map-section .contact-info li:nth-child(3) .icon {
    color: #ffae00;
    border-color: #ffae00;
}

.map-section .map-outer {
    position: relative;
    padding-right: 40px;
}

.map-data {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8em;
}

.map-data a {
    display: block;
}

.map-data h6 {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    color: #121212;
}

.map-outer iframe {
   
    width: 100%;
    background-color: #f9f9f9;
}

/***

====================================================================
   Clients Section
====================================================================

***/

.clients-section {
    position: relative;
    padding: 90px 0 0px;
}

.clients-section.alternate {
    padding: 100px 0 70px;
}

.clients-section.alternate2 {
    padding: 100px 0 20px;
}

.clients-section .sponsors-outer {
    position: relative;
    margin-bottom: 50px;
}

.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav {
    display: none;
}

.client-block {
    position: relative;
    margin-top: 30px;
}

.client-block .image-box {
    position: relative;
    text-align: center;
    margin-bottom: 0;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
    border: 1px solid transparent;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.client-block .image-box:hover {
    border: 1px solid #dddddd;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
}

.client-block .image-box img {
    width: auto;
    opacity: 1;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.client-block .image-box:hover img {
    opacity: .70;
}

/***

====================================================================
   Clients Section Two
====================================================================

***/

.clients-section-two {
    position: relative;
}

.clients-section-two:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 50%;
    width: 100%;
    background: #f5f5f5;
    content: "";
}

.clients-section-two .auto-container {
    max-width: 1400px;
}

.clients-section-two .sponsors-outer {
    position: relative;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 0 30px;
}

.clients-section-two .owl-stage-outer {}

.clients-section-two .slide-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 160px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.clients-section-two .slide-item .image-box {
    position: relative;
    text-align: center;
    margin-bottom: 0;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.clients-section-two .slide-item .image-box img {
    width: 100%;
    opacity: 1;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.clients-section-two .slide-item:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
    box-shadow: 0 0 10px rgba(0, 0, 0, .10);
}

.clients-section-two .default-nav .owl-nav {
    margin-top: -15px;
}

/***

====================================================================
   Subscribe Section
====================================================================

***/
/* .subscribe-section {
   position: relative;
   background-image: url(../images/background/2.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   padding: 100px 0 50px;
} */

.subscribe-section .title-column {
    position: relative;
    margin-bottom: 0px;
}

.subscribe-section .title {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
}

.subscribe-section h3 {
    font-size: 36px;
    color: #081245;
    font-weight: 700;
}

.subscribe-section .form-column {
    position: relative;
    margin-bottom: 50px;
}

.subscribe-section .newsletter-form {
    position: relative;
    max-width: 670px;
    margin: 0 auto;
}

.subscribe-section .newsletter-form .form-group {
    position: relative;
    padding-right: 170px;
    background: #ffffff;
    overflow: hidden;
    margin-bottom: 0;
}

.subscribe-section .newsletter-form .form-group input[type="text"],
.subscribe-section .newsletter-form .form-group input[type="email"] {
    display: block;
    height: 75px;
    width: 100%;
    font-size: 16px;
    line-height: 25px;
    color: #555555;
    font-weight: 400;
    padding: 25px 30px;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.subscribe-section .newsletter-form .form-group .theme-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    min-width: 160px;
    line-height: 25px;
    padding: 20px 30px;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    border-radius: 0;
    cursor: pointer;
}

/***

====================================================================
   Subscribe Section Two
====================================================================

***/

.subscribe-section-two {
    position: relative;
    z-index: 1;
}

.subscribe-section-two .content-box {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    padding: 50px 50px;
    background-image: url(../images/background/8.jpg);
}

.subscribe-section-two .content-box .text {
    font-size: 16px;
    color: #ffffff;
}

.subscribe-section-two .content-box .text a {
    color: #ffc300;
}

.newsletter-form-two {
    position: relative;
    max-width: 870px;
    margin: 0 auto 25px;
}

.newsletter-form-two .form-group {
    position: relative;
    padding-right: 170px;
    background: #ffffff;
    overflow: hidden;
    margin-bottom: 0;
}

.newsletter-form-two .form-group input[type="text"],
.newsletter-form-two .form-group input[type="email"] {
    display: block;
    height: 75px;
    width: 100%;
    font-size: 16px;
    line-height: 25px;
    color: #555555;
    font-weight: 400;
    padding: 25px 30px;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.newsletter-form-two .form-group .theme-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    min-width: 160px;
    line-height: 25px;
    padding: 10px 30px;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    border-radius: 0;
    cursor: pointer;
}

/***

==================================================================
   Main Footer
==================================================================

***/

.main-footer {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/background/3.jpg);
    padding: 80px 0 0;
}

.main-footer .footer-content {
    position: relative;
}

.main-footer .footer-logo {
    position: relative;
    text-align: center;
    margin-bottom: 25px;
}

.main-footer .footer-logo a {
    display: inline-block;
}

.main-footer .footer-logo img {
    display: inline-block;
}

.main-footer .footer-content .text {
    position: relative;
    max-width: 650px;
    color: #ffffff;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 30px;
    margin: 0 auto 30px;
}

.main-footer .footer-content .social-icon-two {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 60px;
}

.main-footer .contact-list-one {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-footer .contact-list-one li {
    margin-bottom: 50px;
}

.main-footer .footer-column {
    position: relative;
    /* margin-bottom: 40px; */
}

.main-footer .widgets-section {
    padding-bottom: 50px;
}

.main-footer .footer-widget {
    position: relative;
}

.main-footer .footer-column .widget-title {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    line-height: 30px;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.main-footer .footer-column .widget-title:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 3px;
    margin-right: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #ff00ff;
    content: '';
}

.footer-column .widget-title:after,
.footer-column .widget-title:before {
    background-color: #ff6a02 !important;
}

.main-footer .about-widget {
    position: relative;
}

.main-footer .logo {
    position: relative;
    margin-bottom: 30px;
}

.main-footer .footer-logo figure {
    margin: 0;
}

.main-footer .footer-logo img {
    display: block;
    max-width: 100%;
}

.main-footer .about-widget p {
    position: relative;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 40px;
}

/*=== User LInks ===*/

.main-footer .lnks-widget {
    position: relative;
    padding-left: 30px;
}

.user-links {
    position: relative;
    margin-top: 30px;
}

.user-links li {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 10px;
}

.user-links li a:before {
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 8px;
    line-height: 24px;
    color: #ff6a02;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "\f111";
}

.user-links li a:hover:before {
    color: #ffb200;
}

.user-links li a {
    position: relative;
    padding-left: 20px;
    display: block;
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.user-links li a:hover {
    color: #ffb200;
    text-decoration: underline;
}

.contact-list-three {
    position: relative;
}

.contact-list-three li {
    position: relative;
    padding-left: 48px;
    margin-bottom: 22px;
}

.contact-list-three li:last-child {
    margin-bottom: 0;
}

.contact-list-three li .icon {
    position: absolute;
    left: 0; 
    font-size: 36px;
    line-height: 1em;
    color: #ffb200;
}

.contact-list-three li strong {
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
}

.contact-list-three li .text {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 400;
}

.contact-list-three li .text a {
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-list-three li .text a:hover {
    color: #ffb200;
}

.gallery-widget {
    position: relative;
    max-width: 400px;
    background: #fff;
    padding: 20px;
}

.gallery-widget .outer {
    position: relative;
    margin: 0px -2px 0;
}

.gallery-widget .outer .image {
    position: relative;
    float: left;
    width: 33.3333%;
    padding: 0px 2px;
    margin-bottom: 4px;
}

.gallery-widget .image img {
    display: block;
    width: 100%;
}

.gallery-widget .image a {
    position: relative;
    display: block;
}

.gallery-widget .image a:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #ffc600cc padding-box content-box;
    padding: 5px;
    opacity: .80;
    content: "";
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.gallery-widget .image a:hover:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.gallery-widget .image a:after {
    position: absolute;
    height: 20px;
    width: 20px;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    content: "\f17d";
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    font-family: 'Font Awesome 5 Brands';
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.gallery-widget .image a:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*=== Footer Bottom ===*/

.main-footer .footer-bottom {
    position: relative;
    width: 100%;
}

.main-footer .footer-bottom .inner-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 30px;
}

.main-footer .footer-bottom .inner-container:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 1000%;
    height: 100%;
    border-radius: 50px;
    background: #ffc600;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffc600), to(#ff6c00));
    background: -o-linear-gradient(top, #ffc600 1%, #ff6c00 100%);
    background: linear-gradient(180deg, #ffc600 1%, #ff6c00 100%);
    content: "";
}

.main-footer .footer-bottom .copyright-text {
    position: relative;
    padding: 20px 0;
}

.main-footer .footer-bottom .copyright-text p {
    position: relative;
    line-height: 20px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
}

.main-footer .footer-bottom .copyright-text a {
    color: #ffffff;
    font-weight: 700;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-footer .footer-bottom .copyright-text a:hover {
    text-decoration: underline;
}

.main-footer .footer-bottom .footer-nav {
    position: relative;
}

.main-footer .footer-bottom .footer-nav {
    position: relative;
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.main-footer .footer-bottom .footer-nav li {
    position: relative;
    padding-left: 22px;
    margin-left: 30px;
}

.main-footer .footer-bottom .footer-nav li a {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-footer .footer-bottom .footer-nav li:before {
    position: absolute;
    left: 0;
    top: 7px;
    height: 6px;
    width: 6px;
    background-color: #001376;
    content: '';
}

.main-footer .footer-bottom .footer-nav li a:hover {
    color: #002121;
}

/***

==================================================================
   Main Footer / Style Two
==================================================================

***/

.main-footer.style-two {
    background-image: url(../images/background/7.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 240px;
    margin-top: -240px;
}

.main-footer.style-two:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/icons/pattern-6.png);
    background-repeat: no-repeat;
    background-position: center;
    content: "";
}

.main-footer.style-two .footer-content {
    padding: 70px 0;
}

.main-footer.style-two .footer-bottom {
    background: #081245;
    padding: 15px 0;
}

.main-footer.style-two .copyright-text {
    position: relative;
    display: block;
    text-align: center;
    padding: 0;
    font-size: 16px;
    color: #ffc400;
}

.main-footer.style-two .copyright-text a {
    color: #ffc400;
    font-weight: 400;
}

/***

==================================================================
   Main Footer / Style Three
==================================================================

***/

.main-footer.style-three {
    background-image: url(../images/background/7.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 240px;
    margin-top: -240px;
    background-size: cover;
}

.main-footer.style-three:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../images/icons/pattern-6.png);
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    -webkit-animation: bounce-y 15s infinite linear;
    animation: bounce-y 15s infinite linear;
}

.main-footer .events-list {
    position: relative;
    margin-bottom: 30px;
}

.main-footer .events-list li {
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 5px;
}

.main-footer.style-three .widgets-section {
    padding: 100px 0 30px;
}

.main-footer.style-three .about-widget p {
    font-size: 16px;
    line-height: 36px;
}

.main-footer.style-three .user-links li {
    margin-bottom: 10px;
}

.main-footer.style-three .footer-bottom {
    background: #081245;
    padding: 15px 0;
}

.main-footer.style-three .copyright-text {
    position: relative;
    display: block;
    text-align: center;
    padding: 0;
    font-size: 16px;
    color: #ffc400;
}

.main-footer.style-three .copyright-text a {
    color: #ffc400;
    font-weight: 400;
}

/***

====================================================================
 Coming Soon
====================================================================

***/

.coming-soon {
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    overflow-y: auto;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    text-align: center;
}

.coming-soon .content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
}

.coming-soon .content:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000000;
    content: "";
    opacity: .30;
}

.coming-soon .content .content-inner {
    position: relative;
    padding: 90px 15px;
    display: table-cell;
    vertical-align: middle;
}

.coming-soon .content .content-inner .logo {
    position: relative;
    margin-bottom: 200px;
}

.coming-soon .content .content-inner .sec-title {
    display: none;
    margin-bottom: 50px;
}

.coming-soon .content .content-inner h2 {
    position: relative;
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2em;
    padding-bottom: 0;
    font-variant: small-caps;
}

.coming-soon .content .content-inner h2:after {
    display: none;
}

.time-counter {
    position: relative;
}

.time-counter .time-countdown-two {
    position: relative;
    margin-bottom: 180px;
}

.time-counter .time-countdown-two .counter-column {
    position: relative;
    display: inline-block;
    width: 180px;
    height: 180px;
    font-size: 20px;
    line-height: 1em;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    z-index: 7;
    border-radius: 20px;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
    background-color: rgba(54, 54, 54, .40);
    margin: 0 15px 20px;
}

.time-counter .time-countdown-two .counter-column .count {
    position: relative;
    display: block;
    font-size: 72px;
    line-height: 30px;
    padding: 60px 0px 30px;
    color: #ffffff;
    font-weight: 600;
}

.coming-soon .emailed-form {
    position: relative;
    margin-bottom: 40px;
}

.coming-soon .emailed-form h3 {
    line-height: 1.2em;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 20px;
}

.coming-soon .emailed-form .text {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.8em;
    margin-bottom: 40px;
}

.coming-soon .emailed-form .form-group {
    position: relative;
    display: block;
    max-width: 540px;
    width: 100%;
    margin: 0 auto;
}

.coming-soon .emailed-form .form-group input[type="text"],
.coming-soon .emailed-form .form-group input[type="tel"],
.coming-soon .emailed-form .form-group input[type="email"],
.coming-soon .emailed-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    height: 60px;
    font-size: 16px;
    color: #000000;
    overflow: hidden;
    padding: 15px 50px 15px 20px;
    background: #ffffff;
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.10);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.coming-soon .emailed-form .form-group input:focus,
.coming-soon .emailed-form .form-group select:focus,
.coming-soon .emailed-form .form-group textarea:focus {}

.coming-soon .emailed-form .form-group input[type="submit"],
.coming-soon .emailed-form button {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 60px;
    height: 60px;
    line-height: 40px;
    font-size: 18px;
    color: #081245;
    background-color: transparent;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.coming-soon .emailed-form .form-group input[type="submit"]:hover,
.coming-soon .emailed-form button:hover {
    color: #353535;
}

.coming-soon .copyright-text {
    position: relative;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 400;
}

.coming-soon .copyright-text a {
    color: #ff9600;
}

.coming-soon .copyright-text a:hover {
    text-decoration: underline;
}

.clock-wrapper {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 250px;
    height: 250px;
    margin: auto;
    margin-top: -145px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    background-color: rgba(0, 0, 0, .40);
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}

.clock-base {
    width: 250px;
    height: 250px;
    border-radius: 50%;
}

.click-indicator {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    width: 230px;
    height: 230px;
}

.click-indicator div {
    position: absolute;
    width: 2px;
    height: 4px;
    margin: 113px 114px;
}

.click-indicator div>span {
    height: 5px;
    width: 5px;
    background-color: #ffffff;
    display: inline-block;
    border-radius: 50%;
    margin-left: -1px;
    margin-top: -1px;
}

.click-indicator div:nth-child(1) {
    -webkit-transform: rotate(30deg) translateY(-120px);
    -ms-transform: rotate(30deg) translateY(-120px);
    transform: rotate(30deg) translateY(-120px);
}

.click-indicator div:nth-child(2) {
    -webkit-transform: rotate(60deg) translateY(-120px);
    -ms-transform: rotate(60deg) translateY(-120px);
    transform: rotate(60deg) translateY(-120px);
}

.click-indicator div:nth-child(3) {
    -webkit-transform: rotate(90deg) translateY(-120px);
    -ms-transform: rotate(90deg) translateY(-120px);
    transform: rotate(90deg) translateY(-120px);
    background-color: #F00;
}

.click-indicator div:nth-child(4) {
    -webkit-transform: rotate(120deg) translateY(-120px);
    -ms-transform: rotate(120deg) translateY(-120px);
    transform: rotate(120deg) translateY(-120px);
}

.click-indicator div:nth-child(5) {
    -webkit-transform: rotate(150deg) translateY(-120px);
    -ms-transform: rotate(150deg) translateY(-120px);
    transform: rotate(150deg) translateY(-120px);
}

.click-indicator div:nth-child(6) {
    -webkit-transform: rotate(180deg) translateY(-120px);
    -ms-transform: rotate(180deg) translateY(-120px);
    transform: rotate(180deg) translateY(-120px);
    background-color: #F00;
}

.click-indicator div:nth-child(7) {
    -webkit-transform: rotate(210deg) translateY(-120px);
    -ms-transform: rotate(210deg) translateY(-120px);
    transform: rotate(210deg) translateY(-120px);
}

.click-indicator div:nth-child(8) {
    -webkit-transform: rotate(240deg) translateY(-120px);
    -ms-transform: rotate(240deg) translateY(-120px);
    transform: rotate(240deg) translateY(-120px);
}

.click-indicator div:nth-child(9) {
    -webkit-transform: rotate(270deg) translateY(-120px);
    -ms-transform: rotate(270deg) translateY(-120px);
    transform: rotate(270deg) translateY(-120px);
    background-color: #F00;
}

.click-indicator div:nth-child(10) {
    -webkit-transform: rotate(300deg) translateY(-120px);
    -ms-transform: rotate(300deg) translateY(-120px);
    transform: rotate(300deg) translateY(-120px);
}

.click-indicator div:nth-child(11) {
    -webkit-transform: rotate(330deg) translateY(-120px);
    -ms-transform: rotate(330deg) translateY(-120px);
    transform: rotate(330deg) translateY(-120px);
}

.click-indicator div:nth-child(12) {
    -webkit-transform: rotate(360deg) translateY(-120px);
    -ms-transform: rotate(360deg) translateY(-120px);
    transform: rotate(360deg) translateY(-120px);
    background-color: #F00;
}

.clock-hour {
    position: absolute;
    z-index: 2;
    top: 75px;
    left: 123px;
    width: 4px;
    height: 65px;
    background-color: #ee3611;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    -webkit-transform-origin: 2px 50px;
    -ms-transform-origin: 2px 50px;
    transform-origin: 2px 50px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-animation: rotate-hour 43200s linear infinite;
    -moz-animation: rotate-hour 43200s linear infinite;
}

.clock-minute {
    position: absolute;
    z-index: 3;
    top: 55px;
    left: 123px;
    width: 4px;
    height: 85px;
    background-color: #ee3611;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    -webkit-transform-origin: 2px 70px;
    -ms-transform-origin: 2px 70px;
    transform-origin: 2px 70px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-animation: rotate-minute 3600s linear infinite;
    -moz-animation: rotate-minute 3600s linear infinite;
}

.clock-second {
    position: absolute;
    z-index: 4;
    top: 15px;
    left: 124px;
    width: 2px;
    height: 130px;
    background-color: #ffffff;
    opacity: .9;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    -webkit-transform-origin: 1px 110px;
    -ms-transform-origin: 1px 110px;
    transform-origin: 1px 110px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-animation: rotate-second 60s linear infinite;
    -moz-animation: rotate-second 60s linear infinite;
}

.clock-second:after {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    bottom: 16px;
    width: 8px;
    height: 8px;
    background-color: #a00;
    border: solid 2px #a00;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

.clock-center {
    position: absolute;
    z-index: 1;
    width: 150px;
    height: 150px;
    top: 50px;
    left: 50px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border-radius: 50%;
}

.clock-center:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin: 65px;
    background-color: #ddd;
    border-radius: 50%;
}

.coming-soon .social-icon-two {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/***

====================================================================
 Our Shop
====================================================================

***/
/* Item Sorting */

.shop-section .items-sorting {
    position: relative;
    margin-bottom: 20px;
}

.shop-section .items-sorting .results-column,
.shop-section .items-sorting .select-column {
    margin-bottom: 20px;
}

.shop-section .items-sorting .results-column h6 {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
    padding: 13px 0px;
}

.shop-section .items-sorting .form-group {
    margin-bottom: 0px;
}

.shop-section .items-sorting select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 9px 20px 9px;
    height: 50px;
    font-size: 14px;
    border: 1px solid #eeeeee;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: url(../images/icons/icon-select.png) right center no-repeat;
    color: #666666;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.shop-section .items-sorting select option {
    text-indent: 15px;
}

/*Shop Item*/
/****** Shop Style *********/

.single-product-item {
    position: relative;
    display: block;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    margin-bottom: 50px;
}

.single-product-item .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 0px;
    border: 4px solid #081245;
}

.single-product-item .img-holder::before {
    background: rgba(255, 255, 255, 0.20);
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    content: "";
    opacity: 0;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.single-product-item:hover .img-holder::before {
    opacity: 1;
}

.single-product-item .img-holder a {
    position: relative;
    display: block;
}

.single-product-item .img-holder img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    width: 100%;
}

.single-product-item:hover .img-holder img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.single-product-item .title-holder {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 22px 0 18px;
    -webkit-box-shadow: 0 2px 27px rgba(54, 54, 54, .13);
    box-shadow: 0 2px 27px rgba(54, 54, 54, .13);
    margin-left: 20px;
    margin-right: 20px;
    margin-top: -30px;
    z-index: 9;
}

.single-product-item .title-holder .static-content {
    position: relative;
    display: block;
}

.single-product-item .title-holder .title {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    padding: 0 0 3px;
}

.single-product-item .title-holder .title a {
    color: #1b1b1b;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.single-product-item .title-holder .static-content span {
    display: inline-block;
    padding-right: 0px;
    color: #666666;
}

.single-product-item .title-holder .static-content del {
    position: relative;
    display: inline-block;
    color: #c2c2c2;
    font-size: 16px;
    font-weight: 700;
}

.single-product-item .title-holder .overlay-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    text-align: center;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -webkit-transition: all 700ms ease 300ms;
    -o-transition: all 700ms ease 300ms;
    transition: all 700ms ease 300ms;
}

.single-product-item:hover .title-holder .overlay-content {
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -webkit-transition: all 700ms ease 100ms;
    -o-transition: all 700ms ease 100ms;
    transition: all 700ms ease 100ms;
}

.single-product-item .title-holder .overlay-content ul {
    position: relative;
    display: block;
    padding: 23px 0 23px;
    width: 153px;
    margin: 0 auto;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 700ms ease 100ms;
    -o-transition: all 700ms ease 100ms;
    transition: all 700ms ease 100ms;
}

.single-product-item:hover .title-holder .overlay-content ul {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 700ms ease 600ms;
    -o-transition: all 700ms ease 600ms;
    transition: all 700ms ease 600ms;
}

.single-product-item .title-holder .overlay-content ul li {
    position: relative;
    display: inline-block;
    float: left;
    width: 51px;
    text-align: center;
    border-right: 1px solid #ededed;
}

.single-product-item .title-holder .overlay-content ul li:last-child {
    border: none;
}

.single-product-item .title-holder .overlay-content ul li a {
    position: relative;
    display: block;
}

.single-product-item .title-holder .overlay-content ul li a span {
    position: relative;
    display: block;
}

.single-product-item .title-holder .overlay-content ul li a span:before {
    position: relative;
    display: block;
    width: 100%;
    height: 45px;
    color: #666666;
    font-size: 18px;
    line-height: 45px;
    margin: 0;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.single-product-item .title-holder .overlay-content ul li a:hover span:before {
    color: #ffffff;
    background: #ff801a;
}

.single-product-item .title-holder .overlay-content ul li a .toltip-content {
    position: absolute;
    left: -50%;
    right: 0;
    top: -25px;
    margin-left: -15px;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    text-align: center;
    background-color: #0a0a0a;
    -webkit-transition: all 300ms ease 100ms;
    -o-transition: all 300ms ease 100ms;
    transition: all 300ms ease 100ms;
    z-index: 999;
    min-width: 130px;
}

.single-product-item .title-holder .overlay-content ul li a .toltip-content:before {
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    bottom: -8px;
    right: 0;
    content: "\f0d7";
    color: #0a0a0a;
    font-size: 25px;
    text-align: center;
    line-height: 10px;
}

.single-product-item .title-holder .overlay-content ul li a .toltip-content p {
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
    margin: 0;
}

.single-product-item .title-holder .overlay-content ul li a:hover .toltip-content {
    top: -40px;
    visibility: visible;
    opacity: 1;
}

.shop-single-section {
    position: relative;
    padding-top: 60px;
    padding-bottom: 90px;
    z-index: 9;
    background-color: #ffffff;
}

/***

====================================================================
 Product Details
====================================================================

***/

.product-details .basic-details {
    position: relative;
    margin-bottom: 20px;
}

.product-details .image-column .image-carousel {
    background-color: #eeeeee;
    border-radius: 4px;
}

.product-details .image-column,
.product-details .info-column {
    margin-bottom: 50px;
}

.product-details .info-column .add-to-cart {
    padding: 13px 43px;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 10px;
    margin-right: 10px;
}

.product-details .basic-details .other-options>div {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-details .image-column .image-box img {
    position: relative;
    display: block;
    width: 100%;
}

.product-details .image-column .thumbs-carousel {
    margin-top: 20px;
}

.product-details .image-column .thumbs-carousel li {
    background-color: #f2f2f2;
    text-align: center;
    padding: 0px 0px;
    cursor: pointer;
}

.product-details .image-column .thumbs-carousel li img {
    width: 100%;
    display: inline-block;
}

.product-details .image-column .owl-dots,
.product-details .image-column .owl-nav {
    display: none;
}

.product-details .basic-details .details-header {
    position: relative;
    margin-bottom: 0px;
}

.product-details .basic-details .details-header h2 {
    font-weight: 700;
    margin: 0px 0px;
    line-height: 1.4em;
    color: #222222;
    margin-bottom: 8px;
}

.product-details .basic-details .details-header h2 a {
    color: #333333;
}

.product-details .basic-details .details-header .rating {
    font-size: 16px;
    margin-bottom: 25px;
    display: inline-block;
}

.product-details .basic-details .details-header .rating span {
    color: #081245;
}

.product-details .basic-details .details-header .rating .fa {
    display: inline-block;
    margin-right: 1px;
}

.product-details .basic-details .details-header .rating .fa.light {
    color: #dadada;
}

.product-details .basic-details .details-header .item-price {
    position: relative;
    font-size: 24px;
    font-weight: 400;
    color: #222222;
    line-height: 24px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.product-details .basic-details .text {
    text-indent: 50px;
    position: relative;
    color: #666666;
    font-size: 14px;
    line-height: 1.9em;
    margin-bottom: 30px;
}


.product-info-tabs  .content p:nth-child(2) {
    text-indent: 50px;
    text-align: justify;
}
 
 
.product-details .basic-details .availablity {
    position: relative;
    float: left;
    padding-right: 40px;
    line-height: 32px;
    margin-bottom: 27px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #777777;
}

.product-details .basic-details .availablity strong {
    font-size: 14px;
    letter-spacing: 2px;
    color: #11da61;
    font-weight: 600;
    text-transform: uppercase;
}

.product-details .basic-details .item-quantity {
    position: relative;
    float: left;
    width: 120px;
    margin: 10px 0;
    margin-right: 20px;
    border: 1px solid #eae8e8;
    text-align: left;
    direction: ltr;
}

.product-details .basic-details .btns-box {
    position: relative;
}

.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner {
    line-height: 24px;
    padding: 10px 15px !important;
    height: 54px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical>.btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical>.btn {
    padding: 13px 10px;
    background: #f4f5f6;
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i {
    top: 1px;
    font-weight: 900;
}

.shop-list {
    position: relative;
    margin-top: 20px;
}

.shop-list li {
    position: relative;
    color: #666666;
    font-size: 14px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.shop-list li strong {
    color: #222222;
    font-size: 16px;
    margin-right: 5px;
    text-transform: uppercase;
}

.shop-list li a {
    position: relative;
    color: #3e3e3e;
    font-size: 14px;
    font-weight: 700;
    margin-top: 0px;
    display: inline-block;
    text-transform: uppercase;
}

/***

====================================================================
 Product Tabs Style
====================================================================

***/

.shop-page .prod-tabs {
    position: relative;
}

.shop-page .prod-tabs .tab-btns {
    position: relative;
    text-align: center;
}

.volunteer-sec .shop-page .prod-tabs .tab-btns {
    position: relative;
    text-align: center;
    margin-top: 0px;
}

.shop-page .prod-tabs .tab-btns .tab-btn {
    position: relative;
    display: block;
    margin-right: 8px;
    font-size: 16px;
    background: #ffffff9c;
    color: #222222;
    box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.2);
    text-transform: capitalize;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    margin-bottom: 12px;
    display: inline-block;
    padding: 12px 20px 10px;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.shop-page .prod-tabs .tab-btns .tab-btn:hover,
.shop-page .prod-tabs .tab-btns .tab-btn.active-btn {
    color: #ffffff;
    background: #222222;
    border-color: #222222;
}

.shop-page .prod-tabs .tabs-content {
    position: relative;
}

.shop-page .prod-tabs .tabs-content .tab {
    position: relative;
    display: none;
}

.shop-page .prod-tabs .tabs-content .tab.active-tab {
    display: block;
}

.shop-page .prod-tabs .tabs-content .tab p {
    font-size: 14px;
    line-height: 2em;
    color: #333333;
    margin-bottom: 20px;
}

.volunteer-sec .shop-page .prod-tabs .tabs-content .tab p {
    font-size: 14px;
    line-height: 2em;
    color: #000000;
    margin-bottom: 20px;
}

.shop-page .prod-tabs .tabs-content .tab p:last-child {
    margin-bottom: 0px;
}

.shop-page .prod-tabs .tabs-content .tab h3,
.shop-page .prod-tabs .tabs-content .tab h4,
.shop-page .prod-tabs .tabs-content .tab h5,
.shop-page .prod-tabs .tabs-content .tab h6 {
    margin-bottom: 15px;
}

.shop-page .prod-tabs .tabs-content .tab h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #222222;
}

.shop-page .prod-tabs .reviews-container {
    position: relative;
    padding-bottom: 1px;
}

.shop-page .prod-tabs .reviews-container .review-box {
    position: relative;
    margin-bottom: 30px;
    padding-left: 120px;
    min-height: 130px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f0f0f0;
}

.shop-page .prod-tabs .reviews-container .review-box:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border: none;
}

.bootstrap-touchspin .input-group-btn-vertical {
    width: auto;
    right: 0px;
    position: absolute;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bootstrap-touchspin .glyphicon-chevron-up:before {
    content: "\f106";
    font-size: 18px;
    font-style: normal;
    font-family: 'Font Awesome 5 Free';
}

.bootstrap-touchspin .glyphicon-chevron-down:before {
    content: "\f107";
    font-size: 18px;
    font-style: normal;
    font-family: 'Font Awesome 5 Free';
}

.shop-page .prod-tabs .reviews-container .rev-thumb {
    position: absolute;
    left: 0px;
    top: 5px;
    width: 100px;
    height: 100px;
    background: #ffffff;
    border-radius: 3px;
    margin-bottom: 20px;
}

.shop-page .prod-tabs .reviews-container .rev-thumb img {
    display: block;
    width: 100%;
    border-radius: 3px;
}

.shop-page .prod-tabs .reviews-container .rev-content {
    position: relative;
    background: #ffffff;
}

.shop-page .prod-tabs .reviews-container .rev-header {
    position: relative;
}

.shop-page .prod-tabs .reviews-container .rev-header h4 {
    float: left;
    line-height: 30px;
    color: #222222;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}

.shop-page .prod-tabs .reviews-container .rev-header .rating {
    position: relative;
    float: left;
    margin-left: 40px;
    color: #ffae00;
    line-height: 30px;
    font-size: 14px;
    margin-bottom: 10px;
}

.shop-page .prod-tabs .reviews-container .rev-header .rating .fa {
    margin-right: 3px;
}

.shop-page .prod-tabs .reviews-container .rev-header .time {
    position: relative;
    float: right;
    color: #000000;
    line-height: 30px;
    font-size: 14px;
}

.shop-page .prod-tabs .reviews-container .rev-option {
    font-size: 14px;
    color: #9e9e9e;
}

.shop-page .prod-tabs .reviews-container .rev-option a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

.shop-page .prod-tabs .reviews-container .rev-text {
    font-size: 14px;
    color: #9e9e9e;
    line-height: 1.8em;
    margin-bottom: 15px;
}

/*Add Review*/

.shop-page .prod-tabs .add-review {
    position: relative;
    margin: 30px 0px 20px;
    font-size: 14px;
}

.shop-page .prod-tabs .add-review h2 {
    color: #000000;
}

.shop-page .prod-tabs .add-review .rating {
    position: relative;
    padding-top: 8px;
}

.shop-page .prod-tabs .add-review .rating .rate-box {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    color: #555555;
}

.shop-page .prod-tabs .add-review .rating .rate-box:hover,
.shop-page .prod-tabs .add-review .rating .rate-box:focus,
.shop-page .prod-tabs .add-review .rating .rate-box:active {
    color: #081245;
}

.shop-page .prod-tabs .add-review label {
    position: relative;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #303030;
}

.shop-page .prod-tabs .add-review h3 {
    margin-bottom: 20px;
}

.shop-page .prod-tabs .add-review .form-group {
    position: relative;
    margin-bottom: 20px;
}

.shop-page .prod-tabs .add-review .form-group input[type="text"],
.shop-page .prod-tabs .add-review .form-group input[type="password"],
.shop-page .prod-tabs .add-review .form-group input[type="tel"],
.shop-page .prod-tabs .add-review .form-group input[type="email"],
.shop-page .prod-tabs .add-review .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 22px;
    padding: 9px 15px;
    color: #222222;
    border: 1px solid #e0e0e0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.shop-page .prod-tabs .add-review .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 22px;
    padding: 8px 15px;
    color: #222222;
    border: 1px solid #e0e0e0;
    height: 150px;
    resize: none;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.shop-page .prod-tabs .add-review button {
    padding: 8px 35px;
}

/***

====================================================================
 Cart Section style
====================================================================

***/

.cart-section {
    position: relative;
    z-index: 9;
    background-color: #ffffff;
    padding: 100px 0px 120px;
}

.cart-section .cart-outer {
    position: relative;
}

.cart-section .table-outer {
    position: relative;
    width: 100%;
    overflow-x: auto;
}

.cart-section .cart-table {
    width: 100%;
    min-width: 900px;
    border: 1px solid #eeeeee;
}

.cart-section .cart-table tbody tr {
    border-bottom: 1px solid #eeeeee;
}

.cart-table .cart-header {
    position: relative;
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0px;
    background: #081245;
    color: #1f1f1f;
}

.cart-table thead tr th {
    line-height: 24px;
    padding: 20px 15px;
    min-width: 120px;
    font-weight: 700;
    color: #ffffff;
    font-size: 16px;
    text-transform: capitalize;
}

.cart-table thead tr th.prod-column {
    text-align: left;
    padding-left: 40px;
}

.cart-table tbody tr td {
    line-height: 24px;
    padding: 40px 40px 40px;
    min-width: 100px;
}

.cart-table tbody tr .qty {
    width: 90px;
    padding-right: 40px;
    padding-left: 10px;
}

.cart-table tbody tr .qty .quantity-spinner {
    background: #f5f5f5;
}

.cart-table tbody tr .prod-column .column-box {
    position: relative;
    min-height: 100px;
    padding-left: 130px;
    padding-top: 40px;
    text-align: left;
}

.column.default-column .cart-table tbody tr .qty {
    width: 110px;
    padding-right: 20px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb {
    position: absolute;
    width: 100px;
    left: 0px;
    top: 0px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}

.cart-table tbody tr .prod-column .column-box h6 {
    color: #222222;
    font-weight: 500;
    margin-bottom: 5px;
}

.cart-table tbody tr .sub-total {
    font-weight: 400;
    color: #222222;
    font-size: 18px;
    padding-left: 20px;
}

.cart-table tbody tr .remove-btn {
    position: relative;
    font-size: 18px;
    color: #081245;
    display: inline-block;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa {
    position: relative;
    top: 2px;
    font-size: 16px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    color: #222222;
    text-align: center;
    overflow: hidden;
}

.cart-table tbody tr .remove {}

.cart-table tbody tr .remove-btn:hover {}

.cart-table tbody tr .remove-btn:hover .fa {
    color: #fa9928;
}

.cart-table tbody tr td {
    vertical-align: middle;
}

.cart-table tbody tr td.price {
    font-size: 18px;
    font-weight: 400;
    color: #222222;
    padding-left: 10px;
}

.cart-table tbody tr td .quantity-spinner {
    padding: 5px 0px 5px 20px;
    line-height: 24px;
    height: 34px;
    display: block;
    width: 100%;
    position: relative;
}

.cart-table tbody .available-info {
    position: relative;
    padding-left: 50px;
    color: #727272;
    font-size: 16px;
}

.cart-table tbody .available-info .icon {
    position: absolute;
    left: 0px;
    top: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    background: #3e4494;
    border-radius: 50%;
}

.cart-section .coupon-outer {
    position: relative;
    margin: 40px 0px 50px;
}

.cart-section .coupon-outer .cart-btn {
    font-size: 14px;
    padding: 14px 43px;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.cart-section .apply-coupon {
    position: relative;
}

.cart-section .apply-coupon .form-group {
    position: relative;
    float: left;
    margin-right: 20px;
}

.cart-section .apply-coupon .form-group .coupon-btn {
    padding: 11px 28px;
    line-height: 30px;
    cursor: pointer;
}

.cart-section .apply-coupon .form-group input[type="text"] {
    display: block;
    line-height: 26px;
    padding: 12px 0px;
    border-bottom: 2px solid #081245;
    height: 54px;
    width: 230px;
    background: none;
    font-size: 14px;
}

.cart-section .estimate-form {
    position: relative;
}

.cart-section .sec-title {
    margin-bottom: 25px;
}

.cart-section .sec-title h2 {
    font-size: 26px;
    color: #222222;
}

.cart-section .estimate-form .row {
    margin-left: -7px;
    margin-right: -7px;
}

.cart-section .estimate-form .row .form-group {
    padding: 0px 7px !important;
    margin-bottom: 30px;
}

.cart-section .cart-note {
    position: relative;
    margin-bottom: 50px;
    padding: 16px 20px;
    text-align: center;
    border: 1px dashed #b2dd4c;
    background: #f4f4f4;
    line-height: 1.7em;
}

.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"] {
    position: relative;
    line-height: 46px;
    height: 46px;
    background: #f4f4f4;
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
    height: 27px;
    line-height: 25px;
    width: 25px;
    padding: 0 !important;
    background: #e9e9e9;
}

.bootstrap-touchspin .input-group-btn-vertical i {
    left: 6px;
    top: 6px;
}

.cart-total-box {
    position: relative;
    max-width: 490px;
    margin-bottom: 40px;
    padding: 40px 40px 30px;
    background-color: #f4f4f4;
}

.cart-total-box h4 {
    position: relative;
    color: #222222;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 25px;
}

.totals-table {
    position: relative;
}

.totals-table li {
    position: relative;
    color: #222222;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 8px;
}

.totals-table li .col {
    float: right;
    width: auto;
}

.totals-table li .col-title {
    font-weight: 600;
    float: left;
}

.totals-table li.total {
    margin-top: 25px;
    padding-top: 30px;
    border-top: 1px solid #cccccc;
}

.checkout-btn {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    padding: 17px 43px 14px;
    cursor: pointer;
    background-color: #081245;
}

/***

====================================================================
 Checkout Page
====================================================================

***/

.checkout-page {
    position: relative;
    z-index: 9;
    background-color: #ffffff;
    padding: 100px 0px 80px;
}

.checkout-page .default-links {
    position: relative;
    margin-bottom: 40px;
}

.checkout-page .default-links li {
    margin-bottom: 15px;
    line-height: 24px;
    padding: 18px 28px;
    background: #f9f9f9;
    color: #797979;
    font-size: 17px;
    font-weight: 600;
    border: 1px solid #ebebeb;
}

.checkout-page .default-links li a {
    color: #081245;
    text-decoration: underline;
}

.shop-form .billing-inner {
    position: relative;
    padding-right: 100px;
}

.shop-form .sec-title h2 {
    font-size: 24px;
}

.shop-form .form-group {
    position: relative;
    margin-bottom: 20px;
}

.billing-details .shop-form .sec-title {
    margin-bottom: 20px;
}

.billing-details .shop-form .form-group.sec-title {
    margin-bottom: 10px;
    padding-bottom: 30px;
    margin-top: 20px;
}

.shop-form .form-group .field-label {
    display: block;
    line-height: 24px;
    margin-bottom: 8px;
    color: #797979;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
}

.shop-form .form-group .field-label sup {
    position: relative;
    top: 0px;
    color: #797979;
    font-size: 16px;
}

.shop-form input[type="text"],
.shop-form input[type="email"],
.shop-form input[type="password"],
.shop-form input[type="tel"],
.shop-form input[type="number"],
.shop-form input[type="url"],
.shop-form select,
.shop-form textarea {
    position: relative;
    display: block;
    width: 100%;
    background: #ffffff;
    line-height: 16px;
    padding: 10px 15px;
    height: 50px;
    border: 1px solid #eeeeee;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.shop-form input.address-two {
    margin-top: 12px;
}

.shop-form input::-webkit-input-placeholder,
.shop-form select::-webkit-input-placeholder,
.shop-form textarea-webkit-input-placeholder {
    color: #c6c6c6;
}

.shop-form select {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
    cursor: pointer;
}

.shop-form select option {
    text-indent: 15px;
}

.shop-form textarea {
    resize: none;
    height: 100px !important;
    overflow: hidden;
}

.shop-form input:focus,
.shop-form select:focus,
.shop-form textarea:focus {
    border-color: #081245;
}

/* Shop Order Box */

.shop-order-box {
    position: relative;
    padding: 20px 28px 50px;
    border: 1px solid #d9d9d9;
    background-color: #fdfdfd;
}

.shop-order-box .order-list {
    position: relative;
}

.shop-order-box .order-list li {
    position: relative;
    color: #797979;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 12px;
}

.shop-order-box .order-list li span {
    float: right;
    width: 35%;
    text-align: left;
    font-size: 17px;
    text-transform: capitalize;
}

.shop-order-box .order-list li span.dark {
    color: #242424;
}

.shop-order-box .order-list li.total {
    padding: 8px 0px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.payment-options {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

.checkout-page .payment-options li {
    position: relative;
    margin-bottom: 15px;
}

.checkout-page .payment-options li .radio-option {
    position: relative;
}

.checkout-page .payment-options li .radio-option label {
    position: relative;
    display: block;
    padding-left: 30px;
    font-weight: 600 !important;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #797979;
    cursor: pointer;
    font-size: 15px;
}

.checkout-page .payment-options li .radio-option label strong {
    font-weight: 500;
    display: inline-block;
    color: #797979;
    font-size: 15px;
}

.checkout-page .payment-options li .radio-option input[type="radio"] {
    position: absolute;
    left: 0px;
    top: 7px;
}

.checkout-page .payment-options li .radio-option #payment-3 {
    top: 9px;
}

.checkout-page .payment-options li .what-paypall {
    font-size: 13px;
    font-weight: 500;
    margin-left: 15px;
    color: #ff4200;
}

.checkout-page .payment-options li .what-paypall:hover {
    text-decoration: none;
}

.checkout-page .payment-options li .radio-option label .small-text {
    position: relative;
    display: none;
    padding: 18px 26px;
    letter-spacing: 0px;
    text-transform: none;
    font-weight: normal;
    font-size: 15px;
    color: #8e8d8d;
    border-radius: 4px;
    line-height: 20px;
    line-height: 1.8em;
    margin-top: 20px;
    margin-left: -30px;
    background-color: #ececec;
}

.checkout-page .payment-options li .radio-option label .small-text:before {
    position: absolute;
    content: '';
    left: 24px;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #ececec;
}

.checkout-page .payment-options li .radio-option input[type="radio"]:checked+label .small-text {
    display: block;
}

.checkout-page .payment-options li .radio-option label img {
    position: relative;
    top: -3px;
    display: inline-block;
    max-width: 100%;
    padding-left: 30px;
}

.checkout-page .payment-options li .radio-option label img {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding-left: 30px;
}

/***

====================================================================
 Login / Register Section
====================================================================

***/

.register-section {
    position: relative;
    z-index: 9;
    background-color: #ffffff;
    padding: 60px 0px 40px;
}

.register-sec .input-filed select {
    margin-top: -10px;
}

.register-section .form-column {
    width: 500px;
    margin: auto;
}

.register-section .form-column .sec-title {
    position: relative;
    margin-bottom: 30px;
}

.register-section .form-column .sec-title h2 {
    text-align: center;
}

.styled-form {
    position: relative;
}

.styled-form .submit-text {
    font-size: 15px;
    color: #9e9e9e;
    font-weight: 400;
    margin-top: 10px;
}

.styled-form .form-group {
    position: relative;
    margin-bottom: 30px;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    color: #848484;
}

.checkout-section .styled-form .form-group {
    position: relative;
    margin-bottom: 20px;
}

.styled-form .form-group .check-box {
    line-height: 24px;
    font-size: 15px;
    font-weight: normal;
    padding-top: 5px;
    color: #272727;
}

.styled-form .form-group .check-box label {
    position: relative;
    top: -1px;
    font-weight: normal;
    padding: 0px;
    font-size: 15px;
    cursor: pointer;
}

.styled-form .pull-left label,
.styled-form .pull-right label {
    cursor: pointer;
}

.styled-form .form-group .adon-icon {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    color: #999999;
    z-index: 2;
}

.styled-form .form-group .field-label {
    display: block;
    color: #272727;
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 7px;
    font-weight: 400;
}

.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea {
    position: relative;
    display: block;
    width: 100%;
    background: #ffffff;
    line-height: 30px;
    padding: 8px 20px;
    height: 50px;
    border: 1px solid #c3c3c3;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.checkout-section .styled-form input[type="text"],
.checkout-section .styled-form input[type="email"],
.checkout-section .styled-form input[type="password"],
.checkout-section .styled-form select {
    line-height: 26px;
    height: 44px;
}

.styled-form select {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
    cursor: pointer;
}

.styled-form select option {
    text-indent: 20px;
}

.styled-form textarea {
    resize: none;
    height: 110px;
}

.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus {
    border-color: #081245;
}

.styled-form .form-group .theme-btn {
    min-width: 150px;
    text-align: center;
    padding: 10px 34px;
    line-height: 20px;
    border-radius: 0px;
    cursor: pointer;
}

.styled-form .remember-me {
    position: relative;
    color: #222222;
    font-size: 16px;
    font-weight: 500;
}

.social-links-two a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #ffffff;
    background: #fc721e;
    margin: 0px 0px 0px 5px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.social-links-two a:hover {
    opacity: 0.80;
}

.social-links-two .facebook {
    background: #3b5998;
}

.social-links-two .twitter {
    background: #33ccfe;
}

.social-links-two .google-plus {
    background: #dd4b39;
}

/***

==================================================================
   Right To Left Style
==================================================================

***/

.rtl .contact-section .contact-info-box ul,
.rtl .styled-pagination,
.rtl .owl-carousel {
    direction: ltr !important;
}

.rtl {
    direction: rtl;
    text-align: right;
}

.rtl .main-slider {
    direction: ltr;
    text-align: left;
}

.rtl .main-header .main-box:before,
.rtl .contact-list-one li i {
    left: auto;
    right: 0;
}

.rtl .header-top .top-left {
    padding-left: 0;
    padding-right: 20px;
}

.rtl .header-top .top-right {
    padding-left: 0;
    padding-right: 70px;
}

.rtl .main-header .logo-box {
    margin-right: 0;
    margin-left: 70px;
    border-radius: 10px 10px 40px 0;
}

.rtl .main-header .main-box,
.rtl .main-header .main-box:before {
    border-radius: 10px 10px 40px 0;
}

.rtl .social-icon-one li {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .contact-list-one li {
    text-align: right;
    padding-left: 0;
    padding-right: 55px;
    margin-left: 60px;
    margin-right: 0;
}

.rtl .hidden-bar .contact-list-one li {
    padding-right: 50px;
    padding-left: 0;
    margin-left: 0;
}

.rtl .nav-toggler {
    margin-left: 0;
}

.rtl .btn-style-one i {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .main-header .theme-btn {
    margin-left: 0;
    margin-right: 30px;
}

.rtl .main-menu .navigation>li {
    margin-right: 0;
    margin-left: 40px;
}

.rtl .main-menu {
    float: right;
}

.rtl .main-menu .navigation>li>ul {
    left: auto;
    right: 0;
    text-align: right;
}

.rtl .main-menu .navigation>li.dropdown:hover>ul {
    left: auto;
    right: 0px;
}

.rtl .main-menu .navigation>li>ul>li:hover>a {
    padding-left: 18px;
    padding-right: 30px;
}

.rtl .main-menu .navigation>li.dropdown>a:after {
    right: auto;
    left: -14px;
}

.rtl .main-menu .navigation>li>ul>li>a:before {
    right: auto;
    left: 10px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rtl .main-menu .navigation>li>ul>li.dropdown>a:after {
    right: auto;
    left: 15px;
}

.rtl .main-menu .navigation>li>ul>li>ul {
    left: auto;
    right: 100%;
}

.rtl .about-section .image-3 {
    left: auto;
    right: -50px;
}

.rtl .about-section .image-2 {
    right: auto;
    left: 0;
}

.rtl .about-section .image-1 {
    margin-left: 0;
    margin-right: -80px;
}

.rtl .about-section .about-image-wrapper .play-btn {
    left: auto;
    right: 50%;
    margin-right: -20px;
    margin-left: 0;
}

.rtl .fact-counter .counter-column .inner-box {
    padding-left: 0;
    padding-right: 130px;
}

.rtl .fact-counter .counter-column .count-box {
    left: auto;
    right: 0;
}

.rtl .fact-counter .counter-column .icon:before {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.rtl .speaker-block .social-links {
    right: auto;
    left: 30px;
}

.rtl .speaker-block .plus-icon {
    right: auto;
    left: 25px;
}

.rtl .speaker-block .image-box {
    padding: 17px 0px 0 22px;
}

.rtl .speaker-block .image-box:before {
    right: 40px;
    left: 0px;
}

.rtl .schedule-tabs .tab-buttons li .date-box {
    padding-left: 0;
    padding-right: 65px;
}

.rtl .schedule-tabs .tab-buttons li .date {
    left: auto;
    right: 0;
}

.rtl .pricing-block .features li {
    padding-left: 0;
    padding-right: 30px;
}

.rtl .pricing-block .features li:before {
    left: auto;
    right: 0;
}

.rtl .news-block .author .thumb {
    margin-left: 15px;
    margin-right: 0;
}

.rtl .news-block .author .name {
    margin-right: 0;
    margin-left: auto;
}

.rtl .news-block .post-info li {
    margin-right: 0;
    margin-left: 25px;
}

.rtl .news-block .post-info li span {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .header-style-two .header-top .inner-container {
    padding-left: 0;
    padding-right: 270px;
}

.rtl .header-style-two .header-top .top-left {
    padding-left: 20px;
    padding-right: 0;
}

.rtl .contact-list-two li {
    margin-right: 0;
    margin-left: 60px;
}

.rtl .header-style-two .logo-box {
    border-radius: 0;
}

.rtl .header-style-two .nav-toggler {
    margin-left: 0;
    margin-right: 30px;
}

.rtl .event-search-form form {
    padding-right: 0;
    padding-left: 255px;
}

.rtl .event-search-form .btn-box {
    right: auto;
    left: 0;
}

.rtl .event-search-form .ui-selectmenu-button.ui-button,
.rtl .event-search-form .form-group input,
.rtl .event-search-form .form-group select,
.rtl .event-search-form .form-group textarea {
    padding-left: 0;
    padding-right: 45px;
}

.rtl .event-search-form .icon {
    left: auto;
    right: 0;
}

.rtl .ui-selectmenu-text {
    margin-right: 0;
    margin-left: 20px;
    text-align: right;
}

.rtl .ui-button .ui-icon {
    display: none;
}

.rtl .about-section-two .fact-counter-two {
    margin-left: 0;
    margin-right: 100px;
}

.rtl .video-box-one {
    margin-left: 0;
    margin-right: -90px;
}

.rtl .about-section-two .video-box-outer {
    padding-right: 50px;
    padding-left: 70px;
}

.rtl .feature-block-three {
    margin-left: 0;
    margin-right: 100px;
}

.rtl .speaker-block-two .plus-icon {
    left: auto;
    right: 20px;
}

.rtl .speaker-block-two .social-links {
    left: auto;
    right: 25px;
}

.rtl .speaker-block-two .image-box:before {
    right: auto;
    left: 0px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.rtl .schedule-block-two .date-box {
    padding-right: 90px;
    padding-left: 20px;
}

.rtl .schedule-block-two .date-box .count {
    left: auto;
    right: 20px;
}

.rtl .schedule-block-two .speaker-info {
    padding-right: 95px;
    padding-left: 0;
}

.rtl .schedule-block-two .speaker-info .thumb {
    left: auto;
    right: 0;
}

.rtl .pricing-block-two .title-box:before {
    left: auto;
    right: -50px;
}

.rtl .pricing-block-two .price-box:before {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.rtl .testimonial-block .info-box .thumb,
.rtl .pricing-block-two .features li:before {
    left: auto;
    right: 0;
}

.rtl .pricing-block-two .features li {
    padding-left: 0;
    padding-right: 30px;
}

.rtl .testimonial-block .info-box {
    padding-left: 0;
    padding-right: 125px;
}

.rtl .testimonial-carousel .testimonial-block .info-box .rating {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.rtl .testimonial-block .text-box:after {
    left: auto;
    right: 25px;
}

.rtl .news-block.style-three .lower-content {
    padding-left: 0;
    padding-right: 30px;
}

.rtl .news-block .author .likes {
    margin-left: 0;
    margin-right: 25px;
}

.rtl .news-block .author .likes span {
    margin-right: 0;
    margin-left: 5px;
}

.rtl .user-links li a:before,
.rtl .main-footer .footer-column .widget-title:before {
    left: auto;
    right: 0;
}

.rtl .user-links li a:before {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.rtl .user-links li a {
    padding-left: 0;
    padding-right: 20px;
}

.rtl .contact-list-three li {
    padding-left: 0;
    padding-right: 60px;
}

.rtl .contact-list-three li .icon {
    left: auto;
    right: 0;
}

.rtl .header-top-two .inner-container {
    padding-left: 0;
    padding-right: 250px;
}

.rtl .header-top-two .inner-container:before {
    left: -15px;
    right: -45px;
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
}

.rtl .header-top-two .top-right {
    padding-right: 0;
    padding-left: 30px;
}

.rtl .contact-list-four li {
    padding-left: 0;
    padding-right: 55px;
    margin-left: 60px;
    margin-right: 0;
}

.rtl .contact-list-four li i {
    left: auto;
    right: 0;
}

.rtl .header-style-three .header-lower .logo-box {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -30px;
}

.rtl .header-style-three .header-lower .logo-box:before {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
}

.rtl .header-style-three .header-lower .social-icon-four {
    margin-right: 0;
    margin-left: 55px;
}

.rtl .social-icon-four:before {
    left: -20px;
    right: -55px;
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
}

.rtl .header-style-three .header-lower .main-menu {
    padding-left: 0;
    padding-right: 20px;
    margin-right: auto;
    margin-left: 0;
}

.rtl .header-style-three .header-lower .main-menu:before {
    right: -15px;
    left: 30px;
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    border-radius: 30px 0 0 30px;
}

.rtl .header-style-three .header-lower .main-menu .navigation>li {
    margin-right: 0;
    margin-left: 40px;
}

.rtl .info-list-two li {
    padding-left: 0;
    padding-right: 50px;
    margin-right: 0;
    margin-left: 50px;
}

.rtl .info-list-two li i {
    left: auto;
    right: 0;
}

.rtl .banner-section-two .content-box .info-list-two {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.rtl .banner-section-two .theme-btn {
    margin-right: 0;
    margin-left: 30px;
}

.rtl .time-countdown-two .counter-column {
    padding-right: 0;
    margin-right: 0;
    padding-left: 50px;
    margin-left: 50px;
}

.rtl .time-countdown-two .counter-column:last-child {
    padding-left: 0;
    margin-left: 0;
}

.rtl .time-countdown-two .counter-column:before {
    right: auto;
    left: -5px;
}

.rtl .about-section-three .info-box {
    right: auto;
    left: 50px;
}

.rtl .about-section-three .info-box:before {
    left: auto;
    right: -30px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.rtl .about-section-three .image-1:before {
    left: auto;
    right: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.rtl .about-section-three .image-2 {
    right: auto;
    left: 0;
}

.rtl .feature-block-four .inner-box {
    padding-left: 0;
    padding-right: 70px;
}

.rtl .feature-block-five .inner-box h4:before,
.rtl .feature-block-four .icon-box {
    left: auto;
    right: 0;
}

.rtl .about-section-three .about-image-wrapper {
    margin-right: 0;
    margin-left: 30px;
}

.rtl .schedule-tabs .tab-buttons.style-two li:first-child {
    border-radius: 0 100px 100px 0;
}

.rtl .schedule-tabs .tab-buttons.style-two li:last-child {
    border-radius: 100px 0 0 100px;
}

.rtl .schedule-section .schedule-timeline {
    direction: ltr;
}

.rtl .accordion-box .block .acc-btn {
    padding-left: 30px;
    padding-right: 90px;
}

.rtl .accordion-box .block .acc-btn .icon {
    left: auto;
    right: 0;
}

.rtl .news-block.style-four .author {
    padding-right: 0;
    padding-left: 10px;
    border-radius: 10px 30px 30px 10px;
}

.rtl .newsletter-form-two .form-group {
    padding-right: 0;
    padding-left: 170px;
}

.rtl .newsletter-form-two .form-group .theme-btn {
    right: auto;
    left: 15px;
}

.rtl .feature-block-five .theme-btn i {
    margin-left: 0;
    margin-right: 10px;
}

.rtl .page-breadcrumb li:after {
    right: auto;
    left: -5px;
}

.rtl .time-counter .time-countdown-two .counter-column {
    padding: 0;
}

.rtl .coming-soon .emailed-form .form-group input[type="submit"],
.rtl .coming-soon .emailed-form button {
    right: auto;
    left: 0;
}

.rtl .coming-soon .emailed-form .form-group input[type="text"],
.rtl .coming-soon .emailed-form .form-group input[type="tel"],
.rtl .coming-soon .emailed-form .form-group input[type="email"],
.rtl .coming-soon .emailed-form .form-group textarea {
    padding-left: 50px;
    padding-right: 20px;
}

.rtl .schedule-detail .speaker-info {
    padding-left: 0;
    padding-right: 125px;
}

.rtl .checkout-page .payment-options li .radio-option input[type="radio"],
.rtl .sidebar .popular-posts .post .post-thumb,
.rtl .blog-categories li:before,
.rtl .list-style-one li:before,
.rtl .sidebar-title:before,
.rtl .schedule-detail .upper-info .icon,
.rtl .schedule-detail .speaker-info .thumb {
    left: auto;
    right: 0;
}

.rtl .schedule-detail .upper-info li {
    padding-left: 0;
    padding-right: 30px;
    margin-right: 0;
    margin-left: 20px;
}

.rtl .list-style-one li {
    padding-left: 0;
    padding-right: 30px;
}

.rtl .sidebar .search-box .form-group button {
    right: auto;
    left: 0;
}

.rtl .blog-categories li {
    padding-left: 0;
    padding-right: 20px;
}

.rtl .sidebar .popular-posts .post .post-inner {
    padding-left: 0;
    padding-right: 130px;
}

.rtl .sidebar .popular-posts .post-info i {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .sidebar .popular-tags a {
    float: right;
}

.rtl .product-details .basic-details .item-quantity {
    margin-right: 0;
    margin-left: 20px;
}

.rtl .shop-list li strong {
    margin-right: 0px;
    margin-left: 5px;
}

.rtl .shop-page .prod-tabs .reviews-container .review-box {
    padding-left: 0;
    padding-right: 120px;
}

.rtl .shop-page .prod-tabs .reviews-container .rev-thumb {
    left: auto;
    right: 0;
}

.rtl .shop-page .prod-tabs .reviews-container .rev-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.rtl .shop-page .prod-tabs .reviews-container .rev-header .rating {
    margin-left: 0;
    margin-right: 40px;
}

.rtl .shop-page .prod-tabs .reviews-container .rev-header .time {
    margin-right: auto;
}

.rtl .cart-section .table-outer {
    direction: ltr;
    text-align: center;
}

.rtl .shop-form .billing-inner {
    padding-right: 0;
    padding-left: 100px;
}

.rtl .shop-order-box .order-list li {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.rtl .checkout-page .payment-options li .radio-option label {
    padding-left: 0;
    padding-right: 30px;
}

.rtl .checkout-page .payment-options li .radio-option label img {
    padding-left: 0;
    padding-right: 30px;
}

.rtl .styled-form .form-group .adon-icon {
    right: auto;
    left: 10px;
}

.rtl .sidebar-page-container .news-block.style-four .tag {
    right: auto;
    left: 30px;
}

.rtl .post-share-options .tags li .title {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .author-box .social-links {
    right: auto;
    left: 40px;
}

.rtl .author-box .inner-box:before {
    left: 0;
    right: 85px;
}

.rtl .author-box .thumb {
    left: auto;
    right: 0;
}

.rtl .author-box .inner-box {
    padding-right: 200px;
    padding-left: 40px;
}

.rtl .comments-area .comment {
    padding-left: 0;
    padding-right: 150px;
}

.rtl .comments-area .comment-box .author-thumb {
    left: auto;
    right: 0;
}

.rtl .map-section .contact-info li {
    padding-left: 0;
    padding-right: 90px;
}

.rtl .map-section .contact-info li .icon {
    left: auto;
    right: 0;
}

.rtl .checkout-page .payment-options li .radio-option label .small-text {
    margin-left: 0;
    margin-right: -30px;
}

.rtl .mobile-nav-toggler {
    margin-left: 0;
    margin-right: 20px;
}

.rtl .date-box-one.bg_yellow {
    margin-left: 0;
    margin-right: -30px;
}

.rtl .mobile-menu .navigation li.dropdown .dropdown-btn {
    right: auto;
    left: 0;
}

.rtl .mobile-menu .nav-logo {
    text-align: right;
}

.rtl .mobile-menu .contact-list-one li {
    padding-right: 45px;
}

.rtl .checkout-page .payment-options li .radio-option label .small-text:before {
    left: auto;
    right: 24px;
}

.rtl .header-style-two .header-top .top-right {
    padding: 0;
}

.rtl .search-popup .form-group input[type="submit"],
.rtl .search-popup .form-group button {
    right: auto;
    left: 0;
}

.rtl .comments-area .comment-box.reply-comment {
    margin-left: 0;
    margin-right: 100px;
}

.rtl .main-menu .navigation>li>.mega-menu,
.rtl .main-menu .navigation>li .mega-menu-bar .column>ul>li>a {
    text-align: right;
}

/***

====================================================================
   Box Layout
====================================================================

***/

.box-layout .page-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    background-color: #ffffff;
    overflow: hidden;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.10);
}

.box-layout .main-header {
    max-width: 1280px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.box-layout {
    background-repeat: repeat;
    background-position: center;
    background-attachment: fixed;
    background-image: url(../images/icons/boxed-bg.html);
}

.box-layout .coming-soon {
    position: relative;
}

.heading-lower {
    font-size: 19px;
    font-weight: 600;
    text-align: justify;
}

.lower-content .read-more {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #ff4200;
    text-align: center;
    padding-top: 10px;
}

.Non-residential-carousel .news-block .lower-content {
    position: relative;
    padding: 0px 15px 15px;
    direction: ltr;
}

.card-group .card-body .card-title {
    text-align: center;
}

.card-group .card-body .card-title a {
    color: #081245;
}

.card-group .card-body .card-title a {
    color: #081245;
}

.card-group .card {
    border: 1px solid rgb(0 153 0);
}

.card-group .card .card-footer {
    border: 1px solid rgb(0 153 0);
}

.card .card-footer {
    text-align: center;
}

.card .card-footer a {
    color: #ff4200;
    font-weight: 700;
}

.lower-content a,
.final-link a {
    color: #ff4200;
}

.residential-carousel .card .card-body {
    height: 250px;
}

.Non-residential-carousel .card .card-body {
    height: 290px;
}

.clients-section-2 {
    position: relative;
    padding: 90px 0 90px;
}

.Special-carousel .card .card-body {
    height: 290px;
}

.btn-box img {
    padding-right: 10px;
}

/* Style for the floating button */

.floating-button {
    position: fixed;
    bottom: 80px;
    /* Adjust the distance from the bottom as needed */
    right: 20px;
    /* Adjust the distance from the right as needed */
    background: -o-linear-gradient(135deg, #ffc600 1%, #ff6c00 100%);
    background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
    content: "";
    color: #fff;
    z-index: 999;
    border: 0;
    border-radius: 0px 30px;
    padding: 10px 25px;
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
 .register-new .has-validation-callback{
    margin-right: 0;
 } 
 
  .upcom-events .has-validation-callback{
    margin-right: 0;
 }
 
 .new-login .has-validation-callback{
    margin-right: 0;
 } 
 
.donate-btn {
    padding-right: 10px;
}

.pricing-block-two .inner-box .features .future-head {
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 15px;
    color: #fc6f00;
    font-weight: 700;
    text-align: center;
}

.inner-box .features li span {
    font-size: 14px;
    font-weight: 600;
}

.inner-box .features li span a {
    font-size: 16px;
    font-weight: 600;
    color: #494949;
}

.about-section-three .content-column .text {
    text-align: justify;
    text-indent: 70px;
}

.activity-section .abt-title-1 {
    padding-bottom: 15px;
    text-align: justify;
}

.activity-section .abt-title-2 {
    padding-bottom: 15px;
    text-align: end;
}

.activity-section .text {
    text-align: justify;
}

.activity-section .row {
    padding-top: 25px;
    padding-bottom: 25px;
}

.activity-section .text a {
    color: #555555;
    font-weight: 600;
}

.activity-section h4 {
    color: #081245;
}

.activity-section .artist {
    color: #ff4200;
    text-transform: capitalize;
    padding-top: 50px;
}

.activity-section .artist h5 {
    font-weight: 700;
}

.inner-content-abt .sec-title h2 {
    display: block;
    font-size: 21px;
    line-height: 35px;
    color: #081245;
    font-weight: 700;
    text-transform: capitalize;
}

.inner-content-abt p {
    text-align: justify;
}

.inner-content-abt h6 {
    font-size: 17px;
    text-align: end;
    padding-top: 10px;
    color: #FF9800;
}

.inner-content-abt .sub-title {
    text-align: center;
    font-family: 'Nunito', sans-serif;
}

.read-more-tittle h2 a {
    float: right;
    font-size: 18px;
    color: #ff7800;
    padding: 0px 10px;
}

.read-more-tittle h2 a:hover {
    box-shadow: unset;
}

.google_translate_element .goog-te-gadget {
    font-family: arial;
    font-size: 11px;
    color: #fff;
    white-space: nowrap;
}

.contact-list-two li a span {
    color: #ffaf00;
    font-weight: 600;
    font-size: 14px;
}

.VIpgJd-ZVi9od-l4eHX-hSRGPd {
    display: none;
}

.goog-te-gadget {
    display: flex;
}

.goog-logo-link {
    display: none !important;
}

.goog-te-gadget {
    color: transparent !important;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.dropdown ul li a i {
    padding-right: 5px;
    font-size: 14px;
}

.magazine-column .btn-box {
    display: flex;
    align-items: end;
    justify-content: end;
}

.counter-column .inner-box .inner-quotes {
    color: #fff;
}

.counter-column .inner-box .inner-quotes h5 {
    padding: 10px 0;
    font-weight: 800;
    color: #ffba00;
}

.counter-column .inner-box .inner-quotes p {
    text-align: end;
    color: #ffba00;
}

.author-font {
    font-family: cursive;
    /* font-family: 'Nunito', sans-serif; */
}

.author-head-font {
    font-family: 'Nunito', sans-serif;
}

.activity-section .left-image-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contact-list-two li img {
    padding-right: 5px;
    fill: white;
    filter: brightness(0) invert(1);
}

.contact-list-two .globe i {
    top: 0;
    left: 0;
}

.intro-section .content-column p {
    margin-bottom: 0px;
    text-align: justify;
    text-indent: 50px;
}

.intro-section .content-column {
    position: relative;
    margin-bottom: 0px;
}

/* .colored > .active  {
color: #ffae00;
}
.schedule-tabs .tab-buttons li .month .colored:active{
   color: #ffae00;
} */

.query-sec .text {
    text-align: justify;
}

.mission-left-sec img {
    padding-left: 150px;
}

.news-block .lower-content h2 {
    position: relative;
    padding: 15px 15px 15px;
}

.news-block .lower-content p {
    text-align: justify;
}

.sidebar-widget h2 {
    font-size: 36px;
    background: #fff;
    text-align: center;
    color: #081245;
}

.widget-content h6 {
    padding: 20px 0;
    color: #ff7c0b;
    font-weight: 700;
}

.widget-content p {
    text-align: justify;
}

.light .sub-title {
    color: #fff;
}

/* new css */

.wisdom-btn {
    font-size: 16px;
    line-height: 18px !important;
    padding: 10px 23px !important;
    min-width: 30px !important;
}

.wisdom-video-img {
    position: relative;
}

.Wisdom-play-icon {
    font-size: 40px !important;
    color: #fff;
}

.wisdom-position-right {
    position: absolute;
    right: 103px;
    top: 110px;
}

.wisdom-position-left {
    position: absolute;
    top: 110px;
    left: 108px;
}

.health-down-btn {
    align-items: center;
    text-align: end;
    padding: 10px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.health-down-btn button a {
    color: #000 !important;
    font-size: 15px;
}

.health-down-btn button {
    border: 1px solid #ccc;
    padding: 3px 6px;
    cursor: pointer;
    background: #fff;
    border-radius: 6px;
}

.health-down-btn button:hover {
    box-shadow: 0px 2px 14px 0px #888888;
}

.vidio-btn-left {
    text-align: left !important;
}

.wisdom-btn span {
    color: #fff !important;
}

.wisdom-health-section .differnt-video-sec {
    padding: 0px 0;
}

.wisdom-health-section .for-more-cont {
    padding-left: 10px;
    font-weight: 600;
}

.login-page-start {
    border: 2px solid #ff7808;
    padding: 30px;
}

.account-page {
    font-size: 13px;
    padding: 20px 0;
    color: #333333;
}

.register-acc {
    color: #ff7908;
}

.event-search-section a span {
    color: #fff;
}

.title-outer .active-sec {
    color: #ff9b00;
    font-size: 16px;
    font-weight: 400;
}

.event-search-section {
    padding: 20px 0;
}

.basker-events-card .news-block .lower-content {
    position: unset;
    min-height: 202px;
}

.basker-events-card .news-block .event-title {
    background-image: linear-gradient(-155deg, rgb(30 12 79 / 50%) 37%, rgba(255, 255, 255, .08) 15%), linear-gradient(258deg, rgba(87, 238, 255, .1), rgb(0 11 48));
    background-color: rgba(74, 148, 214, .9);
}

.basker-events-card .news-block h4 a {
    font-size: 15px !important;
    color: white !important;
}

.basker-events-card .news-block.style-four {
    padding-bottom: 25px;
    margin-bottom: unset !important;
}

.social-bar .social-icons {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.trial-block {
    padding: 30px 0 30px 0;
}

.trial-block h2 {
    font-size: 30px;
}

.upcomming-events p {
    font-size: 15px;
}

.upcomming-events .btn-style-one {
    position: relative;
    font-size: 14px;
    line-height: 27px;
    color: #ffffff;
    padding: 5px 23px;
    font-weight: 600;
    overflow: hidden;
    background: -o-linear-gradient(45deg, #4CAF50 1%, #8BC34A 100%);
    background: linear-gradient(45deg, #4CAF50 1%, #8BC34A 100%);
    border-radius: 30px;
}

.wisdom-health-section .sticky-side {
    position: sticky;
    top: 150px;
}

.nishanthi-text .timer-function {
    padding: 15px 0;
}

.feature-section .owl-carousel-meet {
    padding-bottom: 35px;
}
.feature-section  .feature-block  .inner-box{
    height: 100%;
}

.nishanthi-text .timer-function #countdown {
    display: contents;
}

#countdown .labels {
    width: 100%;
    height: 0 !important;  
    text-align: center;
    bottom: 15px;
    left: 315px;
}

/* Search Page Design */

.pro-article-1 {
    padding-bottom: 20px;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

button.btn.filter-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #ff7400;
    text-transform: uppercase;
    font-size: 15px;
    color: #333333;
    border-radius: 0px;
}

.filter-dropdown {
    padding: 20px 40px;
    margin: 20px 0;
    border: 1px solid #ff7400;
}

.event-search-section .btn-box {
    display: flex;
    justify-content: flex-end;
}

/* scroll-bar */

.scrollbar-fixed {
    height: 184px;
    overflow-y: scroll;
}

/* scroll-bar-end */

.pro-article-1 h4 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 15px;
}

.pro-article-1 #program-type-select {
    width: 100%;
    height: 36.5px;
    border: 1px solid #ff7400;
    font-size: 15px;
    padding: 0 10px;
    text-transform: uppercase;
    color: #333333;
    border-radius: 0px;
    background: transparent;
    background-image: url(../images/New-Images/down-arrow-1.svg);
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
}

.pro-article-1 #program-type-select:focus-visible {
    outline: none;
}

.filter-dropdown-last-row {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 20px;
    padding-top: 15px;
}

.filter-dropdown-last-row .filter-done-btn {
    background-color: #fe5722;
    color: #fff;
    padding: 5px 30px;
    border-radius: 0px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.filter-dropdown-last-row .reset-filter-btn {
    color: #333333;
    padding: 5px 30px;
    border: 1px solid #999999;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.filter-dropdown label {
    font-family: "Roboto";
    font-weight: normal;
}

/* The container */

.main-check {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-width: fit-content;
    line-height: 18px;
}

/* Hide the browser's default checkbox */

.main-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    border: 1px solid #ff7a00;
}

/* When the checkbox is checked, add a blue background */

.main-check input:checked~.checkmark {
    background-color: #2196f3;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */

.main-check input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */

.main-check .checkmark:after {
    left: 4px;
    top: 0px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.check-left-line {
    border-left: 1px solid #ffb800;
}

.filters {
    text-align: center;
}

.filter_link {
    color: #fff;
    padding: 6px 15px;
    border-radius: 3px;
    margin-right: 10px;
    display: inline-block;
    color: #6e6e6e;
    border: 1px solid #ffa200;
    border-radius: 25px;
    font-weight: 500;
    font-size: 14px;
}

.filter_link:active,
.filter_link:focus,
.filter_link:hover {
    color: #fff !important;
    opacity: 0.8;
    background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
}

.cd-container:after {
    display: table;
}

.cd-items {
    padding: 0;
    margin: 0;
}

.cd-item {
    position: relative;
    margin: 0 0 1em;
    display: none;
}

.cd-item>img {
    display: block;
    width: 100%;
}

@media only screen and (min-width: 1024px) {
    .cd-item.empty-box::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #392c3f;
    }
}

.cd-trigger {
    position: absolute;
    font-weight: 500;
    font-size: 16px;
    bottom: 25%;
    left: 0;
    right: 0;
    background: #ff5521bf;
    text-align: center;
    color: #fff;
    padding: 10px;
    margin: 0 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s, background-color 0.2s;
    -moz-transition: opacity 0.2s, background-color 0.2s;
    transition: opacity 0.5s, background-color 0.5s;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

@media only screen and (max-width: 1024px) {
    .cd-trigger {
        height: 30%;
        top: 70%;
        padding-top: 0;
        bottom: 0;
        visibility: visible;
        opacity: 1;
    }
}

.cd-item:hover .cd-trigger {
    visibility: visible;
    opacity: 1 !important;
}

@-webkit-keyframes cd-slide-in {
    0% {
        -webkit-transform: translate3d(-40px, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes cd-slide-in {
    0% {
        -moz-transform: translate3d(-40px, 0, 0);
    }

    100% {
        -moz-transform: translate3d(0, 0, 0);
    }
}

@keyframes cd-slide-in {
    0% {
        -webkit-transform: translate3d(-40px, 0, 0);
        -moz-transform: translate3d(-40px, 0, 0);
        -ms-transform: translate3d(-40px, 0, 0);
        -o-transform: translate3d(-40px, 0, 0);
        transform: translate3d(-40px, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.cd-container:after {
    display: table;
}

.cd-container:after,
.cd-quick-view:after,
.cd-slider-wrapper:after {
    content: "";
    clear: both;
}

.cd-items h6 {
    font-size: 14px;
    color: #333333;
}

.cd-items p {
    font-size: 15px;
    color: #333333;
    font-family: "Roboto";
    font-weight: normal;
}

.cd-items p .offer-rate {
    color: #fe5722;
    padding-left: 10px;
    font-weight: 600;
}

.product-article-row-3 .pro-ar3-inner-2 {
    padding: 0;
}

.product-article-row-3 .pro-ar3-inner-2 .cd-item {
    padding: 0;
}

a#seeMore {
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    background-color: #fe5722;
    padding: 10px 20px;
    width: 130px;
    text-align: center;
    margin: 30px auto;
    cursor: pointer;
    border-radius: 10px;
}

a#seeMore:hover {
    background-color: #dd5c1a;
    color: #ffffff;
}

.product-article-row-4 {
    padding: 40px 0;
}

.gallery-block .event-logo-sec {
    width: 80%;
}

.event-search-section .last-check-column {
    display: block;
    position: relative;
}

.event-search-section .close-btn-sec {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.schedule-timeline .box-position {
    display: inline-flex;
    margin-left: 50px;
}

.booking-btn {
    display: flex;
    margin-top: 0px;
}

.booking-btn .btn-style-three {
    margin-top: 30px;
    margin-left: 40px;
}

.tab-row {
    grid-row-gap: 30px;
}

.tab-section-wrapper {
    margin: 40px 0;
}

.tab-heading-section .nav-tabs .nav-item.show .nav-link,
.tab-heading-section .nav-tabs .nav-link.active,
.tab-heading-section .nav-tabs .nav-link:focus,
.tab-heading-section .nav-tabs .nav-link:hover {
    border-color: #b7b7b7;
}

.tab-heading-section .nav-tabs {
    column-gap: 20px;
}

.tab-heading-section .nav-link {
    border: 1px solid #b7b7b7;
    border-radius: 20px;
    padding: 6px 25px;
    font-weight: 500;
    color: #000;
    transition: 0.25s all;
}

.tab-heading-section .nav-tabs .nav-item.show .nav-link,
.tab-heading-section .nav-tabs .nav-link.active,
.tab-heading-section .nav-tabs .nav-link:focus,
.tab-heading-section .nav-tabs .nav-link:hover {
    background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
    color: #fff;
}

.schedule-block.even .booking-btn .btn-box a,
.schedule-block.even .speaker-info .btn-box {
    margin-left: 0;
}

.schedule-block.even .speaker-info {
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.shop-page .prod-tabs .tab-btns .tab-btn:hover,
.shop-page .prod-tabs .tab-btns .tab-btn.active-btn {
    color: #ffffff;
    background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
    border-color: unset;
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #dd5c1a
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #ffcd00 1%, #ffae00 100%);
    border-radius: 5px
}

::-webkit-scrollbar-thumb:hover {
    background: #ffad00
}

/* Css - Gowtham */

.filter-sec {
    /* background: linear-gradient(45deg, #ffcd00 1%, #ffae00 100%); */
    padding: 3px;
}

.filter-main {
    display: flex;
    align-items: center;
}

.filter-content {
    padding: 20px 10px 20px 30px;
    background: #e9e9e9;
    width: 13%;
}

.filter-option {
    width: 100%;
    background: transparent;
    padding: 15px 10px;
}

.hidden {
    display: none;
}

.hiden-sec {
    position: relative;
    margin: 0 5px;
    /* background: white; */
    width: 15%;
    padding: 5px;
    border-radius: 7px;
    border-bottom: 1px solid #ffb600;
}

.hide-sec {
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #e1e1e2;
    border-left: 3px solid #ff7800;
    box-shadow: 0px 8px 10px gray;
    padding: 20px 10px;
    width: 100%;
    background: white;
    z-index: 9999;
}

.hide-sec button {
    width: 100%;
}

.arrow-down {
    transform: rotate(0deg);
    transition: transform 0.2s;
}

/* Rotate the arrow icon when the submenu is open */

.open .arrow-down {
    transform: rotate(180deg);
}

.open i {
    color: orangered;
}

.open .hidden {
    transition: all 0.8s;
}

.event-title {
    font-weight: 600;
    color: black;
}

.submenu-filter {
    padding: 8px 3px;
}

.filter-sec-top {
    /* background-image: url(../images/New-Images/finder-bg.png); */
    background: #ebebeb;
    padding: 20px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.filter-sec-top .flaticon-search:after {
    content: unset !important;
}

.w-90 {
    width: 90%;
}

.finder-content {
    color: white;
    text-transform: capitalize;
    letter-spacing: 1.5px;
    font-weight: 600;
    font-size: 14px;
}

.search-content {
    color: white;
    margin-top: 18px;
    font-weight: 400;
}

.search-content span {
    color: white;
    font-weight: 600;
    letter-spacing: 1.5px;
    font-size: 44px;
}

.search-top-content {
    margin-bottom: 15px;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    word-spacing: 1px;
    letter-spacing: 1.6px;
}

.submit-btn {
    margin-top: 8px;
    width: 100%;
    height: 48px;
    font-weight: 700;
    padding: 0px 20px;
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #333333;
}

.filter-btn .submit-btn {
    margin-top: 33px;
    width: 100%;
    height: 42px;
    font-weight: 700;
    padding: 0px 20px;
    text-align: center;
    border-radius: 3px;
    color: #ffffff;
    text-transform: uppercase;
    background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
}

.filter-sec-top input[type=search] {
    color: gray;
}

.submit-icon {
    position: absolute;
    top: 14px;
    right: 10px;
}

.w-70 {
    width: 70%;
}

.w-80 {
    width: 80%;
}

.owl-nav {
    display: none;
}

.floating-button {
    display: none !important;
}

.date-fixer {
    display: flex;
    flex-direction: column;
}

.event-section .section-title .big-title {
    font-size: 42px;
}

.event-section .event-tab-menu {
    padding-top: 45px;
}

.event-section .event-tab-menu .nav {
    float: right;
    display: table;
}

.event-section .event-tab-menu .nav li {
    float: left;
    margin-right: 30px;
    display: inline-block;
}

.event-section .event-tab-menu .nav li:last-child {
    margin-right: 0px;
}

.event-section .event-tab-menu .nav li a {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 15px;
    color: #878787;
    font-size: 18px;
    text-transform: capitalize;
    font-family: "Roboto", sans-serif;
}

.event-section .event-tab-menu .nav li a strong {
    font-weight: 900;
}

.event-section .event-tab-menu .nav li a strong i {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.event-section .event-tab-menu .nav li a:before {
    left: 0;
    right: 0;
    opacity: 0;
    height: 3px;
    bottom: -2px;
    content: "";
    position: absolute;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #ffbe30;
}

.event-section .event-tab-menu .nav li a:hover {
    color: #333333;
}

.event-section .event-tab-menu .nav li a:hover strong i {
    color: #ffbe30;
}

.event-section .event-tab-menu .nav li .active {
    color: #333333;
}

.event-section .event-tab-menu .nav li .active strong i {
    color: #ffbe30;
}

.event-section .event-tab-menu .nav li .active:before {
    opacity: 1;
    bottom: 0px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.event-section .tab-content .event-item {
    padding: 15px;
    margin-bottom: 30px;
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 1px solid #f0f0f0;
}

.event-section .tab-content .event-item .event-image {
    float: left;
    width: 250px;
    height: 250px;
    overflow: hidden;
    position: relative;
    margin-right: 30px;
}

.event-section .tab-content .event-item .event-image img {
    width: 100%;
    height: 100%;
    display: block;
}

.event-section .tab-content .event-item .event-image .post-date {
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 70px;
    height: 70px;
    padding: 10px;
    text-align: center;
    position: absolute;
    color: #ffffff;
    background: -webkit-gradient(linear, left top, right bottom, from(#ff3e00), to(#ffbe30));
    background: -webkit-linear-gradient(top left, #ff3e00, #ffbe30);
    background: -o-linear-gradient(top left, #ff3e00, #ffbe30);
    background: linear-gradient(to bottom right, #ff3e00, #ffbe30);
}

.event-section .tab-content .event-item .event-image .post-date .date {
    font-weight: 900;
    font-size: 24px;
    font-family: "Roboto", sans-serif;
}

.event-section .tab-content .event-item .event-image .post-date .month {
    font-size: 16px;
    text-transform: uppercase;
}

.event-section .tab-content .event-item .event-content {
    display: table;
    padding: 10px 0px;
}

.event-section .tab-content .event-item .event-content .event-title {
    position: relative;
}

.event-section .tab-content .event-item .event-content .event-title:after {
    top: 0;
    width: 6px;
    left: -33px;
    bottom: 0px;
    content: "";
    height: 100%;
    position: absolute;
    background-color: #ffbe30;
}

.event-section .tab-content .event-item .event-content .event-title .title {
    margin: 0px;
    font-weight: 900;
    color: #333333;
    font-size: 18px;
}

.event-section .tab-content .event-item .event-content .event-post-meta ul li {
    margin-bottom: 5px;
    font-size: 14px;
}

.event-section .tab-content .event-item .event-content .event-post-meta ul li .icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    border-radius: 100%;
    color: #ffbe30;
    font-size: 14px;
    background-color: #f7f7f7;
}

.event-section .tab-content .event-item .event-content .tickets-details-btn {
    z-index: 1;
    font-weight: 600;
    overflow: hidden;
    padding: 15px 45px;
    position: relative;
    border-radius: 30px;
    color: #878787;
    font-size: 14px;
    text-transform: uppercase;
    background: #f7f7f7;
}

.event-section .tab-content .event-item .event-content .tickets-details-btn:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    content: "";
    position: absolute;
    border-radius: 30px;
    background: -webkit-gradient(linear, left top, right bottom, from(#ff3e00), to(#ffbe30));
    background: -webkit-linear-gradient(top left, #ff3e00, #ffbe30);
    background: -o-linear-gradient(top left, #ff3e00, #ffbe30);
    background: linear-gradient(to bottom right, #ff3e00, #ffbe30);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.event-section .tab-content .event-item .event-content .tickets-details-btn:hover {
    color: #ffffff;
    background: #ffbe30;
}

.event-section .tab-content .event-item .event-content .tickets-details-btn:hover:before {
    opacity: 1;
}

.event-section .tab-content .event-item:hover {
    border-color: #ffbe30;
}

.event-section .tab-content .pagination ul {
    margin: 50px auto 0px;
}

.volunteer-sec {
    z-index: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-layout {
    padding-top: 100px;
    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9), white);
    background: -o-radial-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9), white);
    background: radial-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9), white);
}

.pt-60 {
    padding-top: 60px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.p-40 {
    padding: 0 40px;
}

.pb-60 {
    padding-bottom: 60px;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.upcoming-event-too .custom-card {
    padding: 10px !important;
}

.upcoming-event-too .pricing-block-two .features {
    padding: 13px;
}

.awaed-wrapper {
    max-height: 425px;
    overflow-y: scroll;
    position: relative;
}

.awaed-item {
    padding: 30px 0px;
    position: relative;
    padding-left: 120px;
}

.awaed-wrapper .awaed-item .awaed-content .awaed-title {
    font-weight: 700;
    position: relative;
    font-size: 24px;
}

.awaed-wrapper .awaed-item .awaed-content p {
    font-size: 14px;
}

.awaed-wrapper .awaed-item .awaed-content .awaed-title .awaed-date {
    top: 5px;
    left: -105px;
    padding-left: 10px;
    position: absolute;
    padding-bottom: 10px;
    color: #ffbe30;
    font-size: 16px;
    text-transform: uppercase;
}

.awaed-wrapper .awaed-item .awaed-content .awaed-title .awaed-date:before {
    left: -6px;
    z-index: 1;
    content: "";
    width: 10px;
    bottom: -4px;
    height: 10px;
    position: absolute;
    border-radius: 100%;
    background-color: #ffbe30;
}

.awaed-wrapper .awaed-item .awaed-content .awaed-title .awaed-date:after {
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    background-color: #878787;
}

.award-section .awaed-item-area {
    position: relative;
}

.award-section .awaed-item-area:before {
    top: 0;
    bottom: 0;
    left: 13px;
    width: 2px;
    content: "";
    height: 100%;
    position: absolute;
    background-color: #878787;
}

.award-section .awaed-item-area .arrow-up {
    top: -22px;
}

.award-section .awaed-item-area .arrow-up,
.award-section .awaed-item-area .arrow-down {
    left: 0px;
    z-index: 2;
    position: absolute;
    color: #ff9916;
    font-size: 30px;
}

.award-section .awaed-item-area .arrow-down {
    bottom: -22px;
}

.award-section .awaed-item-area .arrow-up,
.award-section .awaed-item-area .arrow-down {
    left: 0px;
    z-index: 2;
    position: absolute;
    color: #ff9916;
    font-size: 30px;
}

.award-section .company-age {
    height: 620px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.w-95 {
    width: 95%
}

.insights-box {
    box-shadow: 0 0 16px 0 rgb(0 0 0 / 40%);
}

.insights-box:hover {
    box-shadow: 0 0 48px 0 rgb(0 0 0 / 25%);
}



.volunteer-content {
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.text-black {
    color: gray !important;
}

.text-blackk {
    color: black !important;
}

.finder {
    color: #ffaf00;
    font-weight: 600;
    line-height: 10px !important;
    font-size: 16px;
}

.finder:hover {
    color: #ffaf00;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.upcoming-event-too .pricing-block-two .btn-box {
    padding: 0 70px 30px;
}

.upcoming-event-too .pricing-block-two {
    margin-bottom: 0;
}

.upcoming-event-too .pricing-block-two .features {
    min-height: 350px;
}

.membership {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    /* padding: 20px 0; */
    color: #081245;
    opacity: 1;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.membership-header .membership:hover {
    color: #ffae00;
}

.lh-22 {
    line-height: 22PX;
}

.w-max-content {
    width: max-content;
}

.quotes {
    background: #ebebeb8c;
}

.bg-gray {
    background: #eaeaea;
}

.bg-white {
    background: white !important;
}

.text-brand {
    color: #ffae00 !important;
}

.banner-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: start;
}

.baskar-event .tab-btn {
    min-height: 70px;
    display: flex;
    align-items: center;
}

.baskar .shop-page .prod-tabs .tab-btns .tab-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-icon {
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.user-icon img {
    border-radius: 50%;
    width: 80% !important;
    margin: auto;
}

.insight-sec {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.magazine-date {
    border-bottom: unset !important;
}

.magazine-sec .owl-carousel.owl-drag .owl-item {
    margin-left: 0px !important;
    margin-right: 7px !important;
}

.magazine-sec .insights-box {
    box-shadow: unset !important;
    border: 1px solid #dbdbdb;
}

/*
.magazine-calendar li i{
color: #5c5c5c;
} */

.magazine-column .info-list-two li i {
    position: absolute;
    left: 0px;
    top: -3px;
    font-size: 23px;
    line-height: 30px;
    color: #ffae00;
}

.magazine-column .info-list-two li {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 400;
    margin-right: 50px;
}

.navigation-dots {
    text-align: center;
    margin-top: 10px;
}

.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background-color: #555;
    border-radius: 50%;
    cursor: pointer;
}

.custom-dots {
    text-align: center;
    margin-top: 20px;
}

.custom-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}

.custom-dot.active {
    background-color: #007bff;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none !important;
}

.abt-centre-right .owl-carousel .owl-dots.disabled,
.abt-centre-right .owl-carousel .owl-nav.disabled {
    display: none ;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    display: block;
}

.latest-info .owl-theme .owl-dots,
.owl-theme .owl-nav {
    margin-top: 20px;
}

.baskar-tips .owl-theme .owl-dots,
.owl-theme .owl-nav {
    margin-top: 20px;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none !important;
}

.enable-nav .owl-theme .owl-dots,
.owl-theme .owl-nav {
    display: none !important;
}

.owl-theme .owl-nav [class*=owl-] {
    background: #ff9700b8 !important;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #ff6600 !important;
}

.owl-theme .owl-dots .owl-dot span:hover {
    background: #ff9b0a !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ff9c0a !important;
}

.donation .floating-button {
    display: block !important;
}

.event-details .upper-box {
    padding: 10px;
    border: 1px solid #c5c5c5;
}

.main-footer .footer-bottom .footer-nav li a:hover {
    text-decoration: unset !important;
}

.main-footer .footer-bottom .copyright-text a:hover {
    text-decoration: unset !important;
}

.main-footer .footer-bottom .copyright-text p {
    margin-bottom: unset !important;
}

.contact-list-one li a:hover {
    text-decoration: none !important;
}

.decoration-none {
    text-decoration: none;
}

.decoration-none:hover {
    color: #ff9800 !important;
}

.decoration-none {
    text-decoration: underline;
    color: #ff9800 !important;
}

.filter-btn {
    background: white;
    padding: 15px 19px;
}

.position-r {
    position: relative;
}

#sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 21%;
    z-index: 9;
}

.z-99 {
    z-index: 10;
}

.z-7 {
    z-index: 7;
}

#multiSelector {
    width: 100%;
}

.scroll-none::-webkit-scrollbar {
    display: none;
}

.filter .about-image-wrapper:before {
    font-weight: 600;
    color: gray !important;
}

.fs-label-wrap {
    border: none !important;
}

.fs-label-wrap .fs-label {
    padding: 10px 21px 3px 8px !important;
    color: #3c3c3c;
}

.fs-wrap {
    width: 100% !important;
}

.fs-arrow {
    top: 6px !important;
}

.page-link {
    color: #ff4700 !important;
    font-weight: 800 !important;
}

.know-more-btn a {
    color: #ff4200 !important;
    font-weight: 600;
}

.know-more-btn a:hover {
    color: #ff4200;
    text-decoration: none;
}

.position-unset {
    position: unset !important;
    margin-top: 3px !important;
}



.upcom-events .pricing-block-two {
    padding: 0;
}

.pricing-block-two .btn-box {
    padding: 0 79px 30px;
    text-align: center;
}

.banner-section-two .owl-dots {
    display: none !important;
}

.banner-section-two .banner-carousel {
    position: relative;
}

#arrowAnim {
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrow {
    width: 10px;
    height: 10px;
    border: 20px solid;
    border-color: black transparent transparent black;
    transform: rotate(135deg);
}

.aerow i {
    color: #ff4200;
}

.magazine-sec .owl-carousel .owl-stage-outer {
    margin-bottom: 20px;
}

.event-finder .news-block.style-four {
    margin-bottom: 30px !important;
}

.event-finder .news-block .inner-box {
    position: relative;
    background-color: #ffffff;
    /* -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); */
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 12px, rgba(0, 0, 0, 0.08) 0px 0px 11px -1px;
}

.event-finder .news-block .lower-content {
    padding: 0 10px 16px 10px;
}

.event-finder .news-block h4 {
    text-align: start;
    line-height: unset;
}

.event-finder .news-block h4 a {
    font-size: 18px;
    line-height: unset !important;
}

.event-finder .news-block .lower-content {
    position: unset;
    min-height: 202px;
}

.event-finder .news-block .post-info li span {
    color: #ffae00;
    margin-right: 2px;
    padding-left: 2px;
}

.event-finder .schedule-tabs .tab-buttons li .day {
    font-size: 16px;
}

.event-finder .news-block .post-info li {
    font-size: 15px;
    color: #000000;
}

.event-finder .schedule-tabs .tab-buttons li.active-btn {
    box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
    color: red !important;
}


.event-finder .schedule-tabs .tab-buttons li { 
    border: unset !important;
    background: unset !important;
    height: 23px;
    width: 116px !important;
    margin-left: -12px;
}

.event-finder .schedule-tabs .tab-buttons li .day {
    border: unset !important;
    border-radius: 3px;
    box-shadow: unset;
    background-color: transparent !important;
    padding: 5px !important;
}

.event-finder .schedule-tabs .tab-buttons li.active-btn .day {
    color: black;
    background-color: #e9e9e9;
}

.all-events .news-block .text {
    position: relative;
    font-size: 17px;
    line-height: 22px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0px;
}

.all-events .news-block .lower-content {
    padding: 0;
}

.all-events .event-title {
    background: linear-gradient(135deg, #00082e 92%, white 50%)
}

.all-events .lower-content a,
.final-link a {
    color: white !important;
}

.all-events .lower-content a,
.final-link a:hover i {
    color: white;
}

.event-details .all-events .lower-content-2 h5 a {
    color: black !important;
}

.event-details .lower-content-2 span a {
    color: #ff7920 !important;
}

.events-sec-bg {
    background-image: url(../images/New-Images/non-bg.svg), linear-gradient(rgb(255, 255, 255) 1%, rgb(204, 195, 176) 97%);
    background-repeat: no-repeat;
    background-position: right top;
}

.about-section .about-image-wrapper .play-btn:hover {
    text-decoration: none;
}

.speaker-info-list li a:hover {
    text-decoration: none;
}

.event-detail-btn .book-now-btn {
    /* position: absolute; */
    top: 0;
    right: 0;
}

.speaker-detail-section-2 {}

.rules_regualtions {
    padding-top: 30px;
}

.rules_regualtions ol li {
    margin-top: 10px;
    margin-bottom: 10px;
    list-style: circle;
    content: "";
    font-size: 13px;
}

.rules_regualtions h6 {
    font-size: 15px;
}

.rules_regualtions h5 {
    font-size: 17px;
}

.rules_regualtions ol li a {
    color: orange;
}

.rules_regualtions ol li a:hover {
    color: orange;
    text-decoration: none;
}

.rules {
    background: #fefbf4;
}

.other-events .news-block .lower-content {
    min-height: 195px;
}

.login-form .clearfix-2 {
    display: flex;
    flex-direction: column;
}

.login-form .create-account a {
    color: #ffae00 !important;
}

.login-form .create-account a:hover {
    color: #ffae00 !important;
    text-decoration: none;
}

.year-selection {
    border-bottom: 1px solid orange;
}

.membership .contact-form {
    border: 1px solid gray;
    box-shadow: 0 0 20px gray;
    border-radius: 20px;
    padding: 30px;
}

.membership {
    background: url(../images/New-Images/special-bg.jpg), linear-gradient(white 50% green 100%);
}

.ovel-btn {
    border-radius: 30px;
}

/* offcanvas */
/* ---- reset ---- */

canvas {
    display: block;
}

/* header-two */

.header-2style-two::before {
    background-color: white !important;
}

.header-top-2 {
    background: #00082e !important;
    width: max-content !important;
    margin-left: auto !important;
    border-bottom: 2px solid #00082e;
}

.header-style-two .header-top-2 .inner-container {
    padding-left: 342px;
    padding-right: 10px;
}

.special-event-sec {
    background-image: url(../images/New-Images/special-event-bg.jpg);
}

.month-btn {
    width: 100%;
}

.spl-event-btns {
    border: 3px solid gray;
    background: white;
}

.spl-event-btns-2 {
    border: 3px solid gray;
    border-top: 0;
    background: white;
}

.spl-event-btns .event {
    display: flex;
    align-items: center;
    justify-content: center;
}

.spl-event-btns .event-2 {
    border-left: 3px solid gray;
}

.h-200 {
    height: 110px;
}

.h-200 img {
    height: 100%;
}

.footer-two a:hover {
    text-decoration: none !important;
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.tg-player {
    width: 100%;
    float: left;
    height: 150px;
    overflow: hidden;
    background: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.tg-players {
    overflow-y: scroll;
    width: 100%;
    float: left;
    height: max-content;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.tg-playcontent {
    width: 100%;
    float: left;
    padding: 28px 0;
}

.mCSB_inside>.mCSB_container {
    margin-right: 10px;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

.tg-player {
    height: 290px;
    background: #181f5a url(../images/New-Images/specialbg.webp) no-repeat;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.tg-player+.tg-player {
    margin: 10px 0 0;
}

.special-event-section a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}

.tg-player figure {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0 0;
}

.tg-playcontent .tg-theme-tag {
    float: left;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    position: relative;
    text-align: center;
    background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
    padding: 2px 10px 2px 10px;
    text-transform: capitalize;
    cursor: pointer;
}

.tg-playcontent h3 a {
    margin-top: 15px;
    margin-bottom: 12px;
    width: 100%;
    float: left;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 24px;
    color: #181f5a;
    text-align: left;
}

.tg-player .tg-playcontent h3 a,
.tg-player .tg-playcontent h2 {
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.tg-playcontent .tg-description {
    color: #fff;
    float: left;
    width: 100%;
    padding: 10px 0;
    text-align: left;
}

.tg-playcontent .tg-description p {
    color: #fff !important;
}

.tg-players .tg-player h5 {
    color: white;
}

.tg-players .tg-player h4 {
    color: white !important;
}

.tg-players .tg-player .designation {
    color: white !important;
}

.about_text_wrapper h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 30px;
    height: 3px;
    background: #181f5a;
    width: 90px;
}

.about_text_wrapper h2 {
    margin: 0px 0px 0px 0px;
    color: #111;
    font-size: 24px;
    font-weight: 500;
    position: relative;
    text-transform: capitalize;
    padding-bottom: 50px;
    display: inline-block;
}

.about_text_wrapper .abt_link li {
    padding-top: 12px;
    display: flex;
    align-items: start;
}

.about_text_wrapper .abt_link li {
    color: #111;
    font-size: 15px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.about_text_wrapper .abt_link li i {
    padding-right: 13px;
    color: #ffae00;
    margin-top: 7px;
}

.healer-baskar-events {
    background-attachment: fixed;
    background-size: cover;
    animation: moveBackground 10s linear infinite;
    transition: transform 0.3s ease;
}

.about-section-two .owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: end !important;
}

.info-content .owl-carousel .owl-stage {
    height: max-content !important;
}

.tg-players::-webkit-scrollbar {
    display: none;
}

.quotes-sec {}

.w-25 {
    width: 25%;
}

.w-75 {
    width: 75%;
}

/* register */

.register-head {
    padding: 10px;
    background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
}

.register-sec .testimonial .description {
    text-align: justify;
    padding: 20px 22px;
    background: #ffffff;
    border: 2px solid #ffaa28;
    font-size: 15px;
    color: #585858;
    line-height: 25px;
    margin: 0;
    position: relative;
}

.register-sec .testimonial {
    margin: 0 20px 20px;
}

.login-container {
    background-color: #fff;
    width: 100%;
    border: 1px solid #e1e1e1;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
}

.create-text p {
    font-size: 16px;
    line-height: 26px;
    color: #666666;
}

.right-btn-c {
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 400;
    margin-left: 10px;
}

.btn-link {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    border-radius: 0px;
    border: 1px solid #ffa803;
    background: #ffa8030a;
}

.btn-link:hover {
    color: #fff;
    text-decoration: none;
    background-color: #e3880287;
    border-color: 1px solid #e38802;
}

.actives {
    color: #fff;
    background-color: #e3880287 !important;
}

.login-form {
    text-align: start;
}

.video-form {
    color: #847577;
    padding: 4px 20px;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    height: 45px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    background-color: rgb(255, 255, 255);
    outline: 1px #fff !important;
}

.register-sec input:not([type="email" i],
    [type="number" i],
    [type="password" i],
    [type="search" i],
    [type="tel" i],
    [type="text" i],
    [type="url" i]) {
    writing-mode: horizontal-tb !important;
}

.register-sec .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.select-form {
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.register-sec .select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.register-sec .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.register-sec .select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0 !important;
    padding: 6px 12px;
    height: 40px !important;
}

.signin a:hover {
    text-decoration: none;
}

.customer-details-one .login-container {
    background-color: #000000a6;
}

/* login css */

.login-container {
    width: 100%;
    border: 1px solid #e1e1e1;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
}

.login-form {
    padding: 0px 10px;
    text-align: center;
}

.login-logo {
    margin-top: 30px;
    margin-bottom: 30px;
}

.form-group {
    margin-bottom: 30px;
}

.video-form {
    color: #847577;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    min-height: 40px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    background-color: rgb(255, 255, 255);
}

.login-btn {
    width: 100%;
    height: 50px;
    margin-top: 10px;
}

.forgot-password {
    padding: 49px 0 0px;
}

.forgot-password a {
    font-size: 14px;
    font-weight: 400;
    color: #847577;
    cursor: pointer;
}

.forgot-password p {
    font-size: 14px;
    font-weight: 400;
    color: #847577;
    margin-top: 20px;
}

.logimg img {
    float: left;
    padding: 5px;
    text-align: center;
    width: 540px;
}

.login_register .btn-link {
    font-size: 14px;
    font-weight: 400;
    color: #000 !important;
    border-radius: 0px;
    border: 1px solid #ffb000;
    background: #fff1bd;
    transition: all 0.5s;
}

.login_register .btn-link:hover {
    background: #ffd779;
}

.btn-link:hover {
    color: #fff;
    text-decoration: none !important;
    background-color: #b3d4548c;
    border-color: 1px solid #e38802;
}

.forgot-password a:hover {
    color: #ff4200;
    cursor: pointer;
    text-decoration: none;
}

.login-phara {
    margin-top: 50px;
}

/* dashboard */

.dashboard-sec .my-Profile-dt {
    position: relative;
    min-width: 100%;
    min-height: 112px;
    background: #f3f3f3;
    margin-top: -3px;
}

.dashboard-sec .profile-dpt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: -3px;
    width: 200px;
}

.dashboard-sec .profile-dpt img {
    border-style: solid;
    border-width: 5px;
    border-color: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.18);
    width: 100px;
}

.dashboard-sec .profile-name-dt {
    margin-left: 250px;
    float: left;
    padding: 27px 0;
}

.dashboard-sec .profile-name-dt span {
    color: #ffa803;
    margin-right: 10px;
}

.dashboard-sec .profile-dt {
    float: right;
    padding: 20px 0;
}

.dashboard-sec .profile-name-dt h1 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    line-height: 24px;
    cursor: pointer;
}

.dashboard-sec .profile-dt ul {
    width: 100%;
}

.dashboard-sec .profile-dt li {
    padding: 10px 0;
    margin: 0px;
    line-height: 14px;
    display: inline-block;
    margin-left: 44px;
}

.dashboard-sec .setting-btn {
    padding: 10px 15px;
    line-height: 3;
}

.dashboard-sec .btn-link {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    border-radius: 0px;
    border: 1px solid #ffa803;
    text-decoration: none;
    background: #ffa8030a;
    transition: all 0.5s;
}

.dashboard-sec .btn-link:hover {
    color: #fff;
    text-decoration: none;
    /* background-color: #e3880200; */
    background-color: #e3880287;
    border-color: 1px solid #e38802;
}

.dashboard-sec .setting-btn span {
    margin-right: 10px;
}

.all-profile-details {
    margin-top: 80px;
    margin-bottom: 60px;
}

.dashboard-sec-2 .left-tab-links {
    margin-bottom: 30px;
}

.dashboard-sec-2 .ui.menu:first-child {
    margin-top: 0;
}

.dashboard-sec-2 .ui.vertical.menu {
    /* display: block; */
    display: inline-block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #FFF;
    box-shadow: 0 1px 2px 0 #e7e7e7;
}

.dashboard-sec-2 .ui.menu .item.user-tab {
    padding: 16px 20px !important;
}

.dashboard-sec-2 .ui.menu .item {
    position: relative;
    vertical-align: middle;
    line-height: 18px;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0;
    padding: 13px 28px;
    text-transform: none;
    color: #847577;
    font-size: 14px;
    font-weight: 400;
    -webkit-transition: background .1s ease, box-shadow .1s ease, color .1s ease;
    transition: background .1s ease, box-shadow .1s ease, color .1s ease;
}

.dashboard-sec-2 .ui.menu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1rem 0;
    background: #FFF;
    font-weight: 400;
    box-shadow: none;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 0px;
    min-height: 58px;
}

.edit-profile {
    float: left;
    border: 1px solid #e1e1e1;
    width: 100%;
}

.setting-dt h4 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.dashboard-sec .table {
    width: 100%;
    margin-bottom: 0;
    color: #212529;
}

.dashboard-sec table tr {
    border-bottom: 1px solid gray;
}

.dashboard-sec table tr td {
    padding: 10px;
    border-right: 1px solid gray;
}

.payment-table table thead tr td {
    padding: 8px;
    border-right: 1px solid #dddddd;
}

.payment-table table tbody tr td {
    padding: 8px;
    border-right: 1px solid #dddddd;
    font-size: 13px;
}

.text-orangered {
    color: #ff4200;
}

.language-btn i {
    margin-left: -5px;
}

.signin a {
    color: #ff4200;
}

.signin a:hover {
    color: #ff4200;
}

.modal-backdrop.show {
    display: none !important;
}

.modal-open .modal {
    background: #3c3c3cad;
}

/* Start    balaji css */

.call-to-action-two .content-box h2 span {
    font-size: 23px;
    color: #ffae00;
}

.call-to-action-two ul li img {
    padding-right: 5px;
}

.call-to-action-two ul li {
    color: #fff;
    line-height: 27px;
}

.news-section .lower-content h5 {
    position: relative;
    display: block;
    line-height: 1.4em;
    color: #ff4200;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
}

.news-section .lower-content .text-map-sec {
    margin: 0;
    font-weight: 500;
    font-size: 19px;
    color: #00082e;
}

.sec-title-middle h2 {
    display: block;
    font-size: 36px;
    line-height: 48px;
    color: #081245;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
}

.centre-details .map-section {
    font-weight: 500;
    color: #555555;
}

.centre-details .map-section:hover {
    color: #ff4200;
}

.centre-details-1 .map-section {
    font-weight: 400;
    color: #555555;
}

.centre-details-1 .map-section:hover {
    color: #ff4200;
}

.centre-details-1 i {
    color: #ffae00;
}

/* need to remove important */

.lower-content a,
.final-link a:hover i {
    color: #ff4200;
}

.centre-details {
    height: max-content;
}

/* balaji css End */
/* Customer Details Start */

.customer-details-one b {
    font-weight: 400;
    color: white;
}

/* Customer Details End */
/* success sec Start */

.success-sec .thankyou-card {
    border: 3px solid gray;
    border-top: 5px solid gray;
    border-bottom: 5px solid gray;
}

.success-sec .thankyou-card h2 {
    color: #4cb200;
}

.thankyou-card {
    width: 50%;
}

/* Success End */

.terms-conditions .paragraph {
    margin-left: 20px;
    text-align: justify;
}

.terms-conditions .bullet-mark i {
    color: #ffae00;
    margin-right: 5px;
    margin-top: 5px;
}

.speaker-detail-section-2 .details-column .name a span {
    color: #ff4200 !important;
}

.block-floating .floating-button {
    display: block !important;
}

/* donation */

.donation-rit-sec .donate-head-sec h4 {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: #F00;
    font-size: 25px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

.donation-rit-sec .donate-head-sec .sub-title {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: #060;
    font-size: 25px;
    font-weight: bold;
    font-style: italic;
    text-transform: capitalize;
    text-align: center;
}

.donation-rit-sec .donate-head-sec h5 {
    text-align: center;
}

.donation-rit-sec .donate-head-sec h6 {
    font-size: 17px;
    font-weight: 500;
    text-align: end;
    padding-top: 10px;
    color: #c77600;
}

.donate-icon-sec .icon-box {
    display: flex;
    justify-content: space-around;
    align-items: center;
    grid-gap: 10px;
    margin: 0px 90px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.donate-icon-sec .icon-box i {
    color: #ffbb00;
    font-size: 45px;
}

.donation-rit-sec .donate-icon-sec .icon-box h4 {
    font-weight: 600;
    color: #ff4200;
}

.donation-rit-sec .donate-icon-sec a {
    text-decoration: underline;
    color: #ff4200;
    font-weight: 600;
}

.donation-sec-two .donation-colum .date-box-outer {
    justify-content: center;
}

.donation-sec-two .single-mission:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    transition: 0.5s;
}

.donation-sec-two .single-mission {
    margin-bottom: 30px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
}

.donation-sec-two .single-mission h3 {
    font-weight: 600;
    font-size: 23px;
    color: #081245;
    margin-top: 14px;
}

.donation-sec-two .single-mission p {
    text-align: justify;
}

.knowledge-share-sec .knowledge-left-sec .text {
    text-align: justify;
}

.knowledge-share-sec .knowledge-left-sec .text a {
    text-decoration: underline;
    color: #ff4200;
    font-weight: 600;
}

.donation-sec-two .inner-column .text {
    margin-top: 20px;
}

.knowledge-share-sec {
    background-color: #f9f9f9;
}

.donate-detail-sec .other-info h2 {
    font-size: 36px;
    line-height: 1.2em;
    color: #001376;
    font-weight: 700;
    margin-bottom: 20px;
}

.donate-detail-sec .donate-cont a {
    color: #ffb342;
    font-weight: 500;
}

.speaker-session-info .inner-box:hover .donate-cont a {
    color: #ffffff !important;
}

.donate-detail-sec .text-high {
    font-size: 20px;
    font-weight: 500;
    color: #ff4200;
}

.donation-sec-two .non-cash-section {
    padding-bottom: 50px;
}

.event-type-2 .news-block .inner-box {
    box-shadow: unset !important;
}

.failure-page .thankyou-card h2 {
    color: black;
}

.event-details-column .date-btn .book-now-btn {
    position: unset !important;
}

.event-details-column .date-btn .book-now-btn .btn-style-special {
    min-width: max-content !important;
    padding: 4px 12px;
}

/* future section two end */

.volunteer-sec h4 {
    font-size: 24px;
    line-height: 1.2em;
    color: #081245;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
}

.become-volunteer {
    background-color: #f9f9f9;
}

.become-volunteer .circle span {
    background: #ffae00;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.become-volunteer .circle {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.become-volunteer .circle:hover {
    animation: hover-animation linear 1s infinite;
}

.become-volunteer h4 {
    font-size: 24px;
    line-height: 1.2em;
    color: #081245;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}

.become-volunteer h6 {
    text-align: center;
    margin-top: 15px;
    font-weight: 600;
}

.become-volunteer p {
    text-align: center;
}

.become-volunteer .circle-line {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 0 20px 0;
    position: relative;
    z-index: 0;
}

.become-volunteer .circle-line::after {
    content: "";
    width: 100%;
    height: 5px;
    background-image: linear-gradient(to right, #ffb300 10%, #ff7800 5%, #ff7200 90%, #ffae00 10%);
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

@keyframes hover-animation {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

#contact:active {
    background: #ff4200;
}

#contactForm {
    display: none;
    border: 6px solid #ff4200;
    padding: 20px;
    width: 400px;
    text-align: center;
    background: #f9f9f9;
    position: fixed;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 9999;
}

input,textarea {
    margin: 5px auto;
    font-family: inherit;
    text-transform: inherit;
    font-size: inherit;
    display: block;
    width: 560px;
    padding: .4em;
}

.event-page-filter input, textarea {
    margin: 5px;
}
.blood-donation input, textarea {
    margin: 5px 0;
}

textarea {
    height: 80px;
    resize: none;
}

#contactForm h3 {
    font-size: 20px;
    line-height: 1.2em;
    color: #081245;
    font-weight: 700;
    margin-bottom: 10px;
}

#contactForm .form-wrapper {
    margin-bottom: 10px;
}

#contactForm label {
    margin-bottom: 0px;
    display: flex;
    font-size: 14px;
}

#contactForm .form-control {
    display: block;
    width: 100%;
    height: 28px;
    padding: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin: 0;
}

#contactForm .cross-icon {
    position: absolute;
    font-size: 20px;
    cursor: pointer;
    right: 10px;
    top: 10px;
}

#contactForm .cross-icon .close-icon-bg {
    background: #ff7600;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.dontat-form-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 15px;
}

.know-more-btn-1 a {
    color: #ff4200 !important;
    font-weight: 600;
    text-decoration: underline 2px solid;
}

#pills-tab {
    justify-content: center;
}

#pills-tab .nav-link {
    font-size: 22px;
    font-weight: 600;
    color: #363636;
}

.nav-pills .nav-link.active {
    color: #ffffff !important;
    background-color: #ff4200;
}

.faq-category select {
    background: whitesmoke;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    color: #fe4200;
    font-weight: 600;
}

.faq-category select option {
    background: whitesmoke;
    padding: 10px !important;
    border: 1px solid #dbdbdb !important;
    color: gray;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-button {
    color: #fff;
    padding: 2px;
    border: none;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    border-radius: 5px;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    color: #000 !important;
}

.dropdown-content a:hover {
    color: #ffae00 !important;
}

.dropdown-item {
    text-decoration: none;
    display: block;
    color: #333;
}

.dropdown-item:active {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

#header-new {
    color: #fff;
    padding: 20px;
    text-align: center;
    transition: all 0.3s;
}

.schedule-tabs input,
textarea {
    width: max-content;
}

.event-finder .tab-btn {
    color: red !important;
    background: green !important;
    accent-color: green;
}

.extra-nav li {
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.extra-nav li a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 13px;
    font-size: 16px;
    color: #404040;
    font-weight: 500;
    text-transform: capitalize;
}

.extra-nav .dropdown-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 44px;
    height: 44px;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    color: #404040;
    cursor: pointer;
    z-index: 5;
    display: none;
}

.mobile-menu .extra-nav li>ul,
.mobile-menu .extra-nav li>ul>li>ul {
    display: none;
}

.desk-display {
    display: none;
}

.mobile-display {
    display: block;
}

.w_50 {
    width: 50%;
}

.md-block {
    display: none;
}

#particles-js {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.animation-dts #particles-js {
    position: absolute;
    width: 100%;
    height: 650px;
    background-size: cover;
    background-position: 50% 50%;
    top: 0px;
    z-index: 1;
}

#particles-js {
    z-index: -1 !important;
}

#header-new {
    color: #fff;
    padding: 20px;
    text-align: center;
    transition: all 0.25s;
}

.header-background-demo {
    transition: all 0.25s;
    position: fixed !important;
    top: 0;
    left: 0;
    background-color: white !important;
    box-shadow: 0 0 20px gray;
    z-index: 99;
    width: 100%
}

.masthead.-type-6 {
    position: relative;
    z-index: 0;
}

[data-anim-wrap].animated {
    pointer-events: auto;
}

.y-gap-50 {
    margin-top: -25px;
    margin-bottom: -25px;
}

.masthead.-type-6 .masthead__bg>img:nth-child(1) {
    left: 0;
}

.masthead.-type-6 .masthead__bg>img {
    position: absolute;
    top: 0;
}

.masthead .-type-6 .masthead__title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 55px;
    line-height: 1.2;
}

.y-gap-20 {
    margin-top: -10px;
    margin-bottom: -10px;
}

.x-gap-20 {
    margin-left: -10px;
    margin-right: -10px;
}

.button.-orange-1 {
    background-color: #8f2737;
    border: 2px solid #8f2737;
}

.button.-orange-1:hover {
    background: #00000000;
    color: #8f2737 !important;
    text-decoration: none;
}

.text-dark-1 {
    color: #140342;
}

.button.-outline-light-5:hover {
    background-color: #ededed;
    border-color: #00000000;
    color: #140342;
    text-decoration: none;
}

.button.-outline-light-5 {
    border: 2px solid #ededed;
}

.masthead__content .about-image-wrapper:before.-orange-1 {
    background-color: #8f2737;
    border: 2px solid #8f2737;
}

.masthead__content .button.-md {
    padding: 12px 55px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    height: 60px;
}

.masthead__content .button {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    border-radius: 8px;
    line-height: 1;
    font-weight: 400;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.masthead__content .button .-outline-light-5 {
    border: 2 x solid var(--color-light-5);
}

.masthead__content .absolute-full-center {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.masthead.-type-6 .masthead__title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.2;
    color: #ff9c00;
}

.text-purple-1 {
    color: #140342 !important;
}

.masthead__content p{
    color: #4f5f7b;
    text-indent: 50px;
}

.about-service-new  .masthead__content p:nth-child(3){
    text-indent: 50px !important;
}

.about-service-new  .masthead__content p {
    text-indent: unset;
}

.masthead__content .icon-content {
    color: #140342;
    font-weight: 600;
    line-height: 18px;
}

.owl-carousel .banner-icon img {
    width: 30px;
}

.home-page .header-style-two {
    transition: all 0.25s;
    position: sticky;
}

.vision-parent {
    position: relative;
}

.vision-parent .vision {
    position: absolute;
    left: 34%;
    top: 48%;
    z-index: 10;
    transform: translateY(-50%);
}

.vision-parent .vision li {
    min-height: 80px;
    width: 150px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
}

.vision-parent .tab img {
    width: 100%;
}

.vision-content {
    padding-left: 8%;
}

.vision-content-2 {
    height: 280px;
    overflow-y: scroll;
	padding-right: 10px;
}

.vision-mission .shop-page .prod-tabs .tab-btns .tab-btn {
    background: white;
}

.vision-mission .shop-page .prod-tabs .tab-btns .tab-btn:hover,
.shop-page .prod-tabs .tab-btns .tab-btn.active-btn {
    color: #ffffff;
    background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
    border-color: unset;
}

.photo-article-1 .row .col-md-4 {
    margin-bottom: 30px;
}

.photo-article-1 .gallery-img-zoom {
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

.photo-article-1 .btn-gallery .gallery-img-zoom img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 0 35px 0 35px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.photo-article-1 .btn-gallery:hover {
    color: #fff;
    transform: scale(1.025);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 5px 10px;
}

.photo-article-1 .btn-gallery:hover .gallery-img-zoom img {
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    -ms-transform: scale(1.35);
    -o-transform: scale(1.35);
    transform: scale(1.35);
}

.photo-article-1 .btn-gallery:hover h5 {
    color: #fff;
}

.photo-article-1 .btn-gallery h5 {
    padding: 15px 0;
    font-size: 20px;
    color: #003083;
    margin: 0;
}

.photo-article-1 .btn-gallery .backgroundEffect_2 {
    bottom: 0;
    height: 0px;
}

.all-category .event-title {
    background-image: linear-gradient(-155deg, rgb(30 12 79 / 50%) 37%, rgba(255, 255, 255, .08) 15%), linear-gradient(258deg, rgba(87, 238, 255, .1), rgb(0 11 48));
    background-color: rgba(74, 148, 214, .9);
}

.all-category .lower-content-2 span a {
    color: white !important;
    font-size: 14px !important;
}

.quote-sec .quotes-card {
    background: #fff5df;
    box-shadow: 0 0 10px gray;
    min-height: 320px;
    border: 3px solid white;
    padding: 16px;
    margin-bottom: 18px;
}
.quote-sec .quotes-card1 {
    background: #fff5df;
    box-shadow: 0 0 10px gray;
    min-height: 260px;
    border: 3px solid white;
    padding: 16px;
    margin-bottom: 18px;
}

.quote-sec .quotes-card h4 {
    font-size: 17px;
    line-height: 30px;
}

.accordion-sec .accordion-item p {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #555555;
    font-weight: 400;
    margin-bottom: 30px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    text-align: justify;
}

.event-search-form .form-group:last-child::before {
    display: none;
}

.filter-option select option {
    background: white;
    font-size: 15px;
}

.filter-option select option:hover {
    background: gray !important;
}

.event-detail-btn .benefits .benefits-area {
    height: 176px;
    border: 1px solid #bdbdbd;
    border-radius: 3px;
    padding: 10px;
    overflow: auto;
}

.benefits .benefits-area ul li {
    text-align: justify;
}

.benefits .benefits-area ul li p img {
    margin-top: -3px;
}

.meet-section .content-box h2 {
    margin-bottom: 35px;
}

.overlay {
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(50px);
    z-index: 9;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    margin: 60px auto;
    border: 5px solid #ffae00;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 41%;
    position: relative;
    transition: all 5s ease-in-out;
}

.popup h2 {
    margin-top: 0;
    color: #ff4200;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 28px;
    margin-bottom: 20px;
    text-align: center;
}

.popup .close {
    position: absolute;
    top: 5px;
    right: 15px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.popup .close:hover {
    color: #ff6a02;
}

.popup .content {
    max-height: 30%;
    overflow: auto;
}

.form label {
    cursor: pointer;
}

.card .form .input-radio {
    box-shadow: 0px 0px 0px 1px #6d6d6d;
    font-size: 3em;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    border: 4px solid #fff;
    background-clip: border-box;
    border-radius: 50%;
    appearance: none;
    transition: background-color 0.3s, box-shadow 0.3s;
}

.popup .form label {
    display: flex;
    margin: 10px 15px;
}

.input-radio.on:checked {
    box-shadow: 0px 0px 0px 4px #00eb27;
    background-color: #51ff6e;
}

.input-radio.off:checked {
    box-shadow: 0px 0px 0px 4px #eb0000;
    background-color: #ff5151;
}

.popup .form {
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup .content h6 {
    line-height: 28px;
}

.form-check-input:checked {
    background-color: #ff4200;
    border-color: #ff4200;
}

.form-check-input {
    border: 1px solid rgb(255 66 0);
}

.content .form-group {
    margin-bottom: 10px;
}

.popup .content p {
    text-align: center;
}

.popup .content .text-black {
    color: #081245 !important;
    font-weight: 600;
}

.content .form-group span {
    margin-right: 5px;
}

.section-height {
    height: 250px;
}

.badge-info {
    background-color: rgba(23, 160, 184, 0.17);
    color: #17a2b8;
}

.section-title .badge {
    margin: 0 0 8px;
}

.badge {
    border-radius: 100px;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: normal;
    padding: 4px 14px;
    text-transform: uppercase;
}

.h2,
h2 {
    color: #081245;
}

h2 {
    font-size: 36px;
}

.social-overlap {
    width: 100%;
    transform: translateY(-50%);
}

/* .justify-content-center {
   -ms-flex-pack: center !important;
   justify-content: center !important;
} */
/* .justify-content-center {
   -webkit-box-pack: center !important;
   -ms-flex-pack: center !important;
   justify-content: center !important;
} */

.social-bar {
    display: flex;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 60px rgba(93, 70, 232, 0.15);
    border: 1px solid#ebe9e9;
}

.iconpad {
    padding: 12px 0;
    width: 100%;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.process-scetion .slider-nav-item {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    cursor: pointer;
    transition: all 0.4s ease;
}

.social-icons a {
    display: inline-block;
    line-height: 52px;
    height: 50px;
    width: 50px;
    box-shadow: 0 5px 25px rgba(93, 70, 232, 0.15);
    margin: 15px 15px;
    font-size: 22px;
    text-decoration: none !important;
    transition: all 0.3s ease 0s;
}

a {
    text-decoration: none !important;
    color: #3f345f;
    transition: all 0.3s ease 0s;
}

.slider-nav-item:before {
    position: absolute;
    content: "";
    height: calc(100% + 16px);
    width: calc(100% + 16px);
    top: -8px;
    left: -8px;
    border-radius: 50%;
    border: 1px solid rgba(132, 132, 164, 0.35);
    animation: 1.5s linear 0s normal none infinite focuse;
}

/*socil*/

.slider-nav {
    display: flex;
}

/*
.slider-nav-item:before {
   position: absolute;
   content: "";
   height: calc(100% + 16px);
   width: calc(100% + 16px);
   top: -8px;
   left: -8px;
   border-radius: 50%;
   border: 1px solid rgba(132, 132, 164, 0.35);
   animation: 1.5s linear 0s normal none infinite focuse;
} */

.process-scetion .slider-nav-item:nth-child(1) {
    color: #1877F2;
}

.process-scetion .slider-nav-item:nth-child(2) {
    color: #ed4436;
}

.process-scetion .slider-nav-item:nth-child(3) {
    color: #311f9b;
}

.process-scetion .slider-nav-item:nth-child(4) {
    color: #8a3ab9;
}

.process-scetion .slider-nav-item:nth-child(5) {
    color: #0077b5;
}

.process-scetion .slider-nav-item:nth-child(6) {
    color: #E60023;
}

.process-scetion .slider-nav-item:nth-child(7) {
    color: #075E54;
}

.process-scetion .slider-nav-item:nth-child(8) {
    color: #229ED9;
}

.process-scetion .slider-nav-item:after {
    position: absolute;
    top: 50%;
    left: 100%;
    height: 2px;
    content: "";
    width: 100px;
    background: url(http://demo.themenio.com/ico/assets/images/line.png) repeat 0 0;
    z-index: 0;
    animation: slide 1s linear infinite;
}

.process-scetion .slider-nav-item:last-child:after {
    display: none;
}

.process-scetion .slider-nav-item .ikon {
    font-size: 50px;
    line-height: 80px;
}

.process-scetion .slider-nav-item.active:before {
    position: absolute;
    content: "";
    height: calc(100% + 16px);
    width: calc(100% + 16px);
    top: -8px;
    left: -8px;
    border-radius: 50%;
    border: 1px solid rgba(132, 132, 164, 0.35);
    animation: 1.5s linear 0s normal none infinite focuse;
}

@keyframes focuse {
    0% {
        transform: scale(0.8);
        opacity: 1;
    }

    75% {
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@keyframes slide {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 40px 0;
    }
}

.shadow-img1 {
    background-image: url("../img/shadow.png");
    background-repeat: no-repeat;
    background-position: bottom;
}

.shadow-img2 {
    background-position: bottom;
    background-image: url("../img/shadow2.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.mt100 {
    margin-top: 100px;
}

@-webkit-keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.jello-horizontal {
    -webkit-animation: jello-horizontal 0.9s both;
    animation: jello-horizontal 0.9s both;
}

.social-bar a:hover i {
    -webkit-animation: jello-horizontal 0.9s both;
    animation: jello-horizontal 0.9s both;
}

.about-section .intro-video-section .image-3 {
    position: absolute;
    border: 30px solid #ffba00;
    top: 0px;
    left: 0;
    z-index: 2;
    border-radius: 50%;
    overflow: hidden;
}

.rtl .about-section .intro -video-section .image-3 {
    left: auto;
    right: -50px;
}

.about-section .about-image-wrapper .play-btn-1:before {
    position: absolute;
    left: 26%;
    top: 41%;
    z-index: 3;
    width: 140px;
    height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ffffff00;
    margin-left: -20px;
    border-radius: 50%;
}

.about-section .about-image-wrapper .play-btn-1 .icon {
    position: relative;
    height: 75px;
    width: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ff8d1a;
    padding-left: 5px;
    color: #ffffff;
    font-size: 22px;
    border-radius: 50%;
    content: "";
}

.about-section .about-image-wrapper .play-btn-1:before {
    position: absolute;
    height: 110px;
    width: 110px;
    border: 2px dashed #ff0000;
    border-radius: 50%;
    left: 34px;
    top: 16px;
    content: "";
    -webkit-animation: zoomInOut 2s infinite;
    animation: zoomInOut 2s infinite;
}

.about-section .about-image-wrapper .play-btn-1 {
    position: absolute;
    left: 33%;
    top: 41%;
    z-index: 3;
    width: 140px;
    height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ffffff00;
    margin-left: -20px;
    border-radius: 50%;
}

.volunteer-sec .direct-class {
    height: 268px;
    padding: 14px;
    background: #ffffffb0;
    border: 1px solid #858585;
    border-radius: 3px;
    overflow: auto;
    margin-bottom: 20px;
}

.Quotes_Photos .quotes-card {
    padding: 0;
    border: unset;
    height: 100%;
    position: relative;
}

.Quotes_Photos .quotes-card .therapyst-sign {
    position: absolute;
    bottom: 0;
    right: 0;
}

.Quotes_Photos .quotes-card .quote-content {
    padding: 10px;
}

.Quotes_Photos .quotes-card .quotes-img {
    position: relative;
}

.bg-tapper {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 14px;
    background: linear-gradient(4deg, #fff5df 49%, transparent 46%);
}

/* fancybox */

.gallery_sec {
    width: 100%;
    padding: 80px 0;
}

.heading {
    width: 100%;
    text-align: center;
}

.heading h2 {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 25px;
}

.gallery_sec img {
    border-radius: 0 40px 0 40px;
    width: 100%;
    margin-bottom: 30px;
    height: 250px;
}

.gallery_sec a {
    position: relative;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.gallery_sec a::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    background: none;
    background-size: contain;
    background-repeat: no-repeat;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gallery_sec img {
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.gallery_sec a:hover img {
    position: relative;
    width: 100%;
}

.gallery_sec a:hover img {
    opacity: 0.2;
}

.gallery_sec a:hover::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    background: url(https://i.ibb.co/3fMkjjF/Resize.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 99;
}

.centres-area .news-block .inner-box {
    height: 100%;
}

.download-app li img {
    width: 140px;
}

.tab-function-card .event-finder .news-block h4 a {
    font-size: 15px !important;
    color: white !important;
}

.free-btns {
    box-shadow: 0 5px 3px #e2e2e2;
    border: 1px solid #e2e2e2;
    border-top: none;
    border-radius: 3px;
}

.free-btns .book-now-btn {
    transition: all 0.4s;
    padding: 0 4px;
}

.free-btns .book-now-btn a {
    font-size: 14px;
    font-weight: 600;
}

.free-btns .book-now-btn:hover {
    background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
    border-radius: 3px;
    transition: all 0.5s;
}

.free-btns .book-now-btn:hover a {
    color: white !important;
}

.video-btn {
    position: absolute;
    top: 2%;
}

/* balaji */

.ninteen-days-section {
    background-color: #fffbf5;
    padding: 100px 0;
}

.ninteen-days-section .news-block.style-four {
    padding-top: 20px;
    margin-bottom: 30px;
}

/* need to change */

.fact-counter-two {
    position: relative;
    max-width: 100%;
    background-image: url(../images/New-Images/donation-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 20px 0 0;
    z-index: 3;
}

.about-section-two .fact-counter-two {
    /* margin-left: 100px; need to removeit */
    padding: 20px 65px;
    margin-top: 25px;
}

.schedule-block-two .date-box {
    position: relative;
    padding-left: 95px;
    min-width: max-content;
    padding-right: 20px;
}

.schedule-block-two {
    position: relative;
    margin-bottom: 20px;
}

.schedule-block-two .date-box .count {
    position: absolute;
    left: 0;
    top: -30px;
    height: 50px;
    width: 50px;
    background: #ffffff;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    color: #081245;
    font-weight: 700;
    font-family: 'Evo', sans-serif;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .13);
    box-shadow: 0 0 10px rgba(0, 0, 0, .13);
}

/* balaji End */

.donation-colum .date-box-outer::before {
    display: none;
}

.image-gallery .parent-img a img {
    border-radius: 0 65px 0 0;
    border: 3px solid #ffae00;
    transition: all 0.8s;
    z-index: -2;
}

.image-gallery .parent-img .gallery-title {
    background: #ffeec9;
    box-shadow: 0 0 5px gray;
    border-radius: 0 0 0 40px;
    transition: all 0.8s;
    color: #081245;
}

.image-gallery .parent-img .gallery-title h4 {
    font-size: 18px;
}

.image-gallery .parent-img:hover .gallery-title {
    border-radius: 0;
}

.image-gallery .parent-img {
    transform: scale(1.025);
}

.gly-card-img {
    overflow: hidden;
}

.image-gallery .parent-img:hover a img {
    border-radius: 0;
    transform: scale(1.35);
    -webkit-transform: scale(1.35);
    z-index: -2;
}

.image-gallery .modal-dialog {
    width: 350px;
    margin: 10% auto;
}

.image-gallery.owl-carousel .owl-item {
    width: 100%;
}

.gallery-sec .gallery-div {
    margin-bottom: 40px;
}

.gallery-sec .gallery-div:last-child {
    margin-bottom: 0px;
}

.baskar-event .hoverbox {
    position: relative;
    border: 1px solid #e0e0e0;
    background: white;
    box-shadow: 0 10px 20px #cbcbcb;
    padding: 10px 13px;
    overflow: hidden;
    border-radius: 0px;
    transition: 0.35s ease-in;
}

.hoverbox .event-card-img img {
    position: unset !important;
}

.baskar-event .hoverbox:after {
    content: "";
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 0%;
    height: 0.35rem;
    background: #ff9c00;
    transition: all 0.5s;
}

.baskar-event .hoverbox img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all 0.5s;
    /* filter: blur(1px) saturate(0); */
}

.baskar-event .hoverbox h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: black;
    margin-bottom: 10px;
}

.baskar-event .hoverbox p {
    color: gray;
    margin-bottom: 1.125rem;
    font-weight: 300;
}

.baskar-event .hoverbox ul li {
    position: relative;
    padding-left: 20px;
    width: 50%;
}

.baskar-event .hoverbox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.baskar-event .hoverbox ul li:before {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 8px;
    line-height: 24px;
    color: #ff6a02;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "\f111";
}

.baskar-event .hoverbox a {
    position: relative;
    color: #ff9c00;
    text-decoration: unset;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    transition: color 0.35s;
}

.baskar-event .hoverbox a:after {
    content: ">";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
    border: 2px solid #fff5;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    transition: all 0.35s, color 0s;
}

.baskar-event .hoverbox a:before {
    content: "";
    position: absolute;
    width: 0rem;
    height: 0.125rem;
    background: #fff;
    right: 0.75rem;
    top: calc(50% - 0.025rem);
    transition: 0.35s;
}

.baskar-event .hoverbox:hover {
    background: #fff;
    box-shadow: 0px 16px 24px rgb(180 180 180);
}

.baskar-event .hoverbox:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}

.baskar-event .hoverbox:hover a:after {
    border-color: transparent;
    margin-left: 2rem;
    transition: all 0.35s, color 0s;
}

.baskar-event .hoverbox:hover a:before {
    width: 1.5rem;
    background: #ff9c00;
}

.baskar-event .hoverbox:hover a {
    color: #ff9c00;
}

.baskar-event .hoverbox:hover a:hover {
    color: #ff9c00;
}

.baskar-event .hoverbox:hover a:hover:before {
    background: #ff9c00;
}

.baskar-event .hoverbox:hover img {
    transform: scale(1.05) rotate(0deg);
    /* filter: blur(8px) saturate(0); */
}

.text-primary-2 {
    color: #081245 !important;
}

.special-event .border {
    height: 100%;
    background: linear-gradient(90deg, #ffae00 50%, transparent 50%), linear-gradient(90deg, #ada811 50%, transparent 50%), linear-gradient(0deg, #a9cb41 50%, transparent 50%), linear-gradient(0deg, #67b539 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 16px 4px, 16px 4px, 4px 16px, 4px 16px;
    background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px;
    border-radius: 5px;
    padding: 10px;
    transition: all 0.5s;
    animation: dash 14s linear infinite;
}

.special-event .border:hover {
    animation: unset;
}

@keyframes dash {
    to {
        background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%;
    }
}

.video-icon a {
    color: #f87800;
}

.section-bg {
    background: #abd2f736;
}

/* naaluma yoga  start*/

.services .icon-box {
    padding: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 10px 40px 10px;
    background: #fff;
    box-shadow: 0 10px 29px 0 rgba(6, 1, 48, 0.5);
    transition: all 0.3s ease-in-out;
}

.services .icon-box:hover {
    transform: translateY(-5px);
}

.services .icon {
    position: absolute;
    left: -20px;
    top: calc(50% - 30px);
}

.services .icon i {
    font-size: 64px;
    line-height: 1;
    transition: 0.5s;
}

.services .title {
    margin-left: 40px;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 18px;
}

.services .title a {
    color: #081245;
}

.services .icon-box:hover .title a {
    color: #ff9c00;
}

.services .description {
    font-size: 14px;
    margin-left: 40px;
    line-height: 24px;
    margin-bottom: 0;
}

.naaluma-yoga .naaluma-cards .icon img {
    width: 70px;
}

/* naaluma yog end */

.share-modal-popup .form-group {
    margin-bottom: 0;
}

.share-modal-popup .form-group label {
    font-weight: 600;
    padding-bottom: 0;
}

.share-modal-popup .form-group input {
    margin: 3px 0;
}

.share-modal-popup .form-group textarea {
    margin: 3px 0;
}

.share-modal-popup .modal-content {
    border: 3px solid orange;
}

.share-modal-popup .modal-footer {
    border: 0;
}

.share-modal-popup .modal-footer .btn-2 {
    background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
    transition: all 0.5s;
    color: white;
    border: 0;
}

.share-modal-popup .modal-footer .btn-2:hover {
    background: linear-gradient(45deg, #ff6c00 1%, #ffc600 100%);
}

footer .download-app img {
    width: 140px;
    margin-bottom: 14px;
}

.all-topics .nav-tabs {
    display: unset;
}

.all-topics .all-topics-content {
    height: 200px !important;
    overflow-y: scroll;
    position: sticky;
    top: 25%;
}

.all-topics .all-topics-content li button {
    transition: all 0.5s;
    text-align: start;
    border-radius: 4px;
    width: 100%;
}

.all-topics .all-topics-content li button:hover {
    background: linear-gradient(-45deg, #ff6c00 1%, #ffc600 100%);
    color: white;
}

.finder .submit-icon {
    top: 7px;
}

.finder .flaticon-search:after {
    display: none;
}

.tab-content .tab-content-card {
    border: 1px solid gray;
}

/* magazine start */

.for-more-cont a {
    color: #ff9c00;
    font-weight: 700;
}

.magazine-sec .speaker-info {
    text-align: left;
}

.magazine-sec .schedule-block-three .speaker-info p {
    text-align: end;
    color: #ff801a;
}

.magazine-sec .schedule-block-three .speaker-info a {
    padding-left: 5px;
    font-weight: 600;
    font-size: 14px;
}

/* magazine end */
/* social media start */

.social-menu {
    display: flex;
    justify-content: center;
}

.social-btn {
    list-style: none;
    width: 50px;
    border: 1px solid #c8c8c8;
    height: 50px;
    background: #fff;
    margin: 5px 15px;
    border-radius: 30%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 10px 10px -5px rgb(255, 255, 255, 0.1);
    transition: all 0.3s;
    z-index: 10px;
}

.social-btn a {
    text-decoration: none;
    color: #fff;
    font-size: 20px;
}

.social-btn:hover a {
    color: #fff;
}

.social-menu .social-btn::before {
    content: attr(tooltip);
    position: absolute;
    top: 0;
    font-size: 0.9em;
    font-weight: bold;
    z-index: -1;
    opacity: 0;
    pointer-events: auto;
    background: #fff;
    padding: 10px;
    color: #000;
    letter-spacing: 1px;
    transition: all 0.3s ease-out;
}

.social-menu .social-btn::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    top: 0;
    opacity: 0;
    background: #fff;
    transform: rotate(45deg);
    left: 20%;
    z-index: -2;
    transition: all 0.3s ease-out;
}

.social-menu .social-btn:hover::before {
    top: 35px;
    opacity: 1;
}

.social-btn:hover::after {
    top: -12px;
    opacity: 1;
}

.facebook a {
    color: #3b5999;
}

.facebook:hover,
.facebook:hover .social-btn:before,
.facebook:hover .social-btn:after {
    background: #3b5999;
}

.instagram a {
    color: #962fbf;
}

.instagram:hover,
.instagram:hover .social-btn:before,
.instagram:hover .social-btn:after {
    background: #9e3fc4;
}

.pinterest a {
    color: green;
}

.pinterest:hover,
.pinterest:hover .social-btn:before,
.pinterest:hover .social-btn:after {
    background: green;
}

.linkedin a {
    color: #ee4436;
}

.linkedin:hover,
.linkedin:hover .social-btn:before,
.linkedin:hover .social-btn:after {
    background: #ee4436;
}

/* social media end */

.rules-regulations h6 {
    font-size: 15px;
    color: black;
}

.rules-regulations ol li {
    font-size: 14px;
}

.event-search-form {
    margin-left: auto;
}

/* health tips start */

.health-tips-sec .health-tips-card .health-content {
    /* height: 260px; */
    /* overflow-y: scroll; */
    padding-right: 10px;
}

.health-tips-sec .health-tips-card p {
    text-align: justify;
    text-indent: 50px;
}

.health-tips-sec .health-tips-card h4 {
    color: #081245;
    margin-bottom: 20px;
}

.health-tips-card .healthtips {
    position: relative;
    overflow: hidden;
    transition: 0.35s ease-in;
}

.health-tips-card .healthtips img {
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%;
    height: 100%; */
    width: 300px;
    height: 300px;
    margin-left: 25px;
    transition: all 0.5s;
}

.health-tips-card .healthtips img {
    position: unset;
}

.health-tips-card .healthtips:hover img {
    transform: scale(1.1) rotate(0deg);
}

.health-bg {
    background: #ededed;
    z-index: 0;
}

.consulting-feature-section {
    /* background-image: url(../images/New-Images/bg-yoga.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.consulting-feature-section.style-two .single-feature-item {
    padding-bottom: 30px;
    height: 185px;
    background: white;
    border-bottom: 4px solid #45af52;
    padding-top: 30px;
    box-shadow: 0 7px 12px #535353;
    border-radius: 10px;
}

.tips-details-category .single-feature-item {
    background: (45deg, #cdcdcd, #ffffff) !important
}

.single-feature-item {
    text-align: center;
    margin-bottom: 30px;
    transition: 0.5s;
}

.single-feature-thumb img {
    width: 60px;
    transition: 0.5s;
    z-index: 5;

}

.single-feature-item:hover .single-feature-thumb img {
    transform: rotateY(360deg);

}

.consulting-feature-section.style-two .single-feature-item:hover h4 {
    color: #ff6a02;
}

.consulting-feature-section.style-two .single-feature-item h4 {
    color: #140342;
    margin-top: 10px;
    transition: all 0.5s;
    font-size: 20px;
    z-index: 5;
}

.consulting-feature-section.style-two .single-feature-item:hover h4 {
    color: #ff6a02;
}

.consulting-feature-section.style-two .single-feature-item a {
    color: #ff6a02;
    z-index: 5 !important;
}

.consulting-feature-section.style-two .single-feature-item:hover {
    box-shadow: 0 8px 20px black;
}

.health-tips-card .row {
    padding: 35px 30px;
}

.health-tips-card .row-2 {
    padding: 0px 30px;
}

.healthtips {
    position: relative;
}

.healthtips .video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
}

.healthtips .video-icon i {
    font-size: 20px;
    font-weight: 400;
    color: #140342;
}

.video-intro-column {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nishanthi-text h2 {
    display: block;
    font-size: 30px;
    line-height: 48px;
    color: #081245;
    font-weight: 600;
    text-transform: capitalize;
}

.video-button-section .play-btn-1 {
    position: absolute;
    left: 44%;
    top: 10%;
    z-index: 3;
    width: 140px;
    height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ffffff00;
    margin-left: -20px;
    border-radius: 50%;
}

.benefits-gain .activity-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.activity-new .img-box img {
    clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);

}

.activity-new .img-box {
    border-radius: 0 !important; 
        max-height: 251px !important; 

}

.benefits-gain .img-box {
    position: relative;
    transition: .5s;
    max-height: 230px;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 0px 100px;
}

.video-button-section .play-btn-1 .icon {
    position: relative;
    height: 75px;
    width: 75px;
	color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ff8d1a;
    <-- padding-left: 5px; -->
    color: #ffffff;
    font-size: 22px;
    border-radius: 50%;
    content: "";
}

.video-button-section .play-btn-1:before {
    position: absolute;
    height: 110px;
    width: 110px;
    border: 2px dashed #ff0000;
    border-radius: 50%;
    left: 16px;
    top: 16px;
    content: "";
    -webkit-animation: zoomInOut 2s infinite;
    animation: zoomInOut 2s infinite;
}

.section-2-right {
    margin-top: 30px;
}

.video-intro-column img {
    background-color: #8e8e8e;
    border: 1px solid #ff8d1a;
    border-radius: 25px;
}

.gray_line {
    background: #e2e0de;
    height: 1px;
    width: 60%;
    margin-top: 40px;
    margin-bottom: 20px;
}

#countdown {
    width: 130px;
    height: 50px;
    text-align: center;
    border-radius: 5px;
    padding: 0px 0;
}

#countdown #tiles {
    position: relative;
    z-index: 1;
}

#countdown #tiles>span {
    width: 40px;
    max-width: 40px;
    font: bold 18px 'Droid Sans', Arial, sans-serif;
    text-align: center;
    color: #111;
    background-color: #ddd;
    background-image: -webkit-linear-gradient(top, #bbb, #eee);
    background-image: -moz-linear-gradient(top, #bbb, #eee);
    background-image: -ms-linear-gradient(top, #bbb, #eee);
    background-image: -o-linear-gradient(top, #bbb, #eee);
    border-top: 1px solid #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
    margin: 0 7px;
    padding: 10px 0;
    display: inline-block;
    position: relative;
}

#countdown #tiles>span:before {
    content: "";
    width: 100%;
    height: 13px;
    background: #111;
    display: block;
    padding: 0 3px;
    position: absolute;
    top: 41%;
    left: -3px;
    z-index: -1;
}

#countdown #tiles>span:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #eee;
}

#countdown .labels li {
    width: 50px;
    font: bold 10px 'Droid Sans', Arial, sans-serif;
    font-weight: 400;
    color: #ff4200;
    text-shadow: 1px 1px 0px #ffae00;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
}

.nishanthi-text h5 {
    padding-bottom: 25px;
    color: #ff4200;
    font-weight: 500;
}

.right_block {
    background: #f5f5f5;
    border-radius: 10px;
    padding: 25px 20px;
}

.register_desktop {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
}

.content-side .schedule-tabs .sec-title-outer h5 {
    padding: 30px 0 0;
    font-size: 28px;
    font-family: Nunito;
    font-weight: 600;
    color: #ff4200;
}

.benefits-gain h3 span {
    color: #fbb400;
    font-size: 16px;
    font-weight: 500;
}

.brown_heading {
    color: #081245;
    font-family: Nunito;
    font-weight: 700;
}

.img-box img {
    max-width: 100%;
    border: 3px solid #FFC107;
    position: relative;
    width: 100%;
}

.counter-runner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.img-box::before {
    content: '';
    border-left: 3px solid #ffffff;
    border-top: 3px solid #ffffff;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 50px;
    height: 50px;
    z-index: 1;
    transition: .5s;
}

.img-box::after {
    content: '';
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    z-index: 2;
    transition: .5s;
}

.img-box:hover {
    transform: scale(1.04);
}

.img-box:hover::before {
    left: 10px;
    top: 10px;
}

.img-box:hover::after {
    right: 10px;
    bottom: 10px;
}

/* changed */

.author-box {
    position: relative;
    background-color: #ffffff;
    padding-bottom: 30px;
}

.author-box .thumb {
    position: absolute;
    left: 0px;
    top: 40px;
    height: 130px;
    width: 130px;
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .20);
    box-shadow: 0 0 10px rgba(0, 0, 0, .20);
    z-index: 9;
}

.author-box .inner-box {
    position: relative;
    padding-left: 200px;
    padding-top: 40px;
    padding-right: 40px;
    min-height: 200px;
}

.sidebar-side i {
    padding-left: 10px;
}

.sidebar-side {
    text-align: center;
}

.right_block h3 {
    text-align: left;
    line-height: 32px;
    padding-bottom: 25px;
    font-size: 26px;
}

.right_block p {
    text-align: left;
}

.clients-section .sponsors-outer {
    position: relative;
    margin-bottom: 0px;
}

.clients-section.alternate2 {
    padding: 50px 0 20px;
    background: #f5f5f5;
}

.contact-section {
    position: relative;
    padding: 50px 0;
}

.sidebar-side p {
    display: flex;
    align-items: baseline;
    grid-gap: 5px;
}

/* /* Health tips end * / */

.healer-baskar-events .product-details .direct-class h2 {
    font-size: 26px;
}

.schedule-block-three .speaker-info h3 {
    font-size: 26px;
}

/* select box start */

.selectBox {
    border: 1px solid #ccc;
    position: relative;
    padding: 12px 24px;
    cursor: pointer;
}

.selectBox__value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.selectBox:after {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: all 0.2s ease-in-out;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.001' height='8.165' viewBox='0 0 14.001 8.165'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23212121;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M13.861,60.224l-.7-.7a.441.441,0,0,0-.645,0L7,65.036,1.487,59.522a.441.441,0,0,0-.645,0l-.7.7a.441.441,0,0,0,0,.645l6.537,6.538a.441.441,0,0,0,.645,0l6.538-6.538a.442.442,0,0,0,0-.645Z' transform='translate(0 -59.382)'/%3E%3C/svg%3E");
}

.selectBox .dropdown-menu {
    transition: all 0.5s ease-in-out;
    opacity: 0;
    display: block;
    top: 100%;
    width: 100%;
    max-height: 250px;
    z-index: -1;
    overflow-y: auto;
    transform: translateY(-15%);
    visibility: hidden;
}

.selectBox.show {
    background-color: #fff;
}

.selectBox.show:after {
    transform: translateY(-50%) rotate(180deg);
}

.selectBox.show .dropdown-menu {
    transition: all 0.3s ease-in-out;
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: translateY(0);
}

/* select box end */

.events .dropdown {
    position: relative;
    display: inline-block;
    transition: all 0.5s !important;
}

/* Style for the dropdown button */

.events .dropdown-btn {
    padding: 10px;
    background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
    color: #fff;
    border: none;
    cursor: pointer;
}

/* Style for the dropdown content */

.events .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: max-content;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

/* Style for the dropdown items */

.events .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color on hover */

.events .dropdown-content a:focus {
    background-color: #ddd;
}

/* Show the dropdown content when the dropdown button is clicked */

.events .dropdown.active .dropdown-content {
    display: block;
}

.events #sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 22.5%;
    z-index: 9;
}

.all-topics .events {
    margin-bottom: -48px;
}

.insights .lower-content-2 a {
    color: white !important;
}

.insights .news-block .lower-content {
    min-height: 150px;
}

.filter-option .schedule-tabs .tab-buttons li .day {
    min-width: max-content;
}

.health-tips-sec .share-option a {
    color: #ff6f00;
}

.health-tips-card .share-btn {
    position: absolute;
    bottom: 0;
    align-items: center;
    padding: 8px 0 0px;
    min-height: 43px;
    width: 75%;
    padding-left: 16px;
    border-left: 3px solid orange;
    background: linear-gradient(-155deg, rgb(77 77 77 / 0%) 37%, rgb(222 222 222) 15%), linear-gradient(258deg, rgb(0 0 0 / 0%), rgb(255 255 255 / 0%));
}

.health-tips-card .share-btn a {
    border-bottom: 2px solid transparent;
}

.health-tips-card .share-btn a:hover {
    border-bottom: 2px solid #ff6f00;
}

.health-tips-card .play-video i {
    margin-top: 4px;
}


.share-img {
    /*margin-top: -3px;*/
    width: 20px !important;
    height: 20px !important;
}

.health-tips-card .healthtips:hover .share-img {
    transform: unset;
}

/* All Topics Start */

.all-topics .health-topics h4 a {
    border-bottom: 3px solid #ff9c00;
    width: max-content;
    padding-bottom: 3px;
    font-size: 22px;
    color: #000c47;
}

.all-topics .health-topics h4 a:hover {
    color: #ff9c00;
}

.all-topics .health-topics ul li {
    /*line-height: 38px;*/
    font-size: 17px;
}

.all-topics .all-topics-heading hr {
    opacity: 0.8;
}

/* All Topics End */

.event-details-column {
    position: relative;
}

.event-details-column .book-btn {
    position: absolute;
    top: 8px;
    right: 0;
}

/* form Wizrad start */

.wizard .progress {
    height: 97px;
    position: relative;
}

.wizard .progress .step-2 {
    background: gray;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
}

.wizard .progress .step {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    width: 100%;
    background: gray;
    opacity: 0.4;
}

.wizard .progress-bar {
    justify-content: end;
    color: black;
    font-size: 18px;
    background: unset;
}

.wizard .donate-icon {
    position: absolute;
    transform: translateX(-50%);
    z-index: 69;
    background: gray;
    top: 0px;
    left: 50%;
    padding: 20px;
    width: max-content;
    border: 3px solid gray;
    border-radius: 50%;
}

/* form wizard */

.main-content .wizard-form .progressbar-list::before {
    content: " ";
    background-color: rgb(155, 155, 155);
    border: 10px solid #fff;
    border-radius: 50%;
    display: block;
    width: 30px;
    height: 30px;
    margin: 9px auto;
    box-shadow: 1px 1px 3px #606060;
    transition: all;
}

.main-content .wizard-form .progressbar-list::after {
    content: "";
    background-color: rgb(155, 155, 155);
    padding: 0px 0px;
    position: absolute;
    top: 14px;
    left: -50%;
    width: 100%;
    height: 2px;
    margin: 9px auto;
    z-index: -1;
    transition: all 0.8s;
}

.main-content .wizard-form .progressbar-list.active::after {
    background-color: #2ba800;
}

.main-content .wizard-form .progressbar-list:first-child::after {
    content: none;
}

.main-content .wizard-form .progressbar-list.active::before {
    font-family: "Font Awesome 5 free";
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    padding: 6px;
    background-color: #2ba800;
    box-shadow: 0 0 0 7.5px rgb(176 60 70 / 11%);
}

.progressbar-list {
    color: #6f787d;
}

.active {
    color: #000;
}

/* card */

.card img {
    width: 40px;
}

.price {
    border-left: 2px solid #ff6400;
    padding-left: 14px;
}

/* .card {
   border: 2px solid rgb(145 145 145);
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-direction: row;
   padding: 0 10px;
} */

.active-card {
    color: #ff8d3d;
    font-weight: bold;
    border: 3px solid #ff8d3d;
}

.form-check-input:focus {
    box-shadow: none;
}

.bg-color-info {
    background-color: #2ca801 !important;
}

.border-color {
    border-color: #ececec;
}

.btn {
    padding: 8px 30px;
}

.back-to-wizard {
    transform: translate(-50%, -139%) !important;
}

.bg-success-color {
    background-color: #87D185;
}

.bg-success-color:focus {
    box-shadow: 0 0 0 0.25rem rgb(55 197 20 / 25%);
}

.contribute-cards .contribute-card {
    border-radius: 10px 10px 0 0;
    border: 2px solid #000b43;
    box-shadow: 0px 10px 14px #dcdcdc;
    transition: all 0.5s;
}

.contribute-cards .contribute-card:hover {
    box-shadow: 0 17px 30px #a1a1a1;
    ;
}

.contribute-cards .contribute-card h5 {
    background: #000b43;
    color: white;
    border-radius: 8px 8px 0 0;
}

.contribute-cards .contribute-card p {
    text-align: justify;
    padding: 8px;
}

.donate-detail-sec .events .dropdown-content li a {
    width: 100%;
    text-align: start;
    transition: all 0.5s;
}

.donate-detail-sec .events .dropdown-content li a:hover {
    border-bottom: 1px solid orange;
}


.donate-about .about-image-wrapper .play-btn-2 {
    left: 42% !important ;
    top: 45% !important;
}

.about-section .about-image-wrapper .play-btn-2 {
    position: absolute;
    left: 36%;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    width: 140px;
    height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ffffff00;
    margin-left: -20px;
    border-radius: 50%;
}

/*21 days update & corrections start */

.thirty-days-section {
    background-color: #fffbf5;
    padding: 100px 0;
}

.thirty-days-section .left-side-sec {
    background-color: #fff;
    padding: 25px;
    border: 1px solid #ffb300;
}

.thirty-days-section .left-side-sec button {
    margin: 10px 0;
    background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
}

.thirty-days-section .left-side-sec {
    position: sticky;
    top: 23%;
    border-radius: 10px;
    overflow-y: scroll;
}

.thirty-days-section .left-side-sec::-webkit-scrollbar {
    display: none;
}

.thirty-days-section {
    position: relative;
}

.thirty-days-section .right-side-sec .inner-box {
    background-color: #fff;
    padding: 25px;
    display: flex;
    border: 1px solid #ffb300;
    width: 100%;
    border-radius: 10px;
    margin: 20px 0;
    position: relative;
    box-shadow: inset 0 0 30px rgb(163 163 163 / 40%);
}

.thirty-days-section .right-side-sec .inner-box:nth-child(1) {
    margin: 0px 0;
}

.thirty-days-section .right-side-sec .inner-box:nth-last-child(1) {
    margin: 0px 0;
}

.thirty-days-section .right-side-sec .inner-box .content-sec {
    margin-left: 25px;
    width: 60%;
}

.thirty-days-section .right-side-sec .inner-box .img-sec {
    width: 40%;
}

.thirty-days-section .right-side-sec .inner-box .img-sec img {
    height: 250px;
}

.thirty-days-section .right-side-sec .inner-box .content-sec .button-sec a {
    padding: 10px 15px;
    background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
    color: #fff;
}

.thirty-days-section .right-side-sec .inner-box .content-sec .button-sec {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.thirty-days-section .right-side-sec .inner-box .content-sec h4 {
    color: #ff4200;
    margin-bottom: 20px;
}

.thirty-days-section .right-side-sec .inner-box .content-sec p {
    height: 126px;
    overflow-y: scroll;
    text-align: justify;
    padding-right: 15px;
}

.call-to-action-two .btn-section {
    display: flex;
    justify-content: space-between;
}

.call-to-action-two .btn-section {
    margin-bottom: 15px;
}

.call-to-action-two .btn-section a {
    font-weight: 600;
    color: #fff;
    padding: 10px 20px;
    background: -o-linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
    background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
}

.call-to-action-two .btn-section a:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: -o-linear-gradient(135deg, #ffc600 1%, #ff6c00 100%);
    background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
    content: "";
    opacity: 0;
    -webkit-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

.quote-sec .quote-sec-btn-sec {
    text-align: end;
    margin-top: 10px;
}

.quote-sec .quote-sec-btn-sec a {
    font-weight: 600;
    color: orange;
    padding: 15px 0px;
}

/*21 days update & corrections new css end */

.breadcrumb .events .dropdown-btn {
    padding: 7px;
}

.breadcrumb .all-topics .events {
    margin-bottom: unset;
}

.about-section-three .image-column {
    position: relative;
}

.about-section-three .image-column .v-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 40%;
    height: 90px;
    width: 90px;
    background: white;
    border: 1px solid gray;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.about-section-three .image-column .v-icon i {
    font-size: 35px;
    color: orange;
}

.about-section-three .image-column .v-icon span {
    color: #ff9b00;
}

/* Blood Donation Start */

.blood-donation {
    background-image: linear-gradient(to right, #ffffffe0 30%, #ff000000 51%), url(../images/New-Images/blood-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.donate-form {
    border: 1px solid white;
    border-radius: 20px;
    background-color: #00000030;
    padding: 15px 10px;
}

.select-area {
    margin: .8em auto;
    font-family: inherit;
    text-transform: inherit;
    font-size: inherit;
    display: block;
    width: 100%;
    height: 42px;
    padding: .4em;
}

.buyers-form button {
    border: 0;
}

.buyers-form button i {
    color: red !important;
}

.buyers-form p span a {
    font-size: 20px;
    color: #ff6a02;
}

.donate-information {
    padding: 10px;
    height: 385px;
    overflow-y: scroll;
}

.donate-form label {
    color: white;
}

/* Blood Dontaion End */
/* form wizard new */

body {
    background-color: #ffffff;
    color: #444444;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.wizard-content-left {
    background-blend-mode: darken;
    background-color: rgba(0, 0, 0, 0.45);
    background-image: url("https://i.ibb.co/X292hJF/form-wizard-bg-2.jpg");
    background-position: center center;
    background-size: cover;
    height: 100vh;
    padding: 30px;
}

.wizard-content-left h1 {
    color: #ffffff;
    font-size: 38px;
    font-weight: 600;
    padding: 12px 20px;
    text-align: center;
}

.form-wizard { 
    color: #888888;
    padding: 30px;
}

.form-wizard .wizard-form-radio {
    display: inline-block;
    position: relative;
}

.form-wizard .wizard-form-radio input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #dddddd;
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.form-wizard .wizard-form-radio input[type="radio"]:focus {
    outline: 0;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked {
    background-color: #fb1647;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #ffffff;
    border-radius: 50%;
    left: 1px;
    right: 0;
    margin: 0 auto;
    top: 8px;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked::after {
    content: "";
    display: inline-block;
    webkit-animation: click-radio-wave 0.65s;
    -moz-animation: click-radio-wave 0.65s;
    animation: click-radio-wave 0.65s;
    background: #000000;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
    border-radius: 50%;
}

.form-wizard .wizard-form-radio input[type="radio"]~label {
    padding-left: 10px;
    cursor: pointer;
}

.form-wizard .form-wizard-header {
    text-align: center;
}

.form-wizard .form-wizard-next-btn,
.form-wizard .form-wizard-previous-btn,
.form-wizard .form-wizard-submit {
    background-color: #d65470;
    color: #ffffff;
    display: inline-block;
    min-width: 100px;
    min-width: 120px;
    padding: 10px;
    text-align: center;
}

.form-wizard .form-wizard-next-btn:hover,
.form-wizard .form-wizard-next-btn:focus,
.form-wizard .form-wizard-previous-btn:hover,
.form-wizard .form-wizard-previous-btn:focus,
.form-wizard .form-wizard-submit:hover,
.form-wizard .form-wizard-submit:focus {
    color: #ffffff;
    opacity: 0.6;
    text-decoration: none;
}

.form-wizard .wizard-fieldset {
    display: none;
}

.form-wizard .wizard-fieldset.show {
    display: block;
}

.form-wizard .wizard-form-error {
    display: none;
    background-color: #d70b0b;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
}

.form-wizard .form-control:focus {
    box-shadow: none;
}

.form-wizard .wizard-form-text-label {
    position: absolute;
    left: 25px;
    top: 16px;
    transition: 0.2s linear all;
}

.form-wizard .focus-input .wizard-form-text-label {
    color: #d65470;
    top: -18px;
    transition: 0.2s linear all;
    font-size: 12px;
}

.form-wizard .form-wizard-steps {
    margin: 30px 0;
}

.form-wizard .form-wizard-steps li {
    width: 25%;
    float: left;
    position: relative;
}

.customer-info .form-wizard .form-wizard-steps li {
    width: 33%;
}

.customer-info .form-wizard .form-wizard-steps li::after,
.form-wizard .form-wizard-steps li::after {
    /* background-color: #1a6b00; */
    width: 100%;
    transform: translateY(-50%);
    top: 29%;
    /* border-color: #1a6b00; */
}

.form-wizard .form-wizard-steps li::after {
    background-color: #f3f3f3;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.form-wizard .form-wizard-steps li span {
    background-color: #dddddd;
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    width: 40px;
    z-index: 1;
}

.form-wizard .form-wizard-steps li:last-child::after {
    width: 50%;
}

.form-wizard .form-wizard-steps li.active span,
.form-wizard .form-wizard-steps li.activated span {
    background-color: #d65470;
    color: #ffffff;
}

.form-wizard .form-wizard-steps li.active::after,
.form-wizard .form-wizard-steps li.activated::after {
    background-color: #d65470;
    left: 50%;
    width: 50%;
    border-color: #d65470;
}

.form-wizard .form-wizard-steps li.activated::after {
    width: 100%;
    border-color: #d65470;
}

.form-wizard .form-wizard-steps li:last-child::after {
    left: 0;
}

.form-wizard .wizard-password-eye {
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

@keyframes click-radio-wave {
    0% {
        width: 25px;
        height: 25px;
        opacity: 0.35;
        position: relative;
    }

    100% {
        width: 60px;
        height: 60px;
        margin-left: -15px;
        margin-top: -15px;
        opacity: 0.0;
    }
}

@media screen and (max-width: 767px) {
    
    .animation .container{
        width: 80% !important;
     }
.banner-section-two .slide-item .banner-1,
.banner-2,
.banner-3,
.banner-4 {
    background-size: cover;
}
    .wizard-content-left {  
        height: auto;
    }
    .map-section .contact-info li p {
         width: 100%;
    }
    .about-tree .text-center img{
        width: 100%;
    }
    .about-anatomic li{
        margin-bottom:10px 0 !important;
    }
    .video-sec{
       padding: 30px 0 !important;
    }
    .insights-imgs .insight-img img{
       height: 97% !important;
    }
    .progress-info-imgs .progress-info-img img{
        height: 97% !important;
    }
}

/* project page Start */

.project-donation {
    background: #fff;
}

.project-donation .donate-card {
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    background: whitesmoke;
}

.project-donation .donate-card-img img {
    border-radius: 20px 0 0 20px;
    height: 100%;
}

.offline-donation {
    background-image: url(../images/New-Images/ornaments-leaves.svg);
    background-repeat: no-repeat;
    background-position: top left;
}

.offline-donation .offline-card {
    padding: 10px;
    transition: all 0.5s;
}

.offline-donation .offline-card:hover {
    box-shadow: 0 10px 20px #c7c7c7;
}

.project-donation .donate-card h3 {
    color: #081245;
    font-size: 28px;
}

.offline-donation .offline-card h4 {
    color: #081245;
}

/* project page end */

.filter-option .event-search-form .btn-box a {
    width: max-content;
    margin: auto;
}

.wisdom-health-section {
    padding: 30px 0;
}

.differnt-video-sec .schedule-block-three .thumb {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    height: 188px;
    width: 188px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 0;
}

.differnt-video-sec .btn-title {
    color: #fff;
}

.differnt-video-sec .btn-box {
    padding-top: 10px;
}

.differnt-video-sec .wisdom-position-right {
    position: absolute;
    right: 106px;
    top: 50%;
    transform: translateY(-50%);
}

.differnt-video-sec .wisdom-position-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 104px;
}

.all-topic-details .health-card {
    border: 1px solid #dbdbdb;
    box-shadow: 0 10px 20px #bcbcbc;
    transition: all 0.5s;
}

.all-topic-details .health-card:hover {
    box-shadow: 0 10px 20px gray;
}

.all-topic-details .health-card .health-card-img {
    position: relative;
}

.all-topic-details .health-card .play-video a i {
    color: #ff9800;
}

.all-topic-details .health-card .play-video a:hover {
    color: #ff9800;
}

.all-topic-details .health-card-title {
    position: absolute;
    bottom: 0;
}

.all-topic-details .health-card-title {
    padding: 25px 10px 10px;
    background: linear-gradient(175deg, rgb(77 77 77 / 0%) 50%, rgb(255 255 255) 15%), linear-gradient(258deg, rgb(0 0 0 / 0%), rgb(255 255 255 / 0%));
}

.all-topic-details .health-card-title a span {
    color: orange;
}

.all-topic-details .health-card h4 {
    margin-bottom: 10px;
}

.all-topic-details .health-card h4 a {
    color: #000b43;
}



.project-donation .btn-style-two {
    font-size: 13px;
    padding: 8px 10px;
}

.buyers-form .modal-content .modal-body form label {
    width: 100%;
    text-align: start;
}

.buyers-form .modal-content .modal-body form input {
    border: 1px solid #adadad;
}

.buyers-form .modal-content .modal-body form select {
    border: 1px solid #adadad;
}

.buyers-form .modal-content .modal-body form textarea {
    width: 100%;
    border: 1px solid #adadad;
}

.buyers-form .modal-body {
    height: 360px;
    overflow-y: scroll;
}

.buyers-form .modal-content .close {
    font-size: 36px !important;
}

.donation-cards .donate-card {
    border: 1px solid #c1c1c1;
}

.donation-cards .donate-card img {
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 100% 100%, 100% 91%, 79% 100%, 0 84%);
}

.donation-cards .donate-card {
    transition: all 0.5s;
}

.donation-cards .donate-card:hover .play-video a {
    color: orange;
}

/*
.donate-card .share-icon span:hover {
   color: #3f345f !important;
} */

.donation-cards .donate-card:hover .card-title h4 {
    color: #ffae00;
}

.donation-cards .donate-card:hover {
    box-shadow: 0 10px 10px #b5b5b5;
}

.donation-cards .donate-card .card-title h4 {
    transition: all 0.5s;
    color: #140342;
    font-size: 22px;
}

.abt-centre-sec .abt-centre-left {
    border-radius: 25px;
}

.abt-centre-right .sec-title {
    display: flex;
    margin-bottom: 15px;
}

.abt-centre-right .centre-page-way .map-section {
    text-align: center;
}

.abt-centre-right .international-stay .text span {
    color: #000;
    font-weight: 600;
}

.abt-centre-right .international-stay ul li {
    display: flex;
    align-items: center;
    grid-gap: 5px;
}

.abt-centre-right .international-stay .text {
    line-height: 40px;
}

.abt-centre-right .contact-sec .text span {
    color: #000;
    font-weight: 600;
}

.abt-centre-right .contact-sec .text {
    line-height: 40px;
}

.benifit-border p {
    text-align: center;
}

.abt-centre-right .address-card-info {
    position: relative;
    min-height: 260px;
    padding: 20px 20px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.abt-centre-right .address-card h5 {
    text-align: center;
    color: #ff4200;
    border-bottom: 1px solid #000b43;
}

.abt-centre-right .video-button-section .play-btn-1 {
    top: 32%;
}

.abt-centre-right .tab-content .tab-content-card ul {
    border-bottom: 1px solid #000
}

.speaker-detail-section-2 .tab-content .tab-content-card ul {
    border-bottom: 1px solid black;
}

.abt-centre-right .centre-page-way h5 {
    color: #ff4200;
    margin-bottom: 10px;
}

.abt-centre-right .other-centre-address {
    margin-top: 25px;
}

.abt-centre-right .other-centre-address .address-card {
    border-radius: 10px 10px 0 0;
    border: 2px solid #000b43;
    box-shadow: 0px 10px 14px #dcdcdc;
    transition: all 0.5s;
}

.abt-centre-right .Other-centres-sec {
    padding: 15px 0 30px;
}

.abt-centre-right .contact-sec {
    padding: 20px;
    background: #efefef;
    margin: 30px 0 15px 0;
}

.abt-centre-right .contact-sec a {
    color: #f59909;
    font-weight: 500;
}

.abt-centre-left .sidebar {
    padding: 10px 0;
    background: #ffae001f;
    border-radius: 25px;
    height: 500px;
    overflow-y: scroll;
}

.abt-centre-left .sidebar h6 {
    margin-bottom: 10px;
    color: #081245;
    font-size: 20px;
}

.nav-pills .nav-link {
    padding: 0;
}

.blog-categories.nav-pills .nav-link.active {
    background-color: transparent;
    color: #ff841a !important;
}

.abt-centre-left ul {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
    padding-left: 20px;
}

.abt-centre-left ul .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #333;
    background: #fff;
    border-color: #7e7e7e #7e7e7e #fff;
}

.all-topics .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
    color: white;
}

.sticky-centre {
    position: sticky;
    top: 150px
}

.donate-detail-sec .volunteer-card {
    transition: all 0.5s;
    background: #fffaf0;
    border: 1px solid #000b43;
    border-radius: 10px 10px 10px 0;
}

.donate-detail-sec .modal-dialog .close {
    font-size: 36px;
}

.donate-detail-sec .volunteer-card:hover {
    box-shadow: 0 10px 20px gray;
}

.donate-detail-sec .volunteer-card h4 {
    background: #000b43;
    color: white;
    border-radius: 8px 8px 0 0;
}

.donate-detail-sec {
    background: #f5f5f5;
}

.donate-detail-sec .volunteer-card .volunteer-cate-img img {
    bottom: 0;
    left: 0;
    clip-path: circle(50% at 20% 78%);
}

.volunteer-card .vol-card-booking {
    position: relative;
}

.volunteer-card .vol-card-booking .intrested {
    position: absolute;
    padding-right: 20px;
    width: 50%;
    text-align: end;
    right: 0;
    bottom: 20px;
}

.volunteer-card .vol-card-booking .intrested a {
    padding: 10px;
    border: 1px solid #ffba00;
    border-radius: 20px;
    font-weight: 600;
    color: white;
    background: #ff8600;
}

.image-gallery-two .modal-dialog {
    width: 100% !important;
    margin: 2% auto !important;
}

.shop-single-section .product-details .btn-box a {
    border-radius: 30px !important;
}

.date-book {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.magazine-filter .btn-box .theme-btn {
    background: #ffffff;
    color: #140342;
    border: 2px solid orange;
}

.magazine-filter .btn-box .theme-btn:hover {
    color: white;
}

/* nistai update */

.sponsors-outer .fig-caption {
    text-align: center;
    padding: 10px;
    font-weight: 500;
    color: #000;
}

.content-side .simple-habits {
    background-color: #f5f5f5;
    padding: 30px;
    margin: 30px 0;
}

.nistai-date-time {
    background-color: #f5f5f5;
    padding: 30px;
}

.nistai-detail-page {
    background: #fff none repeat scroll 0 0;
    padding: 15px 10px;
    margin-bottom: 30px;
    transition: all .5s ease-in-out 0s;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    margin: 15px 15px;
    text-align: center;
    width: 21%;
}

.nistai-date-time .nistai-detail-page i {
    font-size: 20px;
    color: #ffb10a;
}

.nistai-date-time .nistai-detail-page .content {
    margin-top: 10px;
}

.nistai-date-time .nistai-detail-page .detail-txt {
    font-weight: 600;
    word-break: break-word;
}


#offline-contribute .modal {
    top: 0 !important; 
}

/* form wizard */

.wizard-content-left {
    background-blend-mode: darken;
    background-color: rgba(0, 0, 0, 0.45);
    background-image: url("https://i.ibb.co/X292hJF/form-wizard-bg-2.jpg");
    background-position: center center;
    background-size: cover;
    height: 100vh;
    padding: 30px;
}

.wizard-content-left h1 {
    color: #ffffff;
    font-size: 38px;
    font-weight: 600;
    padding: 12px 20px;
    text-align: center;
}

.form-wizard {
    color: #888888;
    padding: 14px 30px;
}

.form-wizard .wizard-form-radio {
    display: inline-block;
    position: relative;
}

.form-wizard .wizard-form-radio input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #dddddd;
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.form-wizard .wizard-form-radio input[type="radio"]:focus {
    outline: 0;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked {
    background-color: #fd6e00;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #ffffff;
    border-radius: 50%;
    left: 1px;
    right: 0;
    margin: 0 auto;
    top: 8px;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked::after {
    content: "";
    display: inline-block;
    webkit-animation: click-radio-wave 0.65s;
    -moz-animation: click-radio-wave 0.65s;
    animation: click-radio-wave 0.65s;
    background: #000000;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
    border-radius: 50%;
}

.form-wizard .wizard-form-radio input[type="radio"]~label {
    padding-left: 10px;
    cursor: pointer;
}

.form-wizard .form-wizard-header {
    text-align: center;
}

.form-wizard .form-wizard-next-btn,
.form-wizard .form-wizard-previous-btn,
.form-wizard .form-wizard-submit {
    background-color: #1a6b00;
    color: #ffffff;
    display: inline-block;
    min-width: 100px;
    min-width: 120px;
    padding: 10px;
    text-align: center;
}

.form-wizard .form-wizard-next-btn:hover,
.form-wizard .form-wizard-next-btn:focus,
.form-wizard .form-wizard-previous-btn:hover,
.form-wizard .form-wizard-previous-btn:focus,
.form-wizard .form-wizard-submit:hover,
.form-wizard .form-wizard-submit:focus {
    color: #ffffff;
    opacity: 0.6;
    text-decoration: none;
}

.form-wizard .wizard-fieldset {
    display: none;
}

.form-wizard .wizard-fieldset.show {
    display: block;
}

.form-wizard .wizard-form-error {
    display: none;
    background-color: #d70b0b;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
}

.form-wizard .form-wizard-previous-btn {
    background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
}

.form-wizard .form-control {
    font-weight: 300;
    height: auto !important;
    padding: 14px;
    color: #888888;
    background-color: #f1f1f1;
    border: none;
}

.form-wizard .form-control:focus {
    box-shadow: none;
}

.form-wizard .form-group {
    position: relative;
    margin: 10px 0;
}

.form-wizard .wizard-form-text-label {
    position: absolute;
    left: 25px;
    top: 16px;
    transition: 0.2s linear all;
}

.form-wizard .focus-input .wizard-form-text-label {
    color: #d65470;
    top: -18px;
    transition: 0.2s linear all;
    font-size: 12px;
}

.form-wizard .form-wizard-steps {
    margin: 30px 0;
}

.form-wizard .form-wizard-steps li {
    width: 50%;
    float: left;
    position: relative;
}

.form-wizard .form-wizard-steps li::after {
    background-color: #f3f3f3;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.form-wizard .form-wizard-steps li span {
    background-color: #dddddd;
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    width: 40px;
    z-index: 1;
}

.form-wizard .form-wizard-steps li:last-child::after {
    width: 50%;
}

.form-wizard .form-wizard-steps li.active span,
.form-wizard .form-wizard-steps li.activated span {
    background-color: #1a6b00;
    color: #ffffff;
}

.form-wizard .form-wizard-steps li.active::after,
.form-wizard .form-wizard-steps li.activated::after {
    background-color: #1a6b00;
    left: 50%;
    width: 50%;
    border-color: #1a6b00;
}

.form-wizard .form-wizard-steps li.activated::after {
    width: 100%;
    border-color: #1a6b00;
}

.form-wizard .form-wizard-steps li:last-child::after {
    left: 0;
}

.form-wizard .wizard-password-eye {
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

@keyframes click-radio-wave {
    0% {
        width: 25px;
        height: 25px;
        opacity: 0.35;
        position: relative;
    }

    100% {
        width: 60px;
        height: 60px;
        margin-left: -15px;
        margin-top: -15px;
        opacity: 0.0;
    }
}

@media screen and (max-width: 767px) {
    .wizard-content-left {
        height: auto;
    }
}

.wizard-fieldset .form-radio {
    border: 1px solid gray;
    padding: 0px 16px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.wizard-fieldset .wizard-form-radio {
    display: flex;
    align-items: center;
    height: 49px;
}

.wizard-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment .wizard-form-radio {
    display: unset;
}

.form-wizard .wizard-fieldset.show h3 {
    color: #140342;
}

.form-wizard .wizard-fieldset.show h5 {
    color: black;
}

.title-accordian {
    background-color: #fff5df !important;
}

.schedule-block-three.main {
    padding-top: 160px;
}

.activity-content {
    text-align: justify;
    height: 90px;
    overflow-y: scroll;
    padding-right: 10px;
}

.wizard-fieldset .wizard-form-radio input[type=text] {
    color: #8a8a8a;
    margin: 5px 0;
}

.gallery-sec .gallery-div .gallery-title h4 {
    font-size: 20px;
}

.gallery-sec .gallery-div .gallery-title .btn-box .btn-style-two {
    padding: 3px 20px;
    min-width: max-content;
    font-size: 14px;
    border-radius: 20px;
    transition: all 0.5s !important;
}

.gallery-sec .gallery-div .gallery-title .btn-box .btn-style-two:hover {
    background: #140342 !important;
    color: white;
}

.gallery-sec .gallery-div .gallery-title ul li .var {
    font-weight: 600;
    color: #353535;
}

/* slick carousel */

.carousel {
    position: relative;
}

.carousel-item img {
    object-fit: cover;
}

#carousel-thumbs {
    padding: 0 50px;
}

#carousel-thumbs img:hover {
    opacity: 100%;
}

#carousel-thumbs img {
    opacity: 80%;
    border: 3px solid transparent;
    cursor: pointer;
}

#carousel-thumbs .selected img {
    opacity: 100%;
}

.carousel-control-prev,
.carousel-control-next {
    width: 50px;
}

.carousel-fullscreen-icon {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 1.75rem;
    height: 1.75rem;
    z-index: 4;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
}

.carousel-fullscreen-icon:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
}

.pause .carousel-pause-icon {
    position: absolute;
    top: 3.75rem;
    left: 1rem;
    width: 1.75rem;
    height: 1.75rem;
    z-index: 4;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
}

.pause .carousel-pause-icon:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
}

.play .carousel-pause-icon {
    position: absolute;
    top: 3.75rem;
    left: 1rem;
    width: 1.75rem;
    height: 1.75rem;
    z-index: 4;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
}

.play .carousel-pause-icon:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
}

#carousel-thumbs .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0,0,0,.60)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
    width: 40%;
}

.masthead #carousel-thumbs .carousel-control-prev-icon {
    /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0,0,0,.60)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important; */
}

#carousel-thumbs .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%60000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
    width: 40%;
}

.modal-content {
    border-radius: 0;
    border: none;
}

#lightbox-container-image img {
    width: auto;
    max-height: 520px;
}

.ovel-card-sec {
    background: #fffcf700;
}

.over-card {
    border: 1px solid #ff9700;
    border-radius: 50%;
    background: #00000047;
    margin: auto;
    height: 110px;
    width: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: all 0.5s;
}

.over-card:hover {
    box-shadow: 0 10px 16px #8a8a8a;
    border: 1px solid #ff9700;
}

.over-cards h5 {
    margin-top: 14px;
    transition: all 0.5s;
    color: #ff9700;
}

.over-cards .over-card img {
    width: 70px !important;
    transition: all 0.5s;
    filter: brightness(0) invert(1);
}

.over-card:hover img {
    transform: rotatey(360deg) !important;
}

.over-card i {
    font-size: 50px;
}

.main-quotes .quotes-img {
    height: 157px;
    width: 157px;
    border-radius: 50%;
    border: 2px solid gray;
    text-align: center;
}

.main-quotes .quotes-img img {
    margin: auto;
    clip-path: circle(47.7% at 50% 50%);
}

.about-section-two .magazine {
    border: 10px solid #c1c1c1;
    padding: 10px 20px;
    box-shadow: 0 10px 20px #a3a3a3;
}

.volunteer-sec .volunteer-card {
    border: 1px solid gray;
    border-radius: 20px;
}

.volunteer-sec .volunteer-card .donate-card-title {
    background: #081245;
    border-radius: 20px 20px 0 0;
}

.volunteer-sec .volunteer-card .donate-card-title h3 {
    color: white;
}

.volunteer-sec .volunteer-card h3 {
    color: #081245;
}

.volunteer-sec .volunteer-card img {
    clip-path: polygon(50% 0%, 100% 0, 100% 78%, 0 100%, 0 100%, 0% 60%, 0 0);
}

.volunteer-sec .volunteer-card .theme-btn {
    width: max-content;
    padding: 5px 10px;
    border-radius: 20px;
}

.product-details .prod-tabs .image-side img {
    border-bottom: 2px solid orangered;
    box-shadow: 0 8px 6px -6px black;
    border-radius: 0 0 10px 10px;
}

/* 30 days update */

.wisdom-health-section .about-section-three .about-image-wrapper:before {
    width: 350px;
    height: 350px;
    position: absolute;
    top: 30px;
    right: 30px;
    border-radius: 50%;
    background-image: url(../images/New-Images/pattern-2.png);
    content: "";
    z-index: -999;
}

.wisdom-health-section .about-section-three .info-box .count {
    display: block;
    font-size: 25px;
}

.wisdom-health-section .about-section-three .info-box h4 {
    font-size: 20px;
}

.wisdom-health-section .about-section-three .info-box h4 span {
    font-size: 14px;
}

.wisdom-health-section .about-section-three .info-box {
    min-width: 150px;
    padding: 20px 15px;
}

.wisdom-health-section .about-section-three .info-box:before {
    border-bottom: 25px solid transparent;
}

.wisdom-health-section .about-section-three .image-1:before {
    width: 0px;
    height: 0px;
}

.wisdom-health-section .about-section-three .image-1 {
    padding-bottom: 0px;
}

.wisdom-health-section .about-image-wrapper .play-btn {
    position: absolute;
    left: 45%;
    top: 69%;
    z-index: 3;
    width: 65px;
    height: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ffffff;
    margin-left: -20px;
    border-radius: 50%;
}

.wisdom-health-section .about-image-wrapper .play-btn:before {
    position: absolute;
    height: 60px;
    width: 60px;
    border: 2px dashed #ff801a;
    border-radius: 50%;
    left: 2px;
    top: 3px;
    content: "";
    -webkit-animation: zoomInOut 2s infinite;
    animation: zoomInOut 2s infinite;
}

.wisdom-health-section .about-section-three .about-image-wrapper {
    position: relative;
    margin-right: 0px;
}

.insights-imgs .insight-img img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
}


.insights-imgs .insight-img .insight-content {
    position: relative;
}

.insights-imgs .insight-img .insight-content .content i {
    color: white;
    font-size: 18px;
    margin-right: 10px;
}

.insights-imgs .insight-img .insight-content .content {
    background: linear-gradient(to bottom, #ffffff00 20%, #8080802e 50%, #000000db 100%);
    border-radius: 0 0 16px 16px;
    position: absolute;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 94%;
    padding: 120px 0 10px 0;
}

.insights-imgs .insight-img .insight-content .content h4 {
    color: white;
    font-size: 18px;
}

.schedule-tabs .news-block .card-content {
    height: 90px;
    overflow-y: scroll;
}

.schedule-tabs .news-block .card-content .text {
    font-size: 15px;
}

.banner-section-two .slide-item .info-list-two h5 {
    font-size: 18px;
}

.twenty-one-habbit .owl-carousel .masthead__content .image-icon img {
    width: 30px !important;
}

/* dropdown select */

.main {
    margin: 1rem;
    max-width: 350px;
    width: 50%;
    height: 250px;
}

@media(max-width:34em) {
    .main {
        min-width: 150px;
        width: auto;
    }
}

.finder select {
    display: none ;
}

.dropdown-select {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);
    background-color: #fff;
    border-radius: 6px;
    border: solid 1px #eee;
    box-shadow: 0px 2px 5px 0px rgba(155, 155, 155, 0.5);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.dropdown-select:focus {
    background-color: #fff;
}

.dropdown-select:hover {
    background-color: #fff;
}

.dropdown-select:active,
.dropdown-select.open {
    background-color: #fff !important;
    border-color: #bbb;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}

.dropdown-select:after {
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    -webkit-transform: origin(50% 20%);
    transform: origin(50% 20%);
    transition: all 0.125s ease-in-out;
    content: '';
    display: block;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
}

.dropdown-select.open:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.dropdown-select.open .list {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

.dropdown-select.open .option {
    cursor: pointer;
}

.dropdown-select.wide {
    width: 100%;
}

.dropdown-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.dropdown-select .list {
    box-sizing: border-box;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
    background-color: #fff;
    border-radius: 6px;
    margin-top: 4px;
    padding: 3px 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 8;
    max-height: 250px;
    overflow: auto;
    border: 1px solid #ddd;
}

.dropdown-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.dropdown-select .dd-search {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown-select .dd-searchbox {
    width: 90%;
    padding: 0.5rem;
    border: 1px solid gray !important;
    border-color: #999;
    height: 40px !important;
    border-radius: 4px;
    outline: none;
    padding: 0 10px !important;
    margin: 5px 8px 0 8px !important;
}

.dropdown-select .dd-searchbox:focus {
    border-color: #12CBC4;
}

.dropdown-select .list ul {
    padding: 0;
}

.dropdown-select .option {
    cursor: default;
    font-weight: 400;
    line-height: 40px;
    outline: none;
    color: black;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s;
    list-style: none;
}

.dropdown-select .option:hover,
.dropdown-select .option:focus {
    background-color: #f6f6f6 !important;
}

.dropdown-select .option.selected {
    font-weight: 600;
    color: #140342;
}

.dropdown-select .option.selected:focus {
    background: #f6f6f6;
}

.dropdown-select a {
    color: #aaa;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.dropdown-select a:hover {
    color: #666;
}

/* 21 days update start */

#twenty-day-carosel .owl-dots {
    text-align: center !important;
}

.benifit-border {
    border: 2px solid #ff9c23;
    padding: 30px 30px 10px;
    border-radius: 20px;
}

.activity .img-box img {
    border: unset !important;
}

.curr_left {
    float: left !important;
}

.curr_right {
    background: #f8f8f8;
    border-radius: 20px;
    padding: 20px;  
    min-height: max-content;
}

.big-testimonal-sec img {
    width: 50%;
}

.accordion-sec .accordion {
    margin: auto;
    width: 80%;
}

.schedule-section-two .accordion-sec .accordion {
    margin: auto;
    width: 100%;
}

.curr_left {
    background: #f8f8f8;
    border-radius: 20px;
    padding: 20px;
    width: 100%;
    text-align: center;
}
.curr_right {
       background: #f8f8f8;
    border-radius: 20px;
    padding: 20px;
    width: 100%;

}

.heading_cur1 {
    color: #f08651;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 13px;
}

.curr_left,
.curr_right {
    background: #f5f5f5;
    border-radius: 20px;
    padding: 7px;
}

.heading_cur2 {
    color: #576182;
    font-size: 17px;
    height:100px !important;
}

.shedule-padding {
    padding: 20px 20px !important;
}

.shedule-li .nav li {
    padding: 0 30px;
}

.shedule-li .nav {
    display: flex !important;
    justify-content: flex-end;
    border: none;
    margin-right: 60px;
}

.baskar-event .hoverbox {
    position: relative;
    border: 1px solid #e0e0e0;
    background: white;
    box-shadow: 0 10px 20px #cbcbcb;
    padding: 10px 13px;
    overflow: hidden;
    border-radius: 0px;
    transition: 0.35s ease-in;
}

.shedule {
    position: relative;
    border: 1px solid #e0e0e0;
    background: white;
    box-shadow: 0 10px 20px #cbcbcb;
    padding: 10px 13px;
    overflow: hidden;
    border-radius: 0px;
    transition: 0.35s ease-in;
}

.author-box .thumb {
    position: absolute;
    left: 0px;
    top: 40px;
    height: 130px;
    width: 130px;
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .20);
    box-shadow: 0 0 10px rgba(0, 0, 0, .20);
    z-index: 9;
    text-align: center;
    padding: 39px;
    border: 2px solid #ff8f1e;
}

.author-box .thumb i {
    font-size: 45px;
    color: #ff8f1e;
}

.feed-back-bg {
    background: aqua;
    height: 500px;
    width: 100%;
}

.new-testimonial-sec .card {
    border: 2px solid #ff6b11;
}

.new-testimonial-sec .col-md-4 {
    padding: 0px 0px 0px 2px !important;
}

.new-testimonial-sec .boxshadow {
    box-shadow: 0px 1px 15px 1px #a49696;
}

.new-testimonial-sec .checked {
    color: orange;
}

.new-testimonial-sec .testimonial-block .text-box {
    box-shadow: 0px 1px 15px 1px #a49696;
    padding: 24px 18px 35px !important;
}

.testimonial-block .text-box {
    position: relative;
    background-color: #ffffff;
    padding: 40px 40px 35px;
    -webkit-box-shadow: 0 0px 15px rgba(8, 0, 0, .15);
    box-shadow: 0 0px 15px rgba(8, 0, 0, .15);
    margin-bottom: 35px;
    height: 300px;
}

.new-testimonial-sec .card-body {
    padding: 60px 16px;
}

.twenty-one-days-registration .login-form {
    padding: unset !important;
    text-align: center;
}

.twenty-one-days-registration .twenty-one-checkbox input {
    width: unset;
    margin: unset !important;
}

.twenty-one-checkbox {
    display: flex;
}

/* 21455 change the class */

.sponsors-outer .fig-caption {
    text-align: center;
    padding: 10px;
    font-weight: 500;
    color: #fff;
    background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
}

/* 7106 css  change */

.schedule-section-two {
    position: relative;
    padding: 30px 0 5px 0;
}

/* .cent-caro h5,
.cent-caro p {
    visibility: hidden;
    opacity: 0;
    transition: 0.25s all;
} */

.cent-caro .owl-item {
    transition: 0.25s all;
}

/* .cent-caro .center p,
.cent-caro .center h5 {
    visibility: visible;
    opacity: 1;
} */

.cent-caro .owl-prev,
.cent-caro .owl-next {
    position: absolute;
    top: 18%;
    width: 25px;
    left: -39px;
    height: 25px;
}

.cent-caro .owl-next {
    left: unset;
    right: -39px;
}

.cent-caro .owl-nav {
    display: block !important;
}

.cent-caro.owl-theme .owl-nav [class*=owl-] {
    /*background: transparent !important;*/
    padding: 0;
}

/* 20005 css change */

.right_block {
    background: #f5f5f5;
    border-radius: 10px;
    padding: 20px 20px;
}

.right_block p {
    line-height: 27px;
}

.sidebar-side .right_block p {
    line-height: 20px;
    font-size: 15px;
}

.abt-centre-right .photo-article-1 .btn-gallery:hover h5 {
    color: #ff5e00;
}

.sidebar-side .right_block p i {
    padding-left: unset;
    color: #ffb10a;
}

.author-box .name {
    position: relative;
    font-size: 24px;
    line-height: 32px;
    color: #ff8f1e;
    font-weight: 700;
    margin-bottom: 10px;
}

.activity .img-box::after {
    border-right: none !important;
    border-bottom: none !important;
}

.new-testimonial-sec .no-gutters img {
    margin: 20%;
}

.right_block .right-block a {
    padding: 5px;
}

.upcom-events .sec-title-outer .sec-title {
    margin-bottom: 0px;
}

.radio-21-days-sec .radio-toolbar label {
    transition: all 0.5s;
    display: inline-block;
    min-width: 9px;
    text-align: center;
    background-color: #ddd;
    border: 2px solid transparent;
    padding: 0px 0px 0px 15px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 4px;
    margin: 0 5px;
    margin-bottom: 15px;
}

.radio-21-days-sec .btn-style-special {
    padding: 5px 10px;
    min-width: 114px;
}

.right_block .radio-21-days-sec i {
    padding-left: 0px;
    padding-right: 5px;
}

.right_block .btn-style-special {
    line-height: 23px;
    padding: 5px 12px;
    min-width: 125px;
}

.right-align-icon .right-block i {
    font-size: 20px;
    color: #ffb10a;
    border: 1px solid #ff4200;
    padding: 5px;
    margin-bottom: 10px;
}

.right_block p span {
    color: #ffb10a;
}

.right-align-icon .right-block i:hover {
    font-size: 20px;
    color: #ff8e00;
}

.right-align-icon .right-block {
    text-align: end;
    margin-right: 30%;
    margin-top: 10px;
}

.right-block-bg {
    background: #fff;
    width: 100%;
    height: 20px;
}

.upcomming-events {
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
}

.upcomming-events a {
    min-width: 96px;
    margin-left: 2px;
    bottom: 9px;
}

.volunteer-sec {
    text-align: center ! important;
    margin: auto;
}

.centre-volunteer .news-block.style-four {
    padding-top: 0;
    margin: 25px;
}

/* 21 days update end */

.main-slider-banner {
    position: relative;
}

.main-slider-banner .sticky-ovel {
    position: absolute;
    bottom: -20px;
    margin: auto;
    width: 100%;
}

.about-section .button {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 2500ms infinite;
    -moz-animation: glowing 2500ms infinite;
    -o-animation: glowing 2500ms infinite;
    animation: glowing 2500ms infinite;
}

.about-section .button:hover {
    color: white;
}

@-webkit-keyframes glowing {
    0% {
        background-color: gray;
        -webkit-box-shadow: 0 0 3px gray;
    }

    50% {
        background-color: #ff7c00;
        -webkit-box-shadow: 0 5px 20px #ff7c00;
    }

    100% {
        background-color: gray;
        -webkit-box-shadow: 0 0 3px gray;
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: gray;
        -moz-box-shadow: 0 0 3px gray;
    }

    50% {
        background-color: #ff7c00;
        -moz-box-shadow: 0 5px 20px #ff7c00;
    }

    100% {
        background-color: gray;
        -moz-box-shadow: 0 0 3px gray;
    }
}

@-o-keyframes glowing {
    0% {
        background-color: gray;
        box-shadow: 0 0 3px gray;
    }

    50% {
        background-color: #ff7c00;
        box-shadow: 0 5px 20px #ff7c00;
    }

    100% {
        background-color: gray;
        box-shadow: 0 0 3px gray;
    }
}

@keyframes glowing {
    0% {
        background-color: gray;
        box-shadow: 0 0 3px gray;
    }

    50% {
        background-color: #ff7c00;
        box-shadow: 0 5px 20px #ff7c00;
    }

    100% {
        background-color: gray;
        box-shadow: 0 0 3px gray;
    }
}

.youtube-video iframe {
    border-radius: 14px;
    border: 2px solid #527300;
}

.all-topics .content-side .benifit-border .img-box {
    transition: all 0.5s;
    border-radius: 0 45px;
    margin-bottom: 15px;
    height: 120px;
}

.all-topics .content-side .benifit-border .img-box img {
    height: 100%;
    border-radius: 0 30px 0 30px;
}

.all-topics .content-side .benifit-border p {
    text-align: center !important;
}

.all-topics .content-side .benifit-border .all-topics-card p {
    transition: all 0.5s;
}

.all-topics .content-side .benifit-border .all-topics-card:hover p {
    color: orange;
}

.masthead .carousel-item .project-img img {
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
    margin: auto;
}

.masthead .big-one .carousel-control-prev-icon {
    background: black;
    border-radius: 50%;
    border: 1px solid gray;
    display: flex;
    padding: 6px;
    align-items: center;
    justify-content: center;
}

.masthead .big-one .carousel-control-next-icon img {
    background: black;
    border-radius: 50%;
    border: 1px solid gray;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.masthead .big-one .carousel-control-next {
    right: -50px;
}

.masthead .big-one .carousel-control-prev-icon img {
    width: 40px;
}

.masthead .big-one .carousel-control-next-icon img {
    width: 40px;
}

.know-more-btn-2 a {
    color: #ffa500 !important;
    font-weight: 600;
    font-size: 15px;
}

.accept-btn {
    font-size: 24px;
}

.masthead .carousel-control-prev {
    left: -50px;
}

.masthead .carouselthumb-selector .carousel-control-prev {
    left: 0 !important;
}

#carousel-thumbs .carousel-item .selected {
    position: relative;
}

#carousel-thumbs .carousel-item .selected .project-title {
    position: absolute;
    padding-top: 50px;
    padding-bottom: 8px;
    cursor: pointer;
    bottom: 0;
    background: linear-gradient(to bottom, transparent, #00000021, black);
}

#carousel-thumbs .carousel-item .selected .project-title h3 {
    color: #fff;
    font-size: 17px;
}

.carousel-content .carousel-item .text-dark-1 img {
    width: 40px;
}

.carouselthumb-selector .carousel-item .row {
    height: 130px;
}

.carouselthumb-selector .carousel-item .row .thumb {
    height: 130px;
}

.foundation-content {
    display: flex;
    align-items: center;
}

.foundation-content img {
    height: 50px;
}

.foundation-content h3 {
    font-size: 40px;
    color: #fff;
}

.banner-section-two .owl-theme .owl-nav {
    display: block !important;
    top: 42%;
    transform: translateY(-50%);
}

.about-banner-section-two .banner-section-two .owl-theme .owl-nav .owl-prev {
    left: 0;
}

.about-banner-section-two .banner-section-two .owl-theme .owl-nav .owl-next {
    right: 0;
}

.about-banner-section-two .content-box .info-list-two {
    border: unset;
}

.feature-section .blocks {
    padding: 0 30px;
}

.feature-section .blocks-2 {
    padding: 0 15px 0 15px;
}

.feature-section .blocks-1 {
    /*padding-left: 30px;*/
}

.banner-section-two .btn-style-one {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    padding: 3px 7px;
    font-weight: 600;
    background: #001376;
    overflow: hidden;
    min-width: 131px;
    background: #078513;
    background: -o-linear-gradient(45deg, #4CAF50 1%, #8BC34A 100%);
    background: linear-gradient(45deg, #4CAF50 1%, #8BC34A 100%);
}

.banner-section-two .btn-style-two {
    position: relative;
    font-size: 15px;
    height: 25px;
    line-height: 20px;
    color: #fff !important;
    padding: 3px 7px;
    font-weight: 500;
    background: #001376;
    overflow: hidden;
    min-width: 131px;
    background: #ffc600;
    background: -o-linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
    background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%);
    border-radius: 25px;
}

.quotes-sec-bg {
    background-image: url(../images/New-Images/quote-banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 21px;
    border-radius: 44px;
    border: 2px solid orange;
}

.quotes-sec-bg-2 {
    background-image: url(../images/New-Images/quote-banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 21px;
    border-radius: 44px;
    border: 2px solid orange;
}

.quotes-sec-bg-3 {
    background-image: url(../images/New-Images/quote-banner-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 21px;
    border-radius: 44px;
    border: 2px solid orange;
}

.volunteering-sec .volunteering-content h4 {
    color: #140342;
}

.volunteering-sec .carousel-control-next,
.carousel-control-prev {
    z-index: 0;
}

/* light box gallery */

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

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.gallery-item {
    display: block;
    border-radius: 0 60px 0 0px;
}

.gallery-item img {
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.2s;
    border-radius: 0 60px 0 0;
}

.gallery-item:hover {
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35);
    border-radius: 0 60px 10px 10px;
}

.lightbox-modal .modal-content {
    background-color: var(--lightbox);
}

.lightbox-modal .btn-close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    font-size: 1.25rem;
    z-index: 10;
    filter: invert(1) grayscale(100);
}

.lightbox-modal .modal-body {
    display: flex;
    align-items: center;
    padding: 0;
}

.lightbox-modal .lightbox-content {
    width: 100%;
}

.lightbox-modal .carousel-indicators {
    margin-bottom: 0;
}

.lightbox-modal .carousel-indicators [data-bs-target] {
    background-color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-inner {
    width: 75%;
}

.lightbox-modal .carousel-inner img {
    animation: zoomin 10s linear infinite;
}

.lightbox-modal .carousel-item .carousel-caption {
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 2rem;
    background-color: var(--lightbox);
    color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next {
    width: auto;
}

.lightbox-modal .carousel-control-prev {
    left: 1.25rem;
}

.lightbox-modal .carousel-control-next {
    right: 1.25rem;
}

@media (min-width: 1400px) {
    .lightbox-modal .carousel-inner {
        max-width: 60%;
    }
}

[data-bs-theme="dark"] .lightbox-modal .carousel-control-next-icon,
[data-bs-theme="dark"] .lightbox-modal .carousel-control-prev-icon {
    filter: none;
}

.btn-fullscreen-enlarge,
.btn-fullscreen-exit {
    position: absolute;
    top: 1.25rem;
    right: 3.5rem;
    z-index: 10;
    border: 0;
    background: transparent;
    opacity: .6;
    font-size: 1.25rem;
}

.bi {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.035em;
    fill: currentcolor;
}

.gallery-title {
    background: #f4f4f4;
    width: 100%;
    border: 2px solid gray;
    border-radius: 0 0 10px 10px;
}

.gallery-title h4 {
    color: #140342;
}

.about-anatomic li span i {
    color: #ffae00;
}

.amount-name .text,
.amount-name .price span,
.amount-name p {
    display: none;
}

.amount-name .price {
    border-left: 0;
    padding: 0 !important;
    color: #081245;
}

.amount-name {
    display: inline-block;
}

.form-wizard .wizard-fieldset.show .price-amount {
    font-size: 20px;
    margin-bottom: 16px;
}

.all-topics .img-box::before {
    display: none;
}

.all-topics .img-box::after {
    display: none;
}

.mobile-top-menu li a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 13px;
    font-size: 16px;
    color: #404040;
    font-weight: 500;
    text-transform: capitalize;
}

.mobile-top-menu {
    width: 100%;
}

.mobile-top-menu li {
    width: 100%;
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.content-side .centre-aminity {
    background-color: #efefef;
    padding: 20px
}

.centre-specalities .facilities-sec {
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-gap: 15px;
    padding: 20px;
    border-radius: 25px;
}

.news-block .lower-content {
    position: relative;
}

.abt-centre-right .center-overview {
    padding: 30px 0 15px 0;
}

.abt-centre-right .centre-stay {
    padding: 15px 0 30px 0;
}

.blog-detail .news-block p:first-child{
    margin-bottom: 5px;
    text-align: justify;
    text-indent: 50px;
}

.news-block.style-four .text {
    margin-bottom: 0;
    padding: 0 0px 20px;
}

.centre-page-way .nav-tabs .nav-link {
    border: 1px #7e7e7e solid;
    border-radius: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

.centre-volunteer .dpmt-article-row-1 .card {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background: #fff;
    transition: all 0.5s ease;
    cursor: pointer;
    user-select: none;
    z-index: 10;
    overflow: hidden;
}

.centre-volunteer .dpmt-article-row-1 .card .backgroundEffect {
    bottom: 0;
    height: 0px;
    width: 100%;
}

.dpmt-article-row-1 .card .pic {
    position: relative;
    overflow: hidden;
}

.dpmt-article-row-1 .card .pic img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.dpmt-article-row-1 .card .content {
    padding: 0 20px;
}

.dpmt-article-row-1 .card-deck .card .content .h-1 {
    font-size: 18px;
    font-weight: 600;
    color: #ff4200;
    text-align: center;
}

.dpmt-article-row-1 .card .text-muted {
    font-size: 16px;
    text-align: justify;
}

.dpmt-article-row-1 .card p {
    margin: 0px;
}

.dpmt-article-row-1 .card:hover .backgroundEffect {
    bottom: 0;
    height: 350px;
    width: 100%;
    position: absolute;
    z-index: -1;
    background: #081245;
    animation: popBackground 0.3s ease-in;
}

.dpmt-article-row-1 .card:hover p {
    color: #fff !important;
}

.all-topics .tab-content>.tab-pane {
    display: block;
}

.all-topics .fade:not(.show) {
    opacity: 1;
}

.abt-centre-right .centre-page-gallery {
    padding: 30px 0 5px 0;
}

.abt-centre-right .centre-page-way {
    padding: 15px 0 15px 0;
}

.lower-content-2 .event-title {
    font-size: 20px;
    text-align: center;
}

.centre-volunteer .btn-box {
    margin-top: 15px;
}

.abt-centre-right .centre-upcoming-events {
    padding: 30px 0 15px 0;
}

.abt-centre-right .pricing-block-two .price-box {
    position: relative;
}

.abt-centre-right .pricing-block-two .title-box:before {
    width: 100%;
    height: 100%;
}



.abt-centre-right .pricing-block-two h3 {
    margin-bottom: 0px;
    font-size: 16px;
    padding: 5px
}

.abt-centre-right .contact {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}

.abt-centre-right .contact i {
    color: #ffae00;
    font-size: 20px;
}

.abt-centre-right .pricing-block-two .features li {
    padding-left: 20px;
}

.abt-centre-right .inner-box .features li span {
    font-size: 15px;
    font-weight: 600;
}

.abt-centre-right .pricing-block-two .features li {
    font-size: 15px;
}

.abt-centre-right .news-block .lower-content p {
    font-size: 15px;
}

.abt-centre-right .pricing-block-two .inner-box {
    min-height: 510px;
}

.abt-centre-right section .all {
    width: 100%;
    height: auto;
    display: inline-block;
}

.abt-centre-right section .all .slider {
    width: auto;
    height: auto;
    overflow: hidden;
    border-radius: 3px;
    position: relative;
}

.abt-centre-right section .all .slider .owl-nav,
.abt-centre-right section .all .slider .owl-dots {
    display: none;
}

.abt-centre-right section .all .slider:hover .left {
    visibility: visible;
    opacity: 1;
    left: 20px;
}

.abt-centre-right section .all .slider:hover .right {
    visibility: visible;
    opacity: 1;
    right: 20px;
}

.abt-centre-right section .all .slider .item-box {
    padding: 20px;
    overflow: hidden;
    width: 100%;
    height: 400px;
    position: relative;
    border-radius: 3px;
    background: no-repeat url('../images/New-Images/cen-nishtai-1.jpg') center center;
    background-size: cover;
}

.abt-centre-right section .all .slider .item-box:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    content: "";
    display: block;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}

.abt-centre-right section .all .slider .left {
    position: absolute;
    z-index: 1;
    top: 167px;
    left: -20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.25s;
    transform: rotate(0deg);
    background: url('../images/icons/arrow_left.png') top left;
}

.abt-centre-right section .all .slider .left.nonl {
    left: -20px;
    opacity: 0;
    visibility: hidden;
}

.abt-centre-right section .all .slider .right {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 167px;
    right: -20px;
    width: 40px;
    height: 40px;
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.25s;
    background: url('../images/icons/arrow_right.png') top left;
}

.abt-centre-right section .all .slider .right:hover {
    visibility: visible;
    opacity: 1;
    right: 20px;
    /* background: url(http://svgshare.com/i/2UW.svg) top left;
   transform: rotate(0deg); */
}

.abt-centre-right section .all .slider .right.nonr {
    right: -20px;
    opacity: 0;
    visibility: hidden;
}

.abt-centre-right section .all .slider-two {
    width: auto;
    height: auto;
    overflow: hidden;
    position: relative;
}

.abt-centre-right section .all .slider-two .owl-nav,
.abt-centre-right section .all .slider-two .owl-dots {
    display: none;
}

.abt-centre-right section .all .slider-two:hover .left-t {
    visibility: visible !important;
    opacity: 1 !important;
    left: 0 !important;
}

.abt-centre-right section .all .slider-two:hover .right-t {
    visibility: visible;
    opacity: 1;
    right: 3px;
}

.abt-centre-right section .all .slider-two .item {
    transition: all ease 0.25s;
    height: 100px;
    border-radius: 3px;
    border: solid 3px #e6ecf2;
    cursor: pointer;
    background: no-repeat url(http://www.cyw51.com/file/upload/201302/22/18-49-19-74-127.jpg) center center;
    background-size: cover;
}

.abt-centre-right section .all .slider-two .item.active {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
    border: solid 3px #cc2e38;
}

.abt-centre-right section .all .slider-two .owl-stage {
    padding: 20px 0 0;
}

.abt-centre-right section .all .slider-two .left-t {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 23px;
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.25s;
    width: 40px;
    height: 95px;
    background: no-repeat url('../images/icons/arrow_left.png') center center;
    left: -40px;
    background-color: #00000094;
}

.abt-centre-right section .all .slider-two .left-t:hover {
    visibility: visible;
    opacity: 1;
    left: 3px;
}

.abt-centre-right section .all .slider-two .left-t.nonl-t {
    left: -40px;
    opacity: 0;
    visibility: hidden;
}

.abt-centre-right section .all .slider-two .right-t {
    background: no-repeat url('../images/icons/arrow_right.png') center center;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 23px;
    right: -40px;
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.25s;
    width: 40px;
    height: 95px;
    background-color: #00000094;
}

.abt-centre-right section .all .slider-two .right-t:hover {
    visibility: visible;
    opacity: 1;
    right: 3px;
}

.abt-centre-right section .all .slider-two .right-t.nonr-t {
    right: -40px;
    opacity: 0;
    visibility: hidden;
}

.abt-centre-right .accordion-sec .accordion {
    margin: auto;
    width: 100%;
}

.accordion-body .accordion {
    margin: auto;
    width: 100%;
}

.news-block .lower-content .accordion-header .accordion-body h2 {
    padding: 0px;
}

.abt-centre-right section {
    margin: 10px;
    padding: 10px;
    border-radius: 3px;
    width: calc(100% - 20px);
    display: inline-block;
    height: auto;
    font-family: 'Source Sans Pro', sans-serif;
}

.news-block.style-four .text {
    margin-bottom: 0;
    /* padding: 0 20px 20px; */
}

/* .news-block .lower-content {
   position: relative;
} */

.abt-centre-right .centre-volunteer .text {
    padding: 0 20px 20px;
}

.abt-centre-right .centre-volunteer {
    padding: 15px 0;
}

.abt-centre-right .news-block.style-four .text {
    padding: 0px;
}

.abt-centre-right .international-stay {
    background-color: #efefef;
    padding: 20px;
}

.schedule-block-three .inner {
    position: relative;
    width: 100%;
    min-height: 240px;
    padding: 60px 60px;
    padding-right: 245px;
    border-radius: 500px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .10);
    box-shadow: inset 0 0 30px rgb(163 163 163 / 40%);
    text-align: right;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.schedule-block-three.even .inner {
    padding: 60px 60px;
    padding-left: 245px;
    text-align: left
}

.radio-toolbar input[type="radio"] {
    transition: all 0.5s;
    display: none;
}

.radio-toolbar label {
    transition: all 0.5s;
    display: inline-block;
    min-width: 80px;
    text-align: center;
    background-color: #ddd;
    border: 2px solid transparent;
    padding: 3px 6px 3px 15px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    margin: 0 5px;
    margin-bottom: 15px;
}

.radio-toolbar i {
    color: transparent;
}

.radio-toolbar input[type="radio"]:checked+label i {
    color: #ffae00;
}

.radio-toolbar input[type="radio"]:checked+label {
    transition: all 0.5s;
    border: 2px solid #ffae00;
    color: #ffae00;
    background: #fff;
}

.radio-toolbar input[type="radio"]+label:hover {
    transition: transform .2s;
}

.upcoming-date {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.customer-details-one {
    background-image: url(../images/New-Images/login-page.jpg);
    background-size: cover;
    background-position: 23% 0;
}

.register-sec .login-form form label {
    padding-left: 0;
}

.register-sec .login-form form select option {
    /* background: red; */
}

.service-section .service-wrapper>ul>li {
    display: inline-block;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.8s;
}

.service-section .service-wrapper>ul>li .ac-card {
    transition: all 0.5s;
    /* z-index: 1; */
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    text-align: center;
    padding: 30px 30px 60px 30px;
    color: #333333;
    background-color: #ffffff;
}

.service-section .service-wrapper>ul>li .ac-card:before {
    content: "";
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.service-section .service-wrapper>ul>li .ac-card:hover {
    /* z-index: 2; */
    transition: all 0.5s;
    color: #ffffff;
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    background: linear-gradient(to bottom right, #ff3e00, #ffbe30);
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.2);
}

.service-section .service-wrapper>ul>li .ac-card .service-sub-title {
    width: 100%;
    display: block;
    font-size: 14px;
    text-transform: capitalize;
}

.service-section .service-wrapper>ul>li .ac-card:hover:before {
    opacity: 1;
}

.service-section .service-wrapper>ul>li .ac-card:hover button {
    background: white;
    color: black;
}

.service-section .service-wrapper>ul>li .ac-card .icon {
    margin: 0 auto 30px;
    font-size: 50px;
}

.service-section .service-wrapper>ul>li .ac-card strong {
    font-weight: 600;
    font-size: 18px;
}

.service-section .service-wrapper>ul>li .ac-card i {
    color: #ff7500;
    transition: all 0.5s;
}

.service-section .service-wrapper>ul>li .ac-card:hover i {
    color: white;
}

.service-section .service-wrapper>ul>li .ac-card .btn-primary:active:focus {
    box-shadow: unset !important;
}

.service-section .btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    background-color: unset !important;
    border-color: unset !important;
}

.service-section .service-wrapper>ul>li .ac-card {
    position: relative;
}

.service-section .service-wrapper>ul>li .ac-card button {
    position: absolute;
    transition: all 0.5s;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.offline-contriute .modal-dialog .modal-body form input {
    width: 100%;
    border: 1px solid gray;
    border-radius: 5px;
}


.offline-contriute .modal-dialog .close {
    font-size: 28px;
}

.timeline {
    color: #fff;
    padding: 30px 20px;
    width: 100%;
    text-align: left;
}

.timeline ul {
    list-style-type: none;
    border-left: 2px solid #094a68;
    padding: 10px 5px;
}

.timeline ul li {
    position: relative;
    cursor: pointer;
    transition: .5s;
    font-size: 15px;
    color: #000;
    padding-bottom: 70px;
    display: flex;
    column-gap: 30px;
    line-height: 1;
}

.timeline ul li:last-child:before {
    display: none;
}

.timeline ul li:last-child {
    padding-bottom: 0;
}

.timeline ul li span {
    display: inline-block;
    background-color: #ffb200;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: relative;
}

.timeline ul li .content h3 {
    color: #ffb200;
    font-size: 17px;
    padding-top: 5px;
}

.timeline ul li .content p {
    padding: 5px 0px 15px 0px;
    font-size: 15px;
}

.timeline ul li:before {
    position: absolute;
    content: '';
    background-color: #ffb200;
    left: 8px;
    width: 3px;
    height: 100%;
    top: 0px;
    transition: .5s;
}

.timeline ul li:hover span {
    background-color: #ff4200;
    box-shadow: 0px 0px 10px 2px #ff4200;
}

@media (max-width:300px) {
    .timeline {
        width: 100%;
        padding: 30px 5px 30px 10px;
    }

    .timeline ul li .content h3 {
        color: #34ace0;
        font-size: 15px;
    }
}

.timeline-wrapper ul {
    border: 0 !important;
}

.service-section .service-wrapper>ul>li .ac-card p {
    transition: all 0.5s;
}

.service-section .service-wrapper>ul>li .ac-card:hover p {
    color: white;
}

.donate-form-one .modal-content {
    border: 3px solid orange;
    border-radius: 10px;
}

.donate-form-one .modal-content form label {
    color: black;
}

/* Thank You page */

.thank-you .thank-sec .customer-address {
    border: 1px solid #d5d5d5;
    box-shadow: 0 10px 9px #afafaf;
}

.thank-you .thank-sec .customer-address .title {
    padding: 10px 8px;
    text-align: center;
    background: #1e4203;
}


.thank-you .thank-sec .customer-address address {
    background: #f0ffdd;
    margin: 0;
}

.thank-you .thank-sec .title h5 {
    color: white;
}

.thank-you .thank-sec .event-card {
    border: 1px solid #dedede
}

.thank-you .thank-sec .event-card p {
    margin-bottom: 0px;
    font-size: 14px;
}

.thank-you .thank-sec .event-card strong {
    font-weight: 600;
}

.thank-you .thank-sec .customer-details-data .title {
    background: #1e4203;
    padding: 10px 8px;
}

.thank-you .thank-sec .customer-details-data {
    /* border: 1px solid gray; */
}

.thank-you .thank-sec .customer-details-data h5 {
    color: #fff;
}

.thank-you .thank-sec .customer-data .data {
    border-bottom: 1px solid gray;
    margin: auto;
}

.thank-you .thank-sec .customer-data .data p {
    margin: 6px 0;
}

.thank-you-image {
    background: url(../images/New-Images/thank-you-bg.jpg);
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thank-you-image h2 {
    color: #140342;
    width: 70%;
    margin: auto;
    font-weight: 600;
    font-size: 36px;

}

.thank-you-image p {
    color: #916641;
}

.thank-you-image i {
    color: white;
    font-size: 40px;
}

.service-way .feature-block .inner-box {
    padding: 0;
    border: 1px solid #e0e0e0;
}

.service-way .feature-block .inner-box h4 {
    transition: all 0.5s;
    margin-bottom: 10px;
}

.service-way .feature-block .inner-box:hover h4 {
    color: #ff7700;
}

.tips-details-category .single-feature-item {
    height: max-content !important;
    padding-left: 5px;
    padding-right: 5px;
}

.event-cat .event-title {
    background-image: unset;
}

.event-cat .news-block .image-box {
    position: relative;
}

.event-cat .news-block .image-box .wishlist-icon {
    position: absolute;
    top: 20px;
    right: 20px;
}

.event-cat .news-block .image-box .wishlist-icon i {
    color: white;
    font-size: 28px;
}

.event-cat .news-block .image-box .wishlist-icon i:active {
    color: red;
}

.event-cat .news-block .inner-box {
    border: 1px solid #d7d7d7;
}

.event-cat .news-block .lower-content .eve-title a {
    font-size: 18px;
    font-weight: 600;
    color: white !important;
}

.event-cat .news-block .lower-content .eve-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.event-cat .news-block .lower-content .eve-title h5 {
    color: white;
}

.event-cat .news-block .lower-content .text {
    overflow-y: scroll;
    padding-right: 10px;
    height: 85px;
}

.event-cat .image-box .image-title {
    width: 95%;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, #6a6a6a, #6a6a6a);
    padding: 14px 14px;
    border-radius: 30px 30px 0 0;
}

.event-cat .image-box .image-title .eve-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.event-cat .image-box .image-title .eve-title h5 {
    color: white;
}

.event-cat .image-box .image-title .eve-title a {
    color: #ffb800;
}

.lower-content a {
    color: #ff4200;
}

.lower-content a:hover {
    color: orange !important;
}

.lower-content .btn-style-special-2:hover {
    color: white !important;
}

.event-finder .event-cat .lower-content {
    min-height: unset;
}

.Download-btn i {
    font-size: 17px;
    font-weight: 100;
}

.Download-btn {
    font-size: 16px;
    color: gray;
    font-weight: 400;
    transition: all 0.5s;
}

.Download-btn:hover {
    color: #ffb800;
}

.lower-content-2 .lower-anchor .share a {
    color: gray !important;
    font-weight: 400;
}

.lower-content-2 .lower-anchor .share a:hover {
    color: #ffb800 !important;
}

.text-scroll {
    height: 85px;
    padding-right: 10px !important;
    overflow-y: scroll;
}

.gallery-grid .gallery-img-item {
    position: relative;
}

.gallery-grid .gallery-location {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #00000099;
    display: flex;
    justify-content: space-between;
    padding: 10px 10px;
}

.gallery-grid .gallery-location strong {
    color: white;
}

.gallery-grid .gallery-location p {
    margin-bottom: 0;
    color: white;
}

#image-three {
    transition: all 0.5s !important;
    background: url("https://lh3.ggpht.com/7ojv2meU06GZybdv9eNvAx4jITqwfyiktQPzn-7-b-SWTZGx3iALNDaOTlrA9f4m9Ac=w300") center;
    background-size: cover;
}

#image-two {
    transition: all 0.5s !important;
    background: url("https://lh3.googleusercontent.com/jYq2bY9xWoUEJqEXfyzf4xWawinAmZgNaZuG5wpgcCaePp1pKA1xDFbGXUEi6r9FFoE=h900") center;
    background-size: cover;
}

.box:hover .row-one {
    transform: scale(1.2);
}

.box {
    background-color: #00BCD4;
    height: 310px;
    overflow: hidden;
    position: relative;
    border-bottom: 8px solid #ffb033;
    border-radius: 8px 8px 8px 8px;
}

.box .gallery-title-img {
    bottom: 0;
    position: absolute;
    width: 100%;
    text-align: center;
}

.box .gallery-title-img h4 {
    padding: 13px 10px;
    background: #000000a8;
    color: white;
}

.box .overlay-3 {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 150, 136, 0.8);
    display: flex;
    justify-content: center;
    margin-top: 310px;
    transition: margin-top 1s ease;
}

.box:hover .overlay-3 {
    margin-top: 0;
    opacity: 1;
}

.box .title {
    padding: 30px 14px 14px 14px;
}

.box .title p {
    color: white;
}

#image-one {
    transition: all 0.5s !important;
    background-image: url(../images/New-Images/gal.jpg);
    background-position: center;
    background-size: cover;

}

.box .radius-btn {
    padding: 8px 14px;
    border-radius: 30px;
    color: white;
    font-size: 15px;
    border: 1px solid white;
}

.program-details .video-button-section .play-btn-1 {
    top: 8%;
}

.main-menu .navigation>li:hover>ul {
    display: block;
    visibility: visible;
    opacity: 1;
}

.insights-card {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.dashboard .edit-profile .payment-table {
    overflow-x: scroll;
}

.dashboard .edit-profile .payment-table::-webkit-scrollbar {
    display: none;
}

/*.dashboard .edit-profile .payment-table table {*/
/*    min-width: 500px;*/
/*}*/

/* social media css */

.share,
.share:before,
.share:after,
.ico {
    float: left;
    width: 56px;
    border-radius: 50%;
    cursor: pointer;
}

.ico {
    height: 50px;
    position: absolute;
    top: -50px;
    left: 0;
}

.share {
    position: relative;
}

.share:before,
.share:after {
    content: "";
    will-change: transform;
}

.share:before {
    /*background: url(https://iconmonstr.com/wp-content/g/gd/makefg.php?i=../releases/preview/2012/png/iconmonstr-plus-6.png&r=0&g=0&b=0) center/15px no-repeat;*/
    z-index: 5;
    transition: 0.3s;
}

.share:after {
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: -1;
    transition: 0.39s;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.share.active:before {
    transform: rotate(45deg);
}

.ico {
    display: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: 0.3s;
    animation: 0.3s left forwards;
    opacity: 0;
    will-change: animation;
}

.ico:nth-child(1) {
    background: #1da1f2 url("https://iconmonstr.com/wp-content/g/gd/makefg.php?i=../releases/preview/2012/png/iconmonstr-twitter-5.png&r=255&g=255&b=255") center/30px no-repeat;
}

.ico:nth-child(2) {
    background: #46629e url("https://iconmonstr.com/wp-content/g/gd/makefg.php?i=../releases/preview/2012/png/iconmonstr-facebook-5.png&r=255&g=255&b=255") center/30px no-repeat;
}

.ico:nth-child(3) {
    background: #2867b2 url("https://iconmonstr.com/wp-content/g/gd/makefg.php?i=../releases/preview/2012/png/iconmonstr-linkedin-5.png&r=255&g=255&b=255") center/30px no-repeat;
}

.ico.active {
    left: 0;
    display: block;
    animation: 0.48s right forwards;
}

.ico.active:nth-child(1) {
    left: 17%;
    animation-delay: 0.39s;
}

.ico.active:nth-child(2) {
    animation-delay: 0.2s;
    left: 34%;
}

@keyframes right {
    50% {
        transform: translateX(170%);
    }

    100% {
        opacity: 1;
        transform: translateX(130%);
    }
}

@keyframes left {
    0% {
        opacity: 1;
        transform: translateX(130%);
    }

    100% {
        opacity: 0;
        transform: translateX(0);
        top: 0;
    }
}

.membership-carousel .price {
    border-left: 0;
}

.quote-sec .sec-title .sub-title {
    display: block;
    font-size: 16px;
    color: #ff4200;
    font-weight: 700;
    font-family: 'Exo', sans-serif;
    text-transform: uppercase;
}

.que-ans-section {
    background: #f5f5f5;
}

.quotes-sec .owl-carousel.owl-loaded {
    margin: auto;
    display: block;
}

/* share */

.share-icon-btn {
    position: relative;
    cursor: pointer;
}

.share-icon-btn .social-content {
    position: absolute;
    display: none;
    transition: all 0.8s;
    top: 3px;
    right: 0;
    background: white;
    padding: 5px 10px;
    border: 1px solid gray;
    border-radius: 10px;
}

.insights .social-content {
    top: 35px;
    left: -88px !important;
}

.events-card .share-icon-btn .social-content {
    position: absolute;
    display: none;
    transition: all 0.8s;
    top: -49px;
    left: 0;
    right: unset;
    background: white;
    padding: 5px 10px;
    border: 1px solid gray;
    border-radius: 10px;
}

.modal-image {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 10px;
    position: relative;
}

.modal-head {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.modal-head button {
    font-size: 33px;
}

.modal-dialog {
    max-width: 1000px;
    margin: 0 auto;
}

.pop-up-img {
    row-gap: 20px;
}

.modal-head p {
    color: #ff4200;
    font-weight: 700;
    margin: 5px;
}

.modal-head .close {
    position: absolute;
    top: 10px;
    right: 25px;
}

.consulting-feature-section-2 .single-feature-item {
    padding-bottom: 30px;
    height: 185px;
    border-top: 5px solid orange !important;
    border: 5px solid white;
    background: white;
    border-radius: 0 !important;
    padding-top: 30px;
    border: 1px solid #afafaf;
    border-bottom: white !important;
}

.consulting-feature-section-2 .single-feature-item:hover {
    border: 5px solid orange;
    border-bottom: orange !important;
}

.all-topics .lower-content .social-content a {
    color: #140342 !important;
}

.all-topics .lower-content .social-content a:hover {
    color: #ff841a !important;
}

.all-topics .share-icon-btn .social-content {
    left: 0;
    right: unset;
}

.insights .lower-content .social-content a {
    color: #140342 !important;
}

.insights .lower-content .social-content a:hover {
    color: #ff841a !important;
}

.insights .share-icon-btn .social-content {
    left: 0;
    right: unset;
}

.sidebar-side .share-icon-btn .social-content {
    left: -50px;
    top: -45px;
    background: white;
    right: unset;
}

.centre-page-gallery .insize {
    max-width: 600px;
}

.centre-page-gallery .owl-thumbs {
    display: flex;
    column-gap: 10px;
}

.centre-page-gallery .owl-thumbs .owl-thumb-item {
    height: 100px;
    width: 100%;
    /* max-width:150px; */
    background: transparent;
    border: none;
    overflow: hidden;
    margin-top: 30px;
}

.centre-page-gallery .owl-thumb-item.active {
    border: 2px solid red;
}

.centre-page-gallery .owl-thumbs .owl-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.centre-page-gallery .owl-dots {
    position: absolute;
    bottom: 170px;
    left: 0;
    right: 0;
}

.our-activity .modal-dialog {
    margin-top: 5%;
}

.our-activity .modal-content {
    width: 90%;
    margin: auto;
}

.our-activity .modal-body {
    padding-top: 0 !important;
}

.our-activity .banner-carousel .owl-nav {
    display: block !important;
    margin-top: -22px;
}

.our-activity .banner-carousel .owl-dots {
    display: none;
}

.our-activity .banner-carousel .owl-next,
.banner-carousel .owl-prev {
    line-height: unset !important;
    height: unset !important;
}

.finder-sec .schedule-tabs .image-box {
    position: relative;
}

.finder-sec .schedule-tabs .image-box .wishlist-icon {
    position: absolute;
    top: 12px;
    left: 12px;
}

.finder-sec .schedule-tabs .image-box .wishlist-icon i {
    font-size: 24px;
    color: white;
    transition: all 0.5s;
}

.finder-sec .schedule-tabs .image-box .wishlist-icon i:active {
    color: red;
}


.fig {
    display: none;
}

/* new login */
.new-login {
    background-image: url(../images/New-Images/yoga-bg-login.jpg);
    background-size: cover;
    background-position: center;
}

.new-login .login-form {
    background: #0000006e;
    padding: 30px;
    position: relative;
}

.new-login .login-form label {
    font-weight: 500;
}

.new-login .login-form .forgot-password a {
    color: white;
}

.new-login .login-form .forgot-password a:hover {
    color: orangered;
}

.new-login .login-form input::placeholder {
    color: gray;
}

.new-login .login-form .before {
    position: absolute;
    left: -5px;
    bottom: 0;
    height: 95%;
    width: 5px;
    background: green;
}

.new-login .login-form .after {
    position: absolute;
    left: -5px;
    bottom: -5px;
    height: 5px;
    width: 95%;
    background: green;
}

.forgot-password {
    padding: 15px 0 0px;
}

.forgot-password p {
    font-size: 14px;
    font-weight: 400;
    color: #847577;
}

.login .modal .modal-dialog .modal-content {
    width: 400px;
    margin: auto;
}

.login .modal .modal-dialog .modal-header .close {
    font-size: 24px;
}

/* Register page */

.register-img {
    background-image: url(../images/New-Images/register-bg.jpg);
    background-size: cover;
    height: 100%;
    background-position: center;
}

.register-left-content {
    background: #0000008c;
    height: 100%;
    width: 100%;
}

.register-new {
    background: #e7e7e7;
}

.register-new .video-form {
    background: white;
    height: 47px;
    margin-top: 4px;
}

.register-new .register-form input {
    background: white;
    margin: 5px 0px;
    color: #847577;
    font-size: 14px;
    padding-left: 10px;
    height: 45px;
}

.video-form {
    color: #847577;
    padding: 4px 20px 4px 5px;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    height: 39px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    background-color: white;
    outline: 1px #fff !important;
}

.edit-profile .my-profile {
    background: #e7e7e7;
}

.register-new .register-form h4 {
    color: #ff7300;
}


.dashboard .tab .edit-profile table tbody tr {
    border-bottom: 1px solid #dddddd;
}



/*.dashboard .edit-profile .payment-table table {*/
/*    min-width: 550px;*/
/*}*/

.dashboard .tab .edit-profile table tbody tr .view-more {
    color: orangered;
}

.register-page .modal-dialog .modal-body .benefits-area {
    height: 280px;
    overflow-y: scroll;
}

.register-page .modal-dialog .modal-header .close {
    font-size: 28px;
}

.register-page .modal-content {
    margin-top: 5%;
}

.dashboard .edit-profile .payment-table table tbody td:nth-child(4) {
    color: green;
}

.dashboard .edit-profile .payment-table table .star-icon i {
    color: #ffae00;
}

.dashboard .volunteer form input {
    width: max-content;
    margin: -3px 10px 0px 10px;
}

.all-message .tab-content-card {
    display: flex;
    align-items: start;
}

.all-message .tab-content-card .nav-tabs {
    display: unset;
}

.all-message .tab-content-card .nav-tabs li {
    border-bottom: 1px solid #d5d9dd;
    border-right: 1px solid #d5d9dd;
}

.all-message .tab-content-card .nav-tabs button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0;
}

.sms-date {
    font-size: 14px;
    font-weight: 400;
}

.date-cards {
    height: 185px;
    overflow-y: scroll;
    direction: rtl;
}

.date-cards li {
    direction: ltr;
}

.tab-content .benefits-area .gift-sec img {
    width: 80px;
}

.coupon-btn a {
    padding: 7px 20px;
    border: 1px solid #ff8254;
    background: #ff8500;
    border-radius: 23px;
    font-size: 14px;
    color: white;
}

.upcoming-table tbody tr td:nth-child(4) {
    color: green;

}

.completed tbody tr td:nth-child(4) {
    color: black !important;
}

.canceled tbody tr td:nth-child(4) {
    color: black !important;
}

.canceled tbody tr td:last-child {
    color: red;
}

.rewards tbody tr:first-child td:nth-child(4) {
    color: black !important;
}

.rewards tbody tr:first-child td:last-child a {
    color: #ffae00;
}


.rewards tbody tr:first-child td:last-child img {
    width: 36px;
}
  .shop-single-section  #volunteers table tr td:nth-child(2) {
      width: 10% !important;
    }
    
    .shop-single-section  #volunteers table tr td:nth-child(3) {
      width: 18% !important;
    }
    
    .shop-single-section  #volunteers table tr td:last-child{
      width: 18% !important;
    }   
    
    .shop-single-section  #need  table tr td:nth-child(2) {
      width: 35% !important;
    }
    
    
    .shop-single-section  .donat table tr td:nth-child(2) {
      width: 10% !important;
    }
    
     .shop-single-section  #need  table tr td:last-child{
      width: 25% !important;
    }
    
    
   .shop-single-section  #volunteers table tr td:nth-child(4) {
      width: 18% !important;
    }
    
    
    .shop-single-section  #donat table tr td:nth-child(3){
      width: 20% !important;
    }  
    
   .shop-single-section  #volunteers table tr td:nth-child(5) {
      width: 14% !important;
    }
    
    
.booking .tab-content {
    /*min-width: 590px !important;*/
}

.sms-content {
    position: relative;
}

.sms-content .sms-date {
    position: absolute;
    top: 0px;
    right: 0px;
}

.sms-content .text {
    width: 90%;
}

.not-viewed .all-sms .sms-icon img {
    width: 100px;
    border-radius: 50%;
    border: 2px solid black;
    transition: all 0.5s;
}

.not-viewed .all-sms {
    border-bottom: 2px solid #646464;
}

.viewed .all-sms .sms-icon img {
    width: 100px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    transition: all 0.5s;
}

.all-sms {
    margin: 5px 0;
    border-bottom: 2px solid #e1e1e1;
    border-radius: 10px;
    padding: 13px 10px;
}

.message-sec {
    height: 360px;
    overflow-y: scroll;
}

.profile-sms .sms-content h4 {
    transition: all 0.5s;
}

.profile-sms:hover .sms-content h4 {
    color: orangered !important;
}

.profile-sms:hover .all-sms .sms-icon img {
    border: 2px solid #ff7c00 !important;
}

.viewed .sms-content h4,
.text {
    color: gray !important;
}

.popup-sms .sms-icon img {
    width: 150px;
    border-radius: 50%;
    border: 2px solid gray;
}

.modal-body .voucher img {
    width: 90px;
}

.sms-full-data {
    height: 200px;
    overflow-y: scroll;
}

.popup-data .sms-date {
    right: 30px;
}

.not-viewed .sms-date {
    color: black;
}

.viewed .all-sms {
    background: #efefef;
}

.not-viewed .text {
    color: black !important;
}

.tab-content-card-title li img {
    width: 20px;
    filter: brightness(0) invert(1);
}

.message-sec .all-sms .sms-content h4 {
    color: black;
}

.wishlist-sec {
    height: 360px;
    overflow-y: scroll;
    padding: 10px;
}

.wishlist-sec .wishlist-card {
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 10px 10px #b7b7b7;
}

.wishlist-sec .wishlist-card h4 {
    font-size: 24px !important;
}

.wishlist-icon-sec {
    position: relative;

}

.wishlist-icon-sec .wishlist-heart-icon {
    position: absolute;
    top: 10px;
    right: 30px;
}

.wishlist-icon-sec .wishlist-heart-icon i {
    font-size: 24px;
    /* color: #c30000; */
}

.magazine-thumb {
    position: relative !important;
}

.magazine-thumb .play-btn {
    position: absolute;
    top: 50% !important;
    right: unset !important;
    left: 39% !important;
    transform: translateY(-50%) !important;
}

.form-wizard .date .wizard-form-text-label {
    display: none;
}



/* video popup */
.event-selector .select {
    border: 1px solid #ffa50094;
    background: white;
    margin: auto;
    position: re;
    width: max-content;
    border-radius: 5px;
    font-size: 14px;
    min-width: 160px;
    padding: 10px 6px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.event-selector .select select {
    width: 100%;
}

.event-selector i {
    color: #ffb10a;
}

.events-filter .hiden-sec {
    width: 18%;
}

.events-filter .all-search .flaticon-search:after {
    display: none;
}

.events-filter .submit-icon {
    top: unset;
    right: 25px;
    font-size: 24px;
}

.event-search .all-search .flaticon-search:after {
    display: none;
}

.event-search .submit-icon {
    top: unset;
    right: 25px;
    font-size: 24px;
}

.event-search .hiden-sec {
    width: 19%;
}

.event-search input[type=radio] {
    color: green !important;
    background: green !important;
    cursor: pointer;
}

.tips-category .share-icon-btn .social-content {
    position: absolute;
    display: none;
    transition: all 0.8s;
    left: 0;
    top: -56px;
    width: max-content;
    background: white;
    padding: 5px 10px;
    border: 1px solid gray;
    border-radius: 10px;
}

/* select picker */

.new-search .event-search-form .form-group:before {
    display: none;

}

.new-search .dropdown-select.wide {
    width: 152%;
    padding-left: 36px !important;
    color: black;
}

.new-icon {
    position: relative;
}

.new-icon .time-icon {
    position: absolute;
    left: 0px;
    z-index: 9;
    top: 13px;
}

.new-icon .time-icon i {
    color: gray;
    font-size: 17px;
    color: orange;
}

.new-search .theme-btn {
    z-index: 0;
}


/* toogle popup  */

.alert-message {
    line-height: 20px;
    font-size: 15px;
    padding-bottom: 12px;
}

.unstyled {
    margin: 0;
    list-style: none;
}

.unstyled a,
.unstyled #test {
    width: 120px;
    text-decoration: none;
    padding: .5em 1em;
    background-color: wheat;
    border-radius: 4px;
    display: block;
    margin-bottom: .5em;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.unstyled a:hover,
.unstyled #test:hover {
    background-color: wheat;
}

.cf,
.alert {
    *zoom: 1;
}

.cf:before,
.alert:before,
.cf:after,
.alert:after {
    display: table;
    content: "";
    line-height: 0;
}

.cf:after,
.alert:after {
    clear: both;
}

#alerts {
    max-width: 400px;
    top: 12px;
    right: 50px;
    position: fixed;
    z-index: 9999;
    list-style: none;
}

/*
.alert {
    width: 100%;
    margin-bottom: 8px;
    display: block;
    position: relative;
    border-left: 4px solid;
    right: -50px;
    opacity: 0;
    line-height: 1;
    padding: 0;
    transition: right 400ms, opacity 400ms, line-height 300ms 100ms, padding 300ms 100ms;
    display: table;
} */

.alert:hover {
    cursor: pointer;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.open {
    right: 0;
    opacity: 1;
    line-height: 2;
    padding: 3px 15px;
    transition: line-height 200ms, padding 200ms, right 350ms 200ms, opacity 350ms 200ms;
}

.alert-title {
    font-weight: bold;
}

.alert-block {
    width: 80%;
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    text-align: left;
}

.alert-block em,
.alert-block small {
    font-size: .75em;
    opacity: .75;
    display: block;
}

.alert i {
    font-size: 2em;
    width: 1.5em;
    max-height: 48px;
    top: 50%;
    margin-top: -12px;
    display: table-cell;
    vertical-align: middle;
}

.alert-success {
    color: black !important;
    border-color: #539753;
    background: linear-gradient(45deg, #ffdf6e 1%, #ff9d55 100%);
    border-radius: 10px;
}

.alert-error {
    color: #fff;
    border-color: #dc4a4d;
    background-color: #00b020;
}

.alert-trash {
    color: #fff;
    border-color: #dc4a4d;
    background-color: #00b020;
}

.alert-info {
    color: #fff;
    border-color: #076d91;
    background-color: #3397db;
}

.alert-warning {
    color: #fff;
    border-color: #dd6137;
    background-color: #f7931d;
}

#alerts .fa-check-circle {
    color: green !important;
}

.social-bar {
    overflow-X: scroll;
}

.social-overlap {
    margin-top: 100px;
}

.social-bar::-webkit-scrollbar {
    display: none;
}

.social-bar .social-icons {
    min-width: 400px;
}

.event-time p {
    font-size: 15px;
}

.round-icon-new .thumb {
    position: relative;
}

.round-icon-new .thumb .magazine-video {
    position: absolute;
    top: 39%;
    left: 42%;
}

.round-icon-new .thumb .magazine-video .Wisdom-play-icon {
    position: unset;
}

.magazine .share-icon-btn .social-content ul li a {
    color: #140342 !important;
}

.event-notes table thead tr td {
    color: black;
    font-weight: 500
}

.event-notes table tbody tr:first-child td:nth-child(4) {
    color: #444444 !important;
}

.event-file-upload .modal-dialog .modal-content {
    border: 3px solid orange;
    border-radius: 10px;

}

.event-file-upload .modal-dialog .modal-content input {
    border: 1px solid #bbbbbb;
    border-radius: 5px;
}

.all-search .form-group input {
    border: 1px solid #ffb600;
    color: gray;
    border-radius: 5px;
}

.additional-data table thead tr {
    background: gainsboro;
}

.additional-data table thead tr td {
    padding: 4px 8px;
    font-weight: 500;
    color: black;
}

.additional-data table tbody tr td {
    padding: 4px 8px;

}

.additional-data table tbody tr {
    border-bottom: 1px solid #b9b9b9;
}

.additional-title {
    background: #000b43;
    color: white;
    padding: 10px;

}

.event-detail {
    border: 3px solid green;
    background: #f0ffdd;
    box-shadow: 0 10px 9px #afafaf;
}

.customer-address table thead tr td {
    padding: 5px 8px;
    font-weight: 600;
    color: #343434;
}

.customer-address table thead tr {
    background: #e6e6e6;
}

.customer-address table tbody tr td {
    padding: 5px 8px;
}

.thank-you-image img {
    width: 120px;

}

.thank-you-2 .customer-address table tbody tr {
    border-bottom: 1px solid #dfdfdf;
}

.thank-you-div {
    border-right: 2px solid #c3c3c3;
}

.thank-you-div:last-child {
    border-right: 0;
}

.thank-you-div {
    padding-left: 30px;
}

.thank-you-div li h6 {
    font-size: 16px;
    color: #ffae00;
}

.participant h4 {
    color: #081245;
}



.customer-details h4 {
    color: #140342;
}

.extra-customers input {
    margin-top: 5px;

}

.extra-customers label {
    margin-left: -45px;
}

.payment-table-to {
    border: 2px solid orange;
    width: 40%;
    margin: auto;
    border-radius: 10px;
    padding: 20px;
}

.payment-table-to table thead tr td {
    border-right: 0;
}

.payment-table-to h4 {
    color: #140342;
    ;
}

.add-participants button {
    padding: 4px 10px;
    border-radius: 5px;
    background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
}

.add-participants button a {
    color: white !important;
    font-size: 14px;
}

.participant-form .modal.show .modal-dialog {
    margin-top: 6%;
    max-width: 580px;
}

.participant-form .modal-content {
    border: 3px solid orange;
}

.customer-info label {
    font-size: 14px;
}

.customer-info input {
    font-size: 13px;
    color: #999999;
}

.participant-form .modal-body label {
    font-size: 14px;
}

.participant-form .modal-body input {
    font-size: 13px;
    color: #999999;
}

.customer-details label {
    padding-left: 3px;
}

.data-table table thead tr {
    background: #ddd4d4;
}

.data-table table thead tr th {
    padding: 4px 8px;
}

.data-table table {
    border: 1px solid #d7d7d7;
}

.data-table table tbody tr td {
    padding: 4px 8px;
    font-size: 14px;
}

.data-table table tbody {
    background: white;
}

.edit-btn {
    background: white;
    color: #ff7c00;
    font-size: 14px;
    padding: 5px 13px;
    border-radius: 5px;
    border: 1px solid gray;
}

.participant-form .modal-body label {
    padding-left: 3px;
}

.sameaddress-sec {
    background: white;
    padding: 14px;
    border: 1px solid #c9c9c9;
    border-radius: 0;
    box-shadow: 0 10px 10px gray;
}

.customer-details .form-wizard {
    padding: 0 30px 20px;
}

.sameaddress-sec address {
    width: 50%;
}

.sameaddress-sec h5 {
    color: #140342;
}


.data-list ul li {
    font-size: 15px;
}

.data-form .data-list select {
    width: 100%;
    border-radius: 5cqmax;
    padding-left: 30px !important;
}

.data-form .data-list {
    position: relative;
    background: white;
    border: 1px solid orange;
    border-radius: 5px;
}

.data-form .data-list i {
    color: orange;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.video-sec {
    border: 3px solid rgb(208 222 255);
    border-radius: 20px;
    padding: 30px;
    background: #ededfd;
}

.video-sec .message a {
    border: 2px solid #9d9de3;
    border-radius: 5px;
    background: #d6d9ff;
    padding: 4px 15px;
    color: #2d00b1;
}

.video-sec .signal {
    background: white;
    border: 2px solid gray;
    width: max-content;
    border-radius: 5px;
    padding: 5px 10px;
}

.video-body {
    background-image: url(../images/New-Images/video-call.jpg);
    background-position: center;
    background-size: cover;
    height: 430px;
    background-repeat: no-repeat;
    border-radius: 30px;
    border: 2px solid gray;
    position: relative;
}

.bottom-icon {
    background: white;
    cursor: pointer;
    border-radius: 10px;
    width: 43px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
}

.bottom-icon i {
    color: #005aff;
    font-size: 16px;

}

.bottom-content {
    position: absolute;
    bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.bottom-icon:nth-child(3) {
    background: red;
}

.bottom-icon:nth-child(3) i {
    color: white;
}

.add-people {
    position: absolute;
    right: 30px;
    top: 30px;
}

.profile-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
}

.profile-icon img {
    border: 2px solid white;
    border-radius: 5px;
}

.profile-card {
    position: relative;
    box-shadow: 0 10px 20px #b9b9b9;
    border-radius: 10px;
}

.card-content {
    background: white;
    border-radius: 0 0 10px 10px;
}

.card-line {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 80%;
    transform: translateX(-50%);
    height: 3px;
    background: #ff8014;
}

.profile-card-img {
    height: 200px;
}

.profile-card-img img {
    height: 100%;
}

.card-content ul li i {
    color: #ffae00;
    margin-top: -2px;
    font-size: 17px;
}

.card-content ul li p {
    color: gray;
}

.gps-card {
    position: relative;
    margin-top: 40px;
    border-radius: 20px;
    padding: 30px 20px;
    background: #081245 !important;
}

.card-line-left {
    position: absolute;
    left: 0;
    top: 50%;
    height: 80%;
    transform: translateY(-50%);
    width: 3px;
    background: #ff8014;
}

.biography-sec h4 {
    color: #140342;
}


.biography-sec .tab-content-card {
    background: #e7e7e7;
    border-radius: 10px;
    padding: 30px;
}

.tab-content-card h5 {
    color: #140342;
}

.biography-sec .tab-btns .tab-btn {
    background: #ff8014;
    padding: 0 20px;
    border-radius: 10px;
    color: white !important;
    font-weight: 600;
}

.biography-sec .tab-btn {
    transition: all 0.5s;
    cursor: pointer;
}

.biography-sec .tab-btn:hover {
    background: #140342;
}

.biography-sec .tab-btns .active-btn {
    background: #140342;
}

.video-icon-bg {
    background: #140342;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: all 0.5s;
    margin-right: 10px;
}

.video-icon-bg i {
    font-size: 22px;
}

.biography-sec .tab-btns .tab-btn:hover .video-icon-bg {
    background: orange;
    width: 42px;
    height: 42px;
    border-radius: 8px;
}

.biography-sec .tab-content-card {
    background: unset;
    padding: 0;
}

.biography-sec .parent-tabs {
    padding: 30px;
    border-radius: 10px;
}

.appointment-tab-content {
    border-radius: 10px;
}

.appointment-tab-content .tab {
    padding: 30px;
    padding-top: 0 !important;
    border-radius: 10px;
}

.data-card {
    background: white;
    border: 1px solid #cdcdcd;
    padding: 10px;
    border-radius: 5px;
}

.appointment-tab-content .btn {
    border: none;
    outline: none;
    padding: 4px 10px;
    background-color: #f1f1f1;
    cursor: pointer;
    margin: 0 5px;
    font-size: 14px;
    min-width: max-content;
}

/* ranjith css start */
.appointment-details-article .left-align-sec {
    position: relative;
}

.appointment-details-article .left-align-sec .inner-box-main {
    position: sticky;
    top: 150px;
}

.appointment-details-article .left-align-sec .inner-box-main .widget h5 {
    display: flex;
    justify-content: space-between;
}

.appointment-details-article .left-align-sec .inner-box-main {
    padding: 40px;
    background-color: #9ab1c53b;
    border-radius: 10px;
}

.appointment-details-article .inner-box-main {
    position: relative;
}

.appointment-details-article .widget::after {
    content: "";
    position: absolute;
    top: 40px;
    bottom: 40px;
    left: 0;
    width: 3px;
    background-color: #ff6a02;
}

.appointment-details-article .right-align-sec .therephist-details:nth-child(1) {
    margin-top: 0px;
}

.appointment-details-article .right-align-sec .therephist-details {
    margin-top: 25px;
}

.appointment-details-article .right-align-sec .therephist-details .inner-box-one {
    padding: 30px;
}

.appointment-details-article .right-align-sec .therephist-details .inner-box-one .blog_avathar_logo img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

.appointment-details-article .right-align-sec .therephist-details .inner-box-one {
    background-color: #f1faff63;
    border-radius: 10px;
    box-shadow: 0 5px 18px 0 rgb(45 47 50 / 27%);
}

.appointment-details-article .right-align-sec .therephist-details .blog_avathar_logo::after {
    content: "";
    position: absolute;
    top: 35px;
    bottom: 35px;
    left: 0;
    width: 3px;
    background-color: #ff6a02;
}

.appointment-details-article .right-align-sec .therephist-details .inner-box-one {
    position: relative;
}

.appointment-details-article .right-align-sec h5 {
    margin-bottom: 20px;
}

.appointment-details-article .right-align-sec .therephist-details .inner-box-one {
    display: flex;
}

.appointment-details-article .right-align-sec .therephist-details .blog_avathar_logo {
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    overflow: hidden;
    margin-bottom: 20px;
    padding-right: 30px;
}

.appointment-details-article .right-align-sec .therephist-details .blog_content {
    flex: calc(100% - 100px);
    max-width: calc(100% - 100px);
}

.appointment-details-article .right-align-sec .inner-box-one .blog_content .therepiat_name {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.appointment-details-article .right-align-sec .inner-box-one .blog_content .therepiat_name i {
    margin-left: 10px;
}

.appointment-details-article .right-align-sec .inner-box-one .blog_content .available-btn a {
    padding: 6px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #848e9f;
    color: #ff6a02;
    font-size: 14px;
}

.appointment-details-article .right-align-sec .inner-box-one .blog_content .available-btn a:hover {
    background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
    color: #fff;
    border: 1px solid #ff6a02;
    transition: all 0.3s linear;
}

.appointment-details-article .right-align-sec hr {
    background-color: #565151;
    margin: 20px auto;
}

.appointment-details-article .right-align-sec p {
    font-size: 14px;
    color: #848e9f;
    margin-bottom: 0px;
}

.appointment-details-article .right-align-sec .therephist-details .available-btn {
    margin-top: 10px;
}

.appointment-details-article .left-align-sec .widget-content form .form-group {
    border: 1px solid #e6e8eb;
    border-radius: 30px;
    padding: 0px 10px;
    background: #fff;
}

.appointment-details-article .left-align-sec .widget-content form .form-group .form-control {
    line-height: 1.5;
    color: #212529;
    background-color: inherit !important;
    background-clip: inherit !important;
    border: none !important;
}

.appointment-details-article .left-align-sec .widget-content form .form-group {
    margin-top: 20px;
    margin-bottom: 0px !important;
}

.form-control:focus {
    box-shadow: inherit !important;
}

.appointment-details-article .left-align-sec .inner-box-main input {
    margin: 2px auto;
}

.appointment-details-article .left-align-sec .inner-box-main form i {
    color: #fff;
}

.appointment-details-article .right-align-sec .therephist-details .blog_content .therepiat_name img {
    width: 10%;
    margin-left: 10px;
}

.therephist-details .footer-row .right-align-sec-inner-box {
    text-align: end;
}

.appointment-details-article .left-align-sec .widget-content .selection {
    margin-top: 20px;
}

.appointment-details-article .select {
    display: none;
}



.appointment-details-article .custom-select {
    display: flex;
    cursor: pointer;
    align-items: center;
    padding: 0 20px;
    border-radius: 30px;
    width: 100%;
    height: 40px;
    background: #fff;
    color: #646c78;
    font-weight: 500;
    font-size: 16px;
    position: relative;
}

.appointment-details-article .custom-select:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 20px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    z-index: 1;
    transform: rotateZ(45deg);
    transition: all 0.3s ease-in-out;
}

.appointment-details-article .custom-select.option-active:after {
    transform: rotateZ(-135deg);
    top: 17px;
}

.appointment-details-article .custom-select-container {
    display: none;
}

.appointment-details-article .custom-select-container.show {
    display: block;
}

.appointment-details-article .custom-select-item {
    margin: 1px 0;
    width: 100%;
    padding: 0 18px;
    transition: all 0.5s;
    height: 40px;
    cursor: pointer;
    /* background: #e2e2e2; */
    color: #000;
    font-size: 14px;
    position: relative;
    display: flex;
    align-items: center;
    /* border-radius: 20px; */
}

.appointment-details-article .custom-select-item:hover {
    /* background:  linear-gradient(45deg, #ffc600 1%, #ff6c00 100%); */
    color: #ff6a02;
    background: #e3e3e3;
}




.appointment-order-conform-article-one .heading-1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.appointment-order-conform-article-one .first-row {
    display: flex;
    justify-content: center;
}

.appointment-order-conform-article-one .first-row .heading-1 h1 {
    color: #140342;
    font-size: 35px;
    font-family: cursive;
}

.appointment-order-conform-article-one .first-row .content-text p {
    color: #140342;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.appointment-order-conform-article-one .first-row .first-inner-box {
    padding: 25px;
    background-color: #fff;
    box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
}

.appointment-order-conform-article-one .first-inner-box .sub-inner-box-3 {
    display: flex;
    justify-content: space-between;
}

.appointment-order-conform-article-one .first-inner-box .sub-inner-box-1 {
    display: flex;
    justify-content: space-between;
}

.appointment-order-conform-article-one .first-inner-box hr {
    background-color: #746262;
    margin: 16px auto;
}

.appointment-order-conform-article-one .first-inner-box span {
    color: #1c1c1c78;
    font-weight: 600;
    font-size: 14px;
}

.appointment-order-conform-article-one .first-inner-box h6 {
    color: #140342;
    font-size: 16px;
}

.appointment-order-conform-article-one .first-inner-box .sub-inner-box-2 {
    margin-top: 16px;
}


.appointment-order-conform-article-one .widget-article-1 {
    position: relative;
    margin-top: 45px;
}

.appointment-order-conform-article-one .widget-article-1 .printer {
    position: absolute;
    width: 77%;
    height: 30px;
    border: 4px solid #2dccb1;
    border-radius: 60px;
    box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2);
    top: -10px;
    left: 12%;
    z-index: -1;
}



.appointment-order-conform-article-one .first-row .second-inner-box {
    padding: 25px;
    background-color: #fff;
    box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
}

.appointment-order-conform-article-one .first-row .widget-article-1 .second-inner-box .btns {
    text-align: center;
}

.appointment-order-conform-article-one .first-row .widget-article-1 .second-inner-box .upper-dotted-design {
    position: relative;
}

.appointment-order-conform-article-one .first-row .widget-article-1 .second-inner-box .upper-dotted-design::before {
    content: "";
    background: linear-gradient(to right, #fff 50%, #3f32e5 50%);
    background-size: 22px 4px, 100% 4px;
    height: 4px;
    width: 90%;
    display: block;
    left: 0;
    right: 0;
    top: -28px;
    position: absolute;
    margin: auto;
}

.appointment-order-conform-article-one span,
.appointment-order-conform-article-one h6 {
    font-family: auto;
}




/* dashboard appointment */

.dashboard-article .appointment-article .tab-appointment .active {
    padding: 4px 20px;
    background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
    color: #fff;
}

.dashboard-article .appointment-article .tablinks-appointment {
    padding: 4px 20px;
    background: #081038cc;
    color: #fff;
}

.dashboard-article .appointment-article .tabcontent-appointment .inner-box .avatar-logo-sec img {
    border-radius: 50%;
    width: 150px;
    height: 110px;
}

.dashboard-article .appointment-article .tabcontent-appointment .inner-box {
    padding: 30px;
    background: #fff;
    box-shadow: 0px 2px 10px #918787;
}

.dashboard-sec .appointment-article .tab-appointment {
    border-bottom: 1px solid #a79d9da6;
    padding-bottom: 1px;
}

.dashboard-article .completed-appointment .inner-box .content-sec .therepiat-details p {
    margin-bottom: 10px;
}

.text-end {
    text-align: end;
}

.dashboard-article .appointment-article .tabcontent-appointment .inner-box .img-sec {
    padding-right: 20px;
}

.dashboard-article .appointment-article .tabcontent-appointment .row {
    margin-top: 20px;
}

.dashboard-article .appointment-article .tabcontent-appointment p {
    color: #848e9f !important;
    margin-bottom: 10px;
    font-weight: 600 !important;
}

.dashboard-article .appointment-article .tabcontent-appointment .content-sec-end a {
    background: #ffae02;
    padding: 3px 10px;
    border-radius: 10px;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block;
}


.dashboard-article .appointment-article .tabcontent-appointment .content-sec-end a:hover {
    border: 1px solid #ffae02;
    color: #000;
    background-color: #fff;
}

.dashboard-article .appointment-article .tabcontent-appointment .inner-box i {
    background-color: #ffae02;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 26px;

}

.dashboard-sec .tabcontent-appointment .inner-box .content-sec-end .therepiat-details {
    text-align: end;
}



@media screen and (max-width: 991px) {
    .appointment-details-article .right-align-sec {
        margin-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .appointment-details-article .right-align-sec .therephist-details .blog_content {
        max-width: 100% !important;
    }

    .appointment-details-article .right-align-sec .therephist-details .blog_avathar_logo {
        max-width: 100%;
        text-align: center;
    }

    .appointment-details-article .right-align-sec .therephist-details .inner-box-one {
        display: inherit !important;
    }

    .appointment-order-conform-article-one h1 {
        font-size: 30px;
    }

    .dashboard-article .appointment-article .tabcontent-appointment .content-sec-start {
        margin-top: 20px;
    }

    .dashboard-article .appointment-article .tabcontent-appointment .content-sec-end {
        margin-top: 20px;
        text-align: left !important;
    }

    .dashboard-article .appointment-article .tabcontent-appointment .inner-box .avatar-logo-sec {
        text-align: center !important;
    }

    .appointment-order-conform-article-one .first-inner-box .sub-inner-box-1 {
        flex-direction: column;
    }

    .appointment-order-conform-article-one .first-inner-box .sub-inner-box-3 {
        flex-direction: column;
    }

    .appointment-order-conform-article-one .first-row .heading-1 h1 {

        font-size: 28px;
    }

    .appointment-order-conform-article-one .first-row .content-text p {
        font-size: 16px;
        text-align: justify;
    }

    .appointment-order-conform-article-one .first-inner-box .sub-inner-box-2 {
        margin-top: 0px;
    }
}

@media screen and (max-width: 575px) {
    .therephist-details .footer-row .right-align-sec-inner-box {
        text-align: left;
    }

    .therephist-details .footer-row .right-align-sec-inner-box .book-now-btn {
        margin-top: 10px;
    }

    .dashboard-article .appointment-article .tablinks-appointment {
        padding: 4px 6px !important;
    }
}

@media screen and (min-width:767px) {
    .dashboard-article .appointment-article .tabcontent-appointment .inner-box {
        display: flex;
    }
}

/* ranjith css end */


/* Style the active class, and buttons on mouse-over */
.appointment-tab-content .active,
.btn:hover {
    /* background-color: #44bdff;   */
    color: white;
}

.date-list {
    overflow-X: scroll;
    width: 600px;
    display: flex;
    align-items: center;
}

.date-list::-webkit-scrollbar {
    display: none;
}

.date_time .tab-content .tab-pane {
    background: white;
}

.date_time .nav-tabs li button {
    border-right: 0;
}

.tab-content .button-container {
    background: white;
}

.tab-content .button-container button {
    padding: 5px 7px;
    min-width: 98px;
    padding-left: 5px;
    border-radius: 2px;
    box-shadow: 0 0 3px gray;
    margin: 5px 6px;
    margin-bottom: 12px;
}

.tab-content .button-container button i {
    color: white;
}

.select a {
    background: #140342;
    padding: 10px 20px;
    border-radius: 20px;
    color: white;
}

.data-card .date-list .item {
    background: white;
}

/* carousel */
.data-card .carousel-wrap {
    padding: 0 4%;
    width: 100%;
    position: relative;
}

/* fix blank or flashing items on carousel */
.data-card .about-image-wrapper:before.-orange-1 .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
}

/* end fix */
.data-card .owl-nav>div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd;
}

.data-card .owl-nav i {
    font-size: 52px;
}

.data-card .owl-nav .owl-prev {
    left: -30px;
}

.data-card .owl-nav .owl-next {
    right: -30px;
}

.owl-carousel-in .owl-nav {
    display: block !important;
}

.date-button {
    text-align: center;
    width: 100%;
}

#panel {
    display: none;
}

#tabpanel {
    display: none;
}

#panelto {
    display: none;
}

#panelcall {
    display: none;
}

.relatives .modal.show .modal-dialog {
    margin-top: 10%;
}

.relative-card {
    border: 3px solid #ffa500b8;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 10px 10px #b7b7b7;
}

.relatives .modal-content {
    border: 3px solid orange;
}

.relatives .modal .modal-body h4 {
    color: #ff8d00;
    margin-bottom: 10px;
}


.add-btn a {
    background: white;
    padding: 8px 10px;
    border: 1px solid #b5b5b5;
    border-radius: 7px;
    color: #ffbe47;
    box-shadow: 0 10px 10px #e7e7e7;

}

#panel .nav-tabs .nav-link {
    border-right: 0;
}

#panelto .nav-tabs .nav-link {
    border-right: 0;
}

#panel .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-right: 1px solid gray !important;
}

#panelto .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-right: 1px solid gray !important;
}

.selectSection button {
    background: #d9d9d9;
}

.selectSection button div {
    font-size: 14px;
}

#panel .nav-tabs {
    border-bottom: 0 !important;
}

#panelto .nav-tabs {
    border-bottom: 0 !important;
}

#panelcall .nav-tabs {
    border-bottom: 0 !important;
}

#panel .nav-tabs .nav-link {
    border: 2px solid #44bdff;
}


#panel .nav-tabs .active {
    background: #44bdff;
}

.select {
    background-color: transparent;
}

.bg-white {
    background-color: white;
}

#panelto .nav-tabs .nav-link {
    border: 2px solid #44bdff;
}

#panelto .nav-tabs .active {
    background: #44bdff;
}

#panelcall .nav-tabs .nav-link {
    border: 2px solid #44bdff;
}

#panelcall .nav-tabs .active {
    background: #44bdff;
}

.appointment-description p {
    color: #858585;
}

.appointment-tab-content .btn-grey {
    border: none;
    outline: none;
    padding: 10px 16px;
    background-color: #f1f1f1;
    cursor: pointer;
    font-size: 18px;
}

/* Style the active class, and buttons on mouse-over */


.appointment-tab-content .card-input-element {
    display: none;
}

.appointment-tab-content .card-input {
    margin: 10px;
    padding: 00px;
}

.appointment-tab-content .card-input:hover {
    cursor: pointer;
}

.appointment-tab-content .card-input-element:checked+.card-input {
    box-shadow: 0 0 1px 1px #44bdff;
    background: #44bdff;
    color: white;
}

.appointment-tab-content .card-input-element:checked+.card-input i {
    color: white;

}

.button-radio .btn-width {
    width: max-content;
}

.button-radio {
    background-color: white !important;
}


.button-radio .btn-width label .card-input i {
    color: transparent;
}

.button-radio .btn-width label .card-input {
    margin: 5px 0;
    border: 1px solid gray;
    padding: 4px 30px;
    color: gray;
    border-radius: 5px;
}

.tab-content-new .button-radio .card-input {
    padding: 2px 3px !important;
    font-size: 14px;
}

.tab-content-new .button-radio .btn-width {
    padding: 4px 10px;
}

.new-date-column .new-date-column label {
    background: white;

}

.new-date-column #myDIV .btn-width label .card-input {
    line-height: 20px;
    font-size: 13px;
}

.extra-customers-new input {
    margin-left: -5px !important;
    margin-right: 28px !important;
}

.country-form select {
    position: unset !important;
    font-weight: 300;
    height: 52px !important;
    padding: 14px;
    color: #888888;
    background-color: #f1f1f1;
    border: none;
    border-radius: 5px;
}

label.radio-card {
    cursor: pointer;
}

label.radio-card .card-content-wrapper {
    background: #fff;
    border-radius: 5px;
    max-width: 280px;
    padding: 15px;
    display: grid;
    box-shadow: 0 2px 4px 0 rgb(187 187 187);
    transition: 200ms linear;
}

label.radio-card .check-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: solid 2px #e3e3e3;
    border-radius: 50%;
    transition: 200ms linear;
    position: relative;
}

label.radio-card .check-icon:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center center;
    transform: scale(1.6);
    transition: 200ms linear;
    opacity: 0;
}

label.radio-card input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}



label.radio-card input[type=radio]:checked+.card-content-wrapper {
    box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px #3057d5;
}

label.radio-card input[type=radio]:checked+.card-content-wrapper .check-icon {
    background: #3057d5;
    border-color: #3057d5;
    transform: scale(1.2);
}

label.radio-card input[type=radio]:checked+.card-content-wrapper .check-icon:before {
    transform: scale(1);
    opacity: 1;
}

label.radio-card input[type=radio]:focus+.card-content-wrapper .check-icon {
    box-shadow: 0 0 0 4px rgba(48, 86, 213, 0.2);
    border-color: #3056d5;
}

label.radio-card .card-content img {
    margin-bottom: 10px;
}

label.radio-card .card-content h4 {
    font-size: 16px;
    letter-spacing: -0.24px;
    text-align: center;
    color: #1f2949;
    margin-bottom: 10px;
}

label.radio-card .card-content h5 {
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    color: #686d73;
}

.card-content-wrapper {
    position: relative;
}

.card-content-wrapper .blue-check-icon span {
    position: absolute;
    top: 10px;
    right: 10px;
}

#voluteer-four .card-content-wrapper {
    background: #44bdff;

}

#voluteer-four .card-content-wrapper .card-content {
    background: #44bdff !important;
}

#voluteer-four .card-content-wrapper .card-content li {
    color: white !important;
}

.video-call .grid-wrapper .card-content-wrapper {
    background: #ff8014;
    padding: 10px;
    border-radius: 10px;
    color: white !important;
    font-weight: 600;
}

.video-call .card-content-wrapper {
    background: #ff8014;
}


.video-call label.radio-card input[type=radio]:checked+.card-content-wrapper {
    background: #140342;
}

.video-call .tab-btn:hover {
    background: unset !important;
}

.video-call .tab-btn:hover .video-icon-bg {
    background: orange;
    width: 42px;
    height: 42px;
    border-radius: 8px;
}

.video-call .grid-wrapper .card-content-wrapper:hover {
    background: #140342;

}

.appointment-tab-content fieldset .active,
.btn {
    transition: all 0.5s;
}

.appointment-tab-content fieldset .active,
.btn:hover {
    background-color: white;
    color: black;
    box-shadow: 0 0px 5px gray;
}

.select-btn {
    padding: 0px 13px;
    margin: auto;
    width: max-content;
    color: #ff8d00 !important;
    border: 1px solid #ff8d00;
    border-radius: 5px;
    color: orange;
}

.appointment-tab-content .nav-link {
    padding: 4px 10px;
}

#voluteer-four .select-btn {
    padding: 0px 13px;
    margin: auto;
    width: max-content;
    color: white !important;
    border: 1px solid white;
    border-radius: 5px;
}

.delete-icon {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 27px;
   padding: 2px;
   margin: auto;
   height: 18px;
   border-bottom: 1px solid #ff7c17;
   border-radius: 5px;
   background: white;
   cursor: pointer;
}

.delete-icon i {
    color: red;
}

.custom-select-container {
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 10;
    border-radius: 5px;
    margin-top: 10px;
    /* padding: 20px; */
}

.widget-content .selection {
    position: relative;
}

.fare-summary {
    background: white;
    border: 1px solid #c5c5c5;
}

.fare {
    text-align: start;
    padding: 10px 10px;
    color: #484848;
    background: #efefef;
}

.ticktet-fare {
    display: flex;
    padding: 10px 10px;
    align-items: center;
    justify-content: space-between;
}

.ticktet-fare p {
    margin: 0;
}

.total-fare {
    display: flex;
    padding: 10px 10px;
    align-items: center;
    background: #140342;
    justify-content: space-between;
}

.total-fare p {
    color: white;
    margin: 0;
}

.customer-details .form-wizard .form-wizard-steps li.active div,
.form-wizard .form-wizard-steps li.activated div {
    color: green;
}

.card-video-icon span {
    position: absolute;
    top: 20px;
    right: 20px;
}

.events-card .inner-box {
    position: relative;
}

.feature-block-five .inner-box:hover .share-icon-btn .text-black {
    color: white !important;

}

.feature-block-five .inner-box .share-icon-btn .text-black {
    transition: all 0.5s;
}


.feature-block-five .inner-box .share-icon-btn .share-img {
    transition: all 0.5s;
}

.feature-block-five .inner-box:hover .share-icon-btn .share-img {
    filter: invert(0) brightness(10);

}

.feature-block-five .inner-box p {
    text-align: justify;
}

.feature-block-five .inner-box p {
    height: 80px;
    overflow-y: scroll;
    padding-right: 10px;
}

.magazine .wishlist-icon a i {
    font-size: 28px;
}

.feature-block-five .inner-box:hover .event-time {
    color: white;
}

.event-time {
    transition: all 0.5s;
}

.blog-detail-two .news-block .lower-content {
    box-shadow: 0 10px 10px gray;
}

.blog-detail-two .author-box {
    margin-top: 40px;
}

.blog-detail-two .author-box .thumb {
    padding: 0;
}

.blog-detail-two .sidebar .categories {
    height: unset;
    overflow-y: unset;
}

.blog-detail-two .sidebar-title:before {
    left: 50%;
    transform: translateX(-50%);
}

.blog-detail-two .sidebar .search-box {
    background: #ebebeb;
}

.blog-detail-two .news-block.style-four .author {
    top: -20px;
    left: 30px;
    right: unset;
}

.blog-detail-two .author-box .inner-box {
    padding-bottom: 20px;
}

.blog-detail-two .flaticon-search:after {
    display: none;
}

.sidebar-page-container .news-block.style-four .tag-2 {
    right: 190px;
}

.blog-detail-two .share-icon-btn .social-content {
    z-index: 9;
    right: 4%;

}

.blog-detail-two .news-block-four .share-icon-btn .social-content {
    bottom: -40px;
    top: unset;
    right: 30px;
}

.blog-detail-two .news-block-four .share-icon-btn .social-content ul li a span {
    color: #140342 !important;
    transition: all 0.5s;
}

.blog-detail-two .news-block-four .share-icon-btn .social-content ul li a:hover span {
    color: #ff7700 !important;
}

.blog-detail-two .style-four figure {
    /* height: 350px; */
}

.events-card .image {
    position: relative;
}

.events-card .image .wishlist-icon {
    position: absolute;
    top: 18px;
    left: 15px;
}

.events-card .image .wishlist-icon i {
    font-size: 22px;
    color: white;
    transition: all 0.5s;
}

.events-card .image .wishlist-icon i:hover {
    color: red;
}

.events-card .image .wishlist-icon i:active {
    color: red;
}

.review-tab .prod-tabs .tab-btns .tab-btn {
    position: relative;
    display: block;
    margin-right: 8px;
    font-size: 16px;
    background: #ffffff9c;
    color: #222222;
    box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.2);
    text-transform: capitalize;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    margin-bottom: 12px;
    display: inline-block;
    padding: 12px 20px 10px;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.review-tab .prod-tabs .tab-btns .tab-btn:hover,
.review-tab .prod-tabs .tab-btns .tab-btn.active-btn {
    color: #ffffff;
    background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
    border-color: unset;
}

.all-comments {
    height: 400px;
    overflow-y: scroll;
    padding-right: 10px;
}

.differnt-video-sec .share-icon-btn .social-content ul li a {
    color: #140342 !important;
}

.image-box {
    overflow: hidden;
}

.image-box:hover .box {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.qr-code img {
    width: 100px;
    height: 100px;
    filter: blur(2px);
}

.donate-content-1 {
    width: 97%;
    text-indent: 50px;
}

.donate-content {
    width: 90%;
     text-indent: 50px;
}

.blood-form .prod-tabs .tab-btns .tab-btn {
    background: white;
}

.donation-reviews .tabs-content h4 {
    color: #140342;
}

article {
    background: #ccc;
    height: 200px;
    display: none;
}

article.on {
    display: block;
}

.new-filter .div-target {
    display: flex;
    align-items: center;
    justify-content: start;
}

.new-filter article {
    background: transparent;
    height: max-content;
}

.new-filter .div-target input {
    width: 30px !important;
    margin: inherit;
}

.new-filter .sidebar-widget {
    border: 1px solid orange;
}

.new-filter .sidebar-widget .flaticon-search:after {
    display: none
}

.new-filter .sidebar-widget input {
    color: gray;
}

.new-filter .sidebar-widget .flaticon-search:before {
    color: orangered;
    font-size: 18px;
}

.popular-posts-new article {
    display: block !important;
    height: unset;
    background: unset;
}

.popular-posts-new .widget-content {
    display: block !important;
}

.popular-posts-new .widget-content article {
    box-shadow: 0 0px 10px darkgrey;
    padding: 10px;
}

.fs-search input {
    color: gray;
    font-size: 14px;
}

.image-box-2 .social-content {
    bottom: -480px !important;
    top: unset;
}

.new-rules .benefits-area {
    height: 350px;
    overflow-y: scroll;
}

.new-rules .tab-content-card {
    border: 1px solid gray;
}

.all-topic-details .book-now-btn {
    min-width: 80px;
    position: relative;
    font-size: 14px;
    line-height: 23px;
    color: #ffffff !important;
    padding: 2px 8px;
    font-weight: 600;
    overflow: hidden;
    transition: all 0.5s;
    background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
    border-radius: 3px;
}

.popular-posts-new .widget-content {
    height: 490px;
    overflow-y: scroll;
    padding: 10px;

}

.new-rules .tab-content .benefits-area ol li {
    position: relative;
    padding-left: 20px;
}

.new-rules .tab-content .benefits-area ol li:before {
    background-image: url(../images/New-Images/lotus-icon.png);
    position: absolute;
    content: "";
    background-size: contain;
    width: 15px;
    height: 15px;
    left: 0;
    top: 8px;
}

/* ratings */

#full-stars-example {

    /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
    .rating-group {
        display: inline-flex;
    }

    /* make hover effect work properly in IE */
    .rating__icon {
        pointer-events: none;
    }

    /* hide radio inputs */
    .rating__input {
        position: absolute !important;
        left: -9999px !important;
    }

    /* set icon padding and size */
    .rating__label {
        cursor: pointer;
        padding: 0 0.1em;
        font-size: 2rem;
    }

    /* set default star color */
    .rating__icon--star {
        color: orange;
    }

    /* set color of none icon when unchecked */
    .rating__icon--none {
        color: #eee;
    }

    /* if none icon is checked, make it red */
    .rating__input--none:checked+.rating__label .rating__icon--none {
        color: red;
    }

    /* if any input is checked, make its following siblings grey */
    .rating__input:checked~.rating__label .rating__icon--star {
        color: #ddd;
    }

    /* make all stars orange on rating group hover */
    .rating-group:hover .rating__label .rating__icon--star {
        color: orange;
    }

    /* make hovered input's following siblings grey on hover */
    .rating__input:hover~.rating__label .rating__icon--star {
        color: #ddd;
    }

    /* make none icon grey on rating group hover */
    .rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
        color: #eee;
    }

    /* make none icon red on hover */
    .rating__input--none:hover+.rating__label .rating__icon--none {
        color: red;
    }
}

#half-stars-example {

    /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
    .rating-group {
        display: inline-flex;
    }

    /* make hover effect work properly in IE */
    .rating__icon {
        pointer-events: none;
    }

    /* hide radio inputs */
    .rating__input {
        position: absolute !important;
        left: -9999px !important;
    }

    /* set icon padding and size */
    .rating__label {
        cursor: pointer;
        /* if you change the left/right padding, update the margin-right property of .rating__label--half as well. */
        padding: 0 0.1em;
        font-size: 1.5rem;
    }

    /* add padding and positioning to half star labels */
    .rating__label--half {
        padding-right: 0;
        margin-right: -0.6em;
        z-index: 2;
    }

    /* set default star color */
    .rating__icon--star {
        color: orange;
    }

    /* set color of none icon when unchecked */
    .rating__icon--none {
        color: #eee;
    }

    /* if none icon is checked, make it red */
    .rating__input--none:checked+.rating__label .rating__icon--none {
        color: red;
    }

    /* if any input is checked, make its following siblings grey */
    .rating__input:checked~.rating__label .rating__icon--star {
        color: #ddd;
    }

    /* make all stars orange on rating group hover */
    .rating-group:hover .rating__label .rating__icon--star,
    .rating-group:hover .rating__label--half .rating__icon--star {
        color: orange;
    }

    /* make hovered input's following siblings grey on hover */
    .rating__input:hover~.rating__label .rating__icon--star,
    .rating__input:hover~.rating__label--half .rating__icon--star {
        color: #ddd;
    }

    /* make none icon grey on rating group hover */
    .rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
        color: #eee;
    }

    /* make none icon red on hover */
    .rating__input--none:hover+.rating__label .rating__icon--none {
        color: red;
    }
}

#full-stars-example-two {

    /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
    .rating-group {
        display: inline-flex;
    }

    /* make hover effect work properly in IE */
    .rating__icon {
        pointer-events: none;
    }

    /* hide radio inputs */
    .rating__input {
        position: absolute !important;
        left: -9999px !important;
    }

    /* hide 'none' input from screenreaders */
    .rating__input--none {
        display: none
    }

    /* set icon padding and size */
    .rating__label {
        cursor: pointer;
        padding: 0 0.1em;
        font-size: 1.5rem;
    }

    /* set default star color */
    .rating__icon--star {
        color: orange;
    }

    /* if any input is checked, make its following siblings grey */
    .rating__input:checked~.rating__label .rating__icon--star {
        color: #ddd;
    }

    /* make all stars orange on rating group hover */
    .rating-group:hover .rating__label .rating__icon--star {
        color: orange;
    }

    /* make hovered input's following siblings grey on hover */
    .rating__input:hover~.rating__label .rating__icon--star {
        color: #ddd;
    }
}

.ratings h6 {
    color: #ff7013;
}

.feed-back {
    width: 80%;
    margin: auto;
    border: 3px solid #140342;
}

.feed-back h3 {
    color: #140342;
}

.event-form input {
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    margin-right: auto;

}

.event-form label {
    color: #140342;
}

.event-form h5 {
    color: #140342;
}

.description textarea {
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    color: gray;
}

.feed-back-logo {
    background: linear-gradient(45deg, #000c4a, #00219fd9);
}

/* calendar page appointment start */

/* ranjith */

.panel_data .fc {
    direction: ltr;
    text-align: left;
}

.panel_data .fc table {
    border-collapse: collapse;
    border-spacing: 0;
}



.panel_data .fc td,
.panel_data .fc th {
    padding: 0;
    vertical-align: top;
}



/* Header
------------------------------------------------------------------------*/

.panel_data .fc-header td {
    white-space: nowrap;
    padding: 15px 10px 0px;
}

.panel_data .fc-header-left {
    width: 25%;
    text-align: left;
}

.panel_data .fc-header-center {
    text-align: center;
}

.panel_data .fc-header-right {
    width: 25%;
    text-align: right;
}

.panel_data .fc-header-title {
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
}

.panel_data .fc-header-title h2 {
    margin-top: 0;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 10px;
}

.panel_data .fc .fc-header-space {
    padding-left: 10px;
}

.panel_data .fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top;
}

/* buttons edges butting together */

.panel_data .fc-header .fc-button {
    margin-right: -1px;
}

.panel_data .fc-header .fc-corner-right,
/* non-theme */
.panel_data .fc-header .ui-corner-right {
    /* theme */
    margin-right: 0;
    /* back to normal */
}

/* button layering (for border precedence) */

.panel_data .fc-header .fc-state-hover,
.panel_data .fc-header .ui-state-hover {
    z-index: 2;
}

.panel_data .fc-header .fc-state-down {
    z-index: 3;
}

.panel_data .fc-header .fc-state-active,
.panel_data .fc-header .ui-state-active {
    z-index: 4;
}

.panel_data .fc-content {
    clear: both;
    zoom: 1;
    /* border: 1px solid rgb(223, 223, 223); */
}

.panel_data .fc-view {
    width: 100%;
    overflow: hidden;
}

.panel_data .fc-widget-content {
    /* <td>, usually */
    border: 1px solid #e5e5e5;
}

.panel_data.fc-widget-header {
    border-bottom: 1px solid #EEE;
}

.panel_data .fc-state-highlight {
    /* <td> today cell */
    /* TODO: add .fc-today to <th> */
    /* background: #fcf8e3; */
}

.panel_data .fc-state-highlight>div>div.fc-day-number {
    background-color: #ffae00;
    color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;

}

.panel_data .fc-cell-overlay {
    /* semi-transparent rectangle while dragging */
    background: #bce8f1;
    opacity: .3;
    filter: alpha(opacity=30);
    /* for IE */
}



/* Buttons
------------------------------------------------------------------------*/

.panel_data .fc-button {
    position: relative;
    display: inline-block;
    padding: 0 .6em;
    overflow: hidden;
    height: 1.9em;
    line-height: 1.9em;
    white-space: nowrap;
    cursor: pointer;
}

.panel_data .fc-state-default {
    /* non-theme */
    border: 1px solid;
}

.panel_data .fc-state-default.fc-corner-left {
    /* non-theme */
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.panel_data .fc-state-default.fc-corner-right {
    /* non-theme */
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}



.panel_data .fc-text-arrow {
    margin: 0 .4em;
    font-size: 2em;
    line-height: 23px;
    vertical-align: baseline;
    /* for IE7 */
}

.panel_data .fc-button-prev .fc-text-arrow,
.panel_data .fc-button-next .fc-text-arrow {
    font-weight: bold;
}



.panel_data .fc-button .fc-icon-wrap {
    position: relative;
    float: left;
    top: 50%;
}

.panel_data .fc-button .ui-icon {
    position: relative;
    float: left;
    margin-top: -50%;
    *margin-top: 0;
    *top: -50%;
}


.panel_data .fc-state-default {
    border-color: #ffae00;
    color: #ffae00;
}

.panel_data .fc-button-month.fc-state-default,
.panel_data .fc-button-agendaWeek.fc-state-default,
.panel_data .fc-button-agendaDay.fc-state-default {
    min-width: 67px;
    text-align: center;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.panel_data .fc-state-hover,
.panel_data .fc-state-down,
.panel_data .fc-state-active,
.panel_data .fc-state-disabled {
    color: #ffae00;
    background-color: #FFE3E3;
}

.panel_data .fc-state-hover {
    color: #ffae00;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.panel_data .fc-state-down,
.panel_data .fc-state-active {
    background-color: #ffae00;
    background-image: none;
    outline: 0;
    color: #FFFFFF;
}

.panel_data .fc-state-disabled {
    cursor: default;
    background-image: none;
    background-color: #ffae001c;
    filter: alpha(opacity=65);
    box-shadow: none;
    border: 1px solid #ffae00 !important;
    color: #ffae00;
}



/* Global Event Styles
------------------------------------------------------------------------*/

.panel_data .fc-event-container>* {
    z-index: 8;
}

.panel_data .fc-event-container>.ui-draggable-dragging,
.panel_data .fc-event-container>.ui-resizable-resizing {
    z-index: 9;
}

.panel_data .fc-event {
    border: 1px solid #FFF;
    /* default BORDER color */
    background-color: #FFF;
    /* default BACKGROUND color */
    color: #919191;
    /* default TEXT color */
    font-size: 12px;
    cursor: default;
}

.panel_data .fc-event.chill {
    background-color: #f3dcf8;
}

.panel_data .fc-event.info {
    background-color: #c6ebfe;
}

.panel_data .fc-event.important {
    background-color: #FFBEBE;
}

.panel_data .fc-event.success {
    background-color: #BEFFBF;
}

.panel_data .fc-event:hover {
    opacity: 0.7;
}

.panel_data a.fc-event {
    text-decoration: none;
}

.panel_data a.fc-event,
.panel_data .fc-event-draggable {
    cursor: pointer;
}

.panel_data .fc-rtl .fc-event {
    text-align: right;
}

.panel_data .fc-event-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    line-height: 15px;
}

.panel_data .fc-event-time,
.panel_data .fc-event-title {
    padding: 0 1px;
}

.panel_data .fc .ui-resizable-handle {
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden;
    /* hacky spaces (IE6/7) */
    font-size: 300%;
    /* */
    line-height: 50%;
    /* */
}





.panel_data .fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
}

.panel_data .fc-ltr .fc-event-hori.fc-event-start,
.panel_data .fc-rtl .fc-event-hori.fc-event-end {
    border-left-width: 1px;
    /*
border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
*/
}

.panel_data .fc-ltr .fc-event-hori.fc-event-end,
.panel_data .fc-rtl .fc-event-hori.fc-event-start {
    border-right-width: 1px;

}


.panel_data .fc-event-hori .ui-resizable-e {
    top: 0 !important;
    right: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: e-resize;
}

.panel_data .fc-event-hori .ui-resizable-w {
    top: 0 !important;
    left: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: w-resize;
}

.panel_data .fc-event-hori .ui-resizable-handle {
    _padding-bottom: 14px;
}





.panel_data table.fc-border-separate {
    border-collapse: separate;
}

.panel_data .fc-border-separate th,
.panel_data .fc-border-separate td {
    border-width: 1px 0 0 1px;
}

.panel_data .fc-border-separate th.fc-last,
.panel_data .fc-border-separate td.fc-last {
    border-right-width: 1px;
}


.panel_data .fc-border-separate tr.fc-last td {}

.panel_data .fc-border-separate .fc-week .fc-first {
    border-left: 0;
}

.panel_data .fc-border-separate .fc-week .fc-last {
    border-right: 0;
}

.panel_data .fc-border-separate tr.fc-last th {
    border-bottom-width: 1px;
    border-color: #cdcdcd;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.panel_data .fc-border-separate tbody tr.fc-first td,
.panel_data .fc-border-separate tbody tr.fc-first th {
    border-top-width: 0;
}



.panel_data .fc-grid th {
    text-align: center;
}

.panel_data .fc .fc-week-number {
    width: 22px;
    text-align: center;
}

.panel_data .fc .fc-week-number div {
    padding: 0 2px;
}

.panel_data .fc-grid .fc-day-number {
    float: right;
    padding: 0 2px;
}

.panel_data .fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.panel_data .fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px;
    /* distance between events and day edges */
}

/* event styles */

.panel_data .fc-grid .fc-event-time {
    font-weight: bold;
}

/* right-to-left */

.panel_data .fc-rtl .fc-grid .fc-day-number {
    float: left;
}

.panel_data .fc-rtl .fc-grid .fc-event-time {
    float: right;
}



.panel_data .fc-agenda table {
    border-collapse: separate;
}

.panel_data .fc-agenda-days th {
    text-align: center;
}

.panel_data .fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    font-weight: normal;
}

.panel_data .fc-agenda .fc-week-number {
    font-weight: bold;
}

.panel_data .fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
}

/* make axis border take precedence */

.panel_data .fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px;
}

.panel_data .fc-agenda-days .fc-col0 {
    border-left-width: 0;
}

/* all-day area */

.panel_data .fc-agenda-allday th {
    border-width: 0 1px;
}

.panel_data .fc-agenda-allday .fc-day-content {
    min-height: 34px;
    /* TODO: doesnt work well in quirksmode */
    _height: 34px;
}

/* divider (between all-day and slots) */

.panel_data .fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden;
}

.panel_data .fc-widget-header .fc-agenda-divider-inner {
    background: #eee;
}

/* slot rows */

.panel_data .fc-agenda-slots th {
    border-width: 1px 1px 0;
}

.panel_data .fc-agenda-slots td {
    border-width: 1px 0 0;
    background: none;
}

.panel_data .fc-agenda-slots td div {
    height: 20px;
}

.panel_data .fc-agenda-slots tr.fc-slot0 th,
.panel_data .fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0;
}

.panel_data .fc-agenda-slots tr.fc-minor th.ui-widget-header {
    *border-top-style: solid;
    /* doesn't work with background in IE6/7 */
}



/* Vertical Events
------------------------------------------------------------------------*/

.panel_data .fc-event-vert {
    border-width: 0 1px;
}

.panel_data .fc-event-vert.fc-event-start {
    border-top-width: 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel_data .fc-event-vert.fc-event-end {
    border-bottom-width: 1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.panel_data .fc-event-vert .fc-event-time {
    white-space: nowrap;
    font-size: 10px;
}

.panel_data .fc-event-vert .fc-event-inner {
    position: relative;
    z-index: 2;
}

.panel_data .fc-event-vert .fc-event-bg {
    /* makes the event lighter w/ a semi-transparent overlay  */
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .25;
    filter: alpha(opacity=25);
}

.panel_data .fc .ui-draggable-dragging .fc-event-bg,
/* TODO: something nicer like .fc-opacity */
.panel_data .fc-select-helper .fc-event-bg {
    display: none\9;
    /* for IE6/7/8. nested opacity filters while dragging don't work */
}

/* resizable */

.panel_data .fc-event-vert .ui-resizable-s {
    bottom: 0 !important;
    /* importants override pre jquery ui 1.7 styles */
    width: 100% !important;
    height: 8px !important;
    overflow: hidden !important;
    line-height: 8px !important;
    font-size: 11px !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.panel_data .fc-agenda .ui-resizable-resizing {
    /* TODO: better selector */
    _overflow: hidden;
}

.panel_data thead tr.fc-first {
    background-color: #f7f7f7;
}

.panel_data table.fc-header {
    background-color: #FFFFFF;
    border-radius: 6px 6px 0 0;
}


.panel_data .fc-sun,
.panel_data .fc-sat {
    color: #b8b8b8;
}

.panel_data .fc-week .fc-day:hover .fc-day-number {
    background-color: #B8B8B8;

    color: #FFFFFF;
    transition: background-color 0.2s;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
}

.panel_data .fc-week .fc-day.fc-state-highlight:hover .fc-day-number {
    background-color: #ff3b30;
}

.panel_data .fc-button-today {
    border: 1px solid rgba(255, 255, 255, .0);
}

.panel_data .fc-view-agendaDay thead tr.fc-first .fc-widget-header {
    text-align: right;
    padding-right: 10px;
}





.panel_data #wrap {
    width: auto;
    margin: 0 auto;
}

.panel_data #external-events {
    float: left;
    width: 150px;
    padding: 0 10px;
    text-align: left;
}

.panel_data #external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
}

.panel_data .external-event {
    /* try to mimick the look of a real event */
    margin: 10px 0;
    padding: 2px 4px;
    background: #3366CC;
    color: #fff;
    font-size: .85em;
    cursor: pointer;
}

.panel_data #external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
}

.panel_data #external-events p input {
    margin: 0;
    vertical-align: middle;
}

.panel_data #calendar {

    margin: 0 auto;
    width: auto;
    background-color: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 1px 2px #C3C3C3;
}

.date-apppointment .radio-button {
    margin: 5px 15px;
    width: auto;
}

.dashboard #panelto .nav-item.show .nav-link,
.nav-tabs .nav-link {
    border-left: 1px solid gray;
    border-top: 1px solid gray;
}

.events .news-block .image-box {
    position: relative;
}

.events .news-block .image-box .wishlist-icon {
    position: absolute;
    top: 13px;
    left: 13px;
    width:max-content;
}

.events .news-block .image-box .wishlist-icon a i {
    font-size: 25px;
    color: white;
    transition: all 0.5s;
}

.events .news-block .image-box .wishlist-icon a i:active {
    color: red;
}

.events .news-block .image-box .wishlist-icon a i:hover {
    color: red;
}

.events .share,
.share:before,
.share:after,
.ico {
    width: 80px;
}

.events .event-title .share {
    font-size: 15px;
    color: white !important;
    transition: all 0.5s;
}

.events .event-title .share:hover {
    color: orange !important;
}

.events .event-title img {
    transition: all 0.5s;
    filter: invert(0) brightness(100) !important;
}

.events .event-title img {
    filter: invert(0) brightness(100) !important;
}

.events .share-icon-btn .social-content {
    right: 0;
    left: unset;
    z-index: 9;
    width: max-content;
}

.events .news-block .image-box .video-icon {
    position: absolute;
    top: 13px;
    right: 10px;
}

.events .news-block .image-box .video-icon a i {
    font-size: 23px !important;
}

.events .event-search-form {
    background: unset;
}

.events .event-search-form .form-group:before {
    background: unset;
}

.events .new-icon .time-icon {
    /* left: 12px; */
}

.events .dropdown-select.wide {
    padding-left: 20px;
}

.events .form-group {
    padding: 0;
}

.events .event-search-form .row {
    margin: unset;
    margin-top: -5px;
}

.events .dropdown-select {
    box-shadow: unset;
    border-bottom: 1px solid orange !important;
    border: solid transparent;
    border-radius: 7px;
}

.events .finder {
    color: black;
}

.events .dropdown-select {
    height: 37px;
}

.all-topic-details .post-info li span {
    color: orange !important;
}

.consulting-feature-section-2 .single-feature-item {
    background-image: url(../images/New-Images/astro-1.jpg) !important;
    background-position: center;
    background-size: cover;
    position: relative;
}

.consulting-feature-section-2 .tips-card:nth-child(2) .single-feature-item {
    background-image: url(../images/New-Images/astro-2.jpg) !important;
}

.consulting-feature-section-2 .tips-card:nth-child(3) .single-feature-item {
    background-image: url(../images/New-Images/astro-3.jpg) !important;
}

.consulting-feature-section-2 .tips-card:nth-child(4) .single-feature-item {
    background-image: url(../images/New-Images/astro-4.jpg) !important;
}

.consulting-feature-section-2 .tips-card:nth-child(5) .single-feature-item {
    background-image: url(../images/New-Images/astro-2.jpg) !important;
}

.consulting-feature-section-2 .tips-card:nth-child(6) .single-feature-item {
    background-image: url(../images/New-Images/astro-3.jpg) !important;
}

.consulting-feature-section-2 .tips-card:nth-child(7) .single-feature-item {
    background-image: url(../images/New-Images/astro-4.jpg) !important;
}

.tips-bg-gray {
    position: absolute;
    top: 0;
    left: 0;
    background: #00000085;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.z-5 {
    z-index: 5;
}

.consulting-feature-section .single-feature-item h6 {
    color: #ff6a02 !important;
    z-index: 5;
    margin-top: 6px;
}

.new .single-feature-content {
    margin-top: 65px;
}

.new .single-feature-thumb img {
    width: 60px;
    transition: 0.5s;
    z-index: 5;
    filter: invert(0.58) brightness(100);
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%) !important;
}

.new .single-feature-item:hover .single-feature-thumb img {
    transform: unset;
}

.new .single-feature-item h4 {
    color: white !important;
}

.new .single-feature-item:hover h4 {
    color: #ff6a02 !important;
}

.qr-code {
    position: relative;
}

.donate-layer {
    position: absolute;
}

.modal-qr img {
    width: 150px;
    height: 150px;
}

.qr-donation .offline-contriute input {
    border: 1px solid #c7c7c7;
    border-radius: 5px;
}

.qr-donation .offline-contriute label {
    color: black;
}

.qr-donation .offline-contriute textarea {
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    margin: 0;
    width: 100%;
    color: gray;
}

.qr-donation .modal-content .close span {
    font-size: 40px;
}

.qr-donation .modal-dialog {
    max-width: 738px;
}

.qr-donation .modal-content .modal-title {
    color: #ff7600;
}

.qr-donation .modal.show .modal-dialog .modal-content {
    border: 3px solid orange;
}

.all-topic-details .post-info li {
    font-size: 15px;
}

.all-events .news-block .lower-content .icon-share {
    font-size: 20px;
}

.all-events .news-block .lower-content .share {
    width: 22px;
}

.insights-date form li label {
    margin-left: -20px;
}

.dashboard-volunteer .feature-section {
    padding: 14px 0 0;
}

.dashboard-donation .payment-table table tbody tr td:nth-child(4) {
    color: #000 !important;
}

.dashboard-message .form-group {
    border: 1px solid gray;
    border-radius: 25px;
}

.dashboard-message .form-group input {
    border-radius: 25px;
    color: gray;
}

.dashboard-message .form-group .flaticon-search:after {
    display: none;
}

.all-message .sec-title {
    margin-bottom: 5px;
}

.dashboard-booking .tables-status .tab-content table tbody tr td:nth-child(5) i {
    color: #fe7101;
}

.dashboard-booking .tables-status .tab-content table tbody tr td:nth-child(4) i {
    color: #fe7101;
}

.dashboard-volunteer .payment-table .tab-content-card tbody tr td:nth-child(4) i {
    color: #fe7101;
}

/* google calendar */


#wrap {
    width: 100%;
    margin: 0 auto;
}

#external-events {
    float: left;
    width: 150px;
    padding: 0 10px;
    text-align: left;
}

#external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
}

.external-event {
    /* try to mimick the look of a real event */
    margin: 10px 0;
    padding: 2px 4px;
    background: #3366cc;
    color: #fff;
    font-size: 0.85em;
    cursor: pointer;
}

#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
}

#external-events p input {
    margin: 0;
    vertical-align: middle;
}

#calendar {
    /* 		float: right; */
    margin: 0 auto;
    width: 100%;
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 1px 2px #c3c3c3;
}


/* google calendar */

#external-events {
    float: left;
    width: 150px;
    padding: 0 10px;
    text-align: left;
}

#external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
}

.external-event {
    /* try to mimick the look of a real event */
    margin: 10px 0;
    padding: 2px 4px;
    background: #3366CC;
    color: #fff;
    font-size: .85em;
    cursor: pointer;
}

#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
}

#external-events p input {
    margin: 0;
    vertical-align: middle;
}

#calendar {
    /* 		float: right; */
    padding: 10px;
    margin: 0 auto;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 1px 2px #C3C3C3;
    -webkit-box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.18);
}

.appointment-tab-content .card-top .card-body {
    display: none;
}

.appointment-tab-content .card-top .card {
    border: unset;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aX8.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aX8.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype');
}

td.fc-day {
    background: #fff !important;
    font-family: "Open Sans", sans-serif;
}

td.fc-today {
    background: #fff !important;
    position: relative;
}

.fc-first th {
    font-family: "Open Sans", sans-serif;
    background: #f7f7f7 !important;
    color: #36474f;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-top: 1px solid #ccc;
}

.fc-event-inner {
    font-family: 'Open Sans', sans-serif;
    background: #03a9f3 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    padding: 5px 4px !important;
}

.fc {
    direction: ltr;
    text-align: left;
}

.fc table {
    border-collapse: collapse;
    border-spacing: 0;
}

html .fc,
.fc table {
    font-size: 1em;
    font-family: "Montserrat", sans-serif;
}

.fc td,
.fc th {
    padding: 0;
    vertical-align: top;
}

/* Header
------------------------------------------------------------------------*/
.fc-header td {
    white-space: nowrap;
    padding: 15px 10px 0px;
}

.fc-header-left {
    width: 25%;
    text-align: left;
}

.fc-header-center {
    text-align: center;
}

.fc-header-right {
    width: 25%;
    text-align: right;
}

.fc-header-title {
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
}

.fc-header-title h2 {
    margin-top: 0;
    white-space: nowrap;
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 10px;
    font-family: "Open Sans", sans-serif;
}

span.fc-button {
    font-family: "Open Sans", sans-serif;
    color: #36474f;
    font-weight: 600;
    text-transform: capitalize;
}

.fc-state-down,
.fc-state-active {
    background-color: transparent !important;
    color: #137abb !important;
    font-weight: 600;
    border-bottom: 3px solid #137abb;
}

.fc .fc-header-space {
    padding-left: 10px;
}

.fc-header .fc-button {
    vertical-align: top;
}

/* buttons edges butting together */
.fc-button-wrap {
    display: inline-block;
    min-width: 68px;
    padding: 0 0.06em;
    margin: 0;
}

.fc-header .fc-button {
    margin-right: -1px;
}

.fc-header .fc-corner-right,
.fc-header .ui-corner-right {
    /* theme */
    margin-right: 0;
    /* back to normal */
}

/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
    z-index: 2;
}

.fc-header .fc-state-down {
    z-index: 3;
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
    z-index: 4;
}

/* Content
------------------------------------------------------------------------*/
.fc-content {
    clear: both;
    zoom: 1;
    /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}

.fc-view {
    width: 100%;
    overflow: hidden;
}

/* Cell Styles
------------------------------------------------------------------------*/
/* <th>, usually */
.fc-widget-content {
    /* <td>, usually */
    border: 1px solid #e5e5e5;
}

.fc-widget-header {
    border-bottom: 1px solid #eee;
}

.fc-state-highlight {
    /* <td> today cell */
    /* TODO: add .fc-today to <th> */
    /* background: #fcf8e3; */
}

.fc-state-highlight>div>div.fc-day-number {
    background-color: #ff3b30;
    color: #ffffff;
    border-radius: 50%;
    margin: 4px;
}

.fc-cell-overlay {
    /* semi-transparent rectangle while dragging */
    background: #bce8f1;
    opacity: 0.3;
    filter: alpha(opacity=30);
    /* for IE */
}

/* Buttons
------------------------------------------------------------------------*/
.fc-button {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 1.9em;
    line-height: 1.9em;
    white-space: nowrap;
    cursor: pointer;
}

/*
Our default prev/next buttons use HTML entities like ‹ › « »
and we'll try to make them look good cross-browser.
*/
.fc-text-arrow {
    margin: 0 0.4em;
    font-size: 2em;
    line-height: 23px;
    vertical-align: baseline;
    /* for IE7 */
}

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow {
    /* for ‹ › */
    font-weight: bold;
}

/* icon (for jquery ui) */
.fc-button .fc-icon-wrap {
    position: relative;
    float: left;
    top: 50%;
}

.fc-button .ui-icon {
    position: relative;
    float: left;
    margin-top: -50%;
    *margin-top: 0;
    *top: -50%;
}

.fc-state-default {
    border-color: #137abb;
    color: #137abb;
}

.fc-button-month.fc-state-default,
.fc-button-agendaWeek.fc-state-default,
.fc-button-agendaDay.fc-state-default {
    text-align: center;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #36474f;
    background-color: #f7f7f7;
    border-radius: 4px;
}

.fc-state-hover {
    color: #ff3b30;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
    background-color: #ff3b30;
    background-image: none;
    outline: 0;
    color: #ffffff;
    border-radius: 0;
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    background-color: #ffe3e3;
    filter: alpha(opacity=65);
    box-shadow: none;
    border: 1px solid #ffe3e3;
    color: #ff3b30;
}

/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container>* {
    z-index: 8;
}

.fc-event-container>.ui-draggable-dragging,
.fc-event-container>.ui-resizable-resizing {
    z-index: 9;
}

.fc-event {
    border: 1px solid #fff;
    /* default BORDER color */
    background-color: #fff;
    /* default BACKGROUND color */
    color: #919191;
    /* default TEXT color */
    font-size: 12px;
    cursor: default;
}

.fc-event.chill {
    background-color: #f3dcf8;
}

.fc-event.info {
    background-color: #c6ebfe;
}

.fc-event.important {
    background-color: #ffbebe;
}

.fc-event.success {
    background-color: #beffbf;
}

.fc-event:hover {
    opacity: 0.7;
}

a.fc-event {
    text-decoration: none;
}

a.fc-event,
.fc-event-draggable {
    cursor: pointer;
}

.fc-rtl .fc-event {
    text-align: right;
}

.fc-event-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    line-height: 15px;
}

.fc-event-time,
.fc-event-title {
    padding: 0 1px;
}

.fc .ui-resizable-handle {
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden;
    /* hacky spaces (IE6/7) */
    font-size: 300%;
    /* */
    line-height: 50%;
    /* */
}

/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
    border-left-width: 1px;
    /*
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
*/
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
    border-right-width: 1px;
    /*
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
*/
}

/* resizable */
.fc-event-hori .ui-resizable-e {
    top: 0 !important;
    /* importants override pre jquery ui 1.7 styles */
    right: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
    top: 0 !important;
    left: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
    _padding-bottom: 14px;
    /* IE6 had 0 height */
}

/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
    border-collapse: separate;
}

.fc-border-separate th,
.fc-border-separate td {
    border-width: 1px 0 0 1px;
}

.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
    border-right-width: 1px;
}

.fc-border-separate .fc-week .fc-first {
    border-left: 0;
}

.fc-border-separate .fc-week .fc-last {
    border-right: 0;
}

.fc-border-separate tr.fc-last th {
    border-bottom-width: 1px;
    border-color: #cdcdcd;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
    border-top-width: 0;
}

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
    text-align: center;
}

.fc .fc-week-number {
    width: 22px;
    text-align: center;
}

.fc .fc-week-number div {
    padding: 0 2px;
}

.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30);
    /* for IE */
    /* opacity with small font can sometimes look too faded
might want to set the 'color' property instead
making day-numbers bold also fixes the problem */
}

.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px;
    /* distance between events and day edges */
}

/* event styles */
.fc-grid .fc-event-time {
    font-weight: bold;
}

/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
    float: left;
}

.fc-rtl .fc-grid .fc-event-time {
    float: right;
}

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
    border-collapse: separate;
}

.fc-agenda-days th {
    text-align: center;
}

.fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    font-weight: normal;
}

.fc-agenda .fc-week-number {
    font-weight: bold;
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
}

/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
    border-left-width: 0;
}

/* all-day area */
.fc-agenda-allday th {
    border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
    min-height: 34px;
    /* TODO: doesnt work well in quirksmode */
    _height: 34px;
}

/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
    background: #eee;
}

/* slot rows */
.fc-agenda-slots th {
    border-width: 1px 1px 0;
}

.fc-agenda-slots td {}

.fc-agenda-slots td {
    border-width: 1px 0 0;
    background: none;
}

.fc-agenda-slots td div {
    height: 20px;
}

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
    *border-top-style: solid;
    /* doesn't work with background in IE6/7 */
}

/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
    border-width: 0 1px;
}

.fc-event-vert.fc-event-start {
    border-top-width: 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.fc-event-vert.fc-event-end {
    border-bottom-width: 1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.fc-event-vert .fc-event-time {
    white-space: nowrap;
    font-size: 10px;
}

.fc-event-vert .fc-event-inner {
    position: relative;
    z-index: 2;
}

.fc-event-vert .fc-event-bg {
    /* makes the event lighter w/ a semi-transparent overlay  */
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.25;
    filter: alpha(opacity=25);
}

.fc .ui-draggable-dragging .fc-event-bg,
.fc-select-helper .fc-event-bg {
    display: none\9;
    /* for IE6/7/8. nested opacity filters while dragging don't work */
}

/* resizable */
.fc-event-vert .ui-resizable-s {
    bottom: 0 !important;
    /* importants override pre jquery ui 1.7 styles */
    width: 100% !important;
    height: 8px !important;
    overflow: hidden !important;
    line-height: 8px !important;
    font-size: 11px !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.fc-agenda .ui-resizable-resizing {
    /* TODO: better selector */
    _overflow: hidden;
}

thead tr.fc-first {
    background-color: #f7f7f7;
}

table.fc-header {
    background-color: #ffffff;
    border-radius: 6px 6px 0 0;
}

.fc-week .fc-day>div .fc-day-number {
    font-size: 15px;
    margin: 2px;
    min-width: 19px;
    padding: 6px;
    text-align: center;
    width: 30px;
    height: 30px;
}

.fc-sun,
.fc-sat {
    color: #b8b8b8;
}

.fc-week .fc-day:hover .fc-day-number {
    background-color: #b8b8b8;
    border-radius: 50%;
    color: #ffffff;
    transition: background-color 0.2s;
}

.fc-week .fc-day.fc-state-highlight:hover .fc-day-number {
    background-color: #ff3b30;
}

.fc-button-today {
    border: 1px solid rgba(255, 255, 255, 0);
}

.fc-view-agendaDay thead tr.fc-first .fc-widget-header {
    text-align: right;
    padding-right: 10px;
}

.fc-event {
    background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);
    color: #000 !important;
}

.fc-event-bg {
    display: none !important;
}

.fc-event .ui-resizable-handle {
    display: none !important;
}

.guest-name {
    display: block;
    text-decoration: none !important;
    color: #3f345f !important;
    font-weight: 600 !important;
}

.new-calendar-pop {
    max-height: 420px;
    min-height: max-content;
    overflow-y: scroll;
}

.calendar-popup .tab-content .radio-card .calendar-popup .active,
.btn {
    background-color: white;
}

.calendar-popup .appointment-tab-content .card-content-wrapper {
    background: #44bdff;
}

.calendar-popup .appointment-tab-content .card-content {
    background: transparent;
}

.calendar-popup label.radio-card .card-content-wrapper {
    background: #44bdff;
}

.calendar-popup label.radio-card .card-content {
    background: #44bdff;
}

.calendar-popup label.radio-card .select-btn {
    padding: 0px 13px;
    margin: auto;
    width: max-content;
    color: #ffffff !important;
    border: 1px solid #ffffff;
    border-radius: 5px;
    color: orange;
}

.appointment-tab-content .nav-tabs {
    border-bottom: unset;
}

.appointment-tab-content #panelto .nav-item.show .nav-link,
.nav-tabs .nav-link {
    border-right: 1px solid gray !important;
    border-bottom: 1px solid gray;
}

.appointment-tab-content #panelto .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-right: 1px solid gray !important;
    border-bottom: 1px solid gray;
}

.panel-default .panel-heading {
    font-size: 13px;
    line-height: 22px;
}

.popup-btn {
    width: max-content;
}

.biography-sec .tab-content-card .appointment-tab-content .modal .btn-style-special {
    cursor: pointer;
}

.health-card-img .wishlist-icon {
    width: max-content;
    position: absolute;
    top: 13px;
    left: 13px;
}

.health-card-img .wishlist-icon a i {
    font-size: 24px;
    color: white;
}

.health-card-img .wishlist-icon a:active i {
    color: red;
}

.health-card-img .share-icon-btn {
    position: absolute;
    top: 11px;
    right: 13px;
}

.health-card-img .share-icon-btn i {
    font-size: 16px;
    color: white;
}

.share-nodes {
    border: 1px solid white;
    background: #0000008a;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.download-content {
    font-size: 16px;
}

.text-white {
    color: white;
}

.news-block-four .lower-content span:hover {
    color: white !important;
}

.blog-detail-two .lower-content .btn-style-two {
    min-width: 155px;
}

.insights .health-card {
    box-shadow: unset !important;
    height:100%;
}

.events-category .schedule-tabs .tab-buttons li.active-btn .day {
    min-width: max-content;
}

.sub-menu-parent {
    position: relative;
    transition: all 0.5s;
}

.nav-sub-menu {
    display: none;
    transition: all 0.5s !important;
}

.sub-menu-parent:hover .nav-sub-menu {
    display: block;
    transition: all 0.5s !important;
    position: absolute;
    top: 0;
    left: 95%;
    background: white;
    padding: 10px;
    border-radius: 5px;
    min-width: 200px;
    box-shadow: 11px 1px 22px #00000085;
    border: 0px solid #84bd3c;
    border-bottom: 4px solid #84bd3c;
}

.sub-menu-parent .nav-sub-menu ul li a {
    position: relative;
    display: block;
    padding: 5px 20px;
    line-height: 24px;
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
    color: #222222;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sub-menu-parent .nav-sub-menu ul li:hover a {
    color: #ffae00;
}
.main-menu .navigation>li>ul>li>ul>li:hover a{
   color:  #ffae00;
}

/* registration new */

.booking-event-detail {
   margin-top: 15px;
   display: flex;
   align-items: start;
   justify-content: start;
   padding: 5px;
}

.booking-event-detail .event-logo img {
   width: 115px;
   height: 100px;
   border-radius: 5px;
}

.booking-event-detail p {
   font-size: 15px;
   line-height: 23px;
}

.total-price h6 {
   font-size: 16px;
}

.sub-total {
   border-bottom: 1px solid #e3e3e3;
   margin-bottom: 10px;
}

.booking-summary .form-group {
   position: relative;
}

.booking-summary .submit-icon .flaticon-search:after {
   display: none;
}

.booking-summary .submit-icon {
   top: 4px;
   right: 5px;
   padding: 1px 14px;
   border-radius: 4px;
   background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
   transition: all 0.5s !important;
}

.booking-summary .submit-icon:hover {
  background: linear-gradient(to bottom right,  #ff3e00, #ffbe30);
}
.booking-summary .submit-icon p {
   margin: 0;
   font-size: 15px;
   color: white;
}

.booking-summary .submit-icon .flaticon-search {
   font-size: 20px;
}

.fare-summary .all-search .form-group input {
   border-radius: 4px;
}
.Confirm-pay button .btn-style-two{
  border-radius: 5px;

}
.gst-content{
  font-size: 15px;
  color: #3e3e3e;
}
.coupon-code i{
  font-size: 7px;
  margin-left: -3px;  
}

.coupon-code h6{
   font-size: 15px;
}

.event-information h6{
   font-size: 16px;
}

.offline-contriute .modal-dialog{
   max-width: 444px;
   /*border: 3px solid orange;*/
   top: 10%;
   height: max-content;
}

@media screen and (max-width:320px) {
   .wizard-fieldset .wizard-form-radio{
       height: 78px;
   }
}

img.mfp-img {
    height: 500px !important;
    width: 500px !important;
}

span.fa.fa-angle-up {
    padding-top: 8px;
    padding-left: 2px;
}

.has-validation-callback {
    position:sticky;
    /*margin-right: 40px;*/
    /* top:150px; 
    max-height: 585px;
     margin-right: 46px; */
}

.schedule-section-two .has-validation-callback {
    position: unset;
    top:unset;
}

.eventcategory-2 .finder select {
    display : block !important
}

.event-search-form .form-group {
    margin-bottom: 0 !important;
}

.news-block .inner-box {
    box-shadow :rgba(0, 0, 0, 0.2) 0px 0px 12px, rgba(0, 0, 0, 0.08) 0px 0px 11px -1px ;
    margin-bottom:26px;
}

.eventcategory-2 .lower-content{
    padding:0 !important;
}

.eventcategory-2  h4 a{
        font-size: 15px !important;
    line-height: unset !important;
}
.eventcategory-2 .event-title {
        background-image: linear-gradient(-155deg, rgb(30 12 79 / 50%) 37%, rgba(255, 255, 255, .08) 15%), linear-gradient(258deg, rgba(87, 238, 255, .1), rgb(0 11 48));
    background-color: rgba(74, 148, 214, .9);
}
.eventcategory-2 .event-title a{ 
    color: white !important;
}
.blog-detail .news-block .inner-box {
    box-shadow:unset;
    z-index:0;
}
.cent-caro .owl-stage-outer .owl-stage .owl-item:nth-child(8){
    display: none !important;
}

.contact-foem-withimg {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.more-content-new .modal-body {
    height: 140px;
    text-align: justify;
    overflow-y: scroll;
}
.slider-event-new{
    position:sticky;
    height: max-content;
    top: 18%;
}
.popup-form {
    overflow-y: scroll;
    height: 340px
}

.active a{
    color: #ff841a !important;
}


.contact-section{
        background: #f5f5f5;
}

.wishlist-icon{
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 7;
}

.healthtips .wishlist-icon i{
    cursor:pointer;
    font-size: 25px;
    color: white;
    transition: all 0.5s;
}

.healthtips .wishlist-icon i:hover{
         color: rgb(255, 0, 0);
}

.health-card .p-3{
    min-height: 122px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.eighteen-g div{
    display: flex;
    align-items: center;
    justify-content: start;
 }
 .eighteen-g div input{
    width: 10px;
    margin-left: 10px;
    margin-right: 10px;
 }
 .eighteen{
    font-size: 15px;
    margin-top: 9px;
 }
 @media screen and (min-width:1526) {
  .contact-list-two li{
    margin-left: 18px !important;
  }
}

.magazine-serach{
    background: white;
}
.about-anatomic li .text {
    font-weight: 600 !important;
    font-style: italic;
    font-size: 20px;
    color: #8e1f0b !important;
}
.about-anatomic li{
    line-height: 43px;
    margin: 30px 0;
}
.about-tree .text-center img{
    width: 80%;
}
.book-wrapper {
     position: relative;
     padding: 4px;
 }

 .book-items {
     position: relative;
     cursor: default;
     padding: 16px;
     margin: 0;
     display: grid;
     break-inside: avoid;
 }

 .main-book-wrap {
     position: relative;
 }

 .book-cover {
     position: relative;
     height: max-content;
 }

 .book-cover .book-inside {
     position: absolute;
     width: 90%;
     height: 96%;
     top: 1%;
     left: 16px;
     border: 1px solid grey;
     border-radius: 2px 6px 6px 2px;
     background: white;
     box-shadow: 10px 40px 40px -10px #00000030, inset -2px 0 0 grey,
         inset -3px 0 0 #dbdbdb, inset -4px 0 0 white, inset -5px 0 0 #dbdbdb,
         inset -6px 0 0 white, inset -7px 0 0 #dbdbdb, inset -8px 0 0 white,
         inset -9px 0 0 #dbdbdb;
 }

 .book-cover .book-image {
     line-height: 0;
     position: relative;
     border-radius: 2px 6px 6px 2px;
     box-shadow: 6px 6px 18px -2px rgba(0, 0, 0, 0.2),
         24px 28px 40px -6px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease-in-out;
     transform: perspective(2000px) rotateY(-15deg) translateX(-10px) scaleX(0.94);
     cursor: pointer;
 }

 .book-image img {
     grid-row: 1 / -1;
     grid-column: 1;
     width: 100%;
     border-radius: 2px 6px 6px 2px;
 }

 .book-image:hover {
     transform: perspective(2000px) rotateY(0deg) translateX(0px) scaleX(1);
     transform-style: preserve-3d;
     box-shadow: 6px 6px 12px -1px rgba(0, 0, 0, 0.1),
         20px 14px 16px -6px rgba(0, 0, 0, 0.1);
 }

 .effect {
     position: absolute;
     width: 20px;
     height: 100%;
     margin-left: 16px;
     top: 0;
     border-left: 2px solid #00000010;
     background-image: linear-gradient(90deg,
             rgba(255, 255, 255, 0.2) 0%,
             rgba(255, 255, 255, 0) 100%);
     transition: all 0.5s ease;
     z-index: 5;
 }

 .light {
    /* height: 100%; */
     border-radius: 3px;
     top: 0;
     right: 0;
     transition: all 0.5s ease;
     z-index: 4;
 }

 .book-image:hover .effect {
     margin-left: 14px;
 }

 .realvjy {
     width: 900px;
     padding: 20px;
     margin: 0 auto;
     font-family: sans-serif;
     text-align: center
 }

 .get-now-btn {
     display: none;
     transition: all 0.5s !important;
 }

 .book-image:hover .get-now-btn {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #0000006e;
     transition: all 0.5s !important;
     display: flex;
     align-items: center;
     border-radius: 5px;
     justify-content: center;
 }

 .get-now-btn a {
     min-width: 80px;
     position: relative;
     font-size: 14px;
     line-height: 23px;
     color: #ffffff !important;
     padding: 3px 12px;
     font-weight: 600;
     text-align: center;
     overflow: hidden;
     transition: all 0.5s !important;
     background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
     border-radius: 15px;
 }

 .owl-carousel-book .owl-nav {
      display: flex !important;
      align-items: center;
      justify-content: center;
 }

 .owl-carousel-book .owl-dots {
     display: none !important;
 }
 
 .all-topics-new .all-topics-heading .health-topics {
     border: 2px solid gray;
     padding: 30px;
     border-radius: 10px;
     background: linear-gradient(45deg, #b1b1b1, white);  
 }
 .all-topics .all-topics-heading ul li:before {
     content: "\f0da";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     /* This ensures the icon is solid */
     font-size: 20px;
     margin-right: 8px;
     /* Optional: Adds some space between the icon and the text */
     color: #ff7c00;
 }

 .all-topics .all-topics-heading .health-topics .common-link {
     padding: 20px 10px;
     background: #ededed;
     border: 2px solid #dbdbdb;
     border-radius: 10px;
     margin: 10px;
     box-shadow: 0 6px 13px #d1d1d1;
     height: 100%;
 }
 
 .schedule-block .date span:hover {
    background: linear-gradient(
45deg
, #f84900 1%, #ff9c00 100%) !important;
    transition: all 0.5s !important;  
}
.schedule-block:nth-of-type(even) .date span:before, .schedule-block:nth-of-type(even) .date span:hover {
    background: linear-gradient(to bottom, #072500 0%, #057900 100%) !important;
    transition: all 0.5s !important;   
}
.book-image:hover {
    transform: perspective(2000px) rotateY(0deg) translateX(0px) scaleX(1);
    transform-style: preserve-3d;
    box-shadow: 6px 6px 12px -1px rgba(0, 0, 0, 0.1), 20px 14px 16px -6px rgba(0, 0, 0, 0.1);
}
 .book-wrapper {
     position: relative;
     padding: 4px;
 }
 
 .volunteer-intro-btn a {
 color: #ff7700;
}


/* .event-card-new{
    height: 350px;
    border: 2px solid gray;
    padding: 10px;
    border-radius: 10px;
    background-image: url(../images/New-Images/events-1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
      */

.event-card-new-2{
    background-image: url(../images/New-Images/events-2.jpg) !important;
}

.event-card-new-3{
    background-image: url(../images/New-Images/events-3.jpg) !important;
}

.event-card-new-4{
    background-image: url(../images/New-Images/events-4.jpg) !important;
}

.event-card-new-5{
    background-image: url(../images/New-Images/events-5.jpg) !important;
}

.w-50{
    width: 50%;
}

.event-card-new{
    position: relative;
}

.event-btn-new{
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

/*.event-card-title-new{
    position: absolute;
    top: 0;
    font-size: 19px;
    background: linear-gradient(179deg, #00000085 10%, transparent 70%);
    width: 99.9%;
    border-radius: 8px 8px 0 0;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 20px;
    color: white;
} */
      
    

.events-new  .theme-btn .btn-title{
    padding: 4px 16px !important;
}

.event-other-categorys {
     /*border: 2px solid #727272; */
     padding: 10px;
     border-radius: 10px;
     background: repeating-radial-gradient(#e3e3e3, transparent 117px);
 }
 
 .event-intro .all-topics .all-topics-heading ul{
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
 }
 
 .events-title h4{
    font-size: 30px;
    border-bottom: 2px dotted #ff8200;
    width: max-content;
    margin: auto;
    margin-bottom: 20px !important;
    color: #000c47 !important;
 }
 
 .event-intro .all-topics .all-topics-heading .health-topics .common-link{
    margin: 0;
    border-radius: 0;
    height: max-content;
 }
.event-intro .about-banner-section-two .slide-item{
   border-radius: 0;
}
.event-intro .all-topics .all-topics-heading ul li{
   /*width: 32%;*/
}
.eventnew .all-topics-heading ul li{
   width: 32%;
}

@media screen and (max-width: 500px){
    .event-intro .all-topics .all-topics-heading ul li{
        width: 100% !important;
    }
}

 :root {
     --image-1: url(../images/New-Images/banner-1.jpg);
     --image-2: url(../images/New-Images/banner-2.jpg);
     --image-3: url(../images/New-Images/banner-1.jpg);
     --image-4: url(../images/New-Images/banner-2.jpg);
     --image-5: url(../images/New-Images/banner-1.jpg);
     --image-6: url(../images/New-Images/banner-2.jpg);
 }


 .animation section:first-child {
     height: inherit;
     width: inherit;
     position: relative;

     & div:nth-child(1) {
         width: calc(100vw - 1.8vw);
         border: 2vh solid #000;
         position: absolute;
         bottom: 3vh;
         left: 0;
         animation: light 5000s linear 0.1s infinite;
     }

     & div:nth-child(2) {
         height: 4vh;
         width: 5vw;
         background-color: #800080;
         position: absolute;
         bottom: 5vh;
         border-top-right-radius: 75%;
         animation: move 1.5s linear 0.3s infinite;
         animation-fill-mode: both;
         animation-play-state: running;
     }

     & span:nth-child(1) {
         display: inline-block;
         width: 2vw;
         height: 1.5vh;
         position: absolute;
         background-color: #ffffff90;
         box-shadow: 1px 1px #000, -1px -1px #000;
         margin: 0 2vw;
         border-top-right-radius: 75%;
     }

     & span:nth-child(2),
     span:nth-child(3),
     span:nth-child(4) {
         height: 1.5vh;
         aspect-ratio: 1/1;
         border-radius: 50%;
         background-color: rgb(0, 0, 0);
         box-shadow: 1px 1px #fff, -1px -1px #fff;

         position: absolute;
         left: 3.5vw;
         top: 3vh;
     }

     & span:nth-child(3) {
         left: 0.3vw;
     }

     & span:nth-child(4) {
         height: 0.8vh;
         top: 1.7vh;
         left: 4.3vw;
         background-color: rgb(255, 255, 0);
         box-shadow: 2px 0px 5px 5px rgb(255, 255, 0);
     }
 }

 .animation section:nth-of-type(2) {
     height: 400px;
     width: 100%;
     overflow: hidden;
     background-color: #00000070;
     z-index: -1;
     position: absolute;
     top: -44px;

     & div {
         height: 10vh;
         aspect-ratio: 1/1;
         background-color: #ffffff30;
         position: absolute;
         border-radius: 50%;
         animation: circles 3s linear 2ms infinite;
     }

     & div:nth-child(1) {
         right: 10%;
         top: 50%;
         transform: translate(-10%, -50%);
         animation-delay: -1s;
     }

     & div:nth-child(2) {
         left: 10%;
         top: 50%;
         transform: translate(-10%, -50%);
         animation-delay: -40ms;
     }

     & div:nth-child(3) {
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
         animation-delay: -2s;
     }

     & div:nth-child(4) {
         right: 0%;
         top: 0%;
         transform: translate(-0%, -0%);
         animation-delay: -4s;
     }

     & div:nth-child(5) {
         left: 0%;
         top: 0%;
         transform: translate(-0%, -0%);
     }

     & div:nth-child(6) {
         right: 0%;
         bottom: 0%;
         transform: translate(-0%, -0%);
     }

     & div:nth-child(7) {
         left: 0%;
         bottom: 0%;
         transform: translate(-0%, -0%);
     }
 }
 .animation .container {
     position: relative;
     height: 300px;
     width: 35%;
     margin-top: 49px;
     border-radius: 7.5vh;

     & .cube {
         position: absolute;
         height: 100%;
         width: 100%;
         border-radius: inherit;
         transform-style: preserve-3d;
         animation: rotate 20s linear 1ms infinite;
         top: 0;
         left: 0;
     }

     & .cube:is(:hover, :focus) {
         animation-play-state: paused;
     }

     & .parts {
         height: 100%;
         width: 100%;
         border-radius: inherit;
         position: absolute;
         top: 0;
         left: 0;
         backface-visibility: hidden;
         background: transparent;
         transform: rotateY(calc(90deg * var(--i))) rotateX(180deg) translateZ(calc(75vh / 2));
     }

     & .parts:nth-child(1) {
         background: var(--image-1) no-repeat;
         background-size: 100% 100%;
         animation-delay: 2s;
     }

     & .parts:nth-child(2) {
         background: var(--image-2) no-repeat;
         background-size: 100% 100%;
         animation-delay: -2s;
     }

     & .parts:nth-child(3) {
         background: var(--image-3) no-repeat;
         background-size: 100% 100%;
         animation-delay: 2s;
     }

     & .parts:nth-child(4) {
         background: var(--image-4) no-repeat;
         background-size: 100% 100%;
         animation-delay: -2s;
     }

     & .parts:nth-child(5) {
         background: var(--image-5) no-repeat;
         background-size: 100% 100%;
         animation-delay: 2s;
     }

     & .parts:nth-child(6) {
         background: var(--image-6) no-repeat;
         background-size: 100% 100%;
         animation-delay: -2s;
     }
 }

 @keyframes move {
     0% {
         left: 0;
     }

     50% {
         left: 50vw;
     }

     100% {
         left: calc(100vw - 5vw);
         display: none;
     }
 }

 @keyframes light {

     0%,
     100% {
         box-shadow: 2px 0px 5px 3px rgb(255, 255, 0);
     }
 }
 @keyframes circles {
     0% {
         backdrop-filter: hue-rotate(10deg);
         transform: scale(0.5) translate3d(10%, 10%, 10%);
         -ms-transform: scale(0.5) translate3d(10%, 10%, 10%);
     }

     16.5% {
         backdrop-filter: hue-rotate(360deg);
         transform: scale(0.8) translate3d(50%, -50%, 50%);
         -ms-transform: scale(0.8) translate3d(50%, -50%, 50%);
     }

     33% {
         backdrop-filter: hue-rotate(180deg);
         transform: scale(1) rotate3d(1, 1, 1, 40deg) translate3d(-50%, 50%, 50%);
         -ms-transform: scale(1) rotate3d(1, 1, 1, 40deg);
     }

     49.5% {
         backdrop-filter: hue-rotate(220deg) contrast(200%);
         transform: scale(2);
         -ms-transform: scale(2);
         box-shadow: 0px 0px 20px 7px inset #fff;
     }

     66% {
         backdrop-filter: hue-rotate(40deg);
         transform: scale(1);
         -ms-transform: scale(1);
     }

     82.5% {
         backdrop-filter: hue-rotate(300deg);
         transform: scale(0.8);
         -ms-transform: scale(0.8);
     }

     100% {
         backdrop-filter: hue-rotate(0deg);
         transform: scale(0.5);
         -ms-transform: scale(0.5);
     }
 }

 @keyframes rotate {
     0% {
         transform: rotateX(180deg) rotateY(0deg);
     }

     50% {
         transform: rotateX(180deg) rotateY(180deg) scale(1.2);
     }

     100% {
         transform: rotateX(180deg) rotateY(360deg);
     }
 }
 .volunteering-content-2 {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.volunteering-content-2>div {
    width: 50%;
}

.volunteering-content p{
    text-indent: 50px;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y)* -1);
    margin-right: calc(var(--bs-gutter-x)* -.5);
    margin-left: calc(var(--bs-gutter-x)* -.5);
}

.new-image .gallery {
    width: 1500px;
    max-width: 100%;
    height: 300px;
    z-index: 1;
    margin: auto;
    position: relative;
}

.new-image .gallery {
    width: 1500px;
    max-width: 100%;
    height: 300px;
    z-index: 1;
    margin: auto;
    position: relative;
}


.w-100 {
    width: 100% !important;
}
.new-image .gallery .list .item.active {
    opacity: 1;
    z-index: 10;
}

.new-image .gallery .list .item {
    position: absolute;
    inset: 0 0 0 0;
    overflow: hidden;
    opacity: 0;
    transition: .5s;
}
.new-image .arrows {
    z-index: 100;
}
.new-image .arrows #prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    z-index: 100;
}
.new-image .arrows #next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    z-index: 100;
}
.new-image .arrows button {
    background-color: #eee5;
    border: none;
    font-family: monospace;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    font-size: x-large;
    color: #eee;
    transition: .5s;
}

.event-finder .schedule-tabs .tab-buttons li {
        width: 96px;
        margin-left: 5px;
}

.volunteer-service .carousel-inner{
    background: black;
}

.volunteer-service .carousel-item img{
    margin: 28px 0;
}

.mobile-menu .social-links li a span{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.wisdom-health-section .share-icon-btn .social-content{
    top: 31px;
}
.event-page-card ul li {
        width:48%;
    }

/* event page new design */
 .event-page-card{
    border: 2px solid gray;
    margin-bottom: 30px;
    border-radius: 20px;
    padding: 20px;
    background: repeating-radial-gradient(#efefef73, transparent 100px);
 }
 .event-page-card ul{
    display: flex;
    align-items: start;
    flex-wrap: wrap;
 }
 .event-page-card ul li{
    width: 25%;
    margin-bottom: 10px;
 }

 .event-page-card ul li::before{
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    margin-right: 8px;
    color: #ff7c00;
 }

 .event-page-card h4 a{
    text-align: center;
    border-bottom: 3px solid #ff9c00;
    width: max-content;
    padding-bottom: 3px;
    font-size: 22px;
    color: #000c47;
 }
 
 .service-way .feature-block .inner-box img{
    width: 100% !; 
 }
 .healer-baskar-books .owl-carousel .owl-dots.disabled{
     display: none !important;
 }
 .healer-baskar-books .owl-carousel .owl-nav.disabled{
     display: block !important;
 }
 .healer-baskar-books .owl-theme .owl-thumbs{
     display: none !important;
 }
 .fancybox-button fancybox-button--play {
     display:none;
 }
 .fancybox-navigation {
     display:none;
 }

 .contact-column iframe{
    border: 1px solid #898989;
    border-right: 2px solid #898989;
 }
 
 .other-location-title{
         color: #140342;
    border-bottom: 2px dotted orange;
    width: max-content;
 }
 
 .other-location .contact-info:last-child{
    /*border-bottom: unset; */
 }
 
 .cards-topics{
    border-bottom: 2px dotted #dddddd;
    margin-bottom: 26px;
 }
 
 .cards-topics:last-child{
    border: unset;
 }
 .schedule-tabs .btns-box{
        margin: auto;
  }
  
 .view-location {
    border-bottom: 1px solid #fe840b;
    color: #fe840b;
    transition: all 0.5s;
}
.h-max{
    height: max-content;
}

 .blood-donation .has-validation-callback{
        margin-right: unset;
    }
    
    .items-center{
        align-items: center;
    }
    
    .specific-insight .all-search .has-validation-callback{  
        margin-right: unset;
    }
    
.event-hide:after {
    position: absolute;
    content: "";
    top: -5px;
    left: -5px;
    width: 112%;
    height: 151%;
    background: #808080a8;
    opacity: 0.7;
    cursor: auto;
}
.event-hide {
    position: relative;
}

 .thanks-sec .image-column #carousel{
    height: max-content;
 }
 
 .thanks-sec .image-column #carousel .carousel-item{
    height: 100%;
 }
 
 .video-icon-new a {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%);
    background: white;
    display: flex;
    border-radius: 50%;
    border: 2px dotted #140342;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    transition: all 0.5s;
}

.mfp-img {
    max-height: 75vh;
    width: 75%;
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 80%;
    height: 80%;
}
.mfp-content {
    width: 80%;
    height: 80%;
}

.mfp-close{
    width: max-content !important;
    z-index: 9;
}
.mfp-figure {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mfp-container .mfp-figure figure{
    width: 100% !important;
}

.mfp-container .mfp-figure figure img{
    width: 100% !important;
    height: 100%;
}

.special-event-bg  .has-validation-callback{
    margin-right: 10px;
}
.mfp-gallery {
    height: 100% !important;
}


.benefits-area::-webkit-scrollbar{
    height:10px;
 }
 
.service-mew #carousel-thumbs img{
    height: 140px !important;
}

.center-overview p{
    margin-bottom: 14px !important;
    text-indent: 50px;
}

.onlin_donation p{
    text-indent: 50px;
}

.onlin_donation{
    text-indent: 50px;
}

#accommodation .description{
    text-indent: 50px;
}

.text-ind-50{
    text-indent: 50px;
}

.knowledge-left-sec p:first-child{
    text-indent: 50px;
}

.terms-conditions .paragraph  div p:first-child{
    text-indent: 50px;
}


.therapyst-sign h4{
    margin-left: auto;
    color: orangered;
    font-style: italic;
    width: max-content;
}

.therapyst-sign h4::before{
    position: absolute;
    top: 0;
    left: -20px;
    content: "-";
    height: 5px;
    width: 16px;
}

.owl-carousel{
    z-index:  0 !important;
}

.payment-table table thead tr td:first-child{
    width:6%;
}



.payment-table table tbody tr td:nth-child(3){
    width: 15%;
}

.magazine-new  .form-wizard {
    text-indent: 50px;
}

.product-details .info-column p{
    text-align: justify ;
}

.magazine-new .close {
    font-size: 36px;
}


.new-rules .benefits-area P{
    text-indent: 50px;
}

/*.30days_content  .modal-body {*/
/*    text-align: justify;*/
/*}*/

.blockquote-one{
    
    text-align: justify;
}

.vision-content h3{
    font-size: 26px;
}

@media only screen and (min-width: 992px){
    
    .feature-section .feature-block {
        min-height: 385px !important;
    }
     .feature-section .feature-block .read-more{
         position: absolute;
        bottom: 18px;
        left: 50%;
        transform: translateX(-50%);
     }
}


/*.btn-box  a .btn-title p{*/
/*    margin-bottom: 0;*/
/*}*/



@media only screen and (min-width:280px) and (max-width: 1024px) {
    .fig {
        display: block !important;
        text-align: center;
        margin: 15px 0;
        position: relative;
    }
    .fig1 {
        display: none;
    }
}



@media only screen and (min-width: 1100px) and (max-width: 1280px) {
    .about-section .about-image-wrapper .play-btn{
        left: 75% !important;
    }
}
 
@media only screen and (min-width: 992px) and (max-width: 1099px) {
    .about-section .about-image-wrapper .play-btn{
        left: 78% !important;
    }
    
    .donate-about .about-image-wrapper .play-btn-2 {
        left: 42% !important;
        top: 34% !important;
    }
    
}



 /* program-date-new */

 .new-testimonial-sec .card {
     width: unset;
     max-width: unset;
 }

 .program-date-new {
   /*  border: 2px solid #ff7f00; */
     padding: 10px 20px;
     border-radius: 10px;
     background: #fffbf3;
     margin-top: 14px;
 }

 .event-days p {
     font-size: 17px;
 }

 .start_end span {
     color: #140342;
 }

 .date-with-time {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }

 .date-with-time .date_time {
     display: flex;
     flex-wrap: wrap;
     border-bottom: 1px solid #cbcbcb;
     align-items: center;
     border-radius: 0px;
     font-size: 16px;
     justify-content: space-between;
     padding-bottom: 5px;
 }

 .date-with-time .date_time h5 {
    font-size: 14px;
    margin: 0 3px;
    transition: all 0.5s;

 }

 .program-date-new h4 {
     font-size: 22px;
 }

 .program-date-new h5 {
     font-size: 18px;
     transition: all 0.5s;

 }

 .event-days {
     display: flex;
     align-items: center;
     width: max-content;
     justify-content: start;
     flex-wrap: wrap;
     margin: auto;
     padding: 4px 40px;
     clip-path: polygon(105% 100%, 0% 100%, 0% 0%, 100% 0%);
     background: linear-gradient(to bottom, #ffc88d, #ffecd0, #ffc88d);
     border-radius: 200px 0 200px 0px;
 }

 .event-days h5 {
     font-size: 18px;
     transition: all 0.5s;

 }

 .offline-days {
     background: linear-gradient(to bottom, #ebebeb, transparent);
     padding: 20px;
     border-top: 2px solid;
 }

 .event-venue h4 span {
     color: #140342;
 }

 .event-venue h4 {
     font-size: 17px;
     margin-bottom: 18px;
     
 }

 .direct-class-date {
     display: flex;
     width: 100%;
     align-items: center;
     flex-wrap: wrap;
     justify-content: space-between;
 }

 .direct-class-date .date_time {
     width: 50%; 
     padding: 10px 0;
 }

 .direct-class-date .date_time:nth-child(odd) {
     padding-right: 20px !important ;
 }

 .direct-class-date .date_time:nth-child(even) {
     padding-left: 20px;
     border-left: 2px solid black;

 }
 .eventtime{
    display: flex;
    align-items: center;
    justify-content: end;
 }

 .date_time:hover h5{
    color: #ff5e0c !important; 
 }

 .text-dark-gray {
    color: #444444;
 }
 
 
@media only screen and (min-width:1900px) {
    #sticky {
        top: 12%;
    }
}


@media only screen and (min-width:1800px) {
    #sticky {
        top: 11%;
    }
}

@media only screen and (min-width:1601px) {
    #sticky {
        top: 14%;
    }
}

@media only screen and (min-width: 1400px) and (max-width:1600px) {
    #sticky {
        top: 15.5%;
    }
}

@media only screen and (min-width: 1300px) and (max-width:1399px) {
    #sticky {
        top: 17%;
    }
}

@media only screen and (min-width: 1200px) and (max-width:1299px) {
    #sticky {
        top: 17%;
    }
}

@media only screen and (min-width: 1100px) and (max-width:1199px) {
    #sticky {
        top: 15%;
    }
}

@media only screen and (min-width: 992px) and (max-width:1099px) {
    #sticky {
        top: 9%;
    }
}


/*event category sticky response*/

@media only screen and (min-width: 1200px) and (max-width:1299px) {
    .event-category #sticky {
        top: 21%;
    }
}

@media only screen and (min-width: 1600px) and (max-width:1799px) {
    .event-category #sticky {
        top: 12%;
    }
}

@media only screen and (min-width: 1000px) and (max-width:1049px) {
    .event-category #sticky {
        top: 5%;
    }
}



.feed-back-btn {
    border: 2px solid white;
    padding: 5px 10px;
    border-radius: 6px;
    background: #001d70;
    transition: all 0.5s;
}
.feed-back-btn:hover {
    background: #ffffff;
    color:#001d70;
} 


.feed-back-btn:hover span a {
    color: #001d70 !important;
}
 
.health-card  .text-justify{
    text-indent: 25px;
}

.services .masthead{
    border-bottom: 2px solid #cbcbcb;
}

.centre-page-way blockquote{
    padding: 30px 0;
}
.home-slider  .banner-carousel .owl-stage-outer{
    height: 590px !important;
}

.dashboard-new .prod-tabs .row{
    position: relative;
}
.dashboard-new .prod-tabs .row .dashboard-sec{
    position: sticky;
    top: 25%;
    height: max-content;
}
.feed-back-form {
    padding: 20px 16px;
    border: 2px solid orangered;
    border-radius: 10px;
    box-shadow: 0 8px 20px #ffb499;
}
.text-indent-50 {
    text-indent:50px;
}
.chief-guest-name {
    padding: 8px 0;
    background: linear-gradient(to bottom, white, transparent);
    border-radius: 5px;
    border-top: 1px solid #140342;
}
.chief-guest-name h4 {
    font-size: 17px;
    color: #140342;
}
.chief-guest-name ul li {
    border-bottom: 1px solid rgb(192, 192, 192);
    color: gray;
}
.chief-guest-name ul {
    height: 95px;
    overflow-y: scroll;
    padding: 0 5px;
    margin-top: 5px;
    scrollbar-width: thin;
}



/* Insight page sticky css*/
@media only screen and (min-width:1800px) {
    .event-new-page #sticky {
        top: 12%;
    }
}

@media only screen and (min-width:1601px) {
    .event-new-page #sticky {
        top: 13%;
    }
}

@media only screen and (min-width: 1400px) and (max-width:1600px) {
    .event-new-page #sticky {
        top: 17%;
    }
}

@media only screen and (min-width: 1300px) and (max-width:1399px) {
    .event-new-page #sticky {
        top: 18%;
    }
}

@media only screen and (min-width: 1200px) and (max-width:1299px) {
    .event-new-page #sticky {
        top: 21%;
    }
}

@media only screen and (min-width: 1100px) and (max-width:1199px) {
    .event-new-page #sticky {
        top: 16%;
    }
}

@media only screen and (min-width: 992px) and (max-width:1099px) {
    .event-new-page #sticky {
        top: 10%;
    }
}

/*nandhini*/

.widget-content .contact-list-three li {
    display: flex;
    align-items: center;
    width: max-content;
}

.contact-list-three li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 22px;
}
.video-icon-three {
    position: absolute;
    top: 50%;
    left: 42%;
    width: max-content;
    transform: translateY(-50%);
}

.video-icon-three a{
    position: unset !important;
    
}
.multiple-voluteer .volunteering-content {
    height: 400px !important;   
    overflow-y: scroll; 
    
}
.p-relative{
    position: relative;
}
/* membership */
 
 .membership-form .modal-body form {
     height: 300px;
     overflow-y: scroll;
     padding: 10px;
 }
 
 .membership-form .modal-body form select {
     display: block;
     width: 100%;
     padding: 8px;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #212529;
     background-clip: padding-box;
     border: 1px solid #ced4da;
     border-radius: .25rem;
     transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }
 @media screen and (max-width:992px) {
     .data-form .data-list i {
         border-radius: 5px;
     }
 }
     
.razorpay-payment-button{
    padding-left: 150px  !important;
    min-width: 80px  !important;
    max-width: max-content !important;
    position: relative !important;
    font-size: 14px !important;
    line-height: 23px !important;
    color: #ffffff !important !important;
    padding: 2px 8px !important;
    font-weight: 600 !important;
    overflow: hidden !important;
    transition: all 0.5s !important;
    background: linear-gradient(to bottom right, #ffbe30, #ff3e00) !important;
    border-radius: 3px !important;
    margin-left: auto !important;
    }
     
    
    .about-new .content-column p{
        text-indent: unset;
    }
      .appointment-new .carousel {
         display: flex;
         justify-content: space-between;
         align-items: center;
         margin: 10px auto;
         max-width: 680px;
     }
     
     .appointment-new .carousel button {
         background: none;
         border: none;
         cursor: pointer;
         font-size: 20px;
         margin: 0 10px;
     }
     
     .carousel-dates {
         display: flex;
         justify-content: space-around;
         width: 100%;
     }
     
     .date-cell {
         border: 1px solid #ddd;
         cursor: pointer;
         text-align: center;
         transition: all 0.4s;
         font-size: 14px;
         color: gray;
         line-height: 20px;
         padding: 2px;
         height: max-content;
     }
     
     .today {
         background-color: #f0f0f0;
     }
     
     .appointment-new .selected-date {
         background-color: #007BFF;
         color: white;
     }
     
     .appointment-new .time-selection {
         display: none;
         text-align: center;
         margin: 20px;
     }
     
     .appointment-new .time-selection button {
         margin: 5px;
         padding: 5px 15px;
         border: 1px solid #007BFF;
         color: #007bff;
         cursor: pointer;
         transition: all 0.4s;
     }
     
     .appointment-new .time-selection button:hover {
         background-color: #007bff;
         color: #fff;
     }
     
     .appointment-new .time-selection button:checked {
         background-color: #0056b3;
         color: #fff;
     }
     /* Modal styles */
     
     .appointment-new .modal {
         display: none;
         position: fixed;
         z-index: 1;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         overflow: auto;
         background-color: rgba(0, 0, 0, 0.5);
         padding-top: 160px;
     }
     
     .appointment-new .modal-content {
         background-color: #fff;
         margin: auto;
         padding: 20px;
         border: 2px solid #ff8014;
         width: 80%;
         max-width: 380px;
         text-align: center;
     }
     
     .appointment-new .close {
         color: #aaa;
         float: right;
         font-size: 28px;
         font-weight: bold;
     }
     
     .appointment-new .close:hover,
     .close:focus {
         color: #000;
         text-decoration: none;
         cursor: pointer;
     }
     
     .appointment-new .button-1 {
         padding: 10px 20px;
         background-color: #4CAF50;
         color: white;
         border: none;
         cursor: pointer;
         font-size: 16px;
     }
     
     .appointment-new .button-1:hover {
         background-color: #45a049;
     }
     
     .appointment-new .form-input {
         margin: 10px 0;
     }
     
     .appointment-new .selected-time {
         background: #007bff;
         color: #fff !important;
     }
     
     .carousel button i {
         color: #ff8014;
     }
     
     .appointment-new #details-form .form-input {
         text-align: start;
     }
     
     .appointment-new #details-form .form-input input {
         width: 100%;
         border: 1px solid #bdbdbd;
         border-radius: 3px;
         margin: unset;
         padding: 5px 10px;
     }
     
     .modal-content .close-form {
         cursor: pointer;
     }
     
     .appointment-new #details-form {
         height: 300px;
         overflow-y: scroll;
         padding: 0 10px 0 0;
     }
     
     .mfp-image-holder .mfp-content {
         max-width: max-content !important;
     }
     
     .personal-info p:first-child {
         text-indent: 50px;
     }
     
     .emergency-contact {
         position: sticky;
         top: 23%;
         border: 1px solid #d5d5d5;
         border-radius: 7px;
         background: #dbdbdb;
         margin-top: 43px;
         height: max-content;
         background: white;
     }
     
     .emergency-contact .filter-title {
         border-radius: 5px 5px 0 0;
         background: #140342;
         color: white;
         padding: 18px 10px;
         border: 1px solid #140342;
         display: flex;
         align-items: center;
         justify-content: space-between;
     }
     
     .emergency-contact .filter-title i {
         cursor: pointer;
     }
     
     .emergency-contact-card {
         border-radius: 10px;
         box-shadow: 0 5px 10px gray;
         height: 250px;
         padding: 10px;
         background-image: url(../images/New-Images/emergency-contact.jpg);
         background-position: 65%;
         background-size: auto;
         background-repeat: no-repeat;
         display: flex;
         align-items: center;
         justify-content: center;
     }
     
     .emergency-contact-card p a {
         font-weight: 600;
     }
     
     .biography-sec {
         position: sticky;
         top: 27%;
         height: max-content;
     }
     
     .biography-sec .parent-tabs {
         padding: unset;
         border-radius: 10px;
         box-shadow: 0 2px 10px #b9b9b9;
     }
     
     .appointment-calender-new .parent-tabs li button {
         background: #fff !important;
         color: gray;
         border: none !important;
         border-radius: 10px 0 0 0;
     }
     
     .appointment-calender-new .parent-tabs li:last-child button {
         border-radius: 0 10px 0 0;
     }
     
     .appointment-calender-new .parent-tabs .active {
         background: #fff !important;
         color: #ff6a02;
         border-right: none !important;
     }
     
     .appointment-calender-new .parent-tabs .nav-tabs .active {
         border-bottom: 3px solid #081245 !important
     }
     
     .day-parent {
         position: relative;
     }
     
     .calendar-parent {
         overflow-x: hidden;
         scrollbar-width: thin;
     }
     
     .day-parent .carousel-dates {
         padding-top: 12px;
         height: max-content;
         padding-bottom: 8px;
     }
     /*  
 .day-parent .carousel #prev-week {
     position: absolute;
     left: 0;
     top: 0;
 }
 
 .day-parent .carousel #next-week {
     position: absolute;
     right: 0;
     top: 0;
 } */
     
     #time-buttons {
         display: flex;
         align-items: center;
         flex-wrap: wrap;
     }
     
     .day-parent .carousel-dates .today {
         color: #ff6a02;
     }
     
     .selected-date {
         background: #ff6a02;
         color: white;
     }
     
     #time-buttons {
         margin-top: 10px;
     }
     
     #time-buttons button {
         padding: 0px 10px !important;
         border: 1px solid gray !important;
         border-radius: 3px !important;
         line-height: 20px;
         margin-bottom: 5px;
         margin-right: 6px;
         min-width: 61px;
     }
     
     .selected-time {
         color: #ff6a02 !important;
         border: 1px solid #ff6a02 !important;
     }
     
     .audio_video li button {
         font-size: 16px !important;
         transition: all 0.5s;
     }
     
     .audio_video li button span {
         opacity: 0.4;
         transition: all 0.5s;
     }
     
     .audio_video li button i {
         color: #ff6a02;
     }
     
     .audio_video li:hover button {
         color: #ff6a02 !important;
     }
     
     .audio_video li .active {
         color: #ff6a02 !important;
         transition: all 0.5s;
     }
     
     .audio_video li:hover button span {
         opacity: 10;
     }
     
     .audio_video li .active span {
         opacity: 10;
     }
     /* .appointment-calender-new #formModal {
     background: #0000007a;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .appointment-calender-new #formModal .modal-content {
     max-width: 300px;
 }
 */
     
     .appointment-calender-new #formModal .modal-content #details-form {
         padding: 10px;
         height: 300px;
         overflow-y: scroll;
     }
     
     .appointment-calender-new #formModal .modal-content #details-form input {
         width: 95%;
         border: 1px solid gray;
         border-radius: 3px;
     }
     
     .appointment-calender-new #formModal .modal-content #details-form label {
         color: #000;
     }
     
     .appointment-calender-new .modal {
         background: #00000087;
         padding-top: 5%;
     }
     
     .appointment-calender-new .modal .modal-content {
         margin: auto;
         max-width: 350px;
         margin-top: 100px;
         border: 2px solid orange;
     }
     /* Gk */
     /* Styles for the modal */
     
     .modal {
         display: none;
         position: fixed;
         z-index: 1000;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         overflow: auto;
         background-color: rgba(0, 0, 0, 0.4);
     }
     
     .modal-content {
         background-color: #fefefe;
         margin: 15% auto;
         padding: 10px;
         border: 1px solid #888;
         width: 80%;
         max-width: 500px;
         box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
         animation: modalopen 0.4s;
     }
     
     @keyframes modalopen {
         from {
             opacity: 0;
             transform: translateY(-50px);
         }
         to {
             opacity: 1;
             transform: translateY(0);
         }
     }
     
     .close-form,
     .close-confirmation,
     .close-month-picker {
         color: #aaa;
         float: right;
         font-size: 28px;
         font-weight: bold;
     }
     
     .close-form:hover,
     .close-confirmation:hover,
     .close-month-picker:hover,
     .close-form:focus,
     .close-confirmation:focus,
     .close-month-picker:focus {
         color: #000;
         text-decoration: none;
         cursor: pointer;
     }
     /* Styles for the calendar and time selection */
     
     .calendar-header button {
         background: none;
         border: none;
         cursor: pointer;
     }
     
     .calendar-header button i {
         font-size: 24px;
     }
     
     .carousel {
         display: flex;
         justify-content: space-between;
         align-items: center;
     }
     
     .carousel-dates {
         display: flex;
         overflow-x: auto;
         scrollbar-width: thin;
     }
     
     .date-cell {
         flex: 0 0 auto;
         padding: 5px;
         text-align: center;
         width: 47px;
         cursor: pointer;
         margin: 1px;
         border-radius: 5px;
     }
     
     .date-cell.today {
         font-weight: bold;
         color: #4caf50;
     }
     
     .date-cell.selected-date {
         border: 1px solid #ff6a02;
         color: #ff6a02;
         background: transparent;
     }
     
     .time-selection {
         display: none;
         padding: 10px;
         height: 185px;
         overflow-y: scroll;
     }
     
     .time-selection h3 {
         margin: 10px 0;
     }
     
     .time-selection table {
         width: 100%;
         display: flex;
         margin-bottom: 10px;
         flex-wrap: wrap;
     }
     
     .time-selection table tr {
         margin-right: 6px;
         margin-bottom: 5px;
     }
     
     .time-selection button {
         padding: 1px 7px;
         font-size: 13px;
         min-width: 80px;
         cursor: pointer;
         border: 1px solid #ccc;
         border-radius: 4px;
         background-color: #f8f8f8;
         transition: background-color 0.3s;
         width: 100%;
     }
     
     .time-selection button:hover {
         background-color: #e0e0e0;
     }
     
     .time-selection button.selected-time {
         border-color: #039be5;
     }
     /* Styles for the theme button */
     
     .btn-style-two {
         font-size: 16px;
     }
     
     .btn-title {
         font-weight: bold;
     }
     /* Styles for the month picker grid */
     
     .month-picker-grid {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 10px;
         padding: 10px;
     }
     
     .month-picker-grid button {
         padding: 10px;
         border: none;
         background-color: #ddd;
         cursor: pointer;
         border-radius: 5px;
     }
     
     .month-picker-grid button:hover {
         background-color: #bbb;
     }
     
     .year-picker {
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 10px;
         background-color: #f1f1f1;
         margin-bottom: 10px;
     }
     
     .year-picker button {
         background: none;
         border: none;
         cursor: pointer;
         font-size: 24px;
         margin: 0 10px;
     }
     
     .text-dark-blue {
         color: #140342;
     }
     
     .course-books {
         border: 1px solid #dddddd;
         border-radius: 6px;
         padding: 8px;
         background: white;
     }
     
     .course-books .book-cover .book-image {
         transform: unset;
     }
     
     .course-content h4 {
         font-size: 19px;
         color: #140342;
         margin-bottom: 5px;
     }
     
     .course-content p {
         font-size: 14px;
         line-height: 24px;
         width: 95%;
         text-align: justify;
         margin-bottom: 5px;
     }
     
     .course-content ul {
         /* position: absolute; */
         width: -webkit-fill-available;
         bottom: 0;
         display: flex;
         align-items: center;
         justify-content: space-between;
     }
     
     .course-content li strong {
         font-size: 12px;
         font-weight: 600;
         color: gray;
     }
     
     .p-relative {
         position: relative;
     }
     
     .material-btn {
         border: 1px solid orange;
         padding: 4px 16px;
         font-size: 13px;
         border-radius: 3px;
         color: orange;
         margin-bottom: 5px;
     }
     
     .owl-carousel-awards .get-now-btn a {
         padding: 0 10px;
     }
     
     .owl-carousel-awards .book-cover .book-image {
         box-shadow: unset;
     }
     
     .appointment-filter .event-search .hiden-sec {
         width: 100%;
     }
     
     .appointment-filter article {
         background: unset;
         height: max-content;
     }
     
     .appointment-filter .emergency-contact .filter-tab button {
         text-align: start;
         border-left: 2px solid transparent;
     }
     
     .filter-head {
         background: #ecf2ff;
     }
     
     .emergency-contact .filter-head .active {
         color: #140342;
         background: white;
         border-left: 2px solid #140342 !important;
     }
     
     .emergency-contact .filter-head button {
         padding: 10px;
         border-radius: 4px 0 0 4px;
     }
     
     .filter-checkbox form div {
         display: flex;
         margin: 8px 0;
         padding: 7px 10px;
         border-bottom: 1px solid #ffb37d;
         border-radius: 9px;
         align-items: center;
         box-shadow: 0 7px 5px #efefef;
         justify-content: start;
     }
     
     .filter-checkbox form div input {
         width: max-content;
         margin-top: 2px !important;
     }
     
     .filter-checkbox form div label {
         width: 100%;
         padding-left:0 0 0 10px;
      	font-size:12px;
     }
     
     .top-filter form {
         display: flex;
         align-items: center;
         justify-content: center;
     }
     
     .top-filter form div {
         border-bottom: unset;
         border-radius: unset;
         align-items: unset;
         box-shadow: unset;
     }
     
     .top-filter {
         background: #ecf2ff;
     }
     
     .top-filter input[type='radio']:after {
         border-radius: 15px;
         position: relative;
         background-color: #d1d3d1;
         content: '';
         display: inline-block;
         visibility: visible;
         border: 2px solid white;
     }
     
     .top-filter input[type='radio']:checked:after {
         /* width: 15px;
     height: 15px; */
         border-radius: 15px;
         position: relative;
         background-color: #ff5e0c;
         content: '';
         display: inline-block;
         visibility: visible;
         border: 2px solid white;
     }
     
     .filter-selection form div input {
         width: max-content;
     }
     
     .filter-selection form div {
         display: flex;
         align-items: center;
         justify-content: start;
     }
     
     @keyframes rotate {
         from {
             transform: rotate(0deg);
         }
         to {
             transform: rotate(360deg);
         }
     }
     
     .rotate {
         animation: rotate 1s linear;
     }
     
     .appointment-filter .right-align-sec .therephist-details .blog_avathar_logo {
         margin-left: unset;
         margin-bottom: unset;
     }
     
     .blog_content .hoster-new {
         position: relative;
     }
     
     .blog_content .hoster-new .wishlist-icon {
         position: absolute;
         right: 20px;
         top: 0;
         width: max-content;
     }
     
     .blog_content .hoster-new .wishlist-icon a i {
         color: black;
         font-size: 22px;
     }
     
     .blog_content .hoster-new .wishlist-icon a .fa-heart:hover {
         color: red;
     }
     
     .red {
         color: red;
     }
     
     .date-apppointment .rating-group {
         font-size: 15px;
     }
     
     .date-apppointment .footer-row p {
         font-size: 15px;
     }
     
     .hoster-new .wishlist-icon {
         position: absolute;
         top: 10px;
         right: 10px;
     }
     
     .hoster-new .wishlist-icon a i {
         font-size: 20px;
     }
     
     .hoster-new .wishlist-icon a .fa-heart:hover {
         color: red;
     }
     
     .study-note h5 {
         color: #081245;
     }
     
     .study-note .book-wrapper .book-item {}
     /* .speaker-info-list li { */
     
     .share-icons {
         position: absolute;
         right: 40px;
         border: 1px solid #140342;
         border-radius: 5px;
         padding: 5px 4px;
         /* color: rebeccapurple; */
     }
     
     .share-icons li a span {
         color: #140342;
     }
     
     .hoster-new .share-nodes {
         border: unset;
         background: unset;
         width: unset;
         height: unset;
         border-radius: unset;
         display: unset;
         align-items: unset;
         justify-content: unset;
         margin-right: 5px;
     }
     
     .therephist-details .share-icons {
         border: 1px solid #140342;
         padding: 4px;
         border-radius: 5px;
         padding-bottom: 0;
     }
     
     .about-hosters .quote-sec .quotes-card {
         padding: 6px;
     }
     
     .about-hosters .quote-sec .quotes-card img {
         height: 150px;
         width: 100%;
     }
     
     .stuty-price-table table tr td,
     th {
         border: 1px solid #140342;
         text-align: center;
     }
     
     .stuty-price-table table tr td:first-child,
     th:first-child {
         text-align: start;
     }
     
     .stuty-price-table table thead tr {
         background: #ebebeb;
     }
     
     .stuty-price-table table thead tr th {
         padding: 8px;
     }
     
     .stuty-price-table table tbody tr td {
         padding: 4px 8px;
     }
     
     .stuty-price-table table thead tr th {
         color: #140342;
     }
     
     .stuty-price-table table thead tr th {
         color: #140342;
     }
     
     .material-price-table {
         overflow-x: scroll;
         scrollbar-width: none;
     }
     
     .material-price-table table {
         min-width: 460px;
     }
     
     .therephist-details .speaker-info-list li {
         margin-bottom: unset;
         font-size: 15px;
     }
     
     .therephist-details .speaker-info-list li a span {
         color: #140342;
         transition: all 0.5s;
     }
     
     .therephist-details .speaker-info-list li a:hover span {
         color: #ff6a02;
     }
     
     .text-indent-50 {
         text-indent: 50px;
     }
     
     .appointment-details-article .right-align-sec .therephist-details .blog_content p i,
     strong {
         color: #140342;
     }
     
     .appointment-details-article .right-align-sec .therephist-details .therepiat_name a {
         color: #ff6a02;
     }
     
     .speciality-list li:before {
         content: "\f621";
         font-family: "Font Awesome 6 Free";
         font-weight: 900;
         font-size: 12px;
         color: #ff6a02;
         margin-right: 6px;
         margin-top: -1px;
     }
     
     .speaker-info-list li strong {
         font-size: 16px;
     }
     
     .speciality-list {}
     
     .material-price-table table tr th:last-child,
     td:last-child {
         width: 19%;
     }
     
     .buy-now-btn {
         display: none;
         transition: all 0.5s
     }
     
     .book-image:hover .buy-now-btn {
         position: absolute;
         top: 0;
         left: 0;
         display: flex;
         align-items: center;
         justify-content: center;
         background: #0000006e;
         width: 100%;
         height: 100%;
     }
     
     .buy-now-btn a {
         min-width: 80px;
         position: relative;
         font-size: 14px;
         line-height: 23px;
         color: #ffffff !important;
         padding: 3px 12px;
         font-weight: 600;
         text-align: center;
         overflow: hidden;
         transition: all 0.5s !important;
         background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
         border-radius: 15px;
     }
     
     .tips-section-new .tips-parent button {
         padding: 8px;
         border-radius: unset;
         text-align: start
     }
     
     .tips-section-new .tips-parent .active {
         border-right: unset !important;
     }
     
     .tips-section-new .tip-overall {
         border: 9px solid #a3a3a3;
         background: #e1e1e1;
         padding: 0px;
     }
     
     .tips-section-new .tips-parent .active {
         background: white;
         transition: all 0.5s;
         color: #ff6a02;
     }
     
     .tips-content .active {
         margin: 10px;
         height: 200px;
         margin-right: unset;
         padding-right: 10px;
         overflow-y: scroll;
     }
     
     .tip-overall .tips-content p {
         text-indent: 30px;
     }
     
     .testimonial-section .outer-box .testimonial-carousel_1 .testimonial-block .text-box {
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         height: 100%;
     }
     
     .testimonial-section .outer-box .testimonial-carousel_1 .testimonial-block .inner-box {
         height: 100%;
     }
     
     .testimonial-carousel_1 .owl-carousel.owl-drag .owl-item {
         height: 100%;
     }
     
     .testimonial-carousel_1 .testimonial-block .info-box {
         padding-left: 65px;
         padding-top: 9px;
     }
     
     .testimonial-carousel_1 .testimonial-block .info-box .thumb {
         height: 70px;
         width: 65px;
     }
     
     .owl-carousel-material .course-books:hover .book-image .buy-now-btn {
         display: block;
         position: absolute;
         top: 0;
         left: 0;
         display: flex;
         align-items: center;
         justify-content: center;
         background: #0000006e;
         width: 100%;
         height: 100%;
         transition: all 0.5s;
     }
     
     .ytp-chrome-controls .ytp-button.ytp-youtube-button,
     .ytp-small-mode .ytp-chrome-controls .ytp-button.ytp-youtube-button,
     .ytp-embed .ytp-chrome-controls .ytp-button.ytp-youtube-button,
     .ytp-embed.ytp-small-mode .ytp-chrome-controls .ytp-button.ytp-youtube-button,
     .ytp-dni.ytp-embed .ytp-chrome-controls .ytp-button.ytp-youtube-button {
         display: none !important
     }
     
     .html5-video-player a {
         display: none !important
     }
     /* new-share */
     
     .thirty-days-class .share-nodes {
         display: flex;
         align-items: center;
         justify-content: start;
         border: 1px solid #cccccc;
         width: max-content;
         background: transparent;
         border-radius: 5px;
         padding: 16px 10px;
         margin-right: 8px;
     }
     
     .thirty-days-class .share-nodes span {
         font-size: 12px;
     }
     
     .thirty-days-class .share-parent {
         border: 1px solid black;
         position: absolute;
         top: 23px;
         right: 0;
         padding: 5px 5px;
         border-radius: 5px;
         background: white;
     }
     
     .tips-subheading {
         display: flex;
         flex-direction: column !important;
         height: 220px;
         overflow-y: scroll;
         align-items: start;
         overflow-x: none !important;
         opacity: 1;
         /* Initial opacity */
         transition: opacity 0.3s ease;
     }
     
     .finding-hosters input {
         border: 1px solid #a8a8a8;
         border-radius: 20px;
         width: 90%;
         padding: 3px 16px;
         color: #707070;
     }
     
     .finding-hosters {
         padding: 10px;
         padding-bottom: 0;
         display: flex;
         align-items: center;
         justify-content: space-between;
     }
     
     .finding-hosters i {
         font-size: 20px;
         cursor: pointer;
     }
     
     .date-apppointment .event-finder .news-block.style-four {
         margin-bottom: 0 !important;
     }
      .popup-cancel {
         display: inline-block;
         margin-top: 15px;
         padding: 10px 20px;
         background-color: #ff4e01;
         color: #fff;
         border: none;
         cursor: pointer;
         border-radius: 5px;
         font-size: 14px;
     }
     
     .popup-cancel:hover {
         background-color: #e94300;
     }
     
     /* Existing CSS for Popup */
     
     .ppop {
         position: fixed;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         z-index: 999;
         overflow: hidden;
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 5px;
     }
     
     .ppop.fade {
         opacity: 0;
         transition: opacity 0.5s ease-in-out;
     }
     
     .ppop.fade.in {
         opacity: 1;
         transition: opacity 0.5s ease-in-out;
     }
     
     .ppop:before {
         content: "";
         position: absolute;
         left: 0;
         top: 0;
         bottom: 0;
         right: 0;
         background: rgba(0, 0, 0, 0.6);
     }
     
     .ppop .content {
        border-radius:5px;
         position: relative;
         background: #fff;
         
         width: 550px;
         max-width: 100%;
         min-height: 100px;
         max-height: 450px;
         border-radius: 0;
         
         z-index: 1;
     }
     
     .ppop .content[data-title] {
         padding-top: 60px;
     }
     
     .ppop .content[data-title]:before {
         content: attr(data-title);
         position: absolute;
         background: #ff4e01;
         color: #fff;
         left: 0;
         right: 0;
         top: 0px;
         padding: 10px;
     }
     
     .ppop .content[data-title]:after {
         content: "";
         position: absolute;
         background: #ff4e01;
         color: #fff;
         left: 0;
         right: 0;
         bottom: 0px;
         width: 0%;
         height: 10px;
     }
     
     .ppop.fade.in .content[data-title]:after {
         width: 100%;
         transition: width 4s linear;
     }
     
     .ppop.fade.in .content {
         animation: ppopanim 1.5s forwards;
     }
     
     @keyframes ppopanim {
         0% {
             transform: scale(0);
             opacity: 0;
         }
         100% {
             transform: scale(1);
             opacity: 1;
         }
     }
     
     .title-bar {
         display: flex;
         justify-content: space-between;
         align-items: center;
         background: #ff4e01;
         color: #fff;
         padding: 10px;
         position: relative;
         font-weight: bold;
         font-size: 16px;
     }
     
     .title-text {
         flex-grow: 1;
     }
     
     .close-button {
         cursor: pointer;
         font-size: 20px;
         margin-left: 10px;
         font-weight: bold;
     }
     
     .whatsapp {
         position: sticky;
         cursor: pointer;
         left: 5%;
         bottom: 20px;
         width: 49px;
         height: 49px;
         display: flex;
         align-items: center;
         justify-content: center;
         z-index: 9999;
         background: white;
         border-radius: 8px;
         box-shadow: 0 0 10px gray;
         transition: all 0.5s;
         animation: blink-bg 1.5s infinite;
         /* Background blinking animation */
     }
     
     .whatsapp i {
         color: green;
         font-size: 38px;
         transition: all 0.5s;
         animation: blink-color 1.5s infinite;
         /* Icon color blinking animation */
     }
     
     @keyframes blink-bg {
         0%,
         100% {
             background: white;
             box-shadow: 0 0 10px gray;
         }
         50% {
             background: lightgray;
             box-shadow: 0 0 20px gray;
         }
     }
     
     @keyframes blink-color {
         0%,
         100% {
             color: green;
         }
         50% {
             color: limegreen;
         }
     }
         .appointment-new .carousel {
         display: flex;
         justify-content: space-between;
         align-items: center;
         margin: 10px auto;
         max-width: 680px;
     }
     
     .appointment-new .carousel button {
         background: none;
         border: none;
         cursor: pointer;
         font-size: 20px;
         margin: 0 10px;
     }
     
     .carousel-dates {
         display: flex;
         justify-content: space-around;
         width: 100%;
     }
     
     .date-cell {
         border: 1px solid #ddd;
         cursor: pointer;
         text-align: center;
         transition: all 0.4s;
         font-size: 14px;
         color: gray;
         line-height: 20px;
         padding: 2px;
         height: max-content;
     }
     
     .today {
         background-color: #f0f0f0;
     }
     
     .appointment-new .selected-date {
         background-color: #007BFF;
         color: white;
     }
     
     .appointment-new .time-selection {
         display: none;
         text-align: center;
         margin: 20px;
     }
     
     .appointment-new .time-selection button {
         margin: 5px;
         padding: 5px 15px;
         border: 1px solid #007BFF;
         color: #007bff;
         cursor: pointer;
         transition: all 0.4s;
     }
     
     .appointment-new .time-selection button:hover {
         background-color: #007bff;
         color: #fff;
     }
     
     .appointment-new .time-selection button:checked {
         background-color: #0056b3;
         color: #fff;
     }
     /* Modal styles */
     
     .appointment-new .modal {
         display: none;
         position: fixed;
         z-index: 1;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         overflow: auto;
         background-color: rgba(0, 0, 0, 0.5);
         padding-top: 160px;
     }
     
     .appointment-new .modal-content {
         background-color: #fff;
         margin: auto;
         padding: 20px;
         border: 2px solid #ff8014;
         width: 80%;
         max-width: 380px;
         text-align: center;
     }
     
     .appointment-new .close {
         color: #aaa;
         float: right;
         font-size: 28px;
         font-weight: bold;
     }
     
     .appointment-new .close:hover,
     .close:focus {
         color: #000;
         text-decoration: none;
         cursor: pointer;
     }
     
     .appointment-new .button-1 {
         padding: 10px 20px;
         background-color: #4CAF50;
         color: white;
         border: none;
         cursor: pointer;
         font-size: 16px;
     }
     
     .appointment-new .button-1:hover {
         background-color: #45a049;
     }
     
     .appointment-new .form-input {
         margin: 10px 0;
     }
     
     .appointment-new .selected-time {
         background: #007bff;
         color: #fff !important;
     }
     
     .carousel button i {
         color: #ff8014;
     }
     
     .appointment-new #details-form .form-input {
         text-align: start;
     }
     
     .appointment-new #details-form .form-input input {
         width: 100%;
         border: 1px solid #bdbdbd;
         border-radius: 3px;
         margin: unset;
         padding: 5px 10px;
     }
     
     .modal-content .close-form {
         cursor: pointer;
     }
     
     .appointment-new #details-form {
         height: 300px;
         overflow-y: scroll;
         padding: 0 10px 0 0;
     }
     
     .mfp-image-holder .mfp-content {
         max-width: max-content !important;
     }
     
     .personal-info p:first-child {
         text-indent: 50px;
     }
     
     .emergency-contact {
         position: sticky;
         top: 23%;
         border: 1px solid #d5d5d5;
         border-radius: 7px;
         background: #dbdbdb;
         margin-top: 43px;
         height: max-content;
         background: white;
     }
     
     .emergency-contact .filter-title {
         border-radius: 5px 5px 0 0;
         background: #140342;
         color: white;
         padding: 18px 10px;
         border: 1px solid #140342;
         display: flex;
         align-items: center;
         justify-content: space-between;
     }
     
     .emergency-contact .filter-title i {
         cursor: pointer;
     }
     
     .emergency-contact-card {
         border-radius: 10px;
         box-shadow: 0 5px 10px gray;
         height: 250px;
         padding: 10px;
         background-image: url(../images/New-Images/emergency-contact.jpg);
         background-position: 65%;
         background-size: auto;
         background-repeat: no-repeat;
         display: flex;
         align-items: center;
         justify-content: center;
     }
     
     .emergency-contact-card p a {
         font-weight: 600;
     }
     
     .biography-sec {
         position: sticky;
         top: 27%;
         height: max-content;
     }
     
     .biography-sec .parent-tabs {
         padding: unset;
         border-radius: 10px;
         box-shadow: 0 2px 10px #b9b9b9;
     }
     
     .appointment-calender-new .parent-tabs li button {
         background: #fff !important;
         color: gray;
         border: none !important;
         border-radius: 10px 0 0 0;
     }
     
     .appointment-calender-new .parent-tabs li:last-child button {
         border-radius: 0 10px 0 0;
     }
     
     .appointment-calender-new .parent-tabs .active {
         background: #fff !important;
         color: #ff6a02;
         border-right: none !important;
     }
     
     .appointment-calender-new .parent-tabs .nav-tabs .active {
         border-bottom: 3px solid #081245 !important
     }
     
     .day-parent {
         position: relative;
     }
     
     .calendar-parent {
         overflow-x: hidden;
         scrollbar-width: thin;
     }
     
     .day-parent .carousel-dates {
         padding-top: 12px;
         height: max-content;
         padding-bottom: 8px;
     }
     /*  
 .day-parent .carousel #prev-week {
     position: absolute;
     left: 0;
     top: 0;
 }
 
 .day-parent .carousel #next-week {
     position: absolute;
     right: 0;
     top: 0;
 } */
     
     #time-buttons {
         display: flex;
         align-items: center;
         flex-wrap: wrap;
     }
     
     .day-parent .carousel-dates .today {
         color: #ff6a02;
     }
     
     .selected-date {
         background: #ff6a02;
         color: white;
     }
     
     #time-buttons {
         margin-top: 10px;
     }
     
     #time-buttons button {
         padding: 0px 10px !important;
         border: 1px solid gray !important;
         border-radius: 3px !important;
         line-height: 20px;
         margin-bottom: 5px;
         margin-right: 6px;
         min-width: 61px;
     }
     
     .selected-time {
         color: #ff6a02 !important;
         border: 1px solid #ff6a02 !important;
     }
     
     .audio_video li button {
         font-size: 16px !important;
         transition: all 0.5s;
     }
     
     .audio_video li button span {
         opacity: 0.4;
         transition: all 0.5s;
     }
     
     .audio_video li button i {
         color: #ff6a02;
     }
     
     .audio_video li:hover button {
         color: #ff6a02 !important;
     }
     
     .audio_video li .active {
         color: #ff6a02 !important;
         transition: all 0.5s;
     }
     
     .audio_video li:hover button span {
         opacity: 10;
     }
     
     .audio_video li .active span {
         opacity: 10;
     }
     /* .appointment-calender-new #formModal {
     background: #0000007a;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .appointment-calender-new #formModal .modal-content {
     max-width: 300px;
 }
 */
     
     .appointment-calender-new #formModal .modal-content #details-form {
         padding: 10px;
         height: 300px;
         overflow-y: scroll;
     }
     
     .appointment-calender-new #formModal .modal-content #details-form input {
         width: 95%;
         border: 1px solid gray;
         border-radius: 3px;
     }
     
     .appointment-calender-new #formModal .modal-content #details-form label {
         color: #000;
     }
     
     .appointment-calender-new .modal {
         background: #00000087;
         padding-top: 5%;
     }
     
     .appointment-calender-new .modal .modal-content {
         margin: auto;
         max-width: 350px;
         margin-top: 100px;
         border: 2px solid orange;
     }
     /* Gk */
     /* Styles for the modal */
     
     .modal {
         display: none;
         position: fixed;
         z-index: 1000;
         left: 0;
         top: 0;
         width: 100%;
         height: 100%;
         overflow: auto;
         background-color: rgba(0, 0, 0, 0.4);
     }
     
     .modal-content {
         background-color: #fefefe;
         margin: 15% auto;
         padding: 10px;
         border: 1px solid #888;
         width: 80%;
         max-width: 700px;
         box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
         animation: modalopen 0.4s;
     }
     
     @keyframes modalopen {
         from {
             opacity: 0;
             transform: translateY(-50px);
         }
         to {
             opacity: 1;
             transform: translateY(0);
         }
     }
     
     .close-form,
     .close-confirmation,
     .close-month-picker {
         color: #aaa;
         float: right;
         font-size: 28px;
         font-weight: bold;
     }
     
     .close-form:hover,
     .close-confirmation:hover,
     .close-month-picker:hover,
     .close-form:focus,
     .close-confirmation:focus,
     .close-month-picker:focus {
         color: #000;
         text-decoration: none;
         cursor: pointer;
     }
     /* Styles for the calendar and time selection */
     
     .calendar-header button {
         background: none;
         border: none;
         cursor: pointer;
     }
     
     .calendar-header button i {
         font-size: 24px;
     }
     
     .carousel {
         display: flex;
         justify-content: space-between;
         align-items: center;
     }
     
     .carousel-dates {
         display: flex;
         overflow-x: auto;
         scrollbar-width: thin;
     }
     
     .date-cell {
         flex: 0 0 auto;
         padding: 5px;
         text-align: center;
         width: 47px;
         cursor: pointer;
         margin: 1px;
         border-radius: 5px;
     }
     
     .date-cell.today {
         font-weight: bold;
         color: #4caf50;
     }
     
     .date-cell.selected-date {
         border: 1px solid #ff6a02;
         color: #ff6a02;
         background: transparent;
     }
     
     .time-selection {
         display: none;
         padding: 10px;
         height: 185px;
         overflow-y: scroll;
     }
     
     .time-selection h3 {
         margin: 10px 0;
     }
     
     .time-selection table {
         width: 100%;
         display: flex;
         margin-bottom: 10px;
         flex-wrap: wrap;
     }
     
     .time-selection table tr {
         margin-right: 6px;
         margin-bottom: 5px;
     }
     
     .time-selection button {
         padding: 1px 7px;
         font-size: 13px;
         min-width: 80px;
         cursor: pointer;
         border: 1px solid #ccc;
         border-radius: 4px;
         background-color: #f8f8f8;
         transition: background-color 0.3s;
         width: 100%;
     }
     
     .time-selection button:hover {
         background-color: #e0e0e0;
     }
     
     .time-selection button.selected-time {
         border-color: #039be5;
     }
     /* Styles for the theme button */
     
     .btn-style-two {
         font-size: 16px;
     }
     
     .btn-title {
         font-weight: bold;
     }
     /* Styles for the month picker grid */
     
     .month-picker-grid {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 10px;
         padding: 10px;
     }
     
     .month-picker-grid button {
         padding: 10px;
         border: none;
         background-color: #ddd;
         cursor: pointer;
         border-radius: 5px;
     }
     
     .month-picker-grid button:hover {
         background-color: #bbb;
     }
     
     .year-picker {
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 10px;
         background-color: #f1f1f1;
         margin-bottom: 10px;
     }
     
     .year-picker button {
         background: none;
         border: none;
         cursor: pointer;
         font-size: 24px;
         margin: 0 10px;
     }
     
     .text-dark-blue {
         color: #140342;
     }
     
     .course-books {
         border: 1px solid #dddddd;
         border-radius: 6px;
         padding: 8px;
         background: white;
     }
     
     .course-books .book-cover .book-image {
         transform: unset;
     }
     
     .course-content h4 {
         font-size: 19px;
         color: #140342;
         margin-bottom: 5px;
     }
     
     .course-content p {
         font-size: 14px;
         line-height: 24px;
         width: 95%;
         text-align: justify;
         margin-bottom: 5px;
     }
     
     .course-content ul {
         /* position: absolute; */
         width: -webkit-fill-available;
         bottom: 0;
         display: flex;
         align-items: center;
         justify-content: space-between;
     }
     
     .course-content li strong {
         font-size: 12px;
         font-weight: 600;
         color: gray;
     }
     
     .p-relative {
         position: relative;
     }
     
     .material-btn {
         border: 1px solid orange;
         padding: 4px 16px;
         font-size: 13px;
         border-radius: 3px;
         color: orange;
         margin-bottom: 5px;
     }
     
     .owl-carousel-awards .get-now-btn a {
         padding: 0 10px;
     }
     
     .owl-carousel-awards .book-cover .book-image {
         box-shadow: unset;
     }
     
     .appointment-filter .event-search .hiden-sec {
         width: 100%;
     }
     
     .appointment-filter article {
         background: unset;
         height: max-content;
     }
     
     .appointment-filter .emergency-contact .filter-tab button {
         text-align: start;
         border-left: 2px solid transparent;
     }
     
     .filter-head {
         background: #ecf2ff;
     }
     
     .emergency-contact .filter-head .active {
         color: #140342 !important;
         background: white;
         border-left: 2px solid #140342 !important;
     }
     
     .emergency-contact .filter-head button {
         padding: 10px;
         border-radius: 4px 0 0 4px;
     }
     
     .filter-checkbox form div {
         display: flex;
         margin: 8px 0;
         padding: 7px 10px;
         border-bottom: 1px solid #ffb37d;
         border-radius: 9px;
         align-items: center;
         box-shadow: 0 7px 5px #efefef;
         justify-content: start;
     }
     
     .filter-checkbox form div input {
         width: max-content;
         margin-top: 4px !important;
     }
     
     .filter-checkbox form div label {
         width: 100%;
         padding : 3px;
     }
     
     .top-filter form {
         display: flex;
         align-items: center;
         justify-content: center;
     }
     
     .top-filter form div {
         border-bottom: unset;
         border-radius: unset;
         align-items: unset;
         box-shadow: unset;
     }
     
     .top-filter {
         background: #ecf2ff;
     }
     
     .top-filter input[type='radio']:after {
         border-radius: 15px;
         position: relative;
         background-color: #d1d3d1;
         content: '';
         display: inline-block;
         visibility: visible;
         border: 2px solid white;
     }
     
     .top-filter input[type='radio']:checked:after {
         /* width: 15px;
     height: 15px; */
         border-radius: 15px;
         position: relative;
         background-color: #ff5e0c;
         content: '';
         display: inline-block;
         visibility: visible;
         border: 2px solid white;
     }
     
     .filter-selection form div input {
         width: max-content;
     }
     
     .filter-selection form div {
         display: flex;
         align-items: center;
         justify-content: start;
     }
     
     @keyframes rotate {
         from {
             transform: rotate(0deg);
         }
         to {
             transform: rotate(360deg);
         }
     }
     
     .rotate {
         animation: rotate 1s linear;
     }
     
     .appointment-filter .right-align-sec .therephist-details .blog_avathar_logo {
         margin-left: unset;
         margin-bottom: unset;
     }
     
     .blog_content .hoster-new {
         position: relative;
     }
     
     .blog_content .hoster-new .wishlist-icon {
         position: absolute;
         right: 20px;
         top: 0;
         width: max-content;
     }
     
     .blog_content .hoster-new .wishlist-icon a i {
         color: black;
         font-size: 22px;
     }
     
     .blog_content .hoster-new .wishlist-icon a .fa-heart:hover {
         color: red;
     }
     
     .red {
         color: red;
     }
     
     .date-apppointment .rating-group {
         font-size: 15px;
     }
     
     .date-apppointment .footer-row p {
         font-size: 15px;
     }
     
     .hoster-new .wishlist-icon {
         position: absolute;
         top: 10px;
         right: 10px;
     }
     
     .hoster-new .wishlist-icon a i {
         font-size: 20px;
     }
     
     .hoster-new .wishlist-icon a .fa-heart:hover {
         color: red;
     }
     
     .study-note h5 {
         color: #081245;
     }
     
     .study-note .book-wrapper .book-item {}
     /* .speaker-info-list li { */
     
     .share-icons {
         position: absolute;
         right: 40px;
         border: 1px solid #140342;
         border-radius: 5px;
         padding: 5px 4px;
         /* color: rebeccapurple; */
     }
     
     .share-icons li a span {
         color: #140342;
     }
     
     .hoster-new .share-nodes {
         border: unset;
         background: unset;
         width: unset;
         height: unset;
         border-radius: unset;
         display: unset;
         align-items: unset;
         justify-content: unset;
         margin-right: 5px;
     }
     
     .therephist-details .share-icons {
         border: 1px solid #140342;
         padding: 4px;
         border-radius: 5px;
         padding-bottom: 0;
     }
     
     .about-hosters .quote-sec .quotes-card {
         padding: 6px;
     }
     
     .about-hosters .quote-sec .quotes-card img {
         height: 150px;
         width: 100%;
     }
     
     .stuty-price-table table tr td,
     th {
         border: 1px solid #140342;
         text-align: center;
     }
     
     .stuty-price-table table tr td:first-child,
     th:first-child {
         text-align: start;
     }
     
     .stuty-price-table table thead tr {
         background: #ebebeb;
     }
     
     .stuty-price-table table thead tr th {
         padding: 8px;
     }
     
     .stuty-price-table table tbody tr td {
         padding: 4px 8px;
     }
     
     .stuty-price-table table thead tr th {
         color: #140342;
     }
     
     .stuty-price-table table thead tr th {
         color: #140342;
     }
     
     .material-price-table {
         overflow-x: scroll;
         scrollbar-width: none;
     }
     
     .material-price-table table {
         min-width: 460px;
     }
     
     .therephist-details .speaker-info-list li {
         margin-bottom: unset;
         font-size: 15px;
     }
     
     .therephist-details .speaker-info-list li a span {
         color: #140342;
         transition: all 0.5s;
     }
     
     .therephist-details .speaker-info-list li a:hover span {
         color: #ff6a02;
     }
     
     .text-indent-50 {
         text-indent: 50px;
     }
     
     .appointment-details-article .right-align-sec .therephist-details .blog_content p i,
     strong {
         color: #140342;
     }
     
     .appointment-details-article .right-align-sec .therephist-details .therepiat_name a {
         color: #ff6a02;
     }
     
     .speciality-list li:before {
         content: "\f621";
         font-family: "Font Awesome 6 Free";
         font-weight: 900;
         font-size: 12px;
         color: #ff6a02;
         margin-right: 6px;
         margin-top: -1px;
     }
     
     .speaker-info-list li strong {
         font-size: 16px;
     }
     
     .speciality-list {}
     
     .material-price-table table tr th:last-child,
     td:last-child {
         width: 19%;
     }
     
     .buy-now-btn {
         display: none;
         transition: all 0.5s
     }
     
     .book-image:hover .buy-now-btn {
         position: absolute;
         top: 0;
         left: 0;
         display: flex;
         align-items: center;
         justify-content: center;
         background: #0000006e;
         width: 100%;
         height: 100%;
     }
     
     .buy-now-btn a {
         min-width: 80px;
         position: relative;
         font-size: 14px;
         line-height: 23px;
         color: #ffffff !important;
         padding: 3px 12px;
         font-weight: 600;
         text-align: center;
         overflow: hidden;
         transition: all 0.5s !important;
         background: linear-gradient(to bottom right, #ffbe30, #ff3e00);
         border-radius: 15px;
     }
     
     .tips-section-new .tips-parent button {
         padding: 8px;
         border-radius: unset;
         text-align: start
     }
     
     .tips-section-new .tips-parent .active {
         border-right: unset !important;
     }
     
     .tips-section-new .tip-overall {
         border: 9px solid #a3a3a3;
         background: #e1e1e1;
         padding: 0px;
     }
     
     .tips-section-new .tips-parent .active {
         background: white;
         transition: all 0.5s;
         color: #ff6a02;
     }
     
     .tips-content .active {
         margin: 10px;
         height: 200px;
         margin-right: unset;
         padding-right: 10px;
         overflow-y: scroll;
     }
     
     .tip-overall .tips-content p {
         text-indent: 30px;
     }
     
     .testimonial-section .outer-box .testimonial-carousel_1 .testimonial-block .text-box {
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         height: 100%;
     }
     
     .testimonial-section .outer-box .testimonial-carousel_1 .testimonial-block .inner-box {
         height: 100%;
     }
     
     .testimonial-carousel_1 .owl-carousel.owl-drag .owl-item {
         height: 100%;
     }
     
     .testimonial-carousel_1 .testimonial-block .info-box {
         padding-left: 65px;
         padding-top: 9px;
     }
     
     .testimonial-carousel_1 .testimonial-block .info-box .thumb {
         height: 70px;
         width: 65px;
     }
     
     .owl-carousel-material .course-books:hover .book-image .buy-now-btn {
         display: block;
         position: absolute;
         top: 0;
         left: 0;
         display: flex;
         align-items: center;
         justify-content: center;
         background: #0000006e;
         width: 100%;
         height: 100%;
         transition: all 0.5s;
     }
     
     .ytp-chrome-controls .ytp-button.ytp-youtube-button,
     .ytp-small-mode .ytp-chrome-controls .ytp-button.ytp-youtube-button,
     .ytp-embed .ytp-chrome-controls .ytp-button.ytp-youtube-button,
     .ytp-embed.ytp-small-mode .ytp-chrome-controls .ytp-button.ytp-youtube-button,
     .ytp-dni.ytp-embed .ytp-chrome-controls .ytp-button.ytp-youtube-button {
         display: none !important
     }
     
     .html5-video-player a {
         display: none !important
     }
     /* new-share */
     
     .thirty-days-class .share-nodes {
         display: flex;
         align-items: center;
         justify-content: start;
         border: 1px solid #cccccc;
         width: max-content;
         background: transparent;
         border-radius: 5px;
         padding: 16px 10px;
         margin-right: 8px;
     }
     
     .thirty-days-class .share-nodes span {
         font-size: 12px;
     }
     
     .thirty-days-class .share-parent {
         border: 1px solid black;
         position: absolute;
         top: 23px;
         right: 0;
         padding: 5px 5px;
         border-radius: 5px;
         background: white;
     }
     
     .tips-subheading {
         display: flex;
         flex-direction: column !important;
         height: 220px;
         overflow-y: scroll;
         align-items: start;
         overflow-x: none !important;
         opacity: 1;
         /* Initial opacity */
         transition: opacity 0.3s ease;
     }
     
     .finding-hosters input {
         border: 1px solid #a8a8a8;
         border-radius: 20px;
         width: 90%;
         padding: 3px 16px;
         color: #707070;
     }
     
     .finding-hosters {
         padding: 10px;
         /* padding-bottom: 0; */
         display: flex;
         align-items: center;
         justify-content: space-between;
     }
     
     .finding-hosters i {
         font-size: 20px;
         cursor: pointer;
     }


    .finding-program input {
        border: 1px solid #a8a8a8;
        border-radius: 20px;
        width: 90%;
        padding: 3px 16px;
        color: #707070;
    }

    .finding-program {
        padding: 10px;
        /* padding-bottom: 0; */
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .d-filter-grid {
        display: grid;
        grid-template-columns: 1fr 1fr; /* Two equal columns */
        gap: 1rem; /* Optional: spacing between columns */
        align-items: center; /* Align items vertically */
    }

    .inner-filter-grid{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 1rem;
        align-items: center;
    }

    .inner-filter-grid input{
        width: unset !important;
    }

    .finding-program i {
        font-size: 20px;
        cursor: pointer;
    }
     
     .date-apppointment .event-finder .news-block.style-four {
         margin-bottom: 0 !important;
     }
     .confirmation-table-new form table tr td:first-child{
         width: unset !important;
     }
     
     .confirmation-table-new form table tr td:last-child{
         width: unset !important;
     }
     
     .confirmation-table-new form button{
         margin-left: unset !important;
         margin-top: 16px;
         
     }
     .magazine-new #sticky{
         z-index: 1 !important0;
     }
     .magazine-new .modal.show .modal-dialog {
         padding-top: 80px;
     }
     
     /*.qr-donation  .modal-dialog .modal-body {*/
     /*    overflow-x: none !important;*/
     /*}*/
     
     .qr-donation  .modal-dialog .modal-body {
         overflow-y: auto !important;
     }
    .ovel-content p{
       color: #ff9700 !important;
    }
    #booking .tab-content .tab-content-card {
        border: 1px solid gray !important;
        overflow: hidden !important;
    }

    #booking .tab-content table {
        width: 1200px !important;
    }


    #booking .tab-content table tbody tr td:last-child{
     	width:31% !important;
    }

    #booking .tab-content table .benefits-area {
        overflow-x: scroll !important;
    }
    .payment-table .benefits-area{
      overflow-x: scroll;
    }

	.filter-right{
      max-height: 300px;
      overflow-y: scroll;
	}
  .owl-carousel-one .owl-dots{
  		display:none;
  }
	.owl-carousel-one .owl-nav{
  		display: flex !important;
        align-items: center;
        justify-content: center;
  	}

	.pt-40 {
		padding-top:40px;
	}
      
    .home-slider .home-banner .common-banner{
      	background-size: contain ;
	}
 
    .news-block .lower-content h2{
        z-index: -8;
    }
      
     .differnt-video-sec .schedule-block-three .inner-box{
        z-index: -0 !important;
    } 
      
    .speaker-detail-section .banner-carousel .owl-dots{
       display: none;
	}
      
    .speaker-detail-section .banner-carousel .owl-nav{
      display: flex !important;
      position: unset; 
      align-items: center;
      justify-content: center;
	}
         
    .speaker-detail-section .banner-carousel .owl-nav .owl-prev{
     	position: unset;
     }
      
     .speaker-detail-section .banner-carousel .owl-nav .owl-next{
     	position: unset !important;
     }
     
     .abt-centre-sec .owl-carousel .owl-nav{
         display: flex !important;
         justify-content: center;
     }
      .abt-centre-sec .owl-carousel .owl-dots{
         display: none !important;
     }
      .abt-centre-sec .owl-carousel .owl-nav .owl-prev{
         position: unset;
         display: flex;
        align-items: center;
        justify-content: center;
     }
     .abt-centre-sec .owl-carousel .owl-nav .owl-next{
         position: unset;
         display: flex;
         align-items: center;
         justify-content: center;
     }
      
     top-right-sec .notification-container {
        position: relative;
        display: inline-block;
    }

    .top-right-sec .bell-icon {
        font-size: 17px;
        color: #fff;
        cursor: pointer;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .bell-icon .notification-count {
        position: absolute;
        top: -10px;
        right: -12px;
        color: #fff;
        border-radius: 50%;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        background: #ff4502;
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .notification-list {
        position: absolute;
        top: 40px;
        right: 0;
        background: #fff;
        border: 1px solid #ddd;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        width: 250px;
        display: none;
        z-index: 1000;
    }

    .notification-list.active {
        display: block;
    }

    .notification-list::before {
        content: "";
        position: absolute;
        top: -10px;
        right: 20px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }

    .notification-item {
        padding: 10px 15px;
        border-bottom: 1px solid #eee;
        cursor: pointer;
    }

    .notification-item:last-child {
        border-bottom: none;
    }

    .notification-item:hover {
        background: #f1f1f1;
    }

    .notification-item .message {
        font-size: 14px;
        color: #333;
    }

    .notification-item .time {
        font-size: 12px;
        color: #999;
    } 
      
      
      
      
      /* new 28-11-2024 */
      
      
      .events-partition-sec .image-box .wishlist-icon a i:hover {
    color: red;
}

.events-partition-sec .image-box .wishlist-icon {
    position: absolute;
    top: 13px;
    left: 13px;
    width: max-content;
}

.events-partition-sec .wishlist-icon a i {
    font-size: 25px;
    color: white;
    transition: all 0.5s;
}

.events-partition-sec  .video-icon {
    position: absolute;
    top: 13px;
    right: 10px;
}

.events-partition-sec .event-title {
    background-image: linear-gradient(-155deg, rgb(30 12 79 / 50%) 37%, rgba(255, 255, 255, .08) 15%), linear-gradient(258deg, rgba(87, 238, 255, .1), rgb(0 11 48));
    background-color: rgba(74, 148, 214, .9);
}

.events-partition-sec .news-block .lower-content {
    padding: 0px;
}
.events-partition-sec .event-title a {
    color: white !important;
}

.events-partition-sec .event-title .share {
    font-size: 15px;
    color: white !important;
    transition: all 0.5s;
}
      
.event-card-title-new {
    position: absolute;
    top: 0;
    font-size: 17px;
    background:linear-gradient(179deg, #00000000 10%, #0000008c 70%);
    width: 99.9%;
    border-radius: 8px 8px 0 0;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom: 20px;
    color: white;
    display: flex;
    align-items: end;
    justify-content: center;
}


.pricing-block-three {
    position: relative;
    padding: 0 10px;
}
      
.events-new .theme-btn .btn-title {
    padding: 0px 0px !important;
}
      
.event-card-new {
    height: 200px;
    border: 2px solid gray;
    padding: 10px;
    border-radius: 10px;
    background-image: url(../images/New-Images/events-1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
} 

/* progress info view css start */

.progress-info .lower-content-2 a {
    color: white !important;
}

.progress-info .news-block .lower-content {
    min-height: 150px;
}

.progress-info-imgs .progress-info-img img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
}

.progress-info-imgs .progress-info-img .progress-info-content {
    position: relative;
}

.progress-info-imgs .progress-info-img .progress-info-content .content i {
    color: white;
    font-size: 18px;
    margin-right: 10px;
}

.progress-info-imgs .progress-info-img .progress-info-content .content {
    background: linear-gradient(to bottom, #ffffff00 20%, #8080802e 50%, #000000db 100%);
    border-radius: 0 0 16px 16px;
    position: absolute;
    bottom: 0px;
    width: 94%;
    padding: 120px 0 10px 0;
}

.progress-info-imgs .progress-info-img .progress-info-content .content h4 {
    color: white;
    font-size: 18px;
}

.progress-info-card {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.progress-info .social-content {
    top: 35px;
    left: -88px !important;
}

.progress-info .lower-content .social-content a {
    color: #140342 !important;
}

.progress-info .lower-content .social-content a:hover {
    color: #ff841a !important;
}

.progress-info .share-icon-btn .social-content {
    left: 0;
    right: unset;
}

.progress-info-date form li label {
    margin-left: -20px;
}

.progress-info .health-card {
    box-shadow: unset !important;
    height:100%;
}

@media screen and (max-width: 700px) {
    .progress-info-content .detail-txt {
        font-size: 12px !important;
    }
    .progress-info-content .content h4{
        font-size: 16px !important;
    }
}

@media screen and (max-width: 600px) {
    .progress-info-content .detail-txt {
        font-size: 8px !important;
    }

    .progress-info-content .content h4{
        font-size: 14px !important;
    }   

}

@media screen and (max-width: 500px) {
    .progress-info-content .detail-txt {
        font-size: 6px !important;
    }

    .progress-info-content .content h4{
        font-size: 10px !important;
    }   

}

@media screen and (max-width: 400px) {
    .progress-info-content .detail-txt {
        font-size: 6px !important;
    }

    .progress-info-content .content h4{
        font-size: 8px !important;
    }   

}

.progress-info a{
    color: #ff7c00 !important;
}

.progress-info a:hover {
    color: #ff7c00 !important;
}

/* progress info view css end */