@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

@font-face {
    font-family: 'Roboto Condensed';
}
.required:after {
    content:" *";
    color: red;
  }

.justify-content {
    justify-content: space-between;
}

body {
    font-size: 14px !important;
    color: #848484 !important;
    line-height: 26px !important;
    font-weight: 400;
    font-family: 'Nunito' !important;
}

.pre-header {
    padding: 5px 0;
    background: linear-gradient(0deg, #b35f5f 0%, #ef9999 100%);
}

.navigation {
    width: 100%;
    height: 70px;
    display: table;
    position: relative;
    font-family: inherit;
}

.header-full {
    box-shadow: 0 1px 10px 0 #ddd;
}

.navigation * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

.navigation-portrait {
    height: 48px;
}

.navigation-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 19998;
}

.navigation-hidden {
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.align-to-right {
    float: right;
}

.nav-header {
    float: left;
    width: 100px;
    padding: 3px;
}

.nav-header img {
    width: 100%;
}

.navigation-hidden .nav-header {
    display: none;
}

.nav-brand {
    line-height: 70px;
    padding: 0;
    color: #343a40;
    font-size: 24px;
    text-decoration: none !important;
}

.nav-brand:hover,
.nav-brand:focus {
    color: #343a40;
}

.navigation-portrait .nav-brand {
    font-size: 18px;
    line-height: 48px;
}

.nav-logo>img {
    height: 48px;
    margin: 11px auto;
    padding: 0 15px;
    float: left;
}

.nav-logo:focus>img {
    outline: initial;
}

.navigation-portrait .nav-logo>img {
    height: 36px;
    margin: 6px auto 6px 15px;
    padding: 0;
}

.nav-toggle {
    width: 30px;
    height: 30px;
    padding: 6px 2px 0;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 15px;
    display: none;
    cursor: pointer;
}

.nav-toggle:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #000;
    border-radius: 10px;
    box-shadow: 0 0.5em 0 0 #000, 0 1em 0 0 #000;
}

.navigation-portrait .nav-toggle {
    display: block;
}

.navigation-portrait .nav-menus-wrapper {
    width: 320px;
    height: 100%;
    top: 0;
    left: -400px;
    position: fixed;
    background-color: #fff;
    z-index: 20000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
    left: auto;
    right: -400px;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
    left: 0;
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
    left: auto;
    right: 0;
}

.nav-menus-wrapper-close-button {
    width: 30px;
    height: 40px;
    margin: 10px 7px;
    display: none;
    float: right;
    color: #343a40;
    font-size: 26px;
    cursor: pointer;
}

.navigation-portrait .nav-menus-wrapper-close-button {
    display: block;
}

.nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    font-size: 0;
}

.navigation-portrait .nav-menu {
    width: 100%;
}

.navigation-landscape .nav-menu.nav-menu-centered {
    float: none;
    text-align: center;
}

.navigation-landscape .nav-menu.nav-menu-centered>li {
    float: none;
}

.nav-menu>li {
    display: inline-block;
    float: left;
    text-align: left;
}

.navigation-portrait .nav-menu>li {
    width: 100%;
    position: relative;
    border-top: solid 1px #f0f0f0;
}

.navigation-portrait .nav-menu>li:last-child {
    border-bottom: solid 1px #f0f0f0;
}

.nav-menu+.nav-menu>li:first-child {
    border-top: none;
}

.nav-menu>li>a {
    padding: 26px 12px;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    color: #000000;
    transition: color 0.3s, background 0.3s;
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
}

.request-li {
    margin-top: 8px;
}

.request-li i {
    color: #000 !important;
}

.navigation-portrait .nav-menu>li>a {
    width: 100%;
    height: auto;
    padding: 12px 15px 12px 26px;
}

.nav-menu>li:hover>a,
.nav-menu>li.active>a,
.nav-menu>li.focus>a {
    color: #d77474;
}

.nav-menu>li>a>i,
.nav-menu>li>a>[class*="ion-"] {
    width: 18px;
    height: 16px;
    line-height: 16px;
    transform: scale(1.4);
}

.nav-menu>li>a>[class*="ion-"] {
    width: 16px;
    display: inline-block;
    transform: scale(1.8);
}

.navigation-portrait .nav-menu.nav-menu-social {
    width: 100%;
    text-align: center;
}

.nav-menu.nav-menu-social>li {
    text-align: center;
    float: none;
    border: none !important;
}

.navigation-portrait .nav-menu.nav-menu-social>li {
    width: auto;
}

.nav-menu.nav-menu-social>li>a>[class*="ion-"] {
    font-size: 12px;
}

.nav-menu.nav-menu-social>li>a>.fa {
    font-size: 14px;
}

.navigation-portrait .nav-menu.nav-menu-social>li>a {
    padding: 15px;
}

.submenu-indicator {
    margin-left: 6px;
    margin-top: 6px;
    float: right;
    transition: all 0.2s;
}

.navigation-portrait .submenu-indicator {
    width: 54px;
    height: 44px;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    z-index: 20000;
}

.submenu-indicator-chevron {
    height: 6px;
    width: 6px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent #000000 #000000 transparent;
    transform: rotate(45deg);
    transition: border 0.2s;
}

.navigation-portrait .submenu-indicator-chevron {
    position: absolute;
    top: 18px;
    left: 24px;
}

.nav-menu>li:hover>a .submenu-indicator-chevron,
.nav-menu>.active>a .submenu-indicator-chevron,
.nav-menu>.focus>a .submenu-indicator-chevron {
    border-color: transparent #967adc #967adc transparent;
}

.navigation-portrait .submenu-indicator.submenu-indicator-up {
    transform: rotate(-180deg);
}

.nav-overlay-panel {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: none;
    z-index: 19999;
}

.no-scroll {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.nav-search {
    height: 70px;
    float: right;
    z-index: 19998;
}

.navigation-portrait .nav-search {
    height: 48px;
    padding: 0 10px;
    margin-right: 52px;
}

.navigation-hidden .nav-search {
    display: none;
}

.nav-search-button {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
    background-color: #fbfcfd;
}

.navigation-portrait .nav-search-button {
    width: 50px;
    height: 48px;
    line-height: 46px;
    font-size: 22px;
}

.nav-search-icon {
    width: 14px;
    height: 14px;
    margin: 2px 8px 8px 4px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #343a40;
    text-align: left;
    text-indent: -9999px;
    border: 2px solid;
    border-radius: 50%;
    transform: rotate(-45deg);
}

.nav-search-icon:after,
.nav-search-icon:before {
    content: "";
    pointer-events: none;
}

.nav-search-icon:before {
    width: 2px;
    height: 11px;
    top: 11px;
    position: absolute;
    left: 50%;
    border-radius: 0 0 1px 1px;
    box-shadow: inset 0 0 0 32px;
    transform: translateX(-50%);
}

.nav-search-button:hover .nav-search-icon {
    color: #0050a6;
}

.nav-search>form {
    width: 100%;
    height: 100%;
    padding: 0 auto;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 99;
}

.nav-search-inner {
    width: 70%;
    height: 70px;
    margin: auto;
    display: table;
}

.navigation-portrait .nav-search-inner {
    height: 48px;
}

.nav-search-inner input[type="text"],
.nav-search-inner input[type="search"] {
    height: 70px;
    width: 100%;
    margin: 0;
    padding: 0 12px;
    font-size: 26px;
    text-align: center;
    color: #343a40;
    outline: none;
    line-height: 70px;
    border: none;
    background-color: transparent;
    transition: all 0.3s;
}

.navigation-portrait .nav-search-inner input[type="text"],
.navigation-portrait .nav-search-inner input[type="search"] {
    height: 48px;
    font-size: 18px;
    line-height: 48px;
}

.nav-search-close-button {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    line-height: normal;
    color: #343a40;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
}

.navigation-portrait .nav-search-close-button {
    top: 10px;
    right: 14px;
}

.nav-button {
    margin: 18px 15px 0;
    padding: 8px 14px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
}

.nav-button:hover,
.nav-button:focus {
    color: #fff;
    text-decoration: none;
}

.navigation-portrait .nav-button {
    width: calc(100% - 52px);
    margin: 17px 26px;
}

.nav-text {
    margin: 25px 15px;
    display: inline-block;
    color: #343a40;
    font-size: 14px;
}

.navigation-portrait .nav-text {
    width: calc(100% - 52px);
    margin: 12px 26px 0;
}

.navigation-portrait .nav-text+ul {
    margin-top: 15px;
}

.nav-dropdown {
    min-width: 180px;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    list-style: none;
    z-index: 98;
    white-space: nowrap;
}

.navigation-portrait .nav-dropdown {
    width: 100%;
    position: static;
    left: 0;
}

.nav-dropdown .nav-dropdown {
    left: 100%;
}

.nav-dropdown>li {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    text-align: left;
}

.nav-dropdown>li>a {
    width: 100%;
    padding: 16px 20px;
    display: inline-block;
    text-decoration: none;
    float: left;
    font-size: 13px;
    color: #343a40;
    background-color: #6c0000;
}

.nav-dropdown>li:hover>a,
.nav-dropdown>li.focus>a {
    color: #ffc07d;
}

.nav-dropdown.nav-dropdown-left {
    right: 0;
}

.nav-dropdown>li>.nav-dropdown-left {
    left: auto;
    right: 100%;
}

.navigation-landscape .nav-dropdown.nav-dropdown-left>li>a {
    text-align: right;
}

.navigation-portrait .nav-dropdown>li>a {
    padding: 12px 20px 12px 30px;
}

.navigation-portrait .nav-dropdown>li>ul>li>a {
    padding-left: 50px;
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a {
    padding-left: 70px;
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a {
    padding-left: 90px;
}

.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a {
    padding-left: 110px;
}

.nav-submenu li img {
    width: 15px;
}

.nav-dropdown .submenu-indicator {
    right: 15px;
    top: 10px;
    position: absolute;
}

.navigation-portrait .nav-dropdown .submenu-indicator {
    right: 0;
    top: 0;
}

.nav-dropdown .submenu-indicator .submenu-indicator-chevron {
    transform: rotate(-45deg);
}

.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
    transform: rotate(45deg);
}

.nav-dropdown>li:hover>a .submenu-indicator-chevron,
.nav-dropdown>.focus>a .submenu-indicator-chevron {
    border-color: transparent #fff #fff transparent;
}

.nav-dropdown>li>a .submenu-indicator-chevron {
    border-color: transparent #fff #fff transparent;
}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
    left: 10px;
}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {
    transform: rotate(135deg);
}

.nav-dropdown-horizontal {
    width: 100%;
    left: 0;
    background-color: #fdfdfd;
    border-top: solid 1px #f0f0f0;
}

.nav-dropdown-horizontal .nav-dropdown-horizontal {
    width: 100%;
    top: 100%;
    left: 0;
}

.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
    border-top: none;
}

.nav-dropdown-horizontal>li {
    width: auto;
    clear: none;
    position: static;
}

.navigation-portrait .nav-dropdown-horizontal>li {
    width: 100%;
}

.nav-dropdown-horizontal>li>a {
    position: relative;
}

.nav-dropdown-horizontal .submenu-indicator {
    height: 18px;
    top: 11px;
    transform: rotate(90deg);
}

.navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
    height: 42px;
    top: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up {
    transform: rotate(-180deg);
}

.megamenu-panel {
    width: 100%;
    padding: 15px;
    display: none;
    position: absolute;
    font-size: 14px;
    z-index: 98;
    text-align: left;
    color: inherit;
    border-top: solid 1px #f0f0f0;
    background-color: #fdfdfd;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.075);
}

.navigation-portrait .megamenu-panel {
    padding: 25px;
    position: static;
    display: block;
}

.megamenu-panel [class*="container"] {
    width: 100%;
}

.megamenu-panel [class*="container"] [class*="col-"] {
    padding: 0;
}

.megamenu-panel-half {
    width: 50%;
}

.megamenu-panel-quarter {
    width: 25%;
}

.navigation-portrait .megamenu-panel-half,
.navigation-portrait .megamenu-panel-quarter {
    width: 100%;
}

.megamenu-panel-row {
    width: 100%;
}

.megamenu-panel-row:before,
.megamenu-panel-row:after {
    content: "";
    display: table;
    line-height: 0;
}

.megamenu-panel-row:after {
    clear: both;
}

.megamenu-panel-row [class*="col-"] {
    display: block;
    min-height: 20px;
    float: left;
    margin-left: 3%;
}

.megamenu-panel-row [class*="col-"]:first-child {
    margin-left: 0;
}

.navigation-portrait .megamenu-panel-row [class*="col-"] {
    float: none;
    display: block;
    width: 100% !important;
    margin-left: 0;
    margin-top: 15px;
}

.navigation-portrait .megamenu-panel-row:first-child [class*="col-"]:first-child {
    margin-top: 0;
}

.megamenu-panel-row .col-1 {
    width: 5.583333333333%;
}

.megamenu-panel-row .col-2 {
    width: 14.166666666666%;
}

.megamenu-panel-row .col-3 {
    width: 22.75%;
}

.megamenu-panel-row .col-4 {
    width: 31.333333333333%;
}

.megamenu-panel-row .col-5 {
    width: 39.916666666667%;
}

.megamenu-panel-row .col-6 {
    width: 48.5%;
}

.megamenu-panel-row .col-7 {
    width: 57.083333333333%;
}

.megamenu-panel-row .col-8 {
    width: 65.666666666667%;
}

.megamenu-panel-row .col-9 {
    width: 74.25%;
}

.megamenu-panel-row .col-10 {
    width: 82.833333333334%;
}

.megamenu-panel-row .col-11 {
    width: 91.416666666667%;
}

.megamenu-panel-row .col-12 {
    width: 100%;
}

.megamenu-tabs {
    width: 100%;
    float: left;
    display: block;
}

.megamenu-tabs-nav {
    width: 20%;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}

.navigation-portrait .megamenu-tabs-nav {
    width: 100%;
}

.megamenu-tabs-nav>li>a {
    width: 100%;
    padding: 10px 16px;
    float: left;
    font-size: 13px;
    text-decoration: none;
    color: #343a40;
    border: solid 1px #eff0f2;
    outline: 0;
    background-color: #fff;
}

.megamenu-tabs-nav>li.active a,
.megamenu-tabs-nav>li:hover a {
    background-color: #f5f5f5;
}

.megamenu-tabs-pane {
    width: 80%;
    min-height: 30px;
    padding: 20px;
    float: right;
    display: none;
    font-size: 13px;
    color: #343a40;
    border: solid 1px #eff0f2;
    background-color: #fff;
}

.megamenu-tabs-pane.active {
    display: block;
}

.navigation-portrait .megamenu-tabs-pane {
    width: 100%;
}

.megamenu-lists {
    width: 100%;
    display: table;
}

.megamenu-list {
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
    display: inline-block;
    float: left;
    list-style: none;
}

.megamenu-list:last-child {
    margin: 0;
    border: none;
}

.navigation-landscape .megamenu-list {
    margin: -15px 0;
    padding: 20px 0;
    border-right: solid 1px #f0f0f0;
}

.navigation-landscape .megamenu-list:last-child {
    border: none;
}

.megamenu-list>li>a {
    width: 100%;
    padding: 10px 15px;
    display: inline-block;
    color: #343a40;
    text-decoration: none;
    font-size: 13px;
}

.megamenu-list>li>a:hover {
    background-color: #0050a6;
    color: #fff;
}

.megamenu-list>li.megamenu-list-title>a {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #343a40;
}

.megamenu-list>li.megamenu-list-title>a:hover {
    background-color: transparent;
}

.navigation-landscape .list-col-2 {
    width: 50%;
}

.navigation-landscape .list-col-3 {
    width: 33%;
}

.navigation-landscape .list-col-4 {
    width: 25%;
}

.navigation-landscape .list-col-5 {
    width: 20%;
}

.nav-dropdown>li>a {
    color: #ffffff;
    padding: 10px 28px 10px 10px;
    border-bottom: 1px solid #f6f6f6;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
}

.nav-dropdown>li>a:hover,
.nav-dropdown>li>a:focus {
    color: #ffc07d;
}

.main_header_area.sticky {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.transparent-menu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99;
}

.navigation-portrait .nav-menu>li>a {
    width: 100%;
    height: auto;
    padding: 10px 10px 10px 30px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {

    .nav-dropdown>li>a,
    .megamenu-list>li>a {
        width: 65%;
    }
}

.has-search {
    padding-left: 0;
    margin-top: 45px;
}

.has-search .form-control {
    display: block;
    width: 83%;
    height: 34px;
    padding: 6px 0;
    font-size: 14px;
    border: none;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-bottom: 1px solid #a7a7a7;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: none;
    font-family: system-ui;

    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    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, -webkit-box-shadow ease-in-out .15s;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    top: 50px;
    right: 30px;
    background: url(../images/search.png) no-repeat 0 0;
    width: 26px;
    height: 25px;
    padding: 0;
    opacity: 0.6;
}

.view-all {
    margin: 33px auto;
    /* position: relative; */
    text-align: center;
    display: block;
    /* margin: 20px 0; */
    border: 2px solid #000;
    width: 12%;
    padding: 9px;
    font-size: 15px;
    font-family: system-ui;
    font-weight: 600;
    color: #000;
}

.footer-details h4 {
    font-size: 23px;
    font-family: 'Roboto Condensed';
    color: #ffffff;
    margin: 0;
    padding-bottom: 26px;
    font-weight: 600;
}

.footer-about-us {
    padding: 50px 30px 10px;
}

.footer-time h3 {
    font-family: 'Roboto Condensed';
    font-weight: 600;
    color: #000;
    font-size: 16px;
    margin-bottom: 0;
}

.footer-time i {
    font-size: 25px;
    color: #000;
    margin-bottom: 0px;
}

.footer-about-us h3 {
    font-size: 25px;
    font-family: 'Roboto Condensed';
    color: #000;
    margin: 0;
    padding-bottom: 20px;
    text-align: center;
}

.footer-details p {
    font-family: 'Roboto Condensed';
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
}

.input-group-btn .btn {
    background: #000;
    color: #fff;
    font-family: 'Roboto Condensed';
    font-weight: 500;
}

.footer_background {
    color: #fff;
    background: url(../images/footerbg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 65px 0 30px;
}

.footer-p p {
    padding: 5px 0;
    text-align: center;
    margin: 0;
    font-family: 'Roboto Condensed';
    font-weight: 500;
    background-color: #000;
    color: #fff;
}

.footer-details ul {
    padding: 0;
}

.footer-details ul li {
    list-style: none;
    line-height: normal;
    margin-bottom: 18px;
}

.footer-p p {
    padding: 25px 0;
    text-align: center;
    margin: 0;
    font-family: 'Roboto Condensed';
    font-weight: 500;
    background-color: #820000;
    color: #fff;
    border-radius: 10px;
}

.footer-details ul li a {
    font-family: 'Roboto Condensed';
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
}

.footer_body h1 {
    font-size: 28px;
    font-family: 'Roboto Condensed';
    color: #fed1a7;
}

.footer-contact h3 {
    font-family: 'Plus Jakarta Sans', serif;
    color: #fff;
    font-weight: 600;
    font-size: 30px;
}

.round-contact a {
    padding: 15px 50px !important;
    text-transform: uppercase;
    border-radius: 50px !important;
    font-size: 16px !important;
}

.round-contact {
    text-align: right !important;
    margin-top: 30px;
}

.footer-contact p {
    font-family: 'Roboto Condensed';
    font-weight: 400;
    color: #e1d5c5;
    font-size: 13px;
    margin-bottom: 0;
}

.footer-contact {
    padding: 0 40px;
    border-color: #888 !important;
    border-left: 1px solid;
    border-right: 1px solid;
}

.footer_body ul li {
    text-align: left;
    list-style-type: none;
}

.footer-border {
    position: absolute;
    top: 0%;
    left: 4%;
    transform: translate(-3%, -50%);
}

.contact-content h4 {
    color: #000;
    font-family: 'Plus Jakarta Sans';
    font-size: 16px;
    font-weight: 700;
}

.contact-content p {
    font-size: 13px;
    line-height: normal;
    font-family: 'Plus Jakarta Sans';
    margin-bottom: 0;
    color: #323232;
}

.logo-footer {
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 5px 0;
    box-shadow: 0 -5px 7px 0 #ededed;
}

.logo-footer img {
    width: 85px;
    display: block;
    margin: 0 auto;
}

.contact-img {
    margin-right: 10px;
}

.footer-con-back {
    background-color: #fff;
    padding: 25px 0px;
    box-shadow: 0 -5px 7px 0 #ededed;
    height: 100%;
}

.footer_body li a {
    color: #e1d5c5;
    text-decoration: none;
    line-height: 30px;
    font-size: 13px;
    margin-right: 7px;
    font-weight: 400;
    font-family: "Poppins";
    text-transform: capitalize;
}

.footer-bottom {
    position: relative;
}

.footer_body li a:hover {
    color: #fff;
    padding-left: 10px;
    cursor: pointer;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
}

.site-logo {
    width: 100px;
}

.site-logo img {
    width: 100%;
}

.social_icon_links i {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    padding-top: 8px;
}

.social_icon_links li {
    display: inline-block;
}

.newsletter {
    padding: 80px 0;
    background: #f2f2f2;
}

.newsletter .content {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

.newsletter .content h2 {
    color: #243c4f;
    margin-bottom: 40px;
}

.newsletter .content .form-control {
    height: 50px;
    border-color: #ffffff;
    border-radius: 0;
}

.newsletter .content.form-control:focus {
    box-shadow: none;
    border: 2px solid #243c4f;
}

.newsletter .content .btn {
    min-height: 50px;
    border-radius: 0;
    background: #243c4f;
    color: #fff;
    font-weight: 600;
}

.top {}

.section-2-righttext {
    margin-top: 25%;

}

.section-3 .col-md-12 {
    padding: 0;
}

.section-3 img {
    width: 100%;
}

.section-6 p {
    font-size: 18px;
    color: #454040;
    font-family: system-ui;
    font-weight: 500;
    margin-top: 11px;
}

.section-6 img {
    width: 100%;
    margin-bottom: 25px;

}

.section-6 a:hover {
    text-decoration: none;
}

.section-6 h4 {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #3a3a3a;
    font-size: 29px;
}

.section-6 .a-readmore {
    text-transform: uppercase;
    line-height: 27px;
    text-decoration: underline;
    color: #000;
    font-family: system-ui;
    font-size: 17px;
}

.get-to-text h3 {
    text-align: center;
    text-transform: uppercase;
    font-family: system-ui;
    margin: 60px 0;
    font-size: 27px;
}

.section-5 img {
    width: 95%;
    margin: 20px auto;
}

.section-7 img {
    margin-top: 30px;
}

.xo-xo-heading h3 {
    text-align: center;
    font-family: system-ui;
    margin: 30px auto;
    position: relative;
    top: 0;
    width: 30%;
    background: #fff;
    z-index: 99;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 23px;
}

.xo-xo-heading span {
    display: block;
    content: '';
    position: relative;
    width: 45%;
    height: 1px;
    background: #000;
    margin: 0 auto;
    text-align: center;
    top: -7px;
}

.comfortable-h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #6a6664;
    font-size: 38px;
}

.comfortable-h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    font-size: 45px;
}

.comfortable-h3 span {
    color: #dc6662;
}

.social {
    color: #fff;
    padding: 23px 0;
}

.social1 {
    color: #fff;
    padding: 0 0;
    float: right;
}

.social a {
    /* FONT-WEIGHT: 700; */
    text-decoration: none;
    color: #000;
    font-size: 12px;
    text-transform: capitalize;
    font-family: system-ui;
    font-weight: 400;
}

.btn-offer {
    background: #fff;
    color: #000 !important;
    height: 30px;
    margin-top: 6px;
    padding: 5px 10px !important;
    border-radius: 0 !important;
    font-family: system-ui;
    font-weight: 500 !important;
    font-size: 13px !important;
}

#myCarousel .carousel-control.left {
    background-image: none;
}

#myCarousel .carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
}

.section-2 {
    margin: 40px 0;
}

#myCarousel .carousel-control.left {
    background-image: none;
}

#myCarousel .carousel-control {
    position: absolute;
    top: 46%;
    bottom: 11%;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #383d3f;
    text-align: center;
    text-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5;
    font-size: 57px;
}

.social1 a {
    text-decoration: none;
    color: #fff;
}

.social1 a:hover {
    text-decoration: none;
    color: #fff;
}

.icn {
    margin-bottom: 0;
    text-align: center;
    color: #fff;
    font-family: system-ui;
    text-transform: capitalize;
    border-radius: 0 0 10px 10px;
    padding-top: 1px;
    text-align: left;
    font-size: 15px;
}

.icn-right {
    margin-bottom: 0;
    text-align: center;
    color: #fff;
    font-family: system-ui;
    text-transform: capitalize;
    border-radius: 0 0 10px 10px;
    padding-top: 0;
    text-align: right;
    font-size: 15px;
}

.top .col-md-4 {
    padding: 0;
}

#preloader {
    overflow: hidden;
    background-color: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}

.classy-load {
    -webkit-animation: 2000ms linear 0s normal none infinite running classy-load;
    animation: 2000ms linear 0s normal none infinite running classy-load;
    background: transparent none repeat scroll 0 0;
    border-color: #dddddd #dddddd #111111;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    height: 40px;
    left: calc(50% - 20px);
    position: relative;
    top: calc(50% - 20px);
    width: 40px;
    z-index: 9;
}

@-webkit-keyframes classy-load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes classy-load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


#custom-search-form {
    margin: 0;
    margin-top: 5px;
    padding: 0;
}

#custom-search-form .search-query {
    padding-right: 3px;
    padding-right: 4px \9;
    padding-left: 7px;
    padding-left: 4px \9;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 50px;
    border: 1px solid #d5d1cf;
    padding: 12px 20px;
    width: 79%;
    float: right;
    margin-top: 9px;
    font-family: sans-serif;

}

#custom-search-form button {
    border: 0;
    background: none;
    padding: 8px 5px;
    margin-top: 12px;
    position: absolute;
    /* left: 0; */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: right;
    right: 89px;
    font-size: 18px;
}

.search-query:focus+button {
    z-index: 3;
}


.navigation {
    width: 100%;
    display: table;
    position: relative;
    font-family: inherit;
}

.social {
    color: #fff;
    padding: 2px 0 0;
}

.text-marque p {
    margin-bottom: 0rem;
    color: #fff;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.social-right {
    float: right;
    padding: 5px 0;
}

.social-right a {
    /* FONT-WEIGHT: 700; */
    text-decoration: none;
    color: #000;
    font-size: 12px;
    text-transform: capitalize;
    font-family: system-ui;
    font-weight: 400;
}

.d-flex p {
    margin-bottom: 0;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 500;
}

.logo img {
    width: 44%;
    margin: 0 auto;
    display: block;
    margin-top: 0;
    position: relative;
    top: 19px;
}

.icn-yellow {
    text-align: center;
    color: white;
    font-size: 15px;
    margin-bottom: 0;
    font-family: system-ui;
}

.custom-search-form {
    margin-top: 5px;
    width: 85%;
    margin: 23px auto;
    z-index: 9999;
    position: absolute !important;
}

.custom-search-form .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    height: 44px;
    border-radius: 0;
    border: 1px solid #c3c3c3;
    background: #f2f2f2;
    font-family: system-ui;
}

.custom-search-form .form-control::placeholder {
    color: #000;
}

.input-group-btn {
    position: absolute !important;
    top: 0;
    /* left: 0; */
    right: 0;
}

.input-group-btn .btn-default {
    color: #fff;
    background: #000;
    border-color: #ccc;
    padding: 11px 15px;
}

.right_pannel ul {
    float: right;
    margin-top: 29px;
}

.right_pannel ul li {
    display: inline-block;
    padding-right: 15px;
    font-family: system-ui;
    font-weight: 500;
    margin-right: 11px;
    float: left;
}

.right_pannel li a {
    color: #000;
    font-size: 21px;

}

.riview-button {
    position: fixed;
    padding: 10px 20px 15px 20px;
    right: -65px;
    top: 40%;
    transform: rotate(90deg) translate(50%, 50%);
    opacity: 1;
    z-index: 999;
    background: #008080;
    border-radius: 0 0 12px 12px;
}

.riview-button a {
    color: #fff;
    font-size: 18px;
}

.riview-button a:hover {
    color: #fff;
    text-decoration: none;
}

.right_pannel {
    margin-top: 23px;
}

.numeric_value {
    float: right;
    position: relative;
    top: -10px;
    left: -2px;
    font-size: 17px;
    color: red;
}

.cart-header {
    background: url(../images/cart.png) no-repeat 0 0;
    width: 30px;
    height: 30px;
    /* position: absolute; */
}

.col-4 {
    width: 34%;
    float: left;
    text-align: center;
    box-shadow: 0 0 5px #909090;
    text-align: center;
    margin: 49px 10px;
    padding: 0 22px;
}

.packs-text {
    font-weight: 600;
    font-family: system-ui;
    font-size: 20px;
    margin-bottom: 20px;
    letter-spacing: 0;
    padding-top: 10px;
}

.packs_section .col-4 .col-md-6 {
    padding: 0 0;
    height: 180px;
}

.packs_section .col-4 .col-md-6 img {
    width: 80%;
}

.packs_column h6 {
    color: #000;
    font-size: 13px;
    font-family: system-ui;
    font-weight: 600;
}

.col-2 {
    width: 28%;
    float: left;
    margin-top: 47px;
}

.col-2 img {
    margin: 0 auto;
    display: block;
}

.dreams-category h4 {
    text-align: center;
    color: #000;
    font-family: system-ui;
    font-size: 17px;
}

.section-3 {
    padding: 0 0 50px 0;
}

.brand_section .col-md-2 {
    width: 20%;
}

.taxfree_section {
    margin-bottom: 50px;
}

.border_grey {
    border: 1px solid #ececec;
}

.right-border {
    border: 1px solid #ececec;
}

.right-border img {
    float: left;
    padding: 10px 0;
}

.right-border h6 {
    margin-top: 28px;
    font-size: 17px;
    text-align: center;
    font-weight: 600;
    font-family: system-ui;
}

.dreams-category {
    margin-bottom: 30px;
}

.dutyfree_banner {
    background: url(../images/sub-page-banner.jpg) no-repeat 0 0;
    height: 230px;
    padding: 0 0;
    margin-top: 0;
}

.dutyfree_breadcrumb {
    margin-top: 20px;
    margin-bottom: 0;
}

.dutyfree_breadcrumb .breadcrumb {
    padding: 8px 8%;
    margin-bottom: 20px;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
}

.left_panel_filter {
    border: 1px solid #d9d9d9;
}

.productlist_section h5 {
    font-size: 19px;
    padding-left: 15px;
    font-family: system-ui;
    padding-top: 0;
    color: #6b6b6b;
    padding-bottom: 15px;
    margin: 0 0;
}

.wrapper .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #fff;
}

.wrapper .panel-default {
    border-color: #fff;
}

.wrapper .panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
}

.wrapper .panel-title {
    margin-top: 13px;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    font-weight: 600;
    font-family: system-ui;
}

.wrapper .panel-body {
    padding: 5px 15px;
}

.wrapper .checkbox label {
    min-height: 27px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    font-family: system-ui;
    font-size: 14px;
}

.sorting_column .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 47px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    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, -webkit-box-shadow ease-in-out .15s;
    font-family: system-ui;
    font-size: 16px;
    margin-bottom: 10px;

}

.product-list img {
    width: 90%;
    height: 261px;
}

.product-list h4 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: #282c3f;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: system-ui;
}

.product-list p {
    color: #535766;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    display: block;
    font-family: system-ui;
    line-height: 24px;
}

.product-list-span {
    font-size: 15px;
    color: #282c3f;
    font-weight: 600;
    font-family: system-ui;
}

.product-strike {
    text-decoration: line-through;
    color: #7e818c;
    font-weight: 400;
    margin-left: 5px;
    font-size: 12px;
}

.product-list:hover {
    transition: all 0.5s ease;
}

.product-list a:hover {
    text-decoration: none;
}

.product-list {
    margin-bottom: 30px;
}


.quantity-h5 {
    font-family: system-ui;
    /* margin-right: 30px; */
    font-size: 16px;
    font-weight: 500;
}

.quantity-h5 b {
    font-size: 15px;
}

.pdp-title {
    color: #009999;
    padding: 0 20px 0 0;
    font-size: 24px;
    font-weight: 500;
    font-family: system-ui;
    line-height: 1;
}

.pdp-name {
    color: #535665;
    padding: 5px 20px 14px 0;
    font-size: 16px;
    opacity: .8;
    font-family: system-ui;
    font-weight: 400;
    border-bottom: 1px solid #ececec;
    text-align: justify;
    letter-spacing: -0.5px;
}

.stylish h1 {
    color: #282c3f;
    font-weight: 500;
    font-size: 26px;
    font-family: system-ui;
    margin-top: 14px;
    margin-bottom: 20px;
}

.stylish .form-control {
    display: block;
    width: 34%;
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    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, -webkit-box-shadow ease-in-out .15s;
    font-family: system-ui;
    font-weight: 700;
}

.stylish label {
    font-size: 16px;
    font-weight: 600;
    font-family: system-ui;
    margin-bottom: 10px;
}

.product-heading {
    font-size: 16px;
    font-family: system-ui;
    text-transform: uppercase;
    font-weight: 600;
}

.product-para {
    margin: 8px 0;
    display: inline-block;
    width: 90%;
    vertical-align: top;
    line-height: 27px;
    font-size: 15px;
    font-family: system-ui;
}

.btn-buy-now {
    color: #fff;
    background-color: #008080;
    border-color: #008080;
    width: 37%;
    border-radius: 0;
    font-family: system-ui;
    font-size: 16px;
    font-weight: 500;
    padding: 8px;
    margin-right: 15px;
    display: block;
    text-align: center;
    float: left;
    text-transform: uppercase;
}

.btn-buy-now:hover {
    color: #fff;
    background-color: #000;
}

.btn-buy-cart {
    color: #fff;
    background-color: #000;
    border-color: #42a2a2;
    width: 37%;
    border-radius: 0;
    font-family: system-ui;
    font-size: 16px;
    font-weight: 500;
    padding: 8px;
    margin-right: 15px;
    display: block;
    text-align: center;
    float: left;
    text-transform: uppercase;
}

.btn-buy-cart:hover {
    color: #fff;
    background-color: #42a2a2;
}

.similar_heading h4 {
    font-family: system-ui;
    padding: 20px 0 0;
    font-size: 20px;
}

.product-details-column {
    margin-bottom: 30px;
}

.product-details-column img {
    width: 90%;
    height: 350px;
}

.product-details-column h4 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: #282c3f;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: system-ui;
}

.product-details-column p {
    color: #535766;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    display: block;
    font-family: system-ui;
    line-height: 24px;
}

.product-details-column-span {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    font-family: system-ui;
}

.product-details-strike {
    text-decoration: line-through;
    color: #7e818c;
    font-weight: 400;
    margin-left: 5px;
    font-size: 12px;
}

.login-banner h3 {
    text-align: left;
    font-family: system-ui;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 81px;
}

.login-banner p {
    font-family: system-ui;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
}

.forgot {
    float: right;
    font-family: system-ui;
    color: #0037ff;
    font-weight: 500;
    font-size: 14px;
}

.login-banner .btn-warning {
    color: #fff;
    background-color: #656565;
    border-color: #656565;
    display: block;
    margin: 0 auto;
    border-radius: 7%;
    font-family: system-ui;
    padding: 8px 18px;
    margin-top: 15px;
}

.login-banner .container-fluid {
    padding-left: 0;
}

.menu {
    background: #345;
    color: #FFF;
    height: 2em;
    padding: .5em;
    position: absolute;
    top: 50px;
    width: 100%;
}

.offer-section {
    margin: 152px 0 25px;
}

.header_bumblebee h3 {
    text-align: center;
    text-transform: uppercase;
    /* font-family: system-ui; */
    /* width: 23%; */
    text-align: left;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    background: #fff;
    z-index: 99;
    position: relative;
    /* margin-bottom: 30px; */
    /* color: teal; */
    /* font-weight: 700; */
    font-size: 23px;
}

.header_bumblebee span {
    /* content: ""; */
    /* position: absolute; */
    /* width: 38%; */
    /* height: 2px; */
    /* background: #008080; */
    /* margin: 0 auto; */
    left: 0;
    /* right: 0; */
    top: 35px;
    color: #0075df;
}

.safari-section img {
    width: 100%;
}


/********************* shopping Demo-1 **********************/
.product-grid {
    font-family: Raleway, sans-serif;
    text-align: center;
    padding: 0 0 40px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    margin-right: 10px;
}

.product-grid .product-image {
    position: relative;
    transition: all .3s ease 0s
}

.product-grid .product-image a {
    display: block
}

.product-grid .product-image img {
    width: 100%;
    height: auto
}

.product-grid .pic-1 {
    opacity: 1;
    transition: all .3s ease-out 0s
}

.product-grid:hover .pic-1 {
    opacity: 1
}

.product-grid .pic-2 {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s ease-out 0s
}

.product-grid:hover .pic-2 {
    opacity: 1
}

.product-grid .social {
    width: 150px;
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 60%;
    left: 50%;
    z-index: 1;
    transition: all .3s ease 0s
}

.product-grid:hover .social {
    opacity: 1;
    top: 50%
}

.product-grid .social li {
    display: inline-block
}

.product-grid .social li a {
    color: #fff;
    background-color: #333;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    height: 40px;
    width: 40px;
    margin: 0 2px;
    display: block;
    position: relative;
    transition: all .3s ease-in-out
}

.product-grid .social li a:hover {
    color: #fff;
    background-color: #ef5777
}

.product-grid .social li a:after,
.product-grid .social li a:before {
    content: attr(data-tip);
    color: #fff;
    background-color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 1px 5px;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -30px
}

.product-grid .social li a:hover:after,
.product-grid .social li a:hover:before {
    opacity: 1
}

.product-grid .product-discount-label,
.product-grid .product-new-label {
    color: #fff;
    background-color: #ef5777;
    font-size: 12px;
    text-transform: uppercase;
    padding: 2px 7px;
    display: block;
    position: absolute;
    top: 10px;
    left: 0
}

.product-grid .product-discount-label {
    background-color: #333;
    left: auto;
    right: 0
}

.product-grid .rating {
    color: #FFD200;
    font-size: 12px;
    padding: 12px 0 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: -1
}

.product-grid .rating li.disable {
    color: rgba(0, 0, 0, .2)
}

.product-grid .product-content {
    background-color: #fff;
    text-align: left;
    padding: 12px 0;
    margin: 0 auto;
}

.product-grid:hover .product-content {
    bottom: 0
}

.product-grid .title {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .5px;
    text-transform: capitalize;
    margin: 0 0 7px;
    transition: all .3s ease 0s;
    color: #36454f;
}

.money {
    font-size: 14px;
    color: #dd4309;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    font-family: system-ui;
}

.product-content em {
    font-size: 14px;
    color: #969696;
    font-weight: 400;
    font-style: normal;
    margin-right: 3px;
}

.product-grid strike {
    display: block;
    font-family: system-ui;
    color: #969696;
}

.product-grid .title a {
    color: #000;
    font-family: sans-serif;
}

.product-grid .title a:hover,
.product-grid:hover .title a {
    color: #2e8b57;
    text-decoration: none;
}

.product-grid .price {
    color: #333;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    letter-spacing: .6px;
    margin-bottom: 8px;
    text-align: center;
    transition: all .3s;
    text-decoration: underline;
    text-transform: uppercase;
    float: left;

}

.product-grid .price span {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    text-decoration: line-through;
    margin-left: 3px;
    display: inline-block
}

.product-grid .add-to-cart {
    color: #000;
    font-size: 13px;
    font-weight: 600
}

@media only screen and (max-width:990px) {
    .product-grid {
        margin-bottom: 30px
    }
}

.bumblebee_products .product-grid {
    width: 19%;
    float: left;
    /* padding: 0 10px; */
    margin: 0 6px;
}

/*------------------ image effect css ------------------*/
.column {
    margin: 15px 15px 0;
    padding: 0;
}

.column:last-child {
    padding-bottom: 0;
}

.column::after {
    content: '';
    clear: both;
    display: block;
}

.column div {
    position: relative;
    float: left;
    width: 300px;
    height: 200px;
    margin: 0 0 0 25px;
    padding: 0;
}

.column div:first-child {
    margin-left: 0;
}

.column div span {
    position: absolute;
    bottom: -20px;
    left: 0;
    z-index: -1;
    display: block;
    width: 300px;
    margin: 0;
    padding: 0;
    color: #444;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0;
}

figure {
    width: 100%;
    height: 300px;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}

figure:hover+span {
    bottom: -36px;
    opacity: 1;
}



/* Zoom In #1 */
.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover01 figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

/* Zoom In #2 */
.hover02 figure img {
    width: 300px;
    height: 266px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 5px;
}

.hover02 figure:hover img {
    width: 350px;
}

/* Zoom Out #1 */
.hover03 figure img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover03 figure:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* Zoom Out #2 */
.hover04 figure img {
    width: 400px;
    height: auto;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover04 figure:hover img {
    width: 300px;
}

/* Slide */
.hover05 figure img {
    margin-left: 30px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover05 figure:hover img {
    margin-left: 0;
}

/* Rotate */
.hover06 figure img {
    -webkit-transform: rotate(15deg) scale(1.4);
    transform: rotate(15deg) scale(1.4);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover06 figure:hover img {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
}

/* Blur */
.hover07 figure img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover07 figure:hover img {
    -webkit-filter: blur(0);
    filter: blur(0);
}

/* Gray Scale */
.hover08 figure img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover08 figure:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

/* Sepia */
.hover09 figure img {
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover09 figure:hover img {
    -webkit-filter: sepia(0);
    filter: sepia(0);
}

/* Blur + Gray Scale */
.hover10 figure img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover10 figure:hover img {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
}

/* Opacity #1 */
.hover11 figure img {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover11 figure:hover img {
    opacity: .5;
}

/* Opacity #2 */
.hover12 figure {
    background: #1abc9c;
}

.hover12 figure img {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover12 figure:hover img {
    opacity: .5;
}

/* Flashing */
.hover13 figure:hover img {
    opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;
}

@-webkit-keyframes flash {
    0% {
        opacity: .4;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: .4;
    }

    100% {
        opacity: 1;
    }
}

/* Shine */
.hover14 figure {
    position: relative;
}

.hover14 figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.hover14 figure:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

/* Circle */
.hover15 figure {
    position: relative;
}

.hover15 figure::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}

.hover15 figure:hover::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.arrivals-left {
    width: 50%;
    float: left;

}

.arrivals-right {
    width: 43%;
    float: left;
}

.carousel {
    position: relative;
    top: 0;
}

.carousel-inner img {
    width: 100%;
}

.offer-section-2 {
    margin: 0 0 0;
}

.p-about {
    font-size: 16px;
    text-align: justify;
    font-family: system-ui;
    color: #191919;
    padding: 0 17%;
}

.offer-section-2 {
    margin: 16px 0 0;
}

.shop-now {
    display: block;
    margin: 32px auto;
    width: 12%;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    border: 2px solid #000;
    padding: 12px 22px;
}

.shop-now:hover {
    background: #008080;
    color: #fff;
}

body {
    background: #000;
}

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

.brand-carousel {
    background: #eee;
    margin-top: 10%;
}

.owl-dots {
    text-align: center;
}

.owl-dot {
    display: inline-block;
    height: 10px !important;
    width: 10px !important;
    background-color: #9500004a !important;
    opacity: 0.8;
    border-radius: 50%;
    margin: 0 4px;
}

.owl-dot.active {
    background-color: #950000 !important;
}

.social-icon li a i {
    color: #fff !important;
    padding-top: 0;
    background-color: #820000;
    height: 35px;
    width: 35px;
    align-items: center;
    display: inline-flex;
    margin: 0 auto;
    justify-content: center;
    font-size: 16px;
    border-radius: 100px;
    margin-right: 10px;
}

.social-icon li {
    float: left;
}

.link-area {
    position: fixed;
    bottom: 20px;
    left: 20px;
    padding: 15px;
    border-radius: 40px;
    background: tomato;
}

.link-area a {
    text-decoration: none;
    color: #fff;
    font-size: 25px;
}

#demo {
    margin-top: 0;
}

.big-heading {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #1caf86;
    font-family: system-ui;
    line-height: 38px;
    padding: 40px 0;
}

.big-heading span {
    font-family: 'system-ui';
    font-style: italic;
    font-size: 34px;
}

.big-heading b {
    font-size: 42px;
    font-family: system-ui;
}

.strong-bum {
    display: block;
    text-align: center;
    position: relative;
    top: -24px;
    font-size: 28px;
    font-family: revert;
}

.insta-section img {
    margin-bottom: 25px;
}

.video-heading h3 {
    font-size: 28px;
    font-family: system-ui;
    margin-bottom: 24px;
    font-weight: 700;
}

.list-li {
    display: block !important;
}

.healthy-heading {
    margin: 12px 0;
    font-family: system-ui;
    font-weight: 600;
    font-size: 17px;
    text-transform: capitalize;
}


.footer_body .form-control {
    border-radius: 50px;
    height: 42px;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    width: 300px !important;
    padding: 10px 12px;
}

.footer_body .input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -88px;
    border-radius: 50px;
    margin-top: 5px;
    margin-right: 3px;
    background: #008080;

}

.footer-loc-img {
    width: 15%;
}

.footer-loc-img img {
    width: 65%;
}

.footer-loc-content {
    width: 85%;
}

.footer-loc-content h5 {
    color: #e1d5c5;
    text-decoration: none;
    line-height: normal;
    font-size: 13px;
    font-weight: 400;
    font-family: "Poppins";
    margin-top: 7px;
}

.footer-location {
    display: flex;
    padding: 5px 0;
}

.healthy_heart h3 {
    text-align: center;
    text-transform: uppercase;
    font-family: system-ui;
    width: 27%;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    background: #fff;
    z-index: 99;
    position: relative;
    margin-bottom: 30px;
    color: teal;
    font-weight: 700;
}

.healthy_heart span {
    content: "";
    position: absolute;
    width: 40%;
    height: 2px;
    background: #22c194;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 35px;
}

.whats_app {
    position: fixed;
    right: 0px;
    bottom: 50px;
    z-index: 9999;
    font-size: 38px;
    margin: 0 auto;
    text-align: center;
}

.whats_app .fa-whatsapp {
    color: #ffffff;
    font-size: 30px !important;
    position: relative;
    top: 1px;
    background-color: #18c10d;
    padding: 10px;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 4px 8px rgb(0 0 0 / 20%);
}

.read-more-middle {
    display: block;
    margin: 1px auto;
    width: 10%;
    text-align: center;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    border-radius: 50px;
    border: 2px solid #000;
    padding: 12px 4px;
    margin-bottom: 24px;
}

.healthy-section {
    margin-top: 10px;
}

.read-more-middle:hover {
    background: #008080;
    color: #fff;
}

.social_icon_links {
    margin-top: 20px;
}

.l-p {
    text-align: left !important;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #000 !important;
}

.carousel-indicators {
    bottom: -37px !important;
}

#myCarousel .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #0009;
    background-color: #008080;
    border: 1px solid #008080;
    border-radius: 10px;
}

.product_details {
    margin: 100px 0 100px;
}

.shipping-b {
    font-size: 16px;
    font-family: system-ui;
}

.shipping-ul {
    margin-top: 8px;
    padding-inline-start: 10px;
}

.shipping-ul li {
    line-height: 30px;
    font-family: system-ui;
    font-size: 14px;
}

/* --------- prod box ---------- */
.prod-box {
    height: 250px;
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Open sans', Arial;
}

.prod-box .img-holder {
    margin-top: 3px;
    text-align: center;
    height: 250px;
    overflow: hidden;
    position: relative;
}

.prod-box .item-img-2 {
    display: none;
}

.prod-box .img-holder:hover .item-img-2 {
    display: block;
}

.prod-box .img-holder:hover .item-img-1 {
    display: none;
}

.prod-box .img-holder img {
    max-height: 100%
}

.prod-box .anons {
    padding: 5px;
    border-top: 1px solid #ddd;
}

.prod-box p {
    margin: 0;
    padding: 3px;
}

.prod-box .title {
    font-size: 16px;
    max-height: 45px;
    overflow: hidden;
    font-family: 'Open sans', Arial;
}

.prod-box .price {
    float: left;
    color: #D90000;
}

.prod-box .sold {
    float: right;
    color: #999
}

.prod-box .info {
    width: 60%;
    font-size: 12px;
    color: #666;
    float: left
}

.prod-box .action {
    width: 39%;
    float: right;
    position: relative;
}

.prod-box:hover .blok-hover {
    bottom: 0px;
    opacity: 1;
}

.blok-hover {
    position: absolute;
    bottom: -36px;
    left: 0;
    width: 100%;
    height: 36px;
    color: #fff;
    background-color: rgba(0, 90, 100, .4);
    z-index: 99;
    transition: all 200ms ease-in-out 0s;
}

.blok-hover a {
    color: inherit;
    display: inline-block;
    padding: 10px;
    font-size: 14px;
}

.blok-hover a:hover {
    color: yellow
}

.prod-box .btn {
    background-color: #FF4000;
    border-radius: 0;
    font-size: 12px;
    padding: 3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: #fff;
    border: 0
}

.prod-box .action .btn {
    width: 100%;
}

.prod-box .action .btn-add {
    display: none;
    position: absolute;
}

.prod-box .action:hover .btn-add {
    display: block
}

.prod-box .btn-order:hover {
    background-color: #d90000;
    color: #fff;
}

.prod-box .btn-add:hover {
    background-color: #d90000;
    color: #fff;
}

.copyright {
    text-align: center;
    background: #000b1d;
    margin-bottom: 0;
    color: #fff;
    font-size: 15px;
    padding: 20px 0;
}

.terms-con {
    display: flex;
    justify-content: space-between;
}

.terms-con p {
    margin-bottom: 0rem;
}

.product-list .title a {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .5px;
    text-transform: capitalize;
    margin: 0 0 7px;
    transition: all .3s ease 0s;
    color: #36454f;
}

.product-list strike {
    display: block;
    font-family: system-ui;
    color: #969696;
}

.product-list em {
    font-size: 14px;
    color: #969696;
    font-weight: 400;
    font-style: normal;
    margin-right: 3px;
}

.money {
    font-size: 14px;
    color: #dd4309;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    font-family: system-ui;
}

.productlisting-title {
    text-align: center;
    font-weight: 600;
    font-family: system-ui;
    font-size: 27px;
}

.wishlist-span {
    font-family: system-ui;
    /* margin-left: 15px; */
    font-size: 14px;
}

.wishlist-span i {
    margin-right: 6px;
}

/* Tabs panel */
.tabbable-panel {
    border: 1px solid #eee;
    padding: 10px;
}

/* Default mode */
.tabbable-line>.nav-tabs {
    border: none;
    margin: 0px;
}

.tabbable-line>.nav-tabs>li {
    margin-right: 2px;
}

.tabbable-line>.nav-tabs>li>a {
    border: 0;
    margin-right: 0;
    color: #737373;
}

.tabbable-line>.nav-tabs>li>a>i {
    color: #a6a6a6;
}

.tabbable-line>.nav-tabs>li.open,
.tabbable-line>.nav-tabs>li:hover {
    border-bottom: 4px solid #fbcdcf;
}

.tabbable-line>.nav-tabs>li.open>a,
.tabbable-line>.nav-tabs>li:hover>a {
    border: 0;
    background: none !important;
    color: #333333;
}

.tabbable-line>.nav-tabs>li.open>a>i,
.tabbable-line>.nav-tabs>li:hover>a>i {
    color: #a6a6a6;
}

.tabbable-line>.nav-tabs>li.open .dropdown-menu,
.tabbable-line>.nav-tabs>li:hover .dropdown-menu {
    margin-top: 0px;
}

.tabbable-line>.nav-tabs>li.active {
    border-bottom: 4px solid #f3565d;
    position: relative;
}

.tabbable-line>.nav-tabs>li.active>a {
    border: 0;
    color: #333333;
}

.tabbable-line>.nav-tabs>li.active>a>i {
    color: #404040;
}

.tabbable-line>.tab-content {
    margin-top: -3px;
    background-color: #fff;
    border: 0;
    border-top: 1px solid #eee;
    padding: 15px 0;
}

.portlet .tabbable-line>.tab-content {
    padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below>.nav-tabs>li {
    border-top: 4px solid transparent;
}

.tabbable-line.tabs-below>.nav-tabs>li>a {
    margin-top: 0;
}

.tabbable-line.tabs-below>.nav-tabs>li:hover {
    border-bottom: 0;
    border-top: 4px solid #fbcdcf;
}

.tabbable-line.tabs-below>.nav-tabs>li.active {
    margin-bottom: -2px;
    border-bottom: 0;
    border-top: 4px solid #f3565d;
}

.tabbable-line.tabs-below>.tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.f-text {
    font-size: 13px;
    letter-spacing: 0;
    margin-bottom: 0;
    color: #fff;
    font-weight: 600;
    display: inline;
    align-content: space-between;
}

.pre-header i {
    color: #fff;
    background: #510303 !important;
    margin-right: 2px;
    padding: 5px;
    font-size: 13px;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    text-align: center;
}

.pre-button {
    background-color: #ca8a4e;
    padding: 11px 20px;
    font-family: 'Plus Jakarta Sans', serif;
}

.p-line {
    position: relative;
    content: '';
    background: #c7c7c7;
    width: 1px;
    height: 15px;
    top: 5px;
    right: 0;
    left: 0px;
    margin: 0 16px;
}

.headerdonate-btn {
    background: #000;
    border-radius: 50px;
    color: #fff !important;
    padding: 0 34px;
    font-size: 14px;
    /* width: 155px; */
    min-width: 40px;
    line-height: 40px;
}

.cool-link {
    display: inline-block;
    color: #000;
    text-decoration: none;
}

.nav-line {
    position: relative;
    content: '';
    background: #e1e1e1;
    width: 1px;
    height: 69px;
    top: 0;
    right: 0;
    left: -65px;
    margin: 0 16px;
}

.pre-header-right i {
    color: #fff;
    background: #510303 !important;
    margin-right: 2px;
    padding: 5px;
    font-size: 15px;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    text-align: center;
}

.slider .btn-primary {
    color: #fff;
    background-color: #013d6e;
    border-color: #013d6e;
    border-radius: 50px;
    width: 89%;
    font-family: system-ui;
    font-size: 15px;
    font-weight: 600;
    display: block;
    margin: 0 auto;
}

.pre-header .btn-primary {
    padding: 6px 22px;
    border-radius: 50px;
    margin: 3px 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}

.pre-header .fa-user-o {
    color: #fff !important;
    margin-right: 5px;
}

.pre-header .btn-register {
    padding: 6px 22px;
    border-radius: 50px;
    margin: 3px 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #0050a6;
    color: #fff;
}

.pre-header .fa-pencil {
    color: #fff !important;
    margin-right: 5px;
}

.pre-header .btn-register:hover {
    color: #fff;
}

.slider h1 {
    position: absolute;
    top: 50px;
    font-size: 27px;
    padding-left: 10%;
    /* text-align: center; */
    color: #072c5a;
    font-weight: 700;
}

.slider {
    position: relative;
}

.slider img {
    padding: 0;
    width: 100%;
}

.slider-content {
    padding: 27px 10% 0;
}

.slider-content h1 {
    color: #fff;
    font-size: 34px;
    margin-top: 30px;
}

.slider-content h1 span {
    color: #00c3fb;
}

.slider-content h5 {
    color: #fff;
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.enquiry-form {
    width: 25%;
    background: #fff;
    padding: 0 0;
    position: absolute;
    top: 97px;
    left: 10%;
    padding-bottom: 35px;
}

.transform-bg {
    background: url(../images/form-img.png) no-repeat 0 0;
    height: 150px;
    /* background-position: inherit; */
    background-size: contain;
    color: #fff;
    text-align: center;
    /* padding: 20px; */
    margin-bottom: 10px;
}

.style {
    width: 100%;
}

.about-img img {
    width: 100%;
    transition: .3s ease-in-out;
    border-radius: 15px;
}

.enquiry-form .form-group {
    padding: 0 20px;
}

.feature-img-90 {
    width: 90%;
}

.feature-section-right {
    padding: 48px 0;
}

.feature-section-right h2 {
    font-size: 23px;
    text-transform: uppercase;
}

.feature-section-right h2 span {
    color: #0075df;
}

.feature-section-right p {
    font-family: system-ui;
    font-size: 14px;
    /* letter-spacing: 0px; */
    line-height: 22px;
    color: #505050;
}

.easylearn-ul li {
    background: url(../images/check.jpg) no-repeat 0 3px;
    /* width: 202px; */
    padding-left: 31px;
    /* line-height: 38px; */
    font-size: 14px;
    font-family: system-ui;
    /* margin-bottom: 7px; */
    padding-bottom: 22px;
}

.easylearn-ul {
    list-style-type: none;
    width: 50%;
    float: left;
}

.app-portion h4 {
    text-transform: uppercase;
    font-family: system-ui;
    letter-spacing: 1px;
    width: 52%;
    float: left;
    line-height: 71px;
}


.text p {
    font-weight: 500;
    min-height: 0;
    line-height: 21px;
}

.read-more {
    /* float: right !important; */
    color: #ffffff !important;
    border: 2px solid #fff;
    padding: 10px 20px;
    line-height: 86px;
    font-family: sans-serif;
    font-size: 15px;
}

.view-all {
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #2f2f2f;
    width: 8%;
    border-radius: 50px;
    padding: 8px;
    color: #fff;
    border: 2px solid #2f2f2f;
}

.view-all:hover {
    background: #fff;
    color: #000;
    border: 2px solid #000;
    text-decoration: none;
}

.count-title {
    font-size: 50px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0;
    color: #fff;
    text-align: center;
    font-family: system-ui;
}

.count-text {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}

.number-section {
    background: url(../images/safari.jpg) no-repeat 0 3px;
    height: 300px;
    padding: 53px 0;
    margin-top: 41px;
}

.header-bumblebee-center h3 {
    text-align: center;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    background: #fff;
    z-index: 99;
    position: relative;
    font-size: 23px;
    margin-bottom: 30px;
}

.header-bumblebee-center h3 span {
    color: #0075df;
}

.university-column-left {
    width: 100%;
    float: left;
}

.university-column-left img {
    width: 99px;
    margin: 11px auto;
    display: block;
    height: 99px;
}

.university-column-right {
    width: 100%;
    float: none;
}

.university-column-right h4 {
    font-size: 14px;
    text-transform: uppercase;
    padding: 36px 0px 20px;
    text-align: center;
}

.university-column {
    border: 1px solid #c3c3c3;
    float: left;
    border-radius: 5px;
    margin-bottom: 25px;
    padding: 0 15px;
    width: 100%;
}

.university-column:hover {
    box-shadow: -2px 4px 15px -2px #868686;
    transition: all 0.3s ease;
}

.read-more-blog {
    float: right;
    color: #0061b9;
    font-weight: 600;
    font-size: 14px;
    line-height: 37px;
}

.healthy-section p {
    margin-bottom: 0;
    padding-top: 8px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: system-ui;
    color: #545454;
}

.healthy-section i {
    color: #2d97ff;
}

.mail:hover {
    color: #8ac2ff;
    text-decoration: none;
}

.whasapp-a:hover {
    color: #8ac2ff;
    text-decoration: none;
}

.dutyfree_banner h3 {
    color: #fff;
    text-align: center;
    padding: 86px 0;
}

.university-section {
    margin: 22px 0;
}

.university-section ul {
    border: 1px solid #ddd;
    padding: 0 0;
    background: rgb(221 221 221 / 26%);

}

.university-section ul li {
    padding: 0 0 0;
    line-height: 40px;

}

.university-section ul li:nth-last-child(3) {
    padding: 0 0 0;
}

.university-section .nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #000;
    font-weight: 600;
    border-radius: 0 !important;
    border-bottom: 1px solid rgb(179 179 179 / 50%);
}

.no-padding {
    padding: 15px 0 !important;
}

.table-column-10 {}

.table-column-10 .table th {
    padding: 18px 15px 15px 10px;
    vertical-align: top;
    font-weight: 600;
    color: #0072c0;
    text-transform: uppercase;
    font-size: 15px;
    font-family: system-ui;
    border-bottom: 1px solid #e1e1e1 !important;
    border-bottom-width: 1px !important;
}

.table-column-10 .table td,
.table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-weight: 500;
}

/*.table-column-10 .table th:nth-last-child(3) {
    width:37%
}
.table-column-10 .table th:nth-last-child(4) {
    width:13%;
}*/
.university-section .container-fluid {
    width: 95%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.blog-details h4 {
    font-size: 21px;
}

.blog-details i {
    color: #077bd0;
}

.our-app-ul {
    list-style-type: none;
    padding-left: 15px;
}

.our-app-ul li {
    line-height: 42px;
}

.app-ul-left {
    list-style-type: none;
    float: left;
    width: 100%;
}

.app-ul-right {
    list-style-type: none;
    float: left;
    width: 100%;
}

.app-ul-left li {
    line-height: 40px;
}

.app-ul-right {
    line-height: 40px;
}

.coaching-column {
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    padding: 10px 30px;
    float: left;
    height: 456px;
}

.coaching-heading {
    margin: 12px 0;
    font-family: system-ui;
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
}

.coaching-column p {
    text-align: justify;
    font-size: 15px;
    font-family: system-ui;
}

.coaching-column:hover {
    box-shadow: 0 0 24px 0 #ddd;
    border: 1px solid transparent;
    transition: width 4s ease-out;
}

.coaching-column strong {
    font-weight: 600;
    float: left;
    text-align: left;
    font-size: 15px;
    line-height: 21px;
}

.coaching-column ul {
    text-align: left;
}

.coaching-column b {
    float: left;
    display: block;
    width: 100%;
    text-align: left;
    font-weight: 600;
    line-height: 30px;
}

#more {
    display: none;
}

.coaching-column .fa-circle {
    font-size: 9px;
    color: #077bce;
    position: relative;
    top: -2px;
}

#myBtn {
    text-align: left;
    float: left;
    border: none;
    background: transparent;
    font-weight: 500;
    color: #2c67b3;
    font-size: 16px;
}

.hybrid {
    height: auto !important;
}

.inner_contact_us_page_text {
    margin: 30px 0;
}

.inner_contact_us_page_text i {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 30px;
    margin-bottom: 15px;
    color: #097ee0;
}

.inner_contact_us_page_text p {
    font-family: lato;
    font-size: 15px;
    color: #505050;
    font-weight: normal;
    font-style: normal;
    line-height: 22px;
    text-align: center;
}

.contact_details .form-control {
    display: block;
    width: 100%;
    height: 43px;
    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 rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -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;
    margin-bottom: 20px;
}

textarea.form-control {
    height: 110px !important;
}

.contact_details .btn {
    /* background: #4c4c4c; */
    color: #fff;
    width: 100%;
    padding: 8px;
    margin: 0 0;
    display: block;
    background: #8c0103;
}

.app-page {
    text-align: center;
}

.add-mobile {}

.social-icons {
    float: right;
}

.pre-header .d-flex a {
    color: #fff;
    font-family: 'Plus Jakarta Sans', serif;
    font-size: 12px;
    font-weight: 600;
}

.app-portion {
    
}

.university-section .col-md-3 {}

p.p-2 {
    padding: .5rem !important;
    margin-bottom: 0;
}

.pre-header-right a {
    margin-right: 10px;
    color: #fff;
    font-size: 13px;
}

header .carousel-inner .item {
    height: 100vh;
}

header .carousel-inner .item img {
    width: 100%;
}

.carousel-caption {
    padding-bottom: 150px;
}

.carousel-caption h2 {
    font-size: 12px;
    font-family: "Roboto Condensed", sans-serif;
    color: #510303;
    text-transform: uppercase;
    background-color: #ffe7e7;
    display: table;
    padding: 5px 25px;
    border-radius: 50px;
}

.carousel-caption h2 img {
    width: 50px;
    height: 2px;
}

.carousel-caption h3 {
    font-size: 62px;
    font-family: "Sora", serif;
    color: #fff;
    font-weight: 800;
}

.carousel-caption h3 span {
    color: #fb7600;
}

.carousel-caption p {
    font-size: 14px;
    margin: 0 auto;
    margin-bottom: 23px;
    font-family: 'Roboto Condensed';
    color: #fff;
    font-weight: 400;
    padding-right: 125px;
    line-height: normal;
}

.carousel-control.right {
    background-image: none;
}

.carousel-control.left {
    background-image: none;
}

.link-area {
    position: fixed;
    bottom: 20px;
    left: 20px;
    padding: 15px;
    border-radius: 40px;
    background: tomato;
}

.link-area a {
    text-decoration: none;
    color: #fff;
    font-size: 25px;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }

    to {
        opacity: 1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}

@-moz-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }

    to {
        opacity: 1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }

    to {
        opacity: 1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}

.in-down {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}


/** fadeInLeft **/

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }

    to {
        opacity: 1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}

@-moz-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }

    to {
        opacity: 1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }

    to {
        opacity: 1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}

.in-left h1 {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration: 1s;
    animation-delay: 1s;
    font-size: 50px;
    font-family: 'Playfair Display', serif;
    line-height: 53px;
}

.text-box {
    position: absolute;
    top: 41%;
    left: 22%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.text-box-1 {
    position: absolute;
    top: 28%;
    left: 23%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.text-box-2 {
    position: absolute;
    top: 39%;
    left: 22%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.text-box-3 {
    position: absolute;
    top: 39%;
    left: 22%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.heading-primary {
    color: #000;
    text-align: left;
}

.heading-primary-main {
    display: block;
    font-size: 60px;
    font-weight: 400;
    letter-spacing: 35px;
    /*  Animation decalaration   */
    animation-name: moveInleft;
    animation-duration: 3s;
}

.heading-primary-sub {
    display: block;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0;
    animation-name: moveInRight;
    animation-duration: 3s;
    text-transform: inherit;
    line-height: 22px;
    /* font-family: 'lato'; */
    margin-top: 65px;
}

@keyframes moveInleft {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }

}

.in-left strong {
    font-weight: 500;
    color: #db0b05;
}

.carousel-caption h4.in-left {
    display: block;
    background: #435061;
    width: 17%;
    font-size: 13px;
    border-radius: 4px;
    line-height: 29px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.white-text {
    color: #fff !important;
}

.feature-section .row-1 {
    margin-top: -61px;
    background: #435061;
    z-index: 9999;
    position: relative;

}

.donation-box h4 {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}

.donation-box p {
    color: #fff;
    line-height: 20px;
    color: #8999ad;
}

.donate-line {
    position: relative;
    content: '';
    background: #818181;
    width: 1px;
    height: 123px;
    top: 0px;
    right: 0;
    left: 2px;
    margin: 0 16px;
    opacity: 0.3;
}

.donation-box {
    padding: 20px 0;
}

.about-section {
    padding: 50px 0 50px;
}

.aboutleft-content h2 {
    font-size: 12px;
    font-family: "Roboto Condensed", sans-serif;
    color: #510303;
    text-transform: uppercase;
    background-color: #ffe7e7;
    display: table;
    padding: 10px 35px;
    border-radius: 50px;
}

.about-page-content h2 {
    margin-top: 0;
}

.aboutleft-content h2 img {
    padding-right: 10px;
}

.aboutleft-content h3 {
    font-size: 34px;
    font-family: 'Sora';
    color: #000000;
    font-weight: 700;
}

.aboutleft-content ul li {
    font-size: 13px;
    font-family: 'Nunito';
    margin-bottom: 12px;
    color: #3c3c3c;
    font-weight: 600;
    list-style: decimal-leading-zero;
    line-height: normal;
}

.aboutleft-content p {
    font-size: 14px;
    font-family: 'Roboto Condensed';
    margin-bottom: 18px;
    color: #000000;
    font-weight: 400;
    text-align: justify;
    line-height: normal;
}

.about-page-content a {
    font-family: 'Plus Jakarta Sans';
    text-decoration: underline;
    font-size: 15px;
    font-weight: 400;
}

.icon-container p {
    font-size: 15px;
    font-family: 'Roboto Condensed';
    color: #525252;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.icon-container {
    text-align: center;
}

.icon-img {
    margin: 0 auto;
    width: 93px;
    margin-bottom: 20px;
}

.icon-container h4 {
    font-family: 'Plus Jakarta Sans';
    color: #000;
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
}

.about-page-content {
    margin-top: 50px !important;
}

.contact-icon {
    display: flex;
    margin: 40px 0 60px;
    background-image: url(../images/menu-back.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: space-between;
    width: 100%;
    padding: 65px 30px;
    border-radius: 30px;
}

.phone-number {
    width: 33.33%;
    padding: 0 30px;
}

.phone-number p {
    color: #fefefe;
}

.icon-img img {
    width: 100%;
}

.about-list {
    float: left;
    width: 100%;
}

.about-list li::before {
    position: absolute;
    content: '';
    background-image: url(../images/check.png);
    width: 21px;
    height: 24px;
    top: 12px;
    left: -40px;
}

.about-list li {
    font-size: 15px;
    font-family: 'Roboto Condensed';
    color: #000720;
    width: 50%;
    float: left;
    position: relative;
    line-height: 50px;
}
.carousel-caption a{
    background: #fff !important;
    color: #510303 !important;
}
.banner a {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    padding: 15px 40px;
    background: #510303;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    font-family: 'Roboto Condensed';
    border-radius: 50px;
    text-transform: uppercase;
}


.banner a:hover {
    color: #fff;
    box-shadow: inset 180px 0 0 0 #955353;
    text-decoration: none;

}

.livlihood {
    background: url(../images/inner-background.jpg) no-repeat 0 0;
    background-position: center !important;
    padding: 100px 0;
    width: 100%;
    background-size: cover !important;
    position: relative;
}

.subpage-in-left h1 {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration: 1s;
    animation-delay: 1s;
    font-size: 24px;
    line-height: 30px;
    padding: 9px 0;
    text-align: center;
    color: #fff;
    background: rgb(219 11 5 / 40%);
    border-radius: 0 12px 10px 0;
    font-weight: 900;
}

.subpage-in-left {
    width: 20%;
}

.livlihood-content {
    background: url(../images/bg-white.jpg) no-repeat 0 0;
    height: 700px;
    padding: 5% 0 0%;
    width: 100%;
    background-size: cover;
}

.livlihood-text h3 {
    font-family: 'Lato', sans-serif;
    color: #bf0500;
    font-weight: 600;
    font-family: 'Merriweather', serif;
    font-size: 22px;
}

.animation-element.slide.testimonial .content {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background: #fff;
    padding: 20px;
    text-align: justify;
    letter-spacing: 0;
    font-size: 15px;
    line-height: 23px;
    color: #000;
}

.bg-white {
    background: #fff;
    box-shadow: 0 0 10px 0 #d4d4d4;
    border-radius: 8px;
    margin-bottom: 50px;
    border-bottom: 4px solid #0479b5;
}


.medinipur-section {
    background: #f7f7f7;
    padding: 50px 0;
}

.livlihood-text p {
    color: #000;
    text-align: justify;
    line-height: 22px;
    font-size: 15px;
    /* font-family: 'Roboto Condensed', sans-serif; */
    /* font-family: 'Work Sans', sans-serif; */
    /* font-family: 'Syne', sans-serif; */
    font-family: 'Questrial', sans-serif;
}

.slideanim {
    visibility: hidden;
}

.slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    }

    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    }

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

@media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
}

.center-text {
    text-align: center;
}

.serviceBox {
    background-color: #faf7f2;
    padding: 20px;
    transition: .5s all;
    border-radius: 10px;
}

.serviceBox:hover {
    transform: translateY(-15px);
    transition: .5s all;
    box-shadow: 0 0 20px 0 #ddd;
}

.serviceBox .title {
    color: var(--main-color);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: capitalize;
    margin: 0 0 10px;
    color: #000;
    text-align: center;
}

.serviceBox .title:hover {
    color: #db0b05;
}

.serviceBox p {
    color: #818181;
    margin: 0;
    line-height: normal;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 13px;
    height: auto;
}
.serviceBox.pink {
    color: #E60143;
}
.serviceBox.purple {
    color: #6F46C1;
}
.serviceBox.green {
    color: #4CB900;
}
.others-heading {
    padding-bottom: 35px;
    text-align: center;
}
.others-heading h2 {
    font-size: 12px;
    font-family: "Roboto Condensed", sans-serif;
    color: #510303;
    text-transform: uppercase;
    background-color: #ffe7e7;
    display: table;
    padding: 10px 35px;
    border-radius: 50px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.others-heading h3 {
    font-size: 42px;
    font-family: "Sora", serif;
    color: #000000;
    font-weight: 800;
}
.others-heading h4 {
    font-size: 28px;
    line-height: 23px;
    font-family: 'Roboto Condensed';
    margin-bottom: 0;
    color: #323232;
    font-weight: 700;
    margin-top: 50px;
}
.heading-change {
    font-family: 'Corinthia', serif;
    color: #e48825;
    font-weight: 400;
}
.service-section {
    padding: 50px 0px 50px 0px;
    color: #fff;
    background: url(../images/service-back.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.imap-heading {
    margin: 30px 0 30px 0;
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-size: 22px;
}

.imap-heading h3 {
    color: #404040;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 24px;
}

.imap-heading h3:after {
    content: '';
    position: absolute;
    width: 33px;
    /* border-bottom: 1px solid #da251c; */
    bottom: -5px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    display: block;
    height: 2px;
    background: #cf0609;
}

.service-icon img {
    border-radius: 100px;
    border: 2px solid #000;
    height: 150px;
    width: 150px;
    display: block;
    margin: 0 auto;
    object-fit: cover;
}

.service-content {
    text-align: center;
}

.service-content img {
    width: 70px;
    display: block;
    margin: 0 auto;
    margin-bottom: 12px;
}

.service-content h4 {
    font-size: 14px;
    font-family: 'Plus Jakarta Sans';
    color: #dc8700;
    font-weight: 600;
}

.service-content h3 {
    padding-top: 20px;
    font-size: 18px;
    font-family: 'Plus Jakarta Sans';
    color: #000000;
    font-weight: 600;
}

.link {
    color: #636e72;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease 0s;
    float: left;
    padding-left: 16px;
    text-transform: uppercase;
}

.link:hover,
.link:focus {
    color: #2d3436;
    letter-spacing: 1px;

}

.link:before {
    content: '';
    /* background: #d63031; */
    height: 2px;
    width: 0;
    position: absolute;
    left: 0;
    bottom: -4px;
    z-index: -1;
    transition: all 0.5s ease 0s;
    /* animation: animate 1s infinite; */
}

.link:hover:before {
    width: 100%;
}

@keyframes animate {
    0% {
        background-color: #d63031;
    }

    20% {
        background-color: #00b894;
    }

    40% {
        background-color: #0984e3;
    }

    60% {
        background-color: #6c5ce7;
    }

    80% {
        background-color: #e84393;
    }

    100% {
        background-color: #f0932b;
    }
}

@media only screen and (max-width: 767px) {
    .link {
        margin-bottom: 30px;
    }
}

strong.yellow {
    color: #00ffad;
}

.livlihoodtraining-banner {
    background: url(../images/training-livelihood.jpg) no-repeat 0 0;
    height: 337px;
    padding: 0;
    width: 100%;
    padding-top: 8%;
}

.innerpage-img {
    display: block;
    margin: 0 auto;
    background: #fff;
    padding: 6px;
    border-radius: 15px;
    width: 100%;
}

.livlihoodtraining-content {
    background: url(../images/bg-white.jpg) no-repeat 0 0;
    height: auto;
    padding: 3% 0;
    width: 100%;
    background-size: cover;
    /* padding-bottom: 0; */
}

h3.text-livlihoodtraing {
    font-family: 'Merriweather', serif;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.natural-farming-banner {
    background: url(../images/natural-farmingbanner.jpg) no-repeat 0 0;
    height: 337px;
    padding: 0;
    width: 100%;
    padding-top: 8%;
}

.carbonfootprint-banner {
    background: url(../images/carbon-footprint.jpg) no-repeat 0 0;
    height: 337px;
    padding: 0;
    width: 100%;
    padding-top: 8%;
}

.medicalplant-banner {
    background: url(../images/medicalplant-banner.jpg) no-repeat 0 0;
    height: 337px;
    padding: 0;
    width: 100%;
    padding-top: 8%;
}

.women-banner {
    background: url(../images/women-banner.jpg) no-repeat 0 0;
    height: 337px;
    padding: 0;
    width: 100%;
    padding-top: 8%;
}

.plantbiodiversity-banner {
    background: url(../images/biodiversity.jpg) no-repeat 0 0;
    height: 337px;
    padding: 0;
    width: 100%;
    padding-top: 8%;
}

.livlihood-text a {
    float: left;
    margin-right: 6px;
}

.one .title {
    margin: 0 auto;
    color: white;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    width: 51%;
    background: rgb(0 0 0 / 20%);
    padding: 20px;
    border-radius: 13px;
}

.one .title b {
    font-size: 26px;
    line-height: 62px;
}

.one {
    width: 100%;
    height: 620px;
    animation: changeBackgroundImage 25s infinite;
    display: flex;
    align-items: center;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

@keyframes changeBackgroundImage {
    0% {
        background-image: url('../images/barrenfield.jpg');
    }

    100% {
        background-image: url('../images/green-field.jpg');
    }
}





/*25% {
    background-image: url('https://picsum.photos/id/1019/1500/1000');
  }
  50% {
    background-image: url('https://picsum.photos/id/1016/1500/1000');
  }
  75% {
    background-image: url('https://picsum.photos/id/1000/1500/1000');
  }
*/

.landing-page {
    background: url(../images/barren-land.jpg) no-repeat 0 0;
    height: 620px;
    padding: 0;
    width: 100%;
    padding-top: 8%;
}

.landing-page div {
    width: 100%;
    position: absolute;
    top: 34%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding-left: 100px;
}



.cssanimation,
.cssanimation span {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.cssanimation span {
    display: inline-block
}

.fadeInBottom {
    animation-name: fadeInBottom;
    color: #fff;
    font-family: oswald;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(45deg, #ffffff 0%, #95ff88 25%, #ffffff 50%, #d7ffb9 82%, #ebffed 100%);
}

@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateY(100%);
    }

    to {
        opacity: 1
    }
}

.landing-page p {
    font-size: 18px;
    font-family: 'lato';
    background-image: none;
    color: #fff;
    background-image: linear-gradient(45deg, #ffffff 0%, #ffffff 25%, #ffffff 50%, #ffffff 82%, #ffffff 100%);
    font-weight: 600;
}

.transform-bg p {
    font-family: 'Meriweather';
    font-size: 24px;
    padding: 24px 20px;
}

.aboutleft-content ul {
    list-style-type: none;
    font-family: 'Lato';
    font-size: 13px;
    line-height: 35px;
    color: #5a5a5a;
    font-weight: 700;
}

.pravah-section {
    margin: 30px 0;
}

.gallery-section {
    /* margin: 50px 0 15px; */
    background: #fff;
    padding: 15px 0;
}

.line-img {
    width: 100%;
}

.line-img img {
    width: 100%;
}

.image-wrap img {
    margin: 49px auto 0;
    display: block;
}

.banner {
    text-align: left !important;
    top: 12%;
    left: 10% !important;
    width: 40%;
}

.view-all:hover {
    color: #fff;
    box-shadow: inset 200px 0 0 0 #1c5eb3;
    text-decoration: none;
    border: none;
}

.view-all {
    display: block;
    margin: 0 auto;
    width: 14%;
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    /* line-height: 40px; */
    text-decoration: none;
    text-align: center;
    border-radius: 7px;
    padding: 12px 25px;
    background: #8c0103;
    padding: 13px 26px;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    border: none;
}

.subpage-text h1 {
    color: #ffffff;
    text-align: center;
    font-family: 'Plus Jakarta Sans';
    font-size: 50px;
    text-transform: capitalize;
    font-weight: 700;
}

.padding-0 {
    padding: 0 3px !important;
}

.course-box-h3 {
    background: #0679b4;
    margin-top: 10px;
    text-align: center;
    color: #fff;
    font-family: 'Roboto Condensed';
    font-size: 19px;
    line-height: 37px;
    text-transform: capitalize;
    font-weight: 600;
    width: 35%;
    margin: 0 auto 20px;
}

.course-list {
    list-style-type: none;
    float: left;
    margin-bottom: 30px;
}

.course-list a {
    color: #000;
    font-size: 15px;
    font-family: 'Lato';
}

.course-list a i {
    color: #0679b4;
    margin-right: 5px;
}

.course-list li {
    margin-bottom: 18px;
    text-align: justify;
}

.feature-section {
    margin: 0px 0 50px;
    background: #eff3f6;
    padding: 45px 0;
}

.about-text h3 {
    color: #000;
    font-family: "Merriweather", Sans-serif;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.3em;
    text-align: center;
    letter-spacing: 0;
}

.about-text p {
    color: #353535;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6em;
    padding: 0 19%;
    font-family: 'Lato';
    margin-bottom: 50px;
    text-align: center;
}

.missionvision-text {
    margin-bottom: 35px;
}

.missionvision-text h3 {
    color: #030303;
    margin-bottom: 0;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.1em;
    letter-spacing: -0.3px;
    color: #0088cc;
    font-family: 'Lato';
}

.missionvision-text p {
    text-align: justify;
    color: #696969;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Lato';
    line-height: 1.6em;
    padding-left: 50px;
}

.contact_details {
    margin-bottom: 50px;
    margin-top: 20px;
}

.our-team {
    text-align: center;
    overflow: hidden;
    margin-bottom: 0;
    position: relative;
}

.our-team img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease-in-out 0s;
}

.our-team .social {
    list-style: none;
    padding: 30px 15px;
    margin: 0;
    background: #0facf3;
    border-bottom-right-radius: 50px;
    position: absolute;
    top: 0;
    left: -50%;
    transition: all 0.4s ease-in-out 0s;
}

.our-team:hover .social {
    left: 0;
}

.our-team .social li {
    display: block;
}

.our-team .social li a {
    display: block;
    padding: 5px 0;
    font-size: 18px;
    color: #fff;
    transition: all 0.3s ease-in-out 0s;
}

.our-team .social li:first-child a {
    padding-top: 0;
}

.our-team .social li:last-child a {
    padding-bottom: 0;
}

.our-team .social li a:hover {
    color: #000;
}

.our-team .title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: capitalize;
    margin: 0 0 10px;
    color: #0e4f9e;
    text-align: left;
}

.our-team .post {
    display: block;
    font-size: 14px;
    color: #0facf3;
}

@media only screen and (max-width: 990px) {
    .our-team {
        margin-bottom: 30px;
    }
}

#gallery-page .our-team {
    margin-bottom: 30px;
}

.certification-page {
    background: #e7f0f1;
    padding: 38px 0;
}

.certification-main {
    background: #fff;
    padding: 21px 0;
    margin-bottom: 48px;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 #838383;
    width: 82%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.certification-h2 {
    font-family: 'Playfair Display', serif;
    color: #000;
    font-weight: 600;
    font-size: 26px;
    padding-top: 23px;
    text-align: center;
    padding-bottom: 16px;
}

.certification-main label {
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 18px;
    font-family: 'Lato';
    color: #525252;
    font-weight: 600;
    margin-bottom: 19px;
}

.certification-main .form-control {
    display: block;
    width: 42%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin: 0 auto;
    font-family: 'Lato';
}

.certification-main .btn-primary {
    margin: 0 auto;
    display: block;
}

.contact-form form {
    padding: 0% 2% 8% 2%;
    width: 86%;
    margin: 0 auto;
}

.contact-form .form-control {
    display: block;
    width: 100%;
    height: 46px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e1e1e1;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    /* box-shadow: 0 0 5px 0 #dbdbdb; */
}

.prospectus {
    background: #ffffff;
    color: #000 !important;
    font-weight: 600;
    font-size: 13px !important;
    padding: 9px 12px !important;
    border-radius: 5px;
}

.gov-text {
    display: block;
    font-size: 16px;
    color: #6a6a6a;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 18px;
    font-family: 'Lato';
}

.batteryexpert_main {
    background: url(../images/battery.jpg);
    height: 490px;
    padding: 38px 0;
    margin-top: 43px;
}

.batteryexpert_main h3 {
    color: #ffffff;
    /* font-family: 'Work Sans', sans-serif !important; */
    font-weight: 600;
    font-size: 26px;
    text-transform: capitalize;
    text-align: center;
    font-family: 'Roboto Condensed';
}

.expert-ul {
    width: 100%;
    float: left;
    list-style-type: none;
    padding: 15px 9px;
}

.expert-ul li {
    color: #fff;
    font-size: 15px;
    font-family: 'Lato';
    margin-bottom: 10px;
    float: left;
    width: 33.33%;
}

.enquire {
    padding: 18px 35px !important;
    background-color: #510303;
    color: #fff !important;
    border-radius: 50px;
}

#myModal .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-family: 'Roboto Condensed';
    color: #0e0e0e;
    font-size: 20px;
    font-weight: 600;
}

#myModal label {
    display: inline-block;
    margin-bottom: .5rem;
    font-family: 'Roboto Condensed';
    color: #636363;
    font-size: 13px;
    font-weight: 600;
}

#myModal .form-group {
    margin-bottom: 22px;
}

#myModal .form-control {
    font-family: 'Roboto Condensed';
    font-size: 13px;
    height: 40px;
}

#myModal .btn-success {
    color: #fff;
    background-color: #139832;
    border-color: #28a745;
    margin: 0 auto;
    display: block;
    font-family: 'Roboto Condensed';
    border-radius: 7px;
    padding: 6px 21px;
}

.mail b {
    color: #6bd4ff;
    font-size: 16px;
    font-weight: 600;
}

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



.finance-details {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 5px 0 #ddd;
}

.finance-icon {
    width: 100%;
}

.finance .finance-icon img {
    width: 30%;
    margin: 18px 0;
}

.finance-count {
    text-align: right;
}

.finance-icon img {
    width: 28%;
    margin-right: 12px;
}

.finance .finance-details p {
    font-size: 14px;
    color: #fff;
    font-family: 'Yantramanav', sans-serif;
    text-align: left;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 14px;
    line-height: normal;
}

.finance .finance-icon h4 {
    font-size: 18px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 500;
    font-family: 'Yantramanav', sans-serif;
    margin-top: 12px;
}

.finance {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    top: 500px;
}

.finance-count h5 {
    color: #d3d3d3;
    font-size: 40px;
}

.extra-margin {
    margin-top: 30px
}

.dark {
    color: #950332;
    font-size: 38px;
    font-weight: 600;
}

.shade-1 {
    background-color: #0988d1;
}

.shade-2 {
    background-color: #32a4e7;
}

.shade-3 {
    background-color: #0988d1;
}

.shade-4 {
    background-color: #32a4e7;
}

.extra-width-li {
    width: 60%;
}

.career {
    padding: 50px 0 !important;
    margin: 0;
}

.academy p {
    text-align: left;
    margin-bottom: 20px;
}

.about-img {
    width: 100%;
}

/*=====================choose======================*/
.choose {
    background: url(../images/battery.jpg);
    padding: 70px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.choose-content {
    text-align: left;
}

.choose-content h2 {
    font-family: 'Corinthia', serif;
    color: #e48825;
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 0;
}

.choose-content h3 {
    font-family: 'Plus Jakarta Sans', serif;
    color: #fff;
    font-weight: 600;
    font-size: 35px;
}

.choose-content .another-color {
    color: #f2dd7f;
    font-family: 'Corinthia', serif;
}

.choose-content p {
    text-align: justify;
    font-size: 13px;
    line-height: 23px;
    font-family: 'Roboto Condensed';
    margin-bottom: 0;
    color: #ddd;
}

.cooked {
    display: flex;
    margin: 30px 0;
}

.cooked .cooked-img {
    width: 40%;
}

.cooked .cooked-img img {
    width: 100%;
}

.cooked-content h3 {
    font-family: 'Roboto Condensed', serif;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}

.cooked-content p {
    font-family: 'Roboto Condensed', serif;
    color: #ddd;
    font-size: 13px;
    line-height: normal;
}

.cooked-content {
    margin: 10px 0;
}

.contact-foot {
    padding: 0;
    padding: 14px;
    text-align: right;
    width: 73%;
}

.testimonial-box {
    padding: 25px;
}

.user-img {
    display: flex;
    align-items: center;
}

.user-img img {
    width: 80px !important;
    border: 1px solid #5c4228;
    border-radius: 100%;
    margin-right: 28px;
}

.testi {
    padding: 50px 0;
}

.testi-heading h2 {
    font-size: 51px;
    font-family: 'Roboto Condensed';
    color: #fed1a7;
    font-style: italic;
}

.testi-heading {
    text-align: center;
    padding-bottom: 50px;
}

.test-con p {
    font-size: 16px;
    font-family: 'Roboto Condensed';
    color: #000;
    font-weight: 500;
    margin: 0;
    padding-top: 0px;
    line-height: normal;
}

.img-span {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.img-span::before {
    mask-image: url(https://wdt-astronex.myshopify.com/cdn/shop/t/1/assets/testimonial-border.svg);
    -webkit-mask-image: url(https://wdt-astronex.myshopify.com/cdn/shop/t/1/assets/testimonial-border.svg);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    content: "";
    position: absolute;
    background: #d0936c;
    bottom: -50px;
    top: auto;
    width: 100%;
    height: 15px;
    left: 50%;
    transform: translate(-50%);
}

.test-con span {
    font-size: 12px;
    font-family: 'Plus Jakarta Sans';
    color: #cf0000;
    font-weight: 400;
}

.quote i {
    color: #3a3025;
    font-size: 70px;
}

.testi-pargraph {}

.testi-pargraph p {
    font-size: 14px;
    font-family: 'Roboto Condensed';
    color: #000000;
    font-weight: 400;
    text-align: left;
}


/*============================contect us=============================*/
.contact-page-sec {
    padding: 50px 0;
}

.contact-info {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    box-shadow: 0px 0 50px rgb(1 15 28 / 9%);
}

.contact-location {
    padding-bottom: 50px;
}

.contact-info-icon {
    margin-bottom: 32px !important;
    background-color: #510303;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50px;
    box-shadow: 15px 12px 0px 0px #51030322;
    transition: .3s all;
}

.contact-info-icon:hover {
    box-shadow: none;
    transition: .3s all;
}

.contact-info-item {
    background-image: url(../images/contact_info_bg.jpg);
    padding: 30px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.contact-page-sec .contact-page-form h2 {
    color: #071c34;
    text-transform: capitalize;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Plus Jakarta Sans';
}

.contact-page-form.contact-form input {
    margin-bottom: 5px;
}

.contact-page-form.contact-form textarea {
    height: 110px;
}

.contact-page-form.contact-form input[type="submit"] {
    background: #071c34;
    width: 150px;
    border-color: #071c34;
}

.contact-info-icon i {
    font-size: 36px;
    color: #ffffff;
    margin-top: 20px;
}

.contact-info-text p {
    margin-bottom: 0px;
}

.contact-info-text h2 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    color: #000;
    font-family: 'Plus Jakarta Sans';
}

.contact-info-text span {
    color: #363636;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    font-family: 'Roboto Condensed';
    height: 48px;
}

.contact-page-form input {
    background: #ecf2f6 none repeat scroll 0 0;
    border: none;
    margin-bottom: 8px;
    padding: 15px 16px;
    width: 100%;
    font-family: 'Sora';
    border-radius: 454px;
    font-weight: 500;
    font-size: 12px;
}

.single-input-field textarea {
    background: #ecf2f6 none repeat scroll 0 0;
    border: 1px solid #f9f9f9;
    margin-bottom: 8px;
    padding: 10px 16px;
    width: 100%;
    font-family: 'Sora';
    border-radius: 24px;
    font-weight: 500;
    font-size: 12px;
    height: 110px;
}

.single-input-fieldsbtn input[type="submit"] {
    background: #510303 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    padding: 10px 0;
    text-transform: capitalize;
    width: 160px;
    margin-top: 0px;
    font-size: 16px;
    font-family: 'Roboto Condensed';
}

.single-input-fieldsbtn {
    text-align: center;
    margin: 0 auto;
}

.single-input-fieldsbtn input[type="submit"]:hover {
    background: #071c34;
    transition: all 0.4s ease-in-out 0s;
    border-color: #071c34
}

.single-input-field h4 {
    color: #464646;
    text-transform: capitalize;
    font-size: 14px;
}

.contact-page-form {
    width: 100%;
    padding: 25px 13px;
    background-color: #fff;
    border-radius: 8px;
}

.contact-page-form h2 {
    font-family: 'Sora';
    font-size: 28px;
    color: #000;
    text-align: center;
    font-weight: 700;
    padding: 0 35px;
}

.contact-page-form img {
    display: block;
    margin: 0 auto;
}

.contact-page-form form {
    padding: 20px 15px 0;
}

.extra-flex {
    display: flex;
    justify-content: space-between;
}

.extra-flex h5 {
    font-size: 18px;
    font-family: 'Roboto Condensed';
    color: #834e07;
    font-weight: 700;
}

.extra-flex h4 {
    font-size: 24px;
}

.small-ammount h4 {
    font-size: 20px;
}


/* ======================form section============================ */

.form-details {
    background-image: url(../images/menu-3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    text-align: center;
}

.form-img {
    width: 100%;
}

.form-img img {
    width: 100%;
}

.form-sec input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #f9f9f9;
    margin-bottom: 20px;
    padding: 12px 16px;
    width: 100%;
    border-radius: 4px;
}

.form-sec textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid #f9f9f9;
    margin-bottom: 20px;
    padding: 12px 16px;
    width: 100%;
    border-radius: 4px;
}

.form-sec ::placeholder {
    color: #eee;
    opacity: 1;
    /* Firefox */
}

.form-sec ::-ms-input-placeholder {
    /* Edge 12-18 */
    color: #eee;
}

.form-details p {
    font-size: 13px;
    font-family: 'Plus Jakarta Sans';
    line-height: normal;
    color: #eee;
}

/* ===========================online-order=========================== */

.online-order {
    background: url(../images/pravah.jpg);
    padding: 40px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 30px;
    margin-bottom: 50px;
}

.online-img {
    display: flex;
    justify-content: space-between;
    width: 230px;
    margin: 0 auto;
}

.online .others-heading h4 {
    font-family: 'Plus Jakarta Sans', serif;
    color: #fff;
}

/* =============products================== */

.products {
    background-color: #fff;
    padding: 10px;
}

.product-img {
    width: 100%;
}

.product-img img {
    width: 100%;
}

.product-content {
    text-align: left;
    padding: 7px 0;
}

.product-content h3 {
    font-family: 'Roboto Condensed';
    font-size: 18px;
    color: #9f2525;
    margin: 0;
    text-align: left;
}

.product-content a {
    font-size: 12px;
    font-family: 'Roboto Condensed';
    margin-bottom: 0;
    color: #0d791f;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: 600;
}

.product-content p {
    font-size: 12px;
    font-family: 'Roboto Condensed';
    color: #525252;
    font-weight: 500;
    line-height: normal;
    text-align: left;
    margin-top: 8px;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.products {
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    transition: transform 0.3s ease;
}

.products:hover {
    transform: scale(1.05);
}

.product-img img {
    width: 100%;
    transition: transform 0.3s ease;
}

.products:hover .product-img img {
    transform: scale(1.1);
    margin-bottom: 10px;
}

.product-content {
    position: relative;
    transition: transform 0.3s ease;
}

.featured-title,
.product-content p {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.product-content a {
    transform: translateY(10px);
    display: inline-block;
    margin-top: 0px;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.products:hover .product-content a {
    opacity: 1;
    transform: translateY(0);
}




/* =====================presence===================== */

.online {
    padding: 50px 0 50px;
    background-image: url(../images/service-9.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.presence-back h3 {
    font-size: 51px;
    font-family: 'Roboto Condensed';
    color: #fed1a7;
    font-style: italic;
    width: 61%;
    margin: 0 auto;
    margin-bottom: 45px;
}

.presence-buttom {
    text-align: center !important;
    width: 100% !important;
    margin-top: 50px;
}

.pic {
    width: 100%;
    box-shadow: 0 0 5px 0 #ddd;
    margin: 10px 0;
}

.pic img {
    width: 100%;
    transition: .5s all;
}

.pic {
    perspective: 1000px;
    display: inline-block;
}

.pic:hover img {
    transform: rotateY(360deg);
    transition: .5s all;
}

.consultancy {
    background-image: url(../images/service-8.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 60px 65px 110px 100px;
}

.consultancy h2 {
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 38px;
}

.consultancy h3 {
    color: #ffffff;
}

.consultancy p {
    color: #eee;
    margin-bottom: 38px;
}

.consultancy .banner {
    width: 100%;
}

/* ==========================footer-contact=================== */

.contact-data {
    display: flex;
}

.footer-con-back {
    display: flex;
    justify-content: space-between;
    /* Distribute columns evenly */
}

.vertical-line {
    position: absolute;
    /* Position absolute for line */
    top: 0;
    bottom: 0;
    right: 0px;
    width: 1px;
    background-color: #b7b7b7;
}

.breadcrumb-container {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.breadcrumb {
    list-style: none;
    padding: 10px 20px;
    background-color: #f0a6a68f !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    border-radius: 0px !important;
    display: table !important;
    margin: 0 auto;
}

.breadcrumb-item {
    margin-right: 5px;
}

.breadcrumb-item a {
    text-decoration: none;
    color: #e7f9ff;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
}

.breadcrumb-item::after {
    content: "\f178";
    margin-left: 5px;
    font-family: 'FontAwesome';
    color: #fff;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0 !important;
}

.breadcrumb-item:last-child::after {
    content: "";
    margin: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: none;
}

.breadcrumb-item.active {
    color: #6c757d;
}

.content {
    padding: 20px;
    text-align: center;
    /* Center the content text */
}

.breadcrumb .active a {
    color: #ffeb00 !important;
}

.breadcrumb>li {
    display: inline-block;
}

.breadcrumb li a {
    font-weight: 500;
    color: #fff;
    font-family: 'Plus Jakarta Sans';
    font-size: 16px;
}

/*=============service-list====================*/

.service-list {
    display: flex;
    align-items: center;
    text-align: left;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 15px;
    margin-bottom: 30px;
}

.border-lt {
    border-left: 4px solid #005daa;
}

.border-rt {
    border-right: 4px solid #005daa;
}

.services-content h3 {
    font-family: 'Sora';
    font-size: 26px;
    color: #053d8b;
}

.services-content p {
    font-size: 14px;
    line-height: 23px;
    font-family: 'Roboto Condensed';
    color: #323232;
}

.services-img {
    width: 30%;
}

.services-img img {
    width: 100%;
}

.services-content {
    width: 70%;
    padding: 25px;
}

/*=======================choose=======================*/

/* Why Choose Us */
.why_choose {
    width: 100%;
    margin: 0 0 50px;
    font-family: 'Raleway', sans-serif;
}

.why_choose_head {
    width: 100%;
    text-align: center;
    padding: 30px;
}

.why_choose_head h1 {
    width: 100%;
    color: #000000;
    text-align: center;
    font-size: 32px;
    font-family: 'Raleway-Medium', sans-serif;
}

.why_choose_head h1 span {
    border-bottom: 2px solid #a2437e;
}

.text-down {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.text-down img {
    width: 100%;
}

.text-down .textbox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -315px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 5px;
    background-color: #000000a1;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.text-down:hover .textbox {
    margin-top: 0;
    display: grid;
    align-items: center;
}

.details {
    width: 100%;
    padding: 0px 30px 0;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-family: 'Plus Jakarta Sans';
    line-height: normal;
    height: 100px;
}

.view-more {
    width: 100%;
    padding-top: 0;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-weight: bold;
}

.text-down:hover .text {
    padding-top: 0px;
}
.top {
    padding-top: 10px;
}

.vertical-sticky-button {
    position: fixed;
    bottom: 120px;
    right: 0;
    background: linear-gradient(90deg, #007bff, #0056b3);
    color: #fff;
    padding: 28px 10px;
    border-radius: 10px 0 0 10px;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    box-shadow: 0 4px 8px rgb(0 0 0 / 20%);
    writing-mode: vertical-lr;
    transition: background 0.4s ease, transform 0.3s ease;
    font-family: 'Plus Jakarta Sans';
}

.vertical-sticky-button:hover {
    background: linear-gradient(90deg, #ff7e5f, #feb47b);
    color: #fff;
    text-decoration: none;
}

.vertical-sticky-button:active {
    transform: translateY(-50%) scale(1);
}

/*====================doctor list============================*/
.doctors {
    padding: 50px 0;
}

.principal-con {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    box-shadow: 0 0 7px 0 #aeaeae;
    border-radius: 8px;
    border-right: 3px solid #0073c4;
    margin-bottom: 30px;
    align-items: center;
    text-align: left;
    padding: 10px;
}

.principal-img {
    width: 40%;
}

.principal-img img {
    width: 100%;
}

.princi-details {
    width: 60%;
    padding: 0 20px;
}

.princi-details h2 {
    font-size: 18px;
    font-family: 'Nunito';
    margin-bottom: 10px;
    color: #980000;
}

.princi-details p {
    font-size: 15px;
    line-height: 30px;
    font-family: 'Nunito';
    margin-bottom: 0;
    color: #000000;
}

.book-button {
    text-decoration: none;
    padding: 6px 22px;
    font-size: 13px;
    color: white;
    background-color: #007bff;
    border-radius: 3px;
    transition: background-color 0.3s ease;
    font-family: 'Roboto Condensed';
    font-weight: 600;
}

.book-button:hover {
    background-color: #0056b3;
    color: #fff;
    text-decoration: none;
}

.doctor-book {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.principal-con:hover {
    text-decoration: none;
}

.doctor-book h6 {
    font-size: 12px;
    margin-top: 8px;
    color: #039c54;
    font-family: 'Roboto Condensed';
}

.single-doctor {
    overflow: hidden;
    background-color: #fff5e5;
    margin-bottom: 30px;
    padding: 15px;
}

.doctor-img {
    width: 30%;
}

.doctor-img img {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    object-fit: cover;
}

.doctor-content h3 {
    font-size: 18px;
    font-family: 'Nunito';
    margin-bottom: 10px;
    color: #980000;
    font-weight: 700;
}

.doctor-content p {
    font-size: 15px;
    line-height: 30px;
    font-family: 'Nunito';
    margin-bottom: 0;
    color: #000000;
    font-weight: 600;
}

.flex-all {
    display: flex;
    align-items: center;
    text-align: left;
}

.all-details-doctor p {
    font-size: 15px;
    line-height: normal;
    font-family: 'Nunito';
    color: #000000;
    font-weight: 600;
    text-align: justify;
    margin-bottom: 0;
}

.session-flex {
    display: flex;
    justify-content: space-between;
}

.session-card {
    background-color: #edf8ff;
    box-shadow: 0 0px 4px rgb(0 0 0 / 21%);
    padding: 20px;
    text-align: left;
}

.session-card h3 {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Nunito';
    margin-bottom: 0px;
    color: #002698;
}

.instant-confirmation {
    font-size: 13px;
    color: #d27d31;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Nunito';
    font-weight: 700;
}

.instant-confirmation::before {
    content: "⚡";
    margin-right: 5px;
}

.divider {
    margin: 15px 0;
    border-top: 1px solid #ddd;
}

.session-type {
    display: flex;
    margin-bottom: 10px;
}

.session-type input {
    margin-right: 10px;
}

.session-type img {
    margin-right: 10px;
    width: 18px;
    height: 18px;
}

.session-card h6 {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    font-family: 'Nunito';
}

.book-button {
    text-decoration: none;
    padding: 6px 22px;
    font-size: 13px;
    color: white;
    background-color: #007bff;
    border-radius: 3px;
    transition: background-color 0.3s ease;
    font-family: 'Roboto Condensed';
    font-weight: 600;
    border: none;
}

.book-button:hover {
    background-color: #004896;
}

.session-card h5 {
    font-size: 15px;
    line-height: 30px;
    font-family: 'Nunito';
    margin-bottom: 0;
    color: #000000;
    font-weight: 700;
}





/*===========================privacy policy============================*/
.privacy {
    padding: 50px 0;
}

.privacy h3 {
    font-size: 22px;
    font-family: 'Roboto Condensed';
    color: #9f2525;
    margin-top: 30px;
}

.privacy h5 {
    font-family: 'Roboto Condensed';
    color: #000;
    font-weight: 400;
    font-size: 13px;
    text-transform: capitalize;
}

.privacy p {
    font-size: 13px;
    line-height: 23px;
    font-family: 'Roboto Condensed';
    margin-bottom: 30px;
    color: #000000;
    font-weight: 500;
    text-align: justify;
}

.testimonial-con {}

.testimonial-container {
    background-color: #510303;
    color: #fff;
    padding: 50px 30px;
}

.testimonial-container h4 {
    font-size: 12px;
    font-family: "Roboto Condensed", sans-serif;
    color: #510303;
    text-transform: uppercase;
    background-color: #ffe7e7;
    display: table;
    padding: 10px 35px;
    border-radius: 50px;
}

.testimonial-container h2 {
    margin: 10px 0;
    font-size: 34px;
    font-family: 'Sora';
    color: #ffffff;
    font-weight: 700;
}

.testimonial-container .rating {
    font-family: 'Plus Jakarta Sans';
    font-size: 14px;
    margin: 10px 0;
}

.testimonial-container .rating .stars {
    color: #ffd700;
    margin-left: 5px;
}

.testimonial-container .button {
    margin-top: 15px;
}

.testimonial-container .button a {
    text-decoration: none;
    background-color: #fff;
    color: #0f52ba;
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 5px;
    display: inline-block;
    transition: background-color 0.3s, color 0.3s;
    font-family: 'Roboto Condensed';
}

.testimonial-container .button a:hover {
    background-color: #0f52ba;
    color: #fff;
}

.left-section {
    padding: 100px 90px 100px 100px;
    background-image: url(../images/about-2.png);
    background-repeat: no-repeat;
}

.background-second {
    padding: 40px 100px 40px 60px;
    background-image: url(../images/about.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.form-details {
    overflow: hidden;
}

.left-section h4 {
    font-size: 13px;
    font-family: "Roboto Condensed", sans-serif;
    color: #510303;
    text-transform: uppercase;
    background-color: #ffe7e7;
    display: table;
    padding: 10px 35px;
    border-radius: 50px;
}

.left-section h3 {
    margin: 10px 0;
    font-size: 46px;
    font-family: 'Sora';
    color: #000000;
    font-weight: 700;
    text-align: left;
}

.left-section .contact {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.left-section .contact .icon {
    width: 70px;
    height: 70px;
    background-color: #510303;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 35px;
    margin-right: 10px;
}

.contact h5 {
    font-size: 16px;
    font-family: 'Sora';
    color: #510303;
    font-weight: 500;
    margin: 0;
    text-align: left;
}

.phone {
    font-size: 24px;
    font-family: 'Sora';
    color: #000000;
    font-weight: 700;
}

.left-section p {
    font-size: 17px;
    font-family: 'Roboto Condensed';
    color: #000000;
    font-weight: 400;
    text-align: left;
}

.aboutleft-content .button a {
    text-decoration: none;
    background-color: #0668ee;
    color: #ffffff;
    padding: 10px 38px;
    font-weight: 400;
    border-radius: 5px;
    display: inline-block;
    transition: background-color 0.3s, color 0.3s;
    font-family: 'Roboto Condensed';
    font-size: 16px;
}

/* ==========================blog=========================== */
.blog {
    padding: 50px 0;
}

.custom-card {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0px 11px rgb(0 0 0 / 12%);
    overflow: hidden;
    text-align: left;
    padding: 10px;
    margin-bottom: 25px;
    border: 1px solid #cc0000;
}

.custom-card-image img {
    width: 100%;
    height: auto;
}

.custom-card-body {
    padding: 15px 0 0;
}

.custom-card-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #757575;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}

.custom-card-meta span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.custom-card-meta span img {
    width: 16px;
    height: 16px;
}

.custom-card-title {
    font-size: 16px;
    font-family: 'Plus Jakarta Sans';
    margin-bottom: 10px;
    color: #000;
    font-weight: 600;
    line-height: normal;
}

.custom-card-link {
    color: #c80000;
    font-family: 'Plus Jakarta Sans';
    text-decoration: underline;
    font-size: 13px;
    font-weight: 600;
}

.custom-card-link:hover {
    text-decoration: underline;
}

.custom-card-meta i {
    color: #7e0000;
}

/* ========================gallery============================ */

.portfolio-menu {
    text-align: center;
}

.control {
    background: #000;
    color: #fff;
    padding: 5px 10px;
    border: 1px solid #343a40;
    border-radius: 3px;
    margin: 5px;
    cursor: pointer;
    -webkit-transition: all 05s ease;
    -moz-transition: all 05s ease;
    -ms-transition: all 05s ease;
    -o-transition: all 05s ease;
    transition: all 0.5s ease;
}

.control:hover {
    background: #343a40;
}

.mixitup-control-active {
    color: #fff;
    background: #343a40;
}

.fancybox-container button:focus {
    outline: 0;
    box-shadow: none;
}

.portfolio-item {
    padding: 0;
}

.pd {
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
}

.pd img {
    height: 180px;
    transition: all 0.5s;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.portfolio-overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    text-align: center;
    visibility: hidden;
    transition: all 0.5s;
    transform: scale(0);
}

.portfolio-overlay p,
.portfolio-overlay a {
    position: relative;
    z-index: 4;
}

.portfolio-overlay::before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0;
    position: absolute;
    left: 10%;
    top: 10%;
    transition: 50ms height ease 150ms;
    z-index: 3;
}

.portfolio-overlay::after {
    content: "";
    width: 0;
    height: 0;
    border-width: 0;
    position: absolute;
    right: 10%;
    bottom: 10%;
    transition: 100ms width ease 200ms;
    z-index: 3;
}

.portfolio-item:hover .portfolio-overlay::before {
    width: 80%;
    height: 80%;
    border-top: 1px solid #d17676;
    border-right: 1px solid #d17676;
    transition: width 0.1s ease 0.3s, height 0.1s ease 0.5s;
}

.portfolio-item:hover .portfolio-overlay::after {
    width: 80%;
    height: 80%;
    border-bottom: 1px solid #d17676;
    border-left: 1px solid #d17676;
    transition: width 0.1s ease 0.6s, height 0.1s ease 0.7s;
}

.portfolio-item li:hover .portfolio-overlay {
    visibility: visible;
    transform: scale(1);
}

.portfolio-overlay .category {
    margin-top: 70px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.portfolio-overlay .magnify-icon {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background: #d17676;
    margin: 0 5px;
    cursor: pointer;
    display: inline-block;
    transition: all 0.25s;
}

.portfolio-overlay .magnify-icon:hover {
    background: #000;
}

.portfolio-overlay .magnify-icon p span i {
    font-size: 15px;
    color: #fff;
    line-height: 40px;
    cursor: pointer;
}

/*******Responsive media query******/

/* Extra small devices (portrait phones, less than 576px)*/


/*=================Counter========================*/

.statistics-section {
    padding: 80px 0;
    background-image: url(../images/pravah.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.stastic h4 {
    font-family: 'Sora';
    color: #fff;
    font-weight: 900;
    font-size: 45px;
    text-transform: capitalize;
    margin-bottom: 0;
    padding-bottom: 0px;
}

.stastic p {
    font-size: 18px;
    line-height: 23px;
    font-family: 'Sora';
    margin-bottom: 40px;
    color: #fff;
}

.stastic img {
    margin-bottom: 20px;
}
/*=================partner========================*/

.partner-img{
    width: 100%;
    box-shadow: 0 0 10px 0 #ddd;
    transition: .3s all;
    margin-bottom: 20px;
}
.partner-img:hover{
    box-shadow: 0 5px 10px 0 #b6b6b6;
    transition: .3s all;
}
.partner-img img{
    width: 100%;
}
.partner-back{
    background: url(../images/partner-back.jpg) no-repeat 0 0;
}
.menbers{
    background: url(../images/members.jpg) no-repeat 0 0;
}
/*================================team===============================*/
.profile-card{
     position: relative;
     font-family: sans-serif;
     width: 220px;
     height: 220px;
     background: #fff;
     padding: 30px;
     border-radius: 1%;
     box-shadow: 0 0 22px #a4a4a466;
     transition: .6s;
     margin: 15px 25px;
   }
   .profile-card:hover{
     border-radius: 10px;
     height: 260px;
   }
   .profile-card .img{
     position: relative;
     width: 100%;
     height: 100%;
     transition: .6s;
     z-index: 99;
   }
   .profile-card:hover .img{
     transform: translateY(-60px);
   }
   .img img{
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 22px #fff6;
    transition: .6s;
   }
   .profile-card:hover img{
     border-radius: 10px;
   }
   .caption{
     text-align: center;
     transform: translateY(-80px);
     opacity: 0;
     transition: .6s;
   }
   .profile-card:hover .caption{
     opacity: 1;
   }
.caption h3{
    font-family: 'Plus Jakarta Sans';
    color: #000;
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
}
   .caption p{
    color: #0c52a1;
    font-size: 14px;
    font-family: 'Roboto Condensed';
    font-weight: 400;
    line-height: normal;
    margin: 0;
   }
   .caption .social-links a{
     color: #333;
     font-size: 21px;
     transition: .6s;
   }
   .social-links a:hover{
     color: #0c52a1;
   }
.social-links{
    margin-top: 15px;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.social-links a i{
    color: #fff !important;
    background-color: #820000;
    height: 26px;
    width: 26px;
    font-size: 14px;
    border-radius: 100px;
    padding-top: 6px;
}
.women-entrepreneurship{
    background: url(../images/women-entrepreneurship.jpg) no-repeat 0 0;
}
.details-img{
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 0 30px #cacaca;
    margin-bottom: 30px;
}

/******************  News Slider Demo-1 *******************/
/******************  News Slider Demo-1 *******************/
.post-slide {
    overflow: hidden;
    margin-right: 15px;
}

.post-slide .post-img {
    float: left;
    width: 50%;
    position: relative;
    margin-right: 30px
}

.post-slide .post-img img {
    width: 100%;
    height: auto
}

.post-slide .post-date {
    background: #ec3c6a;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 2% 3%;
    width: 60px;
    height: 60px;
    text-align: center;
    transition: all .5s ease
}

.post-slide .date {
    display: block;
    font-size: 20px;
    font-weight: 700
}

.post-slide .month {
    display: block;
    font-size: 11px;
    text-transform: uppercase
}

.post-slide .post-review {
    padding: 5% 3% 1% 0;
    border-top: 3px solid #38cfd8
}

.post-slide:hover .post-review {
    border-top-color: #ec3c6a
}

.post-slide .post-title {
    margin: 0 0 10px 0
}

.post-slide .post-title a {
    font-size: 14px;
    color: #333;
    text-transform: uppercase
}

.post-slide .post-title a:hover {
    text-decoration: none;
    font-weight: 700
}

.post-slide .post-bar {
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 20px
}

.post-slide .post-bar:after,
.post-slide .post-bar:before {
    border: 1px solid #38cfd8;
    bottom: -10px;
    content: "";
    display: block;
    position: absolute;
    right: 36%;
    width: 25px
}

.post-slide .post-bar:before {
    border: 1px solid #ec3c6a;
    right: 32%
}

.post-slide .post-bar li {
    color: #555;
    font-size: 10px;
    margin-right: 10px;
    display: inline-block
}

.post-slide .post-bar li a {
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    color: #ec3c6a
}

.post-slide .post-bar li a:hover {
    color: #ec3c6a
}

.post-slide .post-bar li i {
    color: #777;
    margin-right: 5px
}

.post-slide .post-description {
    font-size: 12px;
    line-height: 21px;
    color: #444454
}

.owl-theme .owl-controls {
    margin-top: 30px
}

.owl-theme .owl-controls .owl-page span {
    border: none;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #7c0000;
}

.center{
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}
.property-card{
  height:20em;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  position:relative;
  -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius:16px;
  overflow:hidden;
}

.property-image{
  height:100%;
  width:100%;
  position:Absolute;
  top:0px;
  -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-size:cover;
  background-repeat:no-repeat;
}
.property-description{
  background-color: #efefef;
  height:7em;
  width:100%;
  position:absolute;
  bottom:0em;
  -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 0.5em 1em;
  text-align:center;
}
.property-social-icons{
    width: 60px;
    height: 60px;
    background-color: #e68000;
    position: absolute;
    top: 1em;
    left: 1em;
    -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    padding: 10px;
    border-radius: 10px;
}
.property-card:hover .property-description{
  height:0em;
  padding:0px 1em;
}
.property-card:hover .property-image{
  height:100%;
  transition: .3s all;
}
.property-card:hover .property-social-icons{
  background-color:white;
  transition: all 0.4s
}
.property-card:hover .property-social-icons:hover{
  cursor:pointer;
  transition: all 0.4s
}
.property-card:hover .property-image img{
  height:100%;
  object-fit: cover;
  transition: .3s all;
}
.property-image-title{
    height:100%;
    transition: all 0.4s
}
.property-image img{
  transition: .3s all;
  width: 100%;
}
.property-description h5{
    font-family: 'Plus Jakarta Sans';
    color: #000;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
}
.property-description p {
    font-size: 14px;
    font-family: 'Roboto Condensed';
    color: #525252;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}
.property-social-icons img{
    filter: brightness(0) invert(1);
    width: 100%;
}

.property-card:hover .property-social-icons img {
    filter: brightness(0.5);
}



/********************************
        BLOG CONTAINER
*********************************/
.blog-details{
width:100%;
display:flex;
align-items:top;
background-color:#f1f1f1;
font-family: 'Plus Jakarta Sans';
}

/*BLOG LEFT CONTENT*/
.blog-details{
padding:2rem;
width:100%;
background-color: #eaeaea;
}
.blog_card h3{
    font-size: 20px;
    text-decoration: none;
    color: #000;
    font-weight: 600;
}
.posts p{
    font-size: 13px;
    color: #565656;
    line-height: normal;
    font-family: 'Roboto Condensed';
}
.blog_card p{
    font-size: 13px;
    color: #7b7b7b;
    line-height: normal;
    font-family: 'Roboto Condensed';
}
.search button{
    width: 65px;
    height: 60px;
    border: none;
    background-color: #8d0b0b;
    color: #ffff;
    font-size: 18px;
}
.search button i{
    color: #fff;
}
.blog_content .load-btn{
display:block;
width:150px;
margin:5vh auto;
font-family: 'Plus Jakarta Sans';
}

.left_content{
display:flex;
align-items:top;
justify-content: space-between;
flex-wrap:wrap;
column-count: 2;
gap: 20px 10px;
flex:0 0 70%;
}

.right_content{
flex:0 0 30%;
}

.blog_card{
width:100%;
flex:0 0 48.5%;
overflow:hidden;
background-color:#fff;
}

.blog_card:nth-child(1){
flex:0 0 100%;
}

.blog_card .figure{
display:block;
width:100%;
height:200px;
position:relative;
overflow:hidden;
}

.blog_card:nth-child(1) .figure{
height:300px;
}

.blog_card .figure img{
width:100%;
height:100%;
object-fit:cover;
transition:0.5s;
}

.blog_card .tag{
padding:5px 10px;
background-color:#900909;
color:#fff;
position:absolute;
right:1%;
top:3%;
font-size:12px;
}

.blog_card section{
padding:1rem;
position:relative;
background-color:#fff;
}

.blog_card section .title{
font-weight:600;
font-size:18px;
color:#510303;
width:auto;
}

.blog_card section a:hover{
color:#900909;
}

.blog_card:hover > .figure img{
transform:scale(1.1);
}

.share_icon{
position:absolute;
bottom:-30px;
left:10px;
background-color:var(--red);
color:#fff;
display:flex;
align-items:center;
padding-right:5px;
font-size:13px;
cursor:pointer;
transition:0.5s;
}

.share_icon .fa{
padding:5px;
background-color:var(--darkred);
margin-right:10px;
}

.blog_card section img{
width:30%;
margin-right:20px;
object-fit:cover;
border:5px solid rgba(1,1,1,0.1);
}

.blog_card section img:nth-child(even){
float:left;
}

.blog_card section img:nth-child(odd){
float:right;
}




/*BLOG RIGHT CONTENT*/
.columns{
display:block;
margin-bottom:4vh;
background-color:#fff;
}

.columns section{
padding:1rem;
}

.columns .title{
background-color:#900909;
color:#fff;
padding:1rem;
text-align:left;
width:100%;
display:block;
transition:0.2s;
border-left:0px solid #510303;    
font-family: 'Roboto Condensed';
    font-weight: 500;
    font-size: 17px;
}

.columns:hover > .title{
border-left:5px solid #ff8400;
}

.columns .title a{
float:right;
}

.columns .title a:hover{
color:#510303;
}

.search form{
width:100%;
display:flex;
align-items:center;
}

.search fieldset:nth-child(2){
width:10%;
}

.search form input{
border:1px solid rgba(1,1,1,0.1);
padding:1rem;
width:100%;
font-weight:600;
color:rgba(1,1,1,0.5);
}

.search .btn1{
border:1px solid #900909;
border-radius:0;
}



/*BOOKS*/
.books .cards {
position: relative;
width: 100%;
height:46vh;
overflow: hidden;
border-radius: 5px;
background-color:#f1f1f1;
}

.books .cards::after {
content: '';
position: absolute;
left: 0;
top: 0;
z-index: 900;
display: block;
width: 100%;
height: 100%;
}

.books .card_part {
position: absolute;
top: 0;
left: 0;
z-index: 7;
display: flex;
align-items: center;
width: 100%;
height: 100%;
background-size:100% 100%;
background-position:center;
transform: translateX( 700px );
background-repeat:no-repeat;
animation: opaqTransition 28s cubic-bezier(0, 0, 0, 0.97) infinite;
background-color:#f1f1f1;
}

.books .card_part.card_part-two {
z-index: 6;
animation-delay: 7s;
background-repeat:no-repeat;
}

.books .card_part.card_part-three {
z-index: 5;
animation-delay: 14s;
background-repeat:no-repeat;
}

.books .card_part.card_part-four {
z-index: 4;
animation-delay: 21s;
background-repeat:no-repeat;
}

@keyframes opaqTransition {
3% { transform: translateX( 0 ); }
25% { transform: translateX( 0 ); }
28% { transform: translateX( -700px ); }
100% { transform: translateX( -700px ); }
}


/*CATEGORIES*/
.categories a{
display:inline-block;
padding:0.2rem 1rem;
border-radius:40px;
background-color:#900909;
margin:5px 3px;
font-size:12px;
white-space:nowrap;
color:#fff;
}
.posts i{
    color: #fff;
}
.categories a:hover{
background-color:#510303;
color: #fff;
text-decoration: none;
}


/*POSTS*/
.posts a{
display:flex;
align-items:center;
margin:0.4rem 0;
}

.posts a img{
width:100px;
margin-right:10px;
}

.posts a:hover > p{
color:#000;
}



/*COMMENTS*/
.comments{
position:relative;
overflow:hidden;
max-height:60vh;
}

.marquee2 {
position: relative;
overflow:hidden;
line-height:1.6em;
}

.marquee2 p{
border-bottom:1px solid rgba(1,1,1,0.1);
position:relative;
padding:0.4rem 0;
}

.marquee2 p:before{
content:"\f10d";
font-family:"FontAwesome";
margin-right:5px;
position:relative;
top:-5px;
}

@keyframes marquee1 {
0% {
top: 10%;
}
100% {
top: -100%;
}
}


/*SOCIAL MEDIA*/
.social_icons{
display:flex;
align-items:center;
justify-content:center;
column-gap: 15px;
background-color:transparent;
}

.social_icons .fa{
padding:7px 13px;
background-color:#f1f1f1;
color:#fff;
transition:0.2s;
}

.social_icons a:hover > .fa{
transform:scale(1.1);
}

.social_icons .fa-facebook{
background-color:#3b5998;
}

.social_icons .fa-instagram{
background-color:#fb3958;
}

.social_icons .fa-youtube{
background-color:#c4302b;
}

.social_icons .fa-whatsapp{
background-color:#25d366;
}

.social_icons .fa-telegram{
background-color:#3399ff;
}


@media (max-width:1000px){
.blog_container{
flex-wrap:wrap;
}
.blog_content{
padding:0;
order:2;
}
.left_content{
flex:0 0 100%;
order:2;
padding:1rem;
}
.right_content{
flex:0 0 100%;
order:1;
padding:1rem;
}
.books,.posts, .comments, .categories{
display:inline-block;
width:47%;
margin:1.3%;
margin-bottom:0;
vertical-align:top;
height:63vh;
}
.posts{
overflow-y:auto;
}
.right_content{
flex:0 0 100%;
}
}

@media (max-width:740px){
.blog_card{
flex:0 0 100%;
}
.posts, .comments, .books, .categories{
width:100%;
margin:0;
height:auto;
margin-bottom:4vh;
}
}






/*REMOVE THIS*/
.credits{
position:fixed;
right:0;
bottom:2%;
background-color:#1e1e1e;
padding:0.5rem;
font-size:12px;
z-index:999;
color:rgba(255,255,255,0.7);
}

.credits a{
color:rgba(255,255,255,0.7);
}

.credits a:hover{
color:white;
}

.credits .btn0{
background-color:white;
color:#000;
padding:5px;
border-radius:5px;
border:0;
display:block;
margin:1vh auto;
width:100px;
text-align:Center;
}

.credits .btn0:hover{
color:black;
background-color:#b8bca7;
}
.icon-flex{
        margin-bottom: 40px;
}
/*===================vision=====================*/
.category-box {
    display: block;
    height: 95px;
    line-height: 100px;
    background-color: #fff;
    position: relative;
    padding: 15px 15px;
    border-radius: 5px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    color: #363636;
    cursor: pointer;
    margin-bottom: 30px;
    align-items: center;
    display: flex;
}
.category-box img {
    width: 65px;
    float: left;
    margin-right: 10px;
}
.category-box h4 {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: normal;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    padding-left: 10px;
    font-family: 'Poppins';
    margin: 0;
}
/*=======================value============================*/
.value .title {
    font-size: 2rem;
    margin-bottom: 30px;
    font-weight: bold;
}

.value .card {
    background-color: #c62929;
    color: white;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.value .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

.value .card img {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
}

.value .card h3 {
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
}
.value{
    padding: 65px 0 30px;
}


/******************  News Slider Demo-8 *******************/
.post-slide8 .post-img{position:relative;overflow:hidden}
.post-slide8 .post-img img{width:100%;height:auto}
.post-slide8 .over-layer{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.6);transition:all .3s ease}
.post-slide8:hover .over-layer{opacity:1}
.post-slide8 .post-link{margin:0;padding:0;position:relative;top:45%;text-align:center}
.post-slide8 .post-link li{display:inline-block;list-style:none;margin-right:20px}
.post-slide8 .post-link li a{color:#fff;font-size:20px}
.post-slide8 .post-link li a:hover{color:#ff8b3d;text-decoration:none}
.post-slide8 .post-date{position:absolute;top:10%;left:4%}
.post-slide8 .date{display:inline-block;border-radius:3px 0 0 3px;padding:5px 10px;color:#fff;font-size:20px;font-weight:700;text-align:center;background:#333;float:left}
.post-slide8 .month{display:inline-block;border-radius:0 3px 3px 0;padding:5px 13px;color:#111;font-size:20px;font-weight:700;background:#ff8b3d}
.post-slide8 .post-content{padding:30px}
.post-slide8 .post-title{margin:0 0 15px 0}
.post-slide8 .post-title a{font-size:18px;font-weight:700;color:#333;display:inline-block;text-transform:capitalize;transition:all .3s ease 0s}
.post-slide8 .post-title a:hover{text-decoration:none;color:#ff8b3d}
.post-slide8 .post-description{font-size:14px;line-height:24px;color:grey}
.post-slide8 .read-more{color:#333;font-size:14px;font-weight:700;text-transform:uppercase;position:relative;transition:color .2s linear}
.post-slide8 .read-more:hover{text-decoration:none;color:#ff8b3d}
.post-slide8 .read-more:after{content:"";position:absolute;width:30%;display:block;border:1px solid #ff8b3d;transition:all .3s ease}
.post-slide8 .read-more:hover:after{width:100%}
@media only screen and (max-width:479px){.post-slide8 .month{font-size:14px}
.post-slide8 .date{font-size:14px}
}
/*============================================================*/
.team{
    padding: 50px 0;
}
.team-img{
    width: 100%;
}
.team-img img{
    width: 100%;
}
.team-content h4{
    font-family: 'Roboto Condensed';
    color: #000;
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
}
.team-content p{
    font-size: 12px;
    font-family: 'Plus Jakarta Sans';
    color: #525252;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}
.team-member{
    text-align: center;
    padding: 8px;
    background-color: beige;
    margin-bottom: 20px;
}
.team-content{
    padding: 15px 0;
}
.career-con {
    padding-top: 50px;
    margin-bottom: 50px;
}
.others-heading p{
    color: #494949;
    font-size: 14px;
    font-family: 'Roboto Condensed';
    line-height: normal;
    width: 75%;
    margin: auto;
    margin-bottom: 15px;
}

.career-detail{
    padding: 80px 0;
    background-image: url(../images/career-back.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.text-white h3{
    font-size: 42px;
    font-family: "Sora", serif;
    color: #ffffff;
    font-weight: 800;
}
.text-white p{
    color: #f8f8f8;
    font-size: 14px;
    font-family: 'Roboto Condensed';
    line-height: normal;
    width: 75%;
    margin: auto;
    margin-bottom: 15px;
}
.text-white{
    text-align: center;
}
.center-align{
    text-align: center !important;
    width: 100%;
    margin-top: 42px;
    margin-bottom: 40px;
}
.career-img{
    width: 100%;
    margin: 8px 0;
}
.career-img img{
    width: 100%;
    border: 2px solid #fff;
    border-radius: 10px;
}
.job{
    padding: 50px 0;
}
.job-details{
    margin: 15px auto;
    box-shadow: 0 5px 10px 0 #b7b7b7;
    padding: 30px;
    background-color: aliceblue;
}
.job-heading h4{
    font-size: 18px;
    font-family: 'Plus Jakarta Sans';
    color: #000000;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}
.job-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
.job-heading h6{
    margin: 0;
    color: #757575;
    font-size: 12px;
    font-family: 'Plus Jakarta Sans';
}
.job-con h5{
    color: #000;
    font-size: 14px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    margin-top: 15px;
}
.job-content-flex{
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.job-con {
    width: 90%;
}
.job-con i{
    color: #a80101;
    margin-right: 8px;
}
.right-align{
    text-align: right !important;
}
.ciena-spaces{
    padding-top: 50px;
}
.pdf-show{
    text-align: center;
    background-color: #7a0000;
    padding: 20px 0;
    border-radius: 6px;
    font-family: 'Plus Jakarta Sans';
    transition: .3s all;
    margin-bottom: 20px;
}
.pdf-show a{
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 23px 0;
}
.pdf-show a:hover{
    color: #fff;
    text-decoration: none;
}
.pdf-show:hover{
    transform: translateY(-10px);
    transition: .3s all;
}
.report-img{
    width: 100%;
}
.report-img img{
    width: 100%;
    border-radius: 15px;
}
.report-content h4{
    font-family: 'Plus Jakarta Sans';
    color: #000;
    font-weight: 600;
    font-size: 15px;
    text-transform: capitalize;
    margin-top: 20px;
    text-align: center;
}
.report:hover{
    text-decoration: none;
}
.report-details h4:hover{
    text-decoration: none;
}
.report-details{
    background-color: #ebebeb;
    padding: 10px;
    margin-bottom: 20px;
}
.gallery{
    padding-top: 50px;
}
.contact-page-form p{
    text-align: center;
    color: #000;
    font-size: 15px;
    font-family: 'Plus Jakarta Sans';
    line-height: normal;
}

/*===========================founded============================*/

.founded-img{
    width: 70px;
    margin: 0 auto;
}
.founded-img img{
    width: 100%;
    transition: transform 0.4s ease;
}
.founded-details{
    padding: 30px 15px;
    background-color: aliceblue;
    border-bottom: 5px solid #780000;
    border-radius: 10px;
    height: 100%;
    transition: transform 0.4s ease;
}
.founded-content h3{
    font-family: 'Roboto Condensed';
    text-align: center;
    font-size: 18px;
    color: #000;
    margin-top: 20px;
}
.founded-content p{
    font-family: 'Plus Jakarta Sans';
    color: #363636;
    font-size: 12px;
    line-height: normal;
    text-align: center;
    margin: 0;
}
.founded{
    padding: 50px 0;
}
.extra-margin-found{
    margin-bottom: 205px;
}
.founded-details:hover {
    transform: scale(1.08);
    background-color: #fff8db; /* Change to your preferred highlight color */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.founded-details:hover .founded-img img {
    transform: rotate(-5deg) scale(1.1);
}

.about-us-page {
    padding: 50px 0;
    background-color: #f5f5f5;
    overflow: hidden;
}
.about-content-page {
    padding-right: 100px;
    padding-left: 70px;
}
.about-content-page h2 {
    font-weight: 600;
    font-size: 32px;
    color: #1d2736;
    font-family: 'Roboto Condensed';
    text-transform: capitalize;
}
.about-content-page .line-2 {
    width: 50px;
    height: 2px;
    background-color: #ab0000;
}
.about-content-page p {
    font-size: 13px;
    font-weight: 500;
    text-align: justify;
    font-family: 'Plus Jakarta Sans';
    color: #595959;
    margin-top: 20px;
    line-height: 20px;
}
.about-us-page .col-md-6 {
    padding: 0;
}

/*================================timeline=============================*/

.timeline {
  position: relative;
  width: 100%;
  padding: 30px 0;
}

.timeline .timeline-container {
  position: relative;
  width: 100%;
}
.timeline-img{
    width: 275px;
    float: right;
    margin-left: 20px;
}
.timeline-img img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 15px;
    border: 2px solid #ff7171;
}
.timeline .timeline-end,
.timeline .timeline-start,
.timeline .timeline-year {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 1;
}

.timeline .timeline-end p,
.timeline .timeline-start p,
.timeline .timeline-year p {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: 0;
    padding: 27px 0;
    text-align: center;
    background: linear-gradient(#f44040, #9c0000);
    border-radius: 100px;
    box-shadow: 0 0 5px rgb(0 0 0 / 40%);
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
}
.left-align {
    float: left;
}
.timeline .timeline-year {
  margin: 30px 0;
}

.timeline .timeline-continue {
  position: relative;
  width: 100%;
  padding: 60px 0;
}

.timeline .timeline-continue::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: #c44f4f;
}

.timeline .row.timeline-left,
.timeline .row.timeline-right .timeline-date {
  text-align: right;
}

.timeline .row.timeline-right,
.timeline .row.timeline-left .timeline-date {
  text-align: left;
  align-items: center;
}

.timeline .timeline-date {
  font-size: 14px;
  font-weight: 600;
  margin: 41px 0 0 0;
}

.timeline .timeline-date::after {
  content: '';
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 45px;
  background: linear-gradient(#f44040, #9c0000);
  box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  border-radius: 15px;
  z-index: 1;
}

.timeline .row.timeline-left .timeline-date::after {
  left: -7px;
}

.timeline .row.timeline-right .timeline-date::after {
  right: -7px;
}

.timeline .timeline-box,
.timeline .timeline-launch {
    position: relative;
    display: inline-block;
    margin: 15px;
    padding: 20px;
    border-radius: 6px;
    background: #740000;
    border-radius: 10px;
    color: #fff;
    font-family: 'Plus Jakarta Sans';
    width: 92%;
}

.timeline .timeline-launch {
  width: 100%;
  margin: 15px 0;
  padding: 0;
  border: none;
  text-align: center;
  background: transparent;
}

.timeline .timeline-box::after,
.timeline .timeline-box::before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline .row.timeline-left .timeline-box::after,
.timeline .row.timeline-left .timeline-box::before {
  left: 100%;
}

.timeline .row.timeline-right .timeline-box::after,
.timeline .row.timeline-right .timeline-box::before {
  right: 100%;
}

.timeline .timeline-launch .timeline-box::after,
.timeline .timeline-launch .timeline-box::before {
  left: 50%;
  margin-left: -10px;
}

.timeline .timeline-box::after {
  top: 26px;
  border-color: transparent transparent transparent #740000;
  border-width: 0px;
}

.timeline .timeline-box::before {
  top: 25px;
  border-color: transparent transparent transparent #740000;
  border-width: 25px;
}

.timeline .row.timeline-right .timeline-box::after {
  border-color: transparent #ffffff transparent transparent;
}

.timeline .row.timeline-right .timeline-box::before {
  border-color: transparent #740000 transparent transparent;
}

.timeline .timeline-launch .timeline-box::after {
  top: -20px;
  border-color: transparent transparent #dddddd transparent;
}

.timeline .timeline-launch .timeline-box::before {
  top: -19px;
  border-color: transparent transparent #ffffff transparent;
  border-width: 10px;
  z-index: 1;
}

.timeline .timeline-box .timeline-icon {
  position: relative;
  width: 40px;
  height: auto;
  float: left;
}

.timeline .timeline-icon i {
  font-size: 25px;
  color: #4F84C4;
}

.timeline .timeline-box .timeline-text {
  position: relative;
  width: calc(100% - 10px);
  float: left;
}

.timeline .timeline-launch .timeline-text {
  width: 100%;
}

.timeline .timeline-text h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 3px;
    font-family: 'Roboto Condensed';
}

.timeline .timeline-text p {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .timeline .timeline-continue::after {
    left: 40px;
  }

  .timeline .timeline-end,
  .timeline .timeline-start,
  .timeline .timeline-year,
  .timeline .row.timeline-left,
  .timeline .row.timeline-right .timeline-date,
  .timeline .row.timeline-right,
  .timeline .row.timeline-left .timeline-date,
  .timeline .timeline-launch {
    text-align: left;
  }

  .timeline .row.timeline-left .timeline-date::after,
  .timeline .row.timeline-right .timeline-date::after {
    left: 47px;
  }

  .timeline .timeline-box,
  .timeline .row.timeline-right .timeline-date,
  .timeline .row.timeline-left .timeline-date {
    margin-left: 55px;
  }

  .timeline .timeline-launch .timeline-box {
    margin-left: 0;
  }

  .timeline .row.timeline-left .timeline-box::after {
    left: -20px;
    border-color: transparent #ffffff transparent transparent;
  }

  .timeline .row.timeline-left .timeline-box::before {
    left: -22px;
    border-color: transparent #dddddd transparent transparent;
  }
}
.partner{
    padding: 50px 0; 
}

.all-icon-details ul li{
    color: #000;
    font-family: 'Roboto Condensed';
    font-size: 16px;
    margin-bottom: 10px;
}

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

.listar-feature-item-wrapper {
  margin-bottom: 30px;
  padding-left: 27px;
  padding-right: 27px;
}

.listar-feature-item {
  height: calc(100% - 20px);
}

.listar-feature-item.listar-feature-has-link
  ~ .listar-feature-fix-bottom-padding.listar-fix-feature-arrow-button-height {
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
}

.listar-feature-item a {
  position: absolute;
     top: 0px;
    left: 20px;
  width: calc(100% - 30px);
  height: calc(100% + 4px);
  border-radius: 1000px;
  z-index: 10;
}

.listar-feature-with-image .listar-feature-item a:before {
  content: "";
  position: absolute;
  top: -74px;
  left: 50%;
  margin-left: -74px;
  width: 148px;
  height: 148px;
  border-radius: 1000px;
  z-index: 10;
}

.listar-feature-item a:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 1000px;
  z-index: 10;
  animation: ripple 0.7s linear infinite;
  box-shadow: 5px 5px 10px rgba(163, 177, 198, 0.6),
    -5px -5px 10px rgba(255, 255, 255, 0.5);
}


@keyframes ripple {
  0% {
        box-shadow: 0 0 0 0 rgba(163, 177, 198, 0.3), 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.01);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(163, 177, 198, 0.3), 0 0 0 3em rgba(163, 177, 198, 0.03), 0 0 0 5em rgba(163, 177, 198, 0.03), 0 0 0 8em rgba(163, 177, 198, 0.01);
  }
}



.listar-feature-item .listar-feature-item-inner {
  padding: 50px 30px;
  border-radius: 6px;
  z-index: 5;
  position: relative;
  height: 100%;
}

.listar-feature-item .listar-feature-item-inner {
  padding-top: 60px;
  padding-bottom: 60px;
}

.listar-feature-item .listar-feature-item-inner:before {
  border: 0;
  box-shadow: 120px 0px 150px rgba(80, 80, 80, 0.15),
    10px 0px 10px rgba(80, 80, 80, 0.02);
  border-radius: 1000px;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    right top,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(40%, rgba(255, 255, 255, 0)),
    color-stop(100%, rgba(255, 255, 255, 1))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1);
}

.listar-feature-item .listar-feature-item-inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.listar-feature-right-border {
  position: absolute;
  width: calc(100% + 24px);
  height: calc(100% + 24px);
  top: -12px;
  left: 50%;
  overflow: hidden;
}

.listar-feature-items {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 65px;
  padding-bottom: 50px;
}

.listar-feature-right-border:before,
.listar-hovering-features
  .listar-feature-item
  a:hover
  ~ .listar-feature-item-inner
  .listar-feature-right-border:before {
  border: 11px solid #2f53bf;
}

.listar-feature-right-border:before,
.listar-hovering-features
  .listar-feature-item
  a:hover
  ~ .listar-feature-item-inner
  .listar-feature-right-border:before,
.listar-hovering-features-grey
  .listar-feature-item
  a:hover
  ~ .listar-feature-item-inner
  .listar-feature-right-border:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 11px solid #d52525;
  border-radius: 800px;
  left: -50%;
}

.listar-feature-item .listar-feature-block-content-wrapper {
  position: relative;
  display: block;
  text-decoration: none;
  margin: -30px;
  padding: 0px 30px 25px;
  height: calc(100% + 100px);
}

.listar-features-design-2 .listar-feature-item-wrapper {
  margin-bottom: 120px;
  padding-left: 27px;
  padding-right: 27px;
}

.listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
  content: "";
  background-color: #fff;
  z-index: 6;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
}

.listar-feature-icon-wrapper {
  width: 148px;
  height: 148px;
  line-height: 148px;
  border-radius: 500px;
  position: relative;
  background-color: #fff;
  box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.06);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  left: 50%;
  vertical-align: middle;
  margin-left: -74px;
  top: -66px;
  margin-top: -74px;
}

.listar-feature-icon-inner {
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 500px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.14);
  background: #fff;
}

.listar-feature-icon-inner div {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  display: inline-block;
  position: relative;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: left;
}

.listar-feature-icon-inner img {
  position: relative;
  margin: 0 auto;
  vertical-align: middle;
  display: inline-block;
  width: auto;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  height: 65px;
}

.listar-feature-item img,
.listar-feature-item i {
  position: relative;
  display: inline-block;
  border-bottom: 0;
  font-size: 40px;
  top: 0;
  padding: 0;
  color: #258bd5;
}

.listar-feature-with-image .listar-feature-content-wrapper {
  top: 0;
}
.listar-feature-content-wrapper {
  position: relative;
  margin-top: -25px;
}

.listar-feature-item .listar-feature-item-title {
  padding-top: 0;
  margin: 0 0 30px;
  text-align: center;
  line-height: 1.5;
}

.listar-feature-item
  .listar-feature-item-title.listar-feature-counter-added
  > span {
  margin-left: 25px;
  border-radius: 0 50px 50px 0;
}

.listar-feature-item .listar-feature-item-title > span {
  box-shadow: 15px 20px 30px rgba(80, 80, 80, 0.12),
    5px 0px 40px rgba(80, 80, 80, 0.1);
  padding: 10px 20px;
  display: inline-block;
  position: relative;
  background-color: #fff;
}

.listar-feature-item .listar-feature-item-title > span span {
  box-shadow: 15px 15px 30px rgba(80, 80, 80, 0.2),
    5px 0px 80px rgba(80, 80, 80, 0.15);
  padding: 10px 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 30px;
  white-space: nowrap;
  position: absolute;
  top: -3px;
  left: -40px;
  border-radius: 50px;
  background-color: #fff;
}
.listar-feature-item .listar-feature-item-title span {
  display: inline-block;
  font-size: 14px;
  line-height: normal;
  font-weight: 700;
  text-shadow: none;
  border-radius: 50px;
  color: #252525;
  font-size: 18px;
}
.listar-feature-item-excerpt {
  padding: 0 20px;
}
.listar-feature-item-excerpt {
  color: #252525;
  position: relative;
  top: 0;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.pset {
    overflow: hidden;
    background-color: #fff0f0;
    padding: 50px 0;
}
.listar-map-button-text span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  height: 44px;
  line-height: 1.6;
  padding: 10px 25px;
  box-shadow: 0 0 31px rgba(0, 0, 0, 0.65), 0 0 4px rgba(0, 0, 0, 0.06);
  border-radius: 50px;
  background-color: rgba(35, 40, 45, 0.9);
  color: #fff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}
.listar-map-button-text span {
  background-color: #fff;
  color: #252525;
  text-shadow: none;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.listar-map-button-text span:after {
  border: 12px solid #fff;
}

.listar-map-button-text span:after {
  content: "";
  position: absolute;
  top: -14px;
  left: -14px;
  width: calc(100% + 28px);
  height: calc(100% + 28px);
  border-radius: 36px;
}

.listar-map-button:hover .listar-map-button-text span {
  padding: 10px 43px 10px 51px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.listar-feature-with-image .listar-feature-item a:before {
  content: "";
  position: absolute;
  top: -74px;
  left: 50%;
  margin-left: -74px;
  width: 148px;
  height: 148px;
  border-radius: 1000px;
  z-index: 10;
}

.listar-feature-item.listar-feature-has-link .listar-feature-item-inner:after {
  margin-left: -20px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  box-shadow: 10px 10px 40px rgba(80, 80, 80, 0.15),
    15px 15px 30px rgba(80, 80, 80, 0.05), 0 0 120px rgba(80, 80, 80, 0.6);
  bottom: -30px;
  background-image: url("https://image.flaticon.com/icons/svg/2316/2316674.svg");
  background-size: 40%;
  color: #555;
  line-height: 52px;
}

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

.expect {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px;
}
.blog-slider {
    height: 260px;
    background: #fff;
    border-radius: 25px;
    box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
    overflow: hidden;
    position: relative;
    width: 85%;
    margin: 0 auto;
}
.swiper-wrapper {
    height: 100%;
}
.swiper-slide {
    display: flex;
    align-items: center;
    padding-left: 15px;
}
.blog-slider__img {
    width: 395px;
    height: 230px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 0px;
}
.blog-slider__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-slider__content {
    text-align: left;
    padding-left: 20px;
    width: 77%;
    padding-right: 40px;
}
.blog-slider__code {
    color: #7b7992;
    font-size: 14px;
    margin-bottom: 10px;
}

.blog-slider__title {
    font-size: 20px;
    font-weight: 600;
    color: #8e0000;
    margin-bottom: 10px;
    font-family: 'Plus Jakarta Sans';
}

.blog-slider__text {
    font-size: 14px;
    color: #000000;
    margin-bottom: 0px;
    line-height: normal;
}

.blog-slider__button {
    background-color: #fd3838;
    color: #fff;
    padding: 12px 30px;
    border-radius: 50px;
    text-decoration: none;
}

/* ✅ Vertical Dots Pagination on the Right Side */
.swiper-pagination {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #062744;
    opacity: 0.4;
    border-radius: 50%;
    margin-bottom: 10px;
    transition: all 0.3s;
}

.swiper-pagination-bullet-active {
    background-color: #bc0000;
    height: 25px;
    border-radius: 10px;
    opacity: 1;
}


/*========================Registration=============================*/

.registration{
    padding: 50px 0;
    background-color: antiquewhite;
}
.price-section {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.price-box {
    background-color: #ffbf60;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
    width: 375px;
}
.price-box h3 {
    font-size: 18px;
    color: #223144;
    margin-bottom: 10px;
    font-family: 'Roboto Condensed';
}
.price-box h2 {
    font-size: 32px;
    color: #223144;
    margin-bottom: 10px;
    font-weight: bold;
}
.price-box p {
    font-size: 14px;
    color: #666;
    margin: 0;
}
.price-box:hover {
    background-color: #fff;
    transform: scale(1.05);
    transition: all 0.3s;
    text-decoration: none;
}

/*=========================================================*/
.finix-text h6 {
  color: #b80002;
  font-weight: 400;
  font-size: 17px;
}
.finix-text p {
  color: #606060;
  font-size: 15px;
  line-height: 1.8rem;
}
.why-choose-us {
  margin-top: 90px;
}
.why-choose-us .finix-text h2 {
  font-weight: 500;
}
.why-choose-us .ct-btn {
  display: inline-block;
  width: 85px;
  height: 85px;
  line-height: 85px;
  text-align: center;
  border-radius: 50%;
  font-size: 30px;
  background: #fff;
  position: absolute;
  top: 77%;
  right: 43%;
}
.why-choose-us .ct-btn::before {
  content: "";
  height: 85px;
  width: 85px;
  position: absolute;
  top: 0;
  left: 0;
  background: #e73a3e;
  border-radius: 50%;
  animation: choose 1.6s ease-out infinite;
}
@keyframes choose {
  0%, 30% {
    transform: scale(0);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: .7;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.why-choose-us .ct-btn a {
  color: #b80002;
}
.why-choose-us .feature-box {
    background: #fff;
    padding: 35px 0px;
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
    transition: .4s;
    box-shadow: 0 0 10px 0 #ddd;
}
.why-choose-us .feature-box:hover {
  transform: translateY(-10px);
}
.why-choose-us .feature-box:hover .fbc-btn {
  background: #b80002;
  color: #fff;
}
.why-choose-us .feature-box::before {
  content: "";
  position: absolute;
  top: -115px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 70%;
  background: #820000;
  border-radius: 50%;
}
.why-choose-us .fbc-btn {
    display: inline-block;
    height: 90px;
    width: 90px;
    line-height: 90px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    color: #e73a3e;
    position: relative;
    transition: .4s;
    margin-bottom: 30px;
    box-shadow: 0px 8px 8px 0px #ddd;
}
.active-feature {
  margin-top: -30px;
}
.why-choose-us .finix-text {
  position: relative;    
  width: 100%;
}
.finix-text img{
    width: 100%;
}

.feature-box-content h3{
    font-size: 18px;
    font-family: 'Roboto Condensed';
    color: #000;
}
.feature-box-content p{
    margin-top: 0;
    margin-bottom: 0rem;
    font-family: 'Nunito';
    line-height: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #424242;
    text-transform: capitalize;
    font-size: 13px;
}
.fbc-btn img{
    width: 100%;
    padding: 20px;
}
.flow{
    padding: 50px;
    background-color: aliceblue;
    padding-bottom: 0;
}
/*==================================================================*/


.participate{
    padding: 50px 0px;
    background: #f2f6fc;
}

.participate .topic{
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 20px;
  color: rgba(255, 255, 255, 0.7);
}
.content input{
  display: none;
}
.content{
    
    justify-content: space-between;
    background-color: #ffffff;
    box-shadow: 0 0 15px 0 #ddd;
    border-radius: 14px;
}

.content .list{
  display: flex;
  flex-direction: column;
  position: relative;
  width: 35%;
  margin-right: 50px;
}

.content .list label{
  cursor: pointer;
  height: 52px;
  line-height: 50px;
    font-size: 16px;
    font-weight: 500;
    color: #630000;
  padding-left: 0px;
  transition: all 0.5s ease;
  z-index: 10;
}

#home:checked ~ .list label.home,
#blog:checked ~ .list label.blog,
#help:checked ~ .list label.help,
#code:checked ~ .list label.code,
#about:checked ~ .list label.about{
    color: #630000;
    font-size: 16px;
    margin: 0;
}

.content .slider{
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  width: 100%;
  border-radius: 100px;
  transition: all 0.5s ease;
  background: #ffe8e8;
  box-shadow: 0 0 6px 0 #888;
  border: 5px solid #fff;
}

#home:checked ~ .list .slider{
  top: 0;
}

#blog:checked ~ .list .slider{
  top: 60px;
}

#help:checked ~ .list .slider{
  top: 120px;
}

#code:checked ~ .list .slider{
  top: 180px;
}

#about:checked ~ .list .slider{
  top: 240px;
}

.content .text-content{
  width: 80%;
  height: 100%;
  color: rgba(255, 255, 255, 0.7);
}

.content .text{
  display: none;
}

.content .text .title{
    font-size: 23px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #680000;
    font-family: 'Roboto Condensed';
}

.container .text p{
  text-align: justify;
  color: #000;
}

.content .text-content .home{
  display: block;
}

#home:checked ~ .text-content .home,
#blog:checked ~ .text-content .blog,
#help:checked ~ .text-content .help,
#code:checked ~ .text-content .code,
#about:checked ~ .text-content .about{
  display: block;
  text-align: left;
}

#blog:checked ~ .text-content .home,
#help:checked ~ .text-content .home,
#code:checked ~ .text-content .home,
#about:checked ~ .text-content .home{
  display: none;
}

.custom-card{
    width: 100%;
}
.custom-card img{
    width: 100%;
}
.custome-heading h4{
    text-align: center;
    font-family: 'Plus Jakarta Sans';
    font-size: 18px;
    color: #000;
    font-weight: 600;
}
.event-back{
    background-color: antiquewhite;
}
.event-back .pd img{
    height: 100%;
    border: 2px solid #ff9816;
}

/*=============================notice-board==================================*/

.notice-board {

}
.notice {
    background: #dfeeff;
    padding: 15px;
    border-left: 5px solid #0e5ac2;
    margin-bottom: 45px;
    border-radius: 5px;
}
.notice h3 {
    margin: 0 0 15px;
    color: #7e0000;
    font-family: 'Roboto Condensed';
    font-size: 24px;
}
.notice p {
    margin: 0;
    font-size: 14px;
    color: #000;
    font-family: 'Nunito';
}


.register-width {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.wrapper {
    width: 420px;
    background-color: #fff;
    color: #fff;
    border-radius: 10px;
    padding: 30px 40px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    /* backdrop-filter: blur(8px); */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 50px auto;
}
.right {
    margin: 50px 0;
}
.wrapper h1 {
    font-size: 30px;
    text-align: center;
    color: #124da3;
    font-family: 'Montserrat';
    font-weight: 600;
    display: block;
    margin: 19px auto 13px auto;
    /* margin: 50px 0; */
}
.wrapper  p {
    color: #000;
    text-align: center;
    font-family: "Poppins", serif;
    font-size: 14px;
    font-weight: 500;
}
.wrapper .input-box {
    position: relative;
    width: 100%;
    margin: 18px 0 10px;
}
.wrapper label {
    color: #000;
    /* font-family: "Lato", serif; */
    /* font-family: "Nunito", serif; */
    /* font-family: "Montserrat", serif; */
    font-family: "Poppins", serif;
    font-size: 15px;
    font-weight: 500;
}
.input-box input, .input-box textarea {
    width: 100%;
    /* height: 100%; */
    background-color: #ffffff;
    border: none;
    outline: none;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    font-size: 14px;
    color: #000;
    padding: 14px 45px 12px 17px;
    font-family: 'Rubik';
    box-shadow: 0 0 8px 0 #bdbdbd;
}
.wrapper-span {
    font-size: 26px;
    text-align: center;
    color: #124da3;
    font-family: 'Montserrat';
    font-weight: 600;
    display: block;
    margin: 50px auto 4px auto;
    /* margin: 50px 0; */
}
.wrapper  .table-bordered {
    border: 1px solid #dee2e6;
    margin-top: 25px;
}
.quali-input {
    width: 100%;
    height: 39px;
    border: 1px solid #c7c7c7;
    padding: 10px;
    border-radius: 5px;
}
.input-box select {
    width: 100%;
    height: 64%;
    background-color: #ffffff;
    border: none;
    outline: none;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    font-size: 14px;
    color: #000;
    padding: 14px 45px 12px 17px;
    font-family: 'Rubik';
    box-shadow: 0 0 8px 0 #bdbdbd;
}
.wrapper .btn {
    width: 100%;
    height: 50px;
    background-color: #0060a1;
    border: none;
    outline: none;
    border-radius: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    transition: all 0.8s ease-out;
    font-family: 'Poppins';
}

.join-now {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: url(../images/edu-1.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.register-width {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.well {
    box-shadow: 0 0 10px 0 #c9c9c9;
    margin: 50px auto;
    padding: 25px;
}
.well p {
    font-size: 16px;
    font-family: "Lato", serif;
    font-style: normal !important;
    color: #161616;
}
.well .btn-success {
    width: 89%;
    margin: 0 auto;
}
.payment-now b {
    color: #000;
}
.well  strong {
    color: #000;
}

.table  th {
    font-weight: 800;
    font-size: 14px;
}

.name-th {
	width: 20%;
}
.table-hover td, .table-hover th {
    color: #000;
    font-size: 15px;
    font-family: "Nunito", serif;
}
.exam-section {
    background: #f4f6f9;
    padding: 70px 0;
}

.cap-img {
    display: block;
    margin: 0 auto;
    width: 80px;
    padding-top: 17px;
}
.numbers h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-align: center;
    padding: 15px 0 0;
    color: #000;
    font-size: 16px;
}
.card-body::after {
    position: absolute;
    content: '';
    width: 72%;
    height: 2px;
    background: #004ed7;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: 92px;
}
.exam-section .card  {
    margin-bottom: 35px;
}


.wrapper-signup {
    background-color: #fff;
    color: #000;
    border-radius: 10px;
    padding: 30px 40px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    /* backdrop-filter: blur(8px); */
    margin: 50px auto;
}

.wrapper-signup label {
    color: #000;
    /* font-family: "Lato", serif; */
    /* font-family: "Nunito", serif; */
    /* font-family: "Montserrat", serif; */
    font-family: "Poppins", serif;
    font-size: 15px;
    font-weight: 500 !important;
}
.wrapper-signup .input-box {
    position: relative;
    width: 100%;
    margin: 18px 0 10px;
}

.input-group-btn .btn-default {
    background: #005599;
    border-radius: 0 5px 5px 0;
    color: #fff;
	
}

.xt-blog-form .input-group-btn {
    position: relative !important;
    top: 0;
    /* left: 0; */
    right: 0;
}
.xt-blog-form .input-group-btn .btn-default {
    color: #fff;
    background: #0666b3;
    border-color: #ccc;
    padding: 6px 15px;
}
.add-on .form-control {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.member-text {
    font-size: 17px;
    font-family: "Poppins", serif;
    margin-bottom: 12px;
    color: #000;
}

.preview-section .card-body p {
    width:50%;
    float:left;
}
.preview-section  .card-body::after {
   display:none;
}
.preview-section .card-body strong {
    font-size: 15px;
    color: #000;
}
.preview-section  h2 {
    font-size: 30px;
    text-align: center;
    color: #124da3;
    font-family: 'Montserrat';
    font-weight: 600;
    display: block;
    margin: 19px auto 13px auto;
}
.photo-box {
    width:50%;
    float:left;
}

/*================================project===================================*/
.project-section {
  padding: 60px 0;
}
.aboutleft-content a:hover{
    text-decoration: none ;
    color: #fff;
}

.btn-whatsapp,
.btn-donate {
  padding: 12px 20px;
  border-radius: 50px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  z-index: 999;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.btn-whatsapp {
  background-color: #00cb4c;
}
.btn-donate {
  background-color: #840000;
}
.img-fluid {
    border: 2px solid #b50000;
    border-radius: 15px;
}

.y4d-card-wrapper {
    display: flex;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 12px rgb(0 0 0 / 14%);
    overflow: hidden;
    margin: auto;
    flex-wrap: wrap;
    font-family: 'Roboto Condensed';
    align-items: center;
    border-right: 3px solid #c60000;
    margin-bottom: 30px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.y4d-card-wrapper:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0, 123, 255, 0.25);
  border: 1px solid rgba(0, 123, 255, 0.2);
}
.y4d-card-img-box {
    width: 30%;
    padding: 15px;
}

.y4d-card-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.y4d-card-details {
  flex: 2;
  padding: 10px;
}

.y4d-title {
    font-size: 22px;
    margin-bottom: 12px;
    color: #890000;
}

.y4d-card-details p {
  margin: 0;
  line-height: 1.6;
  color: #333;
}

.y4d-description {
  margin-top: 12px;
}

.y4d-btn-group {
  display: flex;
  gap: 15px;
  margin-top: 10px;
  flex-wrap: wrap;
}

.y4d-btn {
    background-color: #820000;
    border: none;
    padding: 5px 18px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s ease;
    color: #ffffff;
}

.y4d-btn:hover {
  background-color: #000;
}

.y4d-btn-contact {
  border-color: #444;
}
.project-con-width{
    display: flex;
}
.project-con-width p{
    width: 50%;
}

.fixed-corner-img {
    position: fixed;
    bottom: 120px;
    right: 0px;
    width: 78px;
    height: auto;
    z-index: 9999;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.fixed-corner-img:hover {
  transform: scale(1.05);
}

.table thead th {
    text-align: center !important;
}
.text-success {
    color: #059e28 !important;
    font-size: 15px;
    text-align: center;
    font-weight: 700;
}

#resendTimer{
    color: red;
    padding-right: 7px;
}

/*==============================donation form=============================*/
.donate-wrapper {
    background-color: #f8ebd8;
    padding: 30px;
    max-width: 600px;
    margin: 50px auto;
    border-radius: 8px;
    font-family: 'Nunito';
    color: #000;
}
.donate-wrapper h3{
    text-align: center;
    color: #9c0000;
    font-weight: 500;
    font-family: 'Roboto Condensed';
}
.section-title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 25px;
}
.citizenship-label {
  color: red;
  font-weight: 500;
}
.btn-yellow {
  background: #ffd600;
  color: #000;
  font-weight: 600;
  border: none;
}
.btn-outline {
  border: 1px solid #ccc;
  background: #f9f9f9;
  font-weight: 600;
}
.amount-btn {
  width: 100%;
  margin-bottom: 10px;
}
.form-control, .form-select {
    font-size: 14px !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 10px 0;
    padding: 24px !important;
}
.form-check-label {
  font-size: 14px;
}
.note-text {
  color: red;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}
.terms {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: normal;
}
.payment-icons img {
    margin-right: 8px;
    width: 45px;
}
.btn-continue {
  background-color: #ffd600;
  font-weight: 600;
  width: 100%;
}

.donate-wrapper button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: color 0.4s ease;
    margin: 0 auto;
    display: block;
    margin-top: 30px;
    border: none;
    background-color: #7b0000;
    padding: 8px 30px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    font-family: 'Roboto Condensed';
}

.donate-wrapper button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2); /* white shimmer */
  transition: left 0.4s ease;
  z-index: 0;
  color: #fff;
}

.donate-wrapper button:hover::before {
  left: 0;
}

/*=========================candidate-table===============================*/

.candidate-table{
    padding: 50px 0;
}

.card-table {
    background: #ffffff;
    
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    color: #000;
    font-family: 'Roboto Condensed';
}

.card-table  table {
  width: 100%;
  border-collapse: collapse;
}

.card-table th, .card-table td {
    text-align: left;
    padding: 12px 16px;
    font-size: 16px;
    border: 1px solid #cfd6dc;
}

.card-table th {
    color: #eaf3ff;
    font-weight: 600;
    background-color: #003366;
}
.card-table tr:nth-child(odd) td {
    background-color: #f0f0f0;
}
.card-table tr:nth-child(even) td {
    background-color: #f9fbfd;
}

@media (max-width: 600px) {
  .card-table  {
    margin: 10px;
  }

  .card-table th, .card-table td {
    display: block;
    width: 100%;
    text-align: right;
    padding: 10px;
  }

  .card-table th::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    color: #444;
  }

  .card-table th {
    background: none;
    border-bottom: 1px solid #eaeaea;
  }

  .card-table td {
    border-bottom: 1px solid #eaeaea;
    background: #fff !important;
  }
}


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


.section-title {
    font-size: 38px;
    font-weight: 700;
    color: #611818;
    font-family: 'Roboto Condensed';
}
.section-subtitle {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #000;
    font-family: 'Roboto Condensed';
}
.sdg-card {
    border-radius: 8px;
    padding: 40px 20px;
    color: #fff;
        height: 230px;
    }
    .sdg-card img {
      width: 95px;
      margin-bottom: 15px;
    }
    .sdg-card h5 {
      font-size: 16px;
      font-weight: 700;
      line-height: 1.4;
      text-transform: uppercase;
    }
    .sdg-blue { background: #0d406f; }
    .sdg-red { background: #c62828; }
    .sdg-orange { background: #ef5350; }
    .sdg-maroon { background: #9e1f36; }
.service-new p{
    margin: 0;
    line-height: normal;
    font-family: 'Nunito';
    color: #000;
}
.service-new {
    background-color: #ddd;
    padding: 50px 0;
}
/******************  News Slider Demo-1 *******************/
.post-slide{overflow:hidden;margin-right:15px;}
.post-slide .post-img{float:left;width:50%;position:relative;margin-right:30px}
.post-slide .post-img img{width:100%;height:auto}
.post-slide .post-date{background:#ec3c6a;color:#fff;position:absolute;top:0;right:0;display:block;padding:2% 3%;width:60px;height:60px;text-align:center;transition:all .5s ease}
.post-slide .date{display:block;font-size:20px;font-weight:700}
.post-slide .month{display:block;font-size:11px;text-transform:uppercase}
.post-slide .post-review{padding:5% 3% 1% 0;border-top:3px solid #38cfd8}
.post-slide:hover .post-review{border-top-color:#ec3c6a}
.post-slide .post-title{margin:0 0 10px 0}
.post-slide .post-title a{font-size:14px;color:#333;text-transform:uppercase}
.post-slide .post-title a:hover{text-decoration:none;font-weight:700}
.post-slide .post-bar{padding:0;list-style:none;text-transform:uppercase;position:relative;margin-bottom:20px}
.post-slide .post-bar:after,.post-slide .post-bar:before{border:1px solid #38cfd8;bottom:-10px;content:"";display:block;position:absolute;right:36%;width:25px}
.post-slide .post-bar:before{border:1px solid #ec3c6a;right:32%}
.post-slide .post-bar li{color:#555;font-size:10px;margin-right:10px;display:inline-block}
.post-slide .post-bar li a{font-size:13px;text-decoration:none;text-transform:uppercase;color:#ec3c6a}
.post-slide .post-bar li a:hover{color:#ec3c6a}
.post-slide .post-bar li i{color:#777;margin-right:5px}
.post-slide .post-description{font-size:12px;line-height:21px;color:#444454}
.owl-theme .owl-controls{margin-top:30px}
.owl-theme .owl-controls .owl-page span{background:#fff;border:2px solid #a60000}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#a60000}
@media only screen and (max-width:990px){.post-slide .post-img{width:100%}
.post-slide .post-review{width:100%;border-bottom:4px solid #ec3c6a}
.post-slide .post-bar:before{left:0}
.post-slide .post-bar:after{left:25px}
}



.foundation-policy {
    padding: 50px 0;
}
.foundation-policy h1{ 
    font-size: 28px;
    font-family: 'Plus Jakarta Sans';
    color: #370101;
    font-weight: 700;
    margin-bottom: 30px;
}
.foundation-policy h3{
    font-size: 20px;
    font-family: 'Plus Jakarta Sans';
    color: #750000;
    font-weight: 700;
}
.foundation-policy p{
        font-size: 14px;
    font-family: 'Roboto Condensed';
    margin-bottom: 18px;
    color: #000000;
    font-weight: 400;
    text-align: justify;
    line-height: normal;
}
.unesco{
    color: #004ca4;
    display: block;
    font-size: 16px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
}
.unesco:hover{
color: #004ca4 !important;
}
.btn-project{
    background-color: #004ca4;
    font-size: 14px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    padding: 12px 12px;
    color: #fff;
    border-radius: 50px;
}
.portfolio-item h2{
    font-size: 22px;
    font-weight: 600;
    font-family: 'Plus Jakarta Sans';
    color: #ad0000;
    margin-top: 15px;
}
.portfolio-item p{
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: normal;
}

.choose-box h5 {
    font-family: 'Plus Jakarta Sans';
    color: #000;
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
}

.choose-box strong {
    color: #000;
}
.choose-box p {
    color: #838383;
}
.job-heading h3{
    background-color: #b35f5f;
    width: 100%;
    text-align: center;
    padding: 12px 0;
    color: #fff;
    font-family: 'Roboto Condensed';
    margin: 20px 0;
}
.call-btn {
    background: #fff;
    padding: 6px 12px;
    color: #000;
    font-weight: 700;
    border-radius: 3px;
}
.manager-section{
    padding: 50px 0;
}
.aboutleft-content h4{
    font-family: 'Roboto Condensed';
    color: #bd0000;
}



/*------------------------  timeline css ----------------------------*/

.timeline {
    position: relative;
    margin: 0 auto;
    padding: 0 0;
    width: 1000px;
    box-sizing: border-box;
}
.timeline:before{
  content:'';
  position:absolute;
  left:50%;
  width:2px;
  height:100%;
  background:#c5c5c5;
}
.timeline ul{
  padding:0;
  margin:0;
}
.timeline ul li{
  list-style:none;
  position:relative;
  width:50%;
  padding:20px 40px;
  box-sizing:border-box;
}
.timeline ul li:nth-child(odd){
  float:left;
  text-align:right;
  clear:both;
}
.timeline ul li:nth-child(even){
  float:right;
  text-align:left;
  clear:both;
}
.content{
  padding-bottom:20px;
   text-align: left;
}
.timeline ul li:nth-child(odd):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  right:-6px;
  background: rgb(175 0 0);
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(233,33,99,0.2);
}
.timeline ul li:nth-child(even):before
{
  content:'';
  position:absolute;
  width:10px;
  height:10px;
  top:24px;
  left:-4px;
  background: rgb(175 0 0);
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(233,33,99,0.2);
}
.timeline ul li h3{
 padding: 0;
    margin: 0;
    color: rgb(179 12 12);
    font-weight: 600;
    font-weight: 700;
    font-size: 22px;
    font-family: "Sora", serif;
}
.timeline ul li p{
  margin: 10px 0 0;
    padding: 0;
    font-family: 'Roboto Condensed';
    font-size: 18px;
    padding-left: 19px;
    color: #000;
}
.timeline ul li .time h4{
  margin:0;
  padding:0;
  font-size:14px;
}
.timeline ul li:nth-child(odd) .time
{
  position:absolute;
  top:12px;
  right:-165px;
  margin:0;
  padding:8px 16px;
  background:#510303;
  color:#fff;
  border-radius:18px;
  box-shadow:0 0 0 3px rgba(233,33,99,0.3);
}
.timeline ul li:nth-child(even) .time
{
  position:absolute;
  top:12px;
  left:-165px;
  margin:0;
  padding:8px 16px;
  background:rgba(233,33,99,1);
  color:#fff;
  border-radius:18px;
  box-shadow:0 0 0 3px rgba(233,33,99,0.3);
}
@media(max-width:1000px)
{
  .timeline{
    width:100%;
  }
}
@media(max-width:767px){
  .timeline{
    width:100%;
    padding-bottom:0;
  }
  h1{
    font-size:40px;
    text-align:center;
  }
  .timeline:before{
    left:20px;
    height:100%;
  }
  .timeline ul li:nth-child(odd),
  .timeline ul li:nth-child(even)
  {
    width:100%;
    text-align:left;
    padding-left:50px;
    padding-bottom:50px;
  }
  .timeline ul li:nth-child(odd):before,
  .timeline ul li:nth-child(even):before
  {
    top:-18px;
    left:16px;
  }
  .timeline ul li:nth-child(odd) .time,
  .timeline ul li:nth-child(even) .time{
    top:-30px;
    left:50px;
    right:inherit;
  }
}


.career-con h3 {
    font-family: "Sora", serif;
    color: #000;
    margin-top: 50px;

}

.career-con p {
   margin: 10px 0 0;
    padding: 9px 0 25px;
    font-family: 'Roboto Condensed';
    font-size: 16px;
    padding-left: 4px;
    color: #606060;
}

.career-con a {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    padding: 15px 40px;
    background: #510303;
    transition: color .3s 
ease-in-out, box-shadow .3s 
ease-in-out;
    font-family: 'Roboto Condensed';
    border-radius: 50px;
    text-transform: uppercase;
}