/* Flip clock animation */
.flip-clock-container {
    direction: ltr;
    font-family: Arial;
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    --flip-bg-color: #002846;
    --flip-text-color: #fff;
    --flip-dots-color: #002846;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%;
}

/* .h2{
    font-size: 54px !important;
    color: #191919 !important;
    margin: 1rem 0 1rem 0 !important;
    line-height: 1.2 !important;   
    font-weight: 500;

}
.h1{
    font-size: 0.875rem !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    display: block !important;
    line-height: 1.5rem !important;
    color: #b76c9a;
    line-height: 1.2 !important;

} */

h1,
h2,
h3,
h4 {
    text-transform: capitalize;
}

body {
    overflow-x: hidden;
}

.flip-clock-container * {
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flip-clock-container ::after,
.flip-clock-container ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.flip-clock-container [class|="flip-item"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flip-clock-container [class|="flip-item"]::before {
    content: ":";
    font-family: Consolas;
    font-size: 1.75rem;
    /* color: #fff; */
    line-height: 20px;
    display: flex;
    align-items: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.flip-clock-container [class|="flip-item"]:first-child::before {
    content: none;
}

.flip-clock-container [class|="flip-item"] .flip-digit {
    width: 20px;
    height: 36px;
    position: relative;
    margin: 0 2px;
    padding: 0 1rem;
}

.flip-clock-container [class|="flip-item"] .flip-digit>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-perspective: 300px;
    perspective: 300px;
}

.flip-clock-container [class|="flip-item"] .flip-digit>span::after,
.flip-clock-container [class|="flip-item"] .flip-digit>span::before {
    content: attr(data-digit);
    position: absolute;
    left: 0;
    width: 100%;
    height: 47%;
    font-size: 2.063rem;
    font-weight: bolder;
    text-align: center;
    color: #000;
    background-color: #ffffff;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-clock-container [class|="flip-item"] .flip-digit>span::before {
    top: 0;
    line-height: 36px;
    border-radius: 4px 4px 0 0;
    border-bottom: 0;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
}

.flip-clock-container [class|="flip-item"] .flip-digit>span::after {
    bottom: 0;
    line-height: 0;
    border-radius: 0 0 4px 4px;
    border-top: 0;
    -webkit-transform-origin: top;
    transform-origin: top;
}

.flip-clock-container [class|="flip-item"] .flip-digit.flipping .flip-digit-next {
    z-index: 0;
    -webkit-animation: afterZIndexAnim 0.9s linear forwards;
    animation: afterZIndexAnim 0.9s linear forwards;
}

.flip-clock-container [class|="flip-item"] .flip-digit.flipping .flip-digit-next::before {
    -webkit-animation: afterUpShadowAnim 0.9s linear forwards;
    animation: afterUpShadowAnim 0.9s linear forwards;
}

.flip-clock-container [class|="flip-item"] .flip-digit.flipping .flip-digit-next::after {
    -webkit-animation: afterFlipAnim 0.9s linear forwards,
        afterDownShadowAnim 0.9s linear forwards;
    animation: afterFlipAnim 0.9s linear forwards,
        afterDownShadowAnim 0.9s linear forwards;
}

.flip-clock-container [class|="flip-item"] .flip-digit.flipping .flip-digit-current {
    z-index: 1;
    -webkit-animation: currentZIndexAnim 0.9s linear forwards;
    animation: currentZIndexAnim 0.9s linear forwards;
}

.flip-clock-container [class|="flip-item"] .flip-digit.flipping .flip-digit-current::before {
    -webkit-animation: currentFlipAnim 0.9s linear forwards,
        currentUpShadowAnim 0.9s linear forwards;
    animation: currentFlipAnim 0.9s linear forwards,
        currentUpShadowAnim 0.9s linear forwards;
}

.flip-clock-container [class|="flip-item"] .flip-digit.flipping .flip-digit-current::after {
    -webkit-animation: currentDownShadowAnim 0.9s linear forwards;
    animation: currentDownShadowAnim 0.9s linear forwards;
}

@-webkit-keyframes afterZIndexAnim {
    0% {
        z-index: 0;
    }

    100% {
        z-index: 1;
    }
}

@keyframes afterZIndexAnim {
    0% {
        z-index: 0;
    }

    100% {
        z-index: 1;
    }
}

@-webkit-keyframes currentZIndexAnim {
    0% {
        z-index: 1;
    }

    100% {
        z-index: 0;
    }
}

@keyframes currentZIndexAnim {
    0% {
        z-index: 1;
    }

    100% {
        z-index: 0;
    }
}

@-webkit-keyframes afterFlipAnim {
    0% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

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

@keyframes afterFlipAnim {
    0% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }

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

@-webkit-keyframes afterUpShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 -100px 20px -10px #597d35d4;
        box-shadow: inset 0 -100px 20px -10px #597d35d4;
    }

    100% {
        -webkit-box-shadow: inset 0 0 20px -10px transparent;
        box-shadow: inset 0 0 20px -10px transparent;
    }
}

@keyframes afterUpShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 -100px 20px -10px #597d35d4	;
        box-shadow: inset 0 -100px 20px -10px #597d35d4;
    }

    100% {
        -webkit-box-shadow: inset 0 0 20px -10px transparent;
        box-shadow: inset 0 0 20px -10px transparent;
    }
}

@-webkit-keyframes afterDownShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 100px 20px -10px #597d35d4;
        box-shadow: inset 0 100px 20px -10px #597d35d4;
    }

    100% {
        -webkit-box-shadow: inset 0 0 20px -10px transparent;
        box-shadow: inset 0 0 20px -10px transparent;
    }
}

@keyframes afterDownShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 100px 20px -10px #597d35d4;
        box-shadow: inset 0 100px 20px -10px #597d35d4;
    }

    100% {
        -webkit-box-shadow: inset 0 0 20px -10px transparent;
        box-shadow: inset 0 0 20px -10px transparent;
    }
}

@-webkit-keyframes currentFlipAnim {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }

    100% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }
}

@keyframes currentFlipAnim {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }

    100% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }
}

@-webkit-keyframes currentUpShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 0 15px -10px transparent;
        box-shadow: inset 0 0 15px -10px transparent;
    }

    50% {
        -webkit-box-shadow: inset 0 -50px 25px -10px #597d35d4;
        box-shadow: inset 0 -50px 25px -10px #597d35d4;
    }

    100% {
        -webkit-box-shadow: inset 0 -100px 25px -10px #000;
        box-shadow: inset 0 -100px 25px -10px #597d35d4;
    }
}

@keyframes currentUpShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 0 15px -10px transparent;
        box-shadow: inset 0 0 15px -10px transparent;
    }

    50% {
        -webkit-box-shadow: inset 0 -50px 25px -10px #597d35d4;
        box-shadow: inset 0 -50px 25px -10px #597d35d4;
    }

    100% {
        -webkit-box-shadow: inset 0 -100px 25px -10px #000;
        box-shadow: inset 0 -100px 25px -10px #597d35d4;
    }
}

@-webkit-keyframes currentDownShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 0 15px -10px transparent;
        box-shadow: inset 0 0 15px -10px transparent;
    }

    50% {
        -webkit-box-shadow: inset 0 50px 25px -10px #597d35d4;
        box-shadow: inset 0 50px 25px -10px #597d35d4;
    }

    100% {
        -webkit-box-shadow: inset 0 100px 25px -10px #000;
        box-shadow: inset 0 100px 25px -10px #000;
    }
}

@keyframes currentDownShadowAnim {
    0% {
        -webkit-box-shadow: inset 0 0 15px -10px transparent;
        box-shadow: inset 0 0 15px -10px transparent;
    }

    50% {
        -webkit-box-shadow: inset 0 50px 25px -10px #fff;
        box-shadow: inset 0 50px 25px -10px #fff;
    }

    100% {
        -webkit-box-shadow: inset 0 100px 25px -10px #fff;
        box-shadow: inset 0 100px 25px -10px #fff;
    }
}

/* Flip clock animation */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap");

:root {
    --theme-color: #5a7e36;
    --secondary-color: #597d35;
    --button-primary: #225022;
    --swiper-navigation-size: 1.5rem;
    --color-par: #5a5a5a;
}

body {
    position: relative;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    overflow-x: hidden;
}

a,
button {
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover,
button:hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Playfair Display", serif;
}

p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--secondary-color);
}

::placeholder {
    text-transform: capitalize;
    color: var(--secondary-color);
    font-size: 1.805rem;
}

.themeBtn {
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(to right, #597d35, #597d35d4);
    background-size: 0 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: var(--theme-color);
    text-decoration: none;
    cursor: pointer;
    font-size: 1.063rem;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    padding: 11px 40px;
    line-height: normal;
    border-radius: 6px;
    color: var(--white);
    border: none;
}

.themeBtn:hover {
    background-size: 100% 100%;
    color: var(--white);
}

a.themeBtn.myBtn2 {
    margin-left: 0.5rem;
}

.main-heading {
    font-size: 3.25rem;
    color: #191919;
    margin: 0.5rem 0 1rem;
}

.sub-heading {
    font-size: 1rem;
    color: var(--secondary-color);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: "Poppins", sans-serif;
}
h2.sub-heading.home-heading-text {
    font-size: .9rem;
}

section {
    padding: 6rem 0;
}

.button:hover {
    color: #fff;
}

.button.outline {
    padding: 1.3vw 2.5vw 1.15vw;
    border: 1px solid #002846;
    background-color: transparent;
    font-size: 1.15vw;
}

.button.outline:hover {
    border-color: #009191;
}

.button-text {
    position: relative;
    z-index: 2;
}

.topBar {
    background: #000;
    padding: 0.75rem;
}

.topBar p {
    color: #fff;
    font-weight: 500;
    font-size: 1.1rem;
}

.topBar p span {
    font-weight: bold;
}

.socialList {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
}

.topBar .socialList {
    list-style: none;
    gap: 1rem;
}

.socialList li a {
    color: #fff;
}

.socialList li a:hover {
    color: var(--theme-color);
}

header {
    position: absolute;
    width: 100%;
    background: rgb(244 241 222);
    backdrop-filter: blur(5px);
    z-index: 80;
    transition: all 0.2s linear;
}

.main-header.fixed-header {
    position: fixed;
    top: 0;
    z-index: 99;
    background: #fff;
}

header.main-header.fixed-header .navbar .navbar-nav .nav-item+.nav-item {
    border-left: solid #000000;
}

header .navbar-collapse .nav-item.dropdown {
    display: none;
}

header .navbar .navbar-nav .nav-item .nav-link {
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 20px;
}

header .navbar .navbar-nav .nav-item+.nav-item {
    border-left: solid #e2e4e2;
}

header .navbar .infoBar {
    display: flex;
    align-items: center;
    gap: 1rem;
    list-style: none;
    margin: 0;
}

header .navbar .infoBar li a {
    color: #000;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
}

header .navbar .infoBar li a i {
    color: var(--theme-color);
}

header .bottomNav .navbar-nav {
    flex-direction: row;
    gap: 2rem 1rem;
    position: relative;
    justify-content: space-between;
}

header .bottomNav .navbar-nav .nav-item .nav-link {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding-block: 1rem;
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

/*menu button*/

.buy-book-holder {}

.buy-book-button-img-holder {
    position: absolute;
    left: auto;
    top: -80%;
    right: 80%;
    bottom: 0;
    z-index: 2;
    height: 117%;
}

.buy-book-button-img-holder.buy-button {
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: 100%;
    padding: 0 18px 0 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: transparent;
}

.buy-the-book-img {
    position: relative;
    top: 0;
    display: none;
    height: 100%;
}

.buy-button {
    position: relative;
    overflow: hidden;
    padding: 15px 20px 13px;
    border-radius: 10px;
    background-color: var(--theme-color);
    -webkit-transition: 1.5ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: 1.5ms cubic-bezier(0.23, 1, 0.32, 1);
    color: #fff;
    font-weight: 600;
    letter-spacing: -0.25px;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #fff;
}

.buy-button:hover {
    color: #fff;
}

.buy-button.bb {
    overflow: hidden;
    max-width: 70%;
    width: 100%;
    display: block;
    margin-left: auto;
}

.bk-list {
    list-style: none;
    position: relative;
}

.bk-list {
    position: relative;
    width: 44px;
    float: left;
    z-index: 1;
    margin: 0px;
    -webkit-perspective: 200px;
    perspective: 200px;
    top: -4px;
}

.bk-list .bk-book {
    position: absolute;
    width: 100%;
    height: 64px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.buy-book-holder:hover .bk-list .bk-book.bk-bookdefault,
.logo-holder:hover .bk-list .bk-book.bk-bookdefault,
.bk-list .bk-book.bk-bookdefault:hover {
    -webkit-transform: rotate3d(-0.2, 1, 0, -35deg);
    transform: rotate3d(-0.2, 1, 0, -35deg);
}

.bk-list .bk-book>div,
.bk-list .bk-front>div {
    display: block;
    position: absolute;
}

.bk-list .bk-front {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 80px);
    transform: translate3d(0, 0, 80px);
    z-index: 10;
}

.bk-list .bk-front>div {
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.bk-list .bk-front,
.bk-list .bk-back,
.bk-list .bk-front>div {
    width: 44px;
    height: 64px;
}

.bk-list .bk-left,
.bk-list .bk-right {
    width: 80px;
    left: 0;
}

.bk-list .bk-back {
    -webkit-transform: rotate3d(0, 1, 0, -180deg) translate3d(0, 0, 0);
    transform: rotate3d(0, 1, 0, -180deg) translate3d(0, 0, 0);
}

.bk-list .bk-cover-back {
    background-color: #000;
    -webkit-transform: rotate3d(0, 1, 0, -179deg);
    transform: rotate3d(0, 1, 0, -179deg);
}

.bk-list .bk-right {
    height: 64px;
    top: 0;
    -webkit-transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 31px);
    -moz-transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 31px);
    transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 31px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Main colors and content */

.bk-list .bk-page,
.bk-list .bk-right,
.bk-list .bk-top,
.bk-list .bk-bottom {
    background-color: #fff;
}

.bk-list .bk-front>div {
    border-radius: 0 1px 1px 0;
    box-shadow: inset 4px 0 5px rgba(0, 0, 0, 0.1);
}

.bk-list .bk-front:after {
    content: "";
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: -1px;
    width: 1px;
}

.bk-list .bk-cover:after,
.bk-list .bk-back:after {
    content: "";
    position: absolute;
    top: 0;
    left: 1px;
    bottom: 0;
    width: 1px;
    background: rgba(0, 0, 0, 0.06);
    /* box-shadow: 1px 0 1px rgba(255, 255, 255, 0.3); */
}

.bk-list .bk-back:after {
    left: auto;
    right: 0;
}

/* Individual style & artwork */

/* Book 1 */
.book-1 .bk-front>div,
.book-1 .bk-back,
.book-1 .bk-left,
.book-1 .bk-front:after {
    background-color: transparent;
}

.book-1 .bk-right {
    background-image: url("../../../uploads-ssl.webflow.com/61d43efd39e76deee2b9c827/61e6c09f282038ecad55f614_right.jpg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.book-1 .bk-cover {
    background-image: url("../images/webp/btnBook.webp");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

/* Fallbacks */

.no-csstransforms3d .bk-list .bk-book>div,
.no-csstransforms3d .bk-list .bk-book .bk-cover-back {
    display: none;
}

.no-csstransforms3d .bk-list .bk-book>div.bk-front {
    display: block;
}

.no-csstransforms3d .bk-info button,
.no-js .bk-info button {
    display: none;
}

.bookBtn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-color);
    border-radius: 10px;
    padding: 0.75rem 4.5rem 0.75rem 1rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.bookBtn img {
    position: absolute;
    right: 10%;
    transition: all 0.3s ease;
}

.bookBtn:hover {
    color: #fff;
}

.bottomNav {
    background-image: linear-gradient(to right, #597d35, #597d35d4);
    padding: 0.5rem 0 0;
}

.bottomNav .buy-button {
    padding: 10px 20px 10px;
}

.mainBanner,
.heroSec {
    position: relative;
}

.heroSec,
.mainBanner {
    background-size: 800% 100%;
    background-position: 0% 100%;
    transition: all 0.3s ease;
    background: #f4f1de;
}

.banner1 {
    -webkit-transition: background-position 2s ease;
    -moz-transition: background-position 2s ease;
    -ms-transition: background-position 2s ease;
    -o-transition: background-position 2s ease;
    transition: background-position 2s ease;
    background-position: 0% 100%
}

.banner2 {
    -webkit-transition: background-position 1s ease;
    -moz-transition: background-position 1s ease;
    -ms-transition: background-position 1s ease;
    -o-transition: background-position 1s ease;
    transition: background-position 1s ease;
    background-position: 30% 0%
}

.banner3 {
    -webkit-transition: background-position 1s ease;
    -moz-transition: background-position 1s ease;
    -ms-transition: background-position 1s ease;
    -o-transition: background-position 1s ease;
    transition: background-position 1s ease;
    color: #fff;
    background-position: 66% 0%
}

.banner3 h1,
.banner3 h2,
.banner3 p.pargp,
.banner3 .smallText

/*.banner4 h1,*/
/*.banner4 h2,*/
/*.banner4 p.pargp,*/
/*.banner4 .smallText */
    {
    color: #fff !important;
}

.banner4 {
    background-position: 100% 0%;
    -webkit-transition: background-position 1s ease;
    -moz-transition: background-position 1s ease;
    -ms-transition: background-position 1s ease;
    -o-transition: background-position 1s ease;
    transition: background-position 1s ease
}

/*.banner5 {*/
/*    background-position: 100% 0%;*/
/*    -webkit-transition: background-position 1s ease;*/
/*    -moz-transition: background-position 1s ease;*/
/*    -ms-transition: background-position 1s ease;*/
/*    -o-transition: background-position 1s ease;*/
/*    transition: background-position 1s ease*/
/*}*/

.heroSec .content,
.mainBanner .content {
    background: url('../images/banner/banner1.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding: 14rem 0;
}

.mainBanner .carousel-caption,
.heroSec .carousel-caption {
    position: absolute;
    inset: 0;
    color: #fff;
    text-align: center;
    width: 100%;
    margin: auto;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-top: 8rem;
}

header .bottomNav .navbar-nav .nav-item .nav-link:hover,
header .navbar .navbar-nav .nav-item .nav-link:hover,
header .navbar .infoBar li a:hover {
    color: #ffffffc9;
}

.mainBanner .smallText, .heroSec .smallText {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: block;
    line-height: 1.5rem;
    color: var(--secondary-color);
    font-family: "Poppins", sans-serif;
    transition: all 0.3s ease-in-out;
    font-weight: 700;
}
nav.navbar.py-0.px-0.navbar-expand-lg a:hover {
    color: #597d35;
}
.mainBanner h1,
.heroSec h1 {
    font-size: 3.625rem;
    color: #191919;
    margin: 1rem 0;
    transition: all 0.3s ease-in-out;
}

.mainBanner h2, .mainBanner .h2, .heroSec h2 {
    font-size: 1.625rem;
    color: #191919;
    margin: 1rem 0 2rem 0;
    transition: all 0.3s ease-in-out;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 15px;
    font-weight: 600;
}

.mainBanner h2 span,
.heroSec h2 span {
    color: #00996d;
}

.mainBanner h1 span,
.heroSec h1 span {
    color: #00996d;
}

.mainBanner p.pargp,
.heroSec p.pargp {
    color: #525252;
    font-size: 1.063rem;
    width: 60%;
    margin: 0 auto;
    transition: all 0.3s ease-in-out;
}

.buy-button {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.buy-button:hover:after {
    border-radius: 0;
    transform: translateY(0) scale(1.1);
    transition: transform 0.63s cubic-bezier(0.23, 1, 0.32, 1), border-radius 0.79s cubic-bezier(0.23, 1, 0.32, 1);
}

.buy-button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: #507337;
    transform: translateY(150%);
    transition: transform 0.99s cubic-bezier(0.23, 1, 0.32, 1),
        border-radius 0.69s cubic-bezier(0.23, 1, 0.32, 1);
    z-index: 0;
}

.slider-form {
    height: auto;
    display: inline-flex;
    padding: 6px;
    text-align: center;
    margin-top: 40px;
    z-index: 2;
    border-radius: 10px;
    background-color: rgb(80 60 153 / 7%);
}

.slider-form .form-control {
    border: 0;
    background-color: #fff;
    font-size: 0.813rem;
    font-family: "Open Sans", sans-serif;
    color: #808080;
    height: 49px;
    outline: 0;
    border-radius: 9px;
    padding-left: 41px;
    border: 1px solid transparent;
    margin-right: 6px;
    font-weight: 400;
}

.slider-form .form-control::placeholder {
    color: rgb(138, 138, 138);
    font-weight: 300;
    font-size: 16px;
}

.slider-form .form-group .icon-bg {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.slider-form .form-group {
    position: relative;
    margin-bottom: 0;
}

.slider-form .form-group i.sptico {
    color: #510000;
    background: url(../images/webp/form-icon1.webp) no-repeat;
    width: 19px;
    height: 19px;
    display: block;
    filter: invert(0) hue-rotate(80deg);
}

.slider-form .form-group i.icon2 {
    background: url(../images/webp/form-icon2.webp) no-repeat;
}

.slider-form .form-group i.icon3 {
    background: url(../images/webp/form-icon3.webp) no-repeat;
    filter: invert(0) hue-rotate(80deg);
}


.slider-form .form-group.btnsumb i {
    color: var(--white);
}

.btn-1 {
    display: inline-block;
    text-decoration: none;
    padding: 10px 18px;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 1px;
    position: relative;
    border-radius: 9px;
    background-color: #597d35;
    box-shadow: 0px 5px 29px 0px rgba(0, 153, 109, 0.34);
    border: none;
    transition: box-shadow 0.2s linear;
    height: 48px;
}

/* logo parts */
.logo-part {
    background-size: cover;
    padding: 31px 0;
    text-align: center;
    display: flex;
    justify-content: space-between;
    background-color: #597d35;
}

.fr-logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* logo parts */

/* abou-prof */
.abou-prof {
    position: relative;
}

.abou-prof h2 span,
.abou-prof h3 span {
    color: var(--theme-color);
}

.abou-prof p {
    font-size: 1rem;
    color: var(--color-par);
    margin-bottom: 2rem;
    line-height: 31px;
}

img.prof2 {
    margin: -4rem 0 0 6rem;
}

.abou-prof figure::before {
    position: absolute;
    content: "";
    right: -11rem;
    top: 7rem;
    background: url(../images/webp/profe-before-1.webp) no-repeat !important;
    background-size: cover;
    width: 334px;
    height: 306px;
    z-index: -1;
    
}
.abou-prof figure::after {
    position: absolute;
    content: "";
    left: -7rem;
    top: 2rem;
    background: url(../images/webp/profe-after.webp) no-repeat;
    background-size: cover;
    width: 309px;
    height: 462px;
    z-index: -1;
}

/* abou-prof */

/* kind */

.kind {
    text-align: center;
    background: url(../images/webp/bgkind.webp) no-repeat;
    background-size: cover;
    padding: 4rem 0 5rem;
}

.main-heading span {
    color: var(--theme-color);
}

.main-text-list {
    list-style-type: disc !important;
    padding: 1rem !important;
    margin-top: 0px !important;
    padding-top: 0px !important;

}

.main-text-list li {
    color: var(--color-par) !important;
}

.kind h2.main-heading {
    margin-bottom: 5rem;
}

.flip-card-back p,
.flip-card-front p {
    font-size: 0.875rem;
    line-height: 160%;
    color: #000;
    padding-left: 1rem;
    padding-right: 1rem;
}

.flip-card-front h4 {
    color: var(--black);
    font-size: 1.5rem;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    transition: all .3s;
}

/* .flip-card-front h3 {
    color: var(--black);
    font-size: 1.5rem;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    transition:all .3s;

} */
.flip-card-front a {
    text-transform: uppercase;
    text-decoration: underline transparent !important;
    text-decoration-thickness: 3px !important;
    color: var(--black);
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 600;
    font-size: .9rem;
    transition: all .3s;

}

.flip-card:hover .flip-card-front h4 {
    color: var(--theme-color);
}

/* .flip-card:hover .flip-card-front h3{
    color: var(--theme-color);
}  */
.flip-card:hover .flip-card-front a {
    text-decoration-color: var(--theme-color) !important;
}

.kind .flip-card {
    width: 328px;
    height: 359px;
    margin: 0;
}

.kind .flip-card-back {
    background-color: var(--white);
}

.kind .flip-card-front {
    color: #000;
    background-color: var(--white);
    border-radius: 13px;
    display: flex;
    flex-direction: column;
}

.kind .flip-card {
    border-radius: 16px;
}

.kind .flip-card img {
    border-radius: 13px 13px 0 0;
    width: 100%;
    height: 40%;
    object-fit: cover;
}

.kind .flip-card-front {
    border-radius: 16px;
    text-align: left;
}

.flip-card-inner {
    border-radius: 16px;

}

.kind .flip-card-inner .flip-card-back {
    padding: 0;
    text-align: left;

}

.kind .close-card.flip-card-inner .flip-card-back {
    padding: 1rem 2rem;
    text-align: left;
}

.open-card .flip-card-front {
    padding: 1rem 2rem;
    text-align: left;
}

.close-card .flip-card-back {
    padding: 1rem 2rem;
    text-align: left;
}

.kind-card .cards:nth-child(1) {
    margin-top: 3rem;
}

.kind-card .cards:nth-child(2) {
    margin-top: 3rem;
}

.kind-card .cards:nth-child(3) {
    margin-top: 3rem;
}

.kind-card2 .cards:nth-child(1) {
    margin-top: -1rem;
}

.kind-card2 .cards:nth-child(2) {
    margin-top: -5rem;
}

.kind-card2 .cards:nth-child(3) {
    margin-top: 4rem;
}

/* .flip-card h4 {
    color: #0000000d;
    font-size: 16.75rem;
    position: absolute;
    top: -7.4rem;
    right: 0px;
} */

.flip-card {
    background-color: transparent;
    width: 300px;
    height: 300px;
    perspective: 1000px;
    display: inline-block;
    margin: 25px
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all .3s;
    transform-style: preserve-3d;


}

.flip-card-back {
    transform: rotateY(180deg)
}

.flip-card:hover .flip-card-inner {
    box-shadow: .3rem .3rem 2.5rem rgba(0, 0, 0, .15) !important
}

/* .flip-card-back,.flip-card:hover .flip-card-inner{
    transform:rotateY(180deg)
} */
.flip-card-back,
.flip-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.flip-card-front {
    color: #000
}

.flip-card-back {
    background-color: #2e34a6;
    color: #fff;
    padding: 20px;
    font-family: poppins;
    font-size: .875rem;
    line-height: 25px
}

/* kind */

/* gallery */

.all-book {
    padding: 0rem 0 3rem;
    border-bottom: 2px solid #fffaef;
    position: relative;
    overflow: hidden;
}

.all-book h3 {
    font-size: 9.5rem;
    text-align: center;
    text-transform: capitalize;
    font-weight: bold;
    margin: 0;
    white-space: nowrap;
    color: #0c3c9917;
    position: absolute;
    top: -2.4rem;
    left: 0;
    right: 0;
}

.portfolio_slider {
    margin-top: -5rem;
    position: relative;
}

.portfolio_slider::before {
    position: absolute;
    content: "";
    background: url(../images/webp/line-port.webp) no-repeat;
    background-size: cover;
    left: 0;
    right: 0;
    top: 34%;
    bottom: 0;
    height: 62px;
}

.portfolio_slider img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.portfolio_slider img:hover {
    transform: scale(1.04);
}

/* gallery */

/* client */
.activity {
    border-radius: 80px;
    background-color: #fff;
    transition: all 0.3s ease-out;
    display: block;
    padding: 2rem;
    box-shadow: 0 0 10px #0000001c;
}

.user {
    display: flex;
    align-items: center;
    position: relative;
}

.status {
    margin-left: 10px;
}

span.title {
    display: block;
    margin-top: 2px;
    font-size: 1.063rem;
    color: #000;
    font-family: "Playfair Display", serif;
}

span.action {
    color: #000;
    font-size: 0.625rem;
}

.shelf {
    padding: 30px 30px 0px 30px;
    text-align: center;
}

.infos {
    margin-top: 15px;
    margin-left: 15px;
}

.activity .shelf .infos .title {
    font-family: "Playfair Display", serif;
    font-size: 1.063rem;
    color: var(--button-primary);
}

.activity .shelf .infos .count {
    margin: 1rem 0;
    font-size: 0.938rem;
    color: var(--secondary-color);
    display: block;
}

.activity .shelf .infos .description {
    display: block;
    font-size: 1rem;
    color: var(--color-par);
}

.activity .highlight {
    display: inline-block;
    position: relative;
    font-size: 1rem;
    padding: 0 1rem;
    margin: 1rem 0;
}

.activity .highlight:before {
    content: "";
    width: 3px;
    height: calc(100% - 20px);
    position: absolute;
    top: 5px;
    left: 0;
    background-image: -moz-linear-gradient(90deg,
            #50223c 0%,
            rgb(80, 34, 58) 100%);
    background-image: -webkit-linear-gradient(90deg,
            #50223c 0%,
            rgb(80, 34, 58) 100%);
    background-image: -ms-linear-gradient(90deg,
            #50223c 0%,
            rgb(80, 34, 58) 100%);
    border-radius: 3px;
}

.activity .highlight p {
    display: block;
    font-size: 1rem;
    color: var(--color-par);
}

.activity .highlight .page {
    margin-top: 10px;
    color: #8f8f8f;
    font-size: 0.875rem;
}

.cover-user {
    display: flex;
}

.cover-user img {
    flex-shrink: 1;
    display: flex;
}

.cover-user span {
    color: #8f8f8f;
    display: block;
    font-size: 1rem;
}

.cover img,
.avatar img {
    -webkit-filter: drop-shadow(0 0 30px #00000026);
    filter: drop-shadow(0 0 30px #00000026);
    max-width: 100%;
}

.avatar img {
    box-shadow: none;
}

.clinet {
    padding: 4rem 0 3rem;
}

.clinet h3 {
    text-align: center;
    margin-bottom: 2rem;
}

.clinet h2 span {
    color: var(--theme-color);
}

.clinet_slider .swiper-slide:nth-child(even) {
    margin-top: 4rem;
}

/* client */

/* cta */
.cta {
    /* background: url(../images/webp/cta-bg.webp) no-repeat top center/ cover; */
    background-color: #597d35;
    padding: 4.5rem 0;
}

.cta-wrap h3,
.cta-wrap .h3 {
    color: var(--white);
    font-size: 2.513rem;
}

.cta-wrap p {
    color: var(--white);
    font-size: 1.805rem;
    margin-bottom: 1.5rem;
}

img.ctab {
    position: absolute;
    top: -7rem;
    right: -24rem;
}

.cta-wrap .form-inline .themeBtn {
    background-color: transparent;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 6px;
    margin-left: 2rem;
}

.cta-wrap .form-inline .themeBtn:first-child {
    background-color: var(--theme-color);
border: 1px solid rgb(255, 255, 255);
    margin-left: 0;
}

.cta-wrap .form-inline .themeBtn:last-child {
    background: linear-gradient(to right, var(--white), var(--white));
    background-size: 0 100%;
    background-repeat: no-repeat;
    background-position: center center;
    border-color: var(--white);
}

.cta-wrap .form-inline .themeBtn:last-child:hover {
    background-size: 100% 100%;
    color: var(--black);
}

/* cta */

/* provide */
.provide h3 {
    text-align: center;
    margin-bottom: 2rem;
}

.provide h2 span {
    color: var(--theme-color);
}

.content-provide {
    background: url(../images/webp/provide-bg-2.webp) no-repeat;
    height: 136px;
    background-size: contain;
    z-index: 99;
    position: absolute;
    display: flex;
    align-items: flex-end;
    bottom: 0;
    width: 100%;
}

.content-provide h3 {
    font-size: 1.063rem;
    color: var(--white) !important;
    width: 100%;
    text-align: center;
}

.provide .swiper-slide.swiper-slide-duplicate-prev,
.provide .swiper-slide.swiper-slide-active {
    opacity: 0.2;
}

.provide .swiper-slide {
    position: relative;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    border-radius: 25px;
}

.provide .swiper-slide>img {
    transition: all 0.3s ease-in-out;
}

.provide .swiper-slide:hover>img {
    transform: scale(1.1);
}

.provide .swiper-button-prev {
    background-color: var(--theme-color);
    color: var(--white);
    padding: 1.188rem;
    border-radius: 50%;
    top: 56%;
    transform: translateY(-56%);
    left: 8%;
}

.provide .swiper-button-next {
    background-color: var(--theme-color);
    color: var(--white);
    padding: 1.188rem;
    border-radius: 50%;
    top: 56%;
    transform: translateY(-56%);
    right: 8%;
}

.provide .swiper-button-next:after,
.provide .swiper-button-prev:after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro", sans-serif;
    font-weight: 900;
    font-size: 1.2rem;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.provide .swiper-button-prev:after {
    content: "\f053";
}

/* provide */

/* trust */
.trust {
    /* background: url(../images/webp/trust-bg.webp) no-repeat; */
    padding: 6rem 0;
    background-size: cover;
    background: #f4f1de;
}

section.trust ul li {
    padding: 6px 0px;
}

.trust h3,
.trust .h3 {
    font-size: 3.25rem;
    margin-bottom: 1rem;
}

.trust h3 span {
    color: var(--theme-color);
}

.trust h3.innerh3 {
    padding-top: 10px;
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: 500;
}

.trust p {
    font-size: 1.08rem;
    color: var(--color-par);
    line-height: 30px;
}

.trust p+p {
    margin-top: 1rem;
}

.icon-trus ul {
    padding: 0;
    margin: 2rem 0;
}

.icon-trus ul li {
    display: flex;
    gap: 2rem;
    margin-bottom: 2rem;
}

.icon-trus ul li h3 {
    font-size: 1.75rem;
}

.icon-trus ul li p {
    font-size: 0.938rem;
    color: #000;
}

.wrap_form {
    <!-- background: url(../images/webp/formbg.webp) no-repeat; -->
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    background-size: cover;
    position: sticky;
    top: 135px;

}

.top_banner_heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
}

.showform .top_banner_heading {
    border-radius: 0;
}

.form-upper {
    background-color: #597d36;
    color: #fff;
    text-align: center;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    padding: 1.5rem;
}

.top_banner_heading h3:first-child {
    font-size: 2.25rem;
    font-family: "Poppins", sans-serif;
}

.top_banner_heading h3 {
    font-size: 1.625rem;
    font-family: "Poppins", sans-serif;
}

.top_banner_heading a {
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.875rem;
    margin-left: 10px;
    text-decoration: none;
    background-color: #1c67d2;
    flex: 0 0 20%;
    min-height: 50px;
}

.form-middle {
    background-color: #597d35d4;
    color: #fff;
    padding: 6px 0 16px;
    width: 100%;
}

.form-middle h3 {
    font-size: 1.563rem;
    text-align: center;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

.form-middle h3 span {
    font-weight: 700;
    color: #fff;
}

.form-lower {
    padding: 22px 47px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #597d36;
}

.banner-form-inner .form-group {
    position: relative;
    margin-bottom: 10px;
}

.banner-form-inner .form-group .icon-bg {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.banner-form-inner .form-group i.sptico {
    color: var(--secondary-color);
    background: url(../images/webp/form-icon1.webp) no-repeat;
    width: 19px;
    height: 19px;
    display: block;
}

.banner-form-inner .form-group i.icon2 {
    background: url(../images/webp/form-icon2.webp) no-repeat;
}

.banner-form-inner .form-group i.icon3 {
    background: url(../images/webp/form-icon3.webp) no-repeat;
}

.banner-form-inner .form-group i.icon4 {
    background: url(../images/webp/form-icon4.webp) no-repeat;
    height: 80px;
}


.banner-form-inner .form-group .form-control {
    position: relative;
    border-radius: 5px;
    height: 45px !important;
    color: #fff !important;
    font-size: 0.813rem;
    font-weight: 400;
    padding: 10px;
    outline: 0;
    box-shadow: none;
    border: 0;
    border: 1px solid #cccccc9e;
}

.banner-form-inner .form-group .form-control::placeholder {
    color: var(--white);
    font-size: 0.813rem;
}

.banner-form-inner .btn {
    border-radius: 5px;
    background-color: #597d35d4;
    height: 55px;
    display: flex;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25rem;
    width: 100%;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    margin-top: 16px;
    transition: all ease 0.2s;
    border: none;
    transition: box-shadow 0.2s linear;
    border: 3px solid #fff;
}

/* trust */

/* number */
.numbers {
    padding: 0rem 0;
    overflow: hidden;
}

.numbers .swiper-slide {
    display: flex;
    height: auto;
    min-height: 100%;
}

.numbers .swiper-slide:nth-child(even) .number-wrap {
    background: #fff;
}

.number-wrap {
    padding: 2rem;
box-shadow: 0 0 10px #5c7f382b;
background: #fff;
}

.numbers .wrap-num:nth-child(odd) {
    background-color: #e9f3f1;
}

.numbers .wrap-num:nth-child(even) {
    background-color: #faffff;
}

.count-num {
    display: flex;
    justify-content: space-between;
}

.count-num h3 {
    font-size: 5.875rem;
}

.number-wrap h4 {
    font-size: 2rem;
}

.number-wrap p {
    color: var(--color-par);
    font-size: 1.063rem;
}

.count-num span {
    border-radius: 50%;
    background-color: var(--theme-color);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.count-num span i {
    font-size: 2.805rem;
    color: #fff;
}

/* number */

/* guaranred */
.guaranred {
    background-size: cover;
    padding: 5rem 0;
    background: #f4f1de;
}

.gurant-wrap {
    display: flex;
    align-items: center;
}

.gurant-wrap figure {
    margin: 0;
}

.gurated-conten h3 {
    font-size: 3.25rem;
}

.gurated-conten p {
    font-size: 1.08rem;
    color: var(--color-par);
}

/* guaranred */

/* bookslide */
.bookslide {
    padding: 0 0 5rem;
    overflow: hidden;
}

.bookslide>h3 {
    font-size: 14rem;
    text-align: center;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0px -10rem;
    color: #0c3c990a;
    white-space: nowrap;
    margin-top: -3rem;
    overflow: hidden;
}

/* bookslide */
/* series */

.series {
    background: url(../images/webp/seris-bg.webp) no-repeat;
    background-size: cover;
    padding: 3rem 0;
    background: #f4f1de;
}

.series h4,
.series .h4,
.series h2,
.series .h2 {
    font-size: 3.25rem;
}

.series h3 span,
.series h2 span {
    color: var(--theme-color);
}

.series p {
    font-size: 1rem;
    color: var(--color-par);
}

.series ul.flip-clock-container.flip-2 {
    margin: 2rem 0;
    justify-content: flex-end;
}

/* series */

/* skill */

.skill.hmskill img.skill3 {
    width: 58%;
}

.skill.hmskill img.skill2 {
    width: 42%;
}

.skill.hmskill img.skill1 {
    left: 40px;
    position: relative;
}

.abou-prof {
    position: relative;
}

.skill h2 span {
    color: var(--theme-color);
}

.skill p {
    font-size: 1.08rem;
    color: var(--color-par);
    margin-bottom: 1rem;
    line-height: 31px;
}

.skill figure {
    position: relative;
}

img.skill1 {
    margin: 0 0 0 -3rem;
}

img.skill2 {
    position: absolute;
    right: 15rem;
    top: 19rem;
}

img.skill3 {
    position: absolute;
    right: 1rem;
    top: 10em;
    width: 70%;
}

.skill figure::before {
    position: absolute;
    content: "";
    right: 0rem;
    top: -1rem;
    background: url(../images/webp/profe-before-1.webp) no-repeat;
    background-size: cover;
    width: 334px;
    height: 306px;
    z-index: -1;
}

.skill figure::after {
    position: absolute;
    content: "";
    left: -14rem;
    top: -3rem;
    background: url(../images/webp/profe-after.webp) no-repeat;
    background-size: cover;
    width: 309px;
    height: 462px;
    z-index: -1;
}

.skill ul {
    margin: 0 0 1rem;
    padding: 0;
    list-style-type: none;
    margin-top: 2rem !important;
}

.skill ul li {
    color: #383838;
    font-size: 1.063rem;
    padding-bottom: 0.5rem;
}

.skill ul li i {
    color: var(--theme-color);
    padding-right: 0.5rem;
}

/* skill */

/* faq */
.faq {
    background: url(../images/webp/faq-bg.webp) no-repeat;
    background-size: cover;
    background: #f4f1de;
}

.faq h3 {
    font-size: 3.25rem;
    text-align: center;
}

.faq p {
    text-align: center;
    font-size: 1rem;
    color: var(--color-par);
}

.faq .row {
    margin-top: 3rem;
    gap: 1rem 0;
}

.faq .card button {
    font-size: 0.9625rem;
    color: #000;
    font-family: "Poppins", sans-serif;
    padding: 0;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
}

.faq .card button i {
    font-size: 1.25rem;
}

.faq .card .card-header {
    background: var(--white);
}

.faq .card p {
    color: #5a5a5a;
    text-align: start;
    margin-bottom: 1rem;
}

div#accordionExample .card-body ul {
    padding-left: 1rem;
}

/* faq */

/* foter-cta */
.foter-cta {
    /* background: url(../images/webp/footr-cta.webp) no-repeat; */
    background-color: #597d35;
    background-size: cover;
    text-align: center;
    padding: 5rem 0;
}

.foter-cta h4,
.foter-cta .h4 {
    color: var(--white);
}

.foter-cta h5,
.foter-cta p {
    color: var(--white);
    font-weight: 400;
}

.foter-cta .themeBtn {
    margin-top: 2rem;
    border: 2px solid rgb(255, 255, 255);
}

/* foter-cta */

/*book slider Css*/
.book-section {
    width: 100%;
    position: relative;
    margin-top: -8rem;
}

.book-section>.container {
    height: 768px;
    position: relative;
    border-radius: 5px;
    margin-bottom: 30px;
    perspective: 8000px;
    border: 15px solid var(--secondary-color);
    background: #fff;
}

.container>.right {
    position: absolute;
    height: 100%;
    width: 50%;
    transition: 0.7s ease-in-out;
    transform-style: preserve-3d;
}

.book-section>.container>.right {
    right: 0;
    transform-origin: left;
    border-radius: 0;
}

.right>figure.front,
.right>figure.back {
    margin: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 200%;
    background-repeat: no-repeat;
    backface-visibility: hidden;
    background-color: white;
    overflow: hidden;
    padding: 3rem 2rem;
}

.right>figure.front {
    background-position: right;
    box-shadow: 2px 2px 15px -2px rgba(0, 0, 0, 0.2);
}

.right>figure.back {
    background-position: left;
    box-shadow: -2px 2px 15px -2px rgba(0, 0, 0, 0.2);
    transform: rotateY(180deg);
}

.flip {
    transform: rotateY(-180deg);
}

.flip::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}

.front#cover,
.back#back-cover {
    background: linear-gradient(to bottom,
            var(--secondary-color),
            var(--theme-color));
    text-align: left;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bookMainHeading,
.mainHeading {
    font-size: 1.9rem;
    color: #4f4f4f;
    margin: 0 0 1rem;
    text-transform: capitalize;
    font-weight: 600;
    line-height: normal;
}

.bookSecondaryHeading {
    font-size: 2rem;
    color: #b3b3b1;
}

.book-section p {
    color: #666;
    font-size: 1rem;
    line-height: 1.8;
}

.front#cover h1 {
    text-align: center;
    color: #fff;
    font-size: 4rem;
}

.front#cover p {
    color: #fff;
    text-align: center;
}

.book-section .btnCont button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100%;
    padding: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
}

.book-section .btnCont button:first-of-type {
    left: 10%;
    transform: translate(-10%, -50%);
}

.book-section .btnCont button:last-of-type {
    right: 10%;
    transform: translate(-10%, -50%);
}

.book-section .btnCont button i {
    font-size: 1.25rem;
}

footer {
    padding: 1rem 0 1.25rem;
    background: #f4f1de;
}

.footerLinks h5 {
    font-weight: 600;
    font-size: 1.805rem;
}

.footerLinks ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.5rem 0;
}

.footerLinks ul li a {
    font-size: 0.85rem;
    color: #5a5a5a;
    font-weight: 300;
    position: relative;
}

.footerLinks ul li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: #5a5a5a;
    height: 1px;
    width: 0%;
    transition: all 0.2s ease-in-out;
}

.footerLinks ul li a:hover:before {
    width: 100%;
}

footer .inputCont {
    position: relative;
}

footer .inputCont input {
    border-radius: 10px;
    border: 1px solid #6c6c6c;
    color: #6c6c6c;
    height: 40px;
    font-size: 0.6875rem;
    width: 100%;
    outline: none;
    padding-left: 1rem;
    padding-right: 45px;
    background: transparent;
}

footer .inputCont input::placeholder {
    font-size: 0.6875rem;
    color: #6c6c6c;
}

footer .inputCont button {
    padding: 0;
    height: 39px;
    width: 39px;
    position: absolute;
    right: 0;
    font-size: 0;
}

footer .inputCont button i {
    font-size: 1.063rem;
}

.footerLinks p {
    font-size: 0.875rem;
    color: #5a5a5a;
    line-height: 1.5;
}

.footerLinks ul.socialList {
    flex-direction: row;
    justify-content: start;
    gap: 1rem;
    margin-top: 1rem;
}

.footerLinks ul.socialList li a {
    background: #597d35;
    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 100%;
    font-size: 1rem;
}

.footerLinks ul.socialList li a:hover {
    background: var(--theme-color);
}

.footerLinks ul.socialList li a:before {
    content: none;
}

.footerLinks form {
    margin-bottom: 1rem;
}

.footerLinks .socialList h5 {
    font-size: 1rem;
    margin: 0;
    font-weight: 600;
}

.copyrightLinks {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.copyrightLinks li a {
    font-size: 0.75rem;
    color: #5a5a5a;
}

.copyright {
    border-top: 1px solid #cac6bf;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
}

.copyright p {
    font-size: 0.75rem;
    color: #5a5a5a;
    text-align: end;
}

.hide {
    display: none;
}

/* footer .container {
    max-width: ;
} */

/* Inner Pages Css Start */

.aboutInner {
    margin-top: 4rem;
}


.our-contact {
    background: #fff;
    z-index: 1;
    padding: 50px 0;
}

.info-form {
    position: relative;
    z-index: 5;
}

.info-form form {
    /* padding: 0 15px; */
}

.info-form .form-control {
    border-radius: 0;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #fff;
    height: 50px !important;
    margin-bottom: 25px;
    color: #a7a7ab;
    font-size: 15px;
    resize: none;
    padding: 10px 15px;
}

.info-form ::placeholder {
    color: #a7a7ab;
}

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

.info-form input[type="submit"],
.popupform input[type="submit"] {
    padding: 80px 25px 80px 15px;
    width: 40%;
    /* background: #5278f3; */
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    border: 0;
    color: #fff;
    cursor: pointer;
    border: 1px solid transparent;
    transition: .3 all ease-in-out;
    margin-top: 10px;
}

.info-form .form-control>option {
    color: #000;
}

.info-form .form-control {
    color: #817f7f;
    border-bottom: 1px solid #817f7f;
}

.info-form [class*='col'] {
    padding: 0 7px;
}

.info-form .touc-sec-form {
    background: #fff;
}

.info-form .touc-sec-form button {
    margin: initial;
}

.detail-contact {
    position: relative;
    z-index: 5;
}

.contact-ul {
    padding-left: 0;
}

.contact-ul li a {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
}

.contact-ul li a>span {
    color: #67676d;
    display: block;
    line-height: 80px;
    vertical-align: baseline;
    font-size: 20px;
    margin-top: 5px;
}

.contact-ul li img {
    position: absolute;
    left: 0;
    top: 22px;
    border: 1.5px solid;
    border-image-slice: 1;
    /* border-width: 2px; */
    border-image-source: linear-gradient(to top, #00C85300, #cecece, #00C85300);
    border-left: 0;
    border-bottom: 0;
    border-top: 0;
    padding-right: 17px;
}

.contact-ul li p {
    margin: 0;
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.contact-ul li {
    position: relative;
    padding: 30px 0;
    padding-left: 85px;
    display: flex;
    gap: 1rem;
}

.contact-ul li:last-child img {
    top: 25px;
    left: 11px;
    padding-right: 28px;
}

.contact-ul li:first-child img {
    /* top: 80px; */

}

.contact-ul li::before {
    content: "";
    position: absolute;
    border-bottom: 2px dotted #e2e2e2;
    width: 82%;
    right: 0;
    bottom: 0;
}

.contact-ul li:last-child::before {
    display: none;
}

.contact-ul li i {
    font-size: 2rem;
}

.heading3 {
    color: #000;
    font-size: 52px;
    margin-bottom: 20px;
    font-weight: 700;
}

.heading3 span {
    display: block;
    font-weight: 400;
}

.abou-prof .skill {
    padding: 0;
}

.abou-prof .storyCount li span {
    line-height: normal;
}

.blogInner h2 span {
    color: var(--theme-color);
}

.blogInner h2.main-heading {
    margin-bottom: 4rem !important;
}

.blogHead h3 {
    font-size: 1.625rem;
    line-height: 1.3;
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: 70px;
}

.blogHead {
    background-color: rgb(255, 255, 255);
    box-shadow: 2.867px 7.469px 13px 0px rgb(210 210 210 / 18%);
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 0 0 10px 10px;
}

.blogInner .row+.row {
    padding-top: 2rem;
}

.contactInfo p,
.contactInfo a,
.contactInfo span {
    font-size: 1.375rem;
    color: black;
    font-weight: 500;
}

.contactInfo a {
    display: block;
}

.calls {
    padding: 10px 0 7px 0;
}

.contactInfo span {
    margin-top: 3rem;
    display: block;
}

.contactForm .form-group .form-control {
    border-radius: 10px;
    height: 75px;
    border: 2px solid rgb(235, 235, 235);
    background-color: rgb(255, 255, 255);
}

.contactForm .form-group label {
    font-size: 1.25rem;
    color: black;
    font-weight: 500;
}

.contactForm .form-group .form-control::placeholder {
    color: rgba(0, 0, 0, 0.502);
    padding-left: 10px;
}

.contactForm .form-check-label {
    font-size: 1.805rem;
    color: rgba(0, 0, 0, 0.502);
    margin-left: 5px;
}

.contactForm .form-check-input {
    margin-top: 0.5rem;
}

.contactForm .form-check {
    padding: 10px 0 3px 1.25rem;
}

.contactForm h5 {
    color: black;
    margin-top: 1.5rem;
}

.fileChoose .form-group {
    margin-top: 1rem;
}

.contactForm .form-group textarea {
    min-height: 9rem;
}

.contactForm .form-group textarea::placeholder {
    padding-top: 10px;
}

.fileChoose {
    margin-bottom: 2rem;
}

.termsBox label {
    color: black !important;
}

.termsBox label span,
.termsBox label span a {
    color: #bf0000;
    font-weight: 600;
}

.innerBanner {
    position: relative;
    margin-top: 6.8rem;
}

span.def-transformation {
    text-transform: none;
}

.innerBanner .overlay {
    position: absolute;
    text-align: center;
    top: 70px;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.innerBanner .overlay h1 {
    font-size: 3.025rem;
    color: var(--white);
}

.innerBanner .overlay h1 span {
    color: var(--white);
    display: inline;
}

.innerBanner .overlay p {
    color: var(--white);
    font-size: 1.063rem;
    margin: 1.5rem 0;
}

.innerBanner .overlay h3 {
    font-size: 1.875rem;
    color: var(--white);
}

.banLogo {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin-top: 2.5rem;
}

.banLogo li a {
    background-color: var(--white);
    width: 9rem;
    height: 9rem;
    display: grid;
    place-items: center;
    border-radius: 100%;
}

.storyList li {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.storyList li i {
    color: var(--secondary-color) !important;
}

.serviceSec h2 span {
    color: var(--theme-color);
}

.serviceSec .row {
    margin: 0;
}

.serviceSec .col-md-80 {
    padding: 0;
}


.serviceWrap {
    list-style: none;
    display: flex;
    text-align: center;
    padding: 0;
    margin: 0;
}

.serviceWrap img {
    transition: .3s all;
    filter: brightness(0) saturate(100%) invert(94%) sepia(100%) saturate(0%) hue-rotate(152deg) brightness(107%) contrast(101%);
}

.serviceWrap img:hover {
    transform: scale(1.1);
}

.serviceWrap li a span {
    display: block;
    font-size: 1.063rem;
    font-family: "Playfair Display", serif;
    color: #fff;
    transition: 0.5s;
    margin-top: 1rem;
}

.mobile-inner-services {
    display: none;
}

.service-item {
    position: relative;
}

.service-arrow i {
    font-size: 1.5rem;
    color: white;
}
.serviceWrap li:hover span {
    transform: scale(1.3);
}

.service-arrow {
    border-radius: 50%;
    background-color: var(--theme-color);
    box-shadow: 0px 80px 38px 0px rgb(0 153 109 / 28%);
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1;
}

.service-arrow.left {
    left: 1rem;
}

.serviceWrap .service-item {
    background-color: #e7f6f2;
    width: 100%;
    height: 18rem;
    display: grid;
    place-items: center;
}


.serviceWrap .service-item.alternate {
    background-color: #f3f9ff;
}

.serviceWrap span {

    display: block;
    font-size: 1.063rem;
    font-family: "Playfair Display", serif;
    color: black;
    margin-top: 1rem;
}

.serviceWrap li {
    background-color: #597d35;
    width: 100%;
    height: 18rem;
    display: grid;
    place-items: center;
}

.serviceWrap li:nth-child(even) {
    background-color: #597d35d4;
}

.secondRow li:nth-child(even) {
    background-color: #597d35;
}

.secondRow li:nth-child(odd) {
    background-color: #597d35d4;
}

.serviceSec {
    padding: 2rem 0;
}

.process figure::before {
    /* background: url(../images/webp/greenbg.webp) no-repeat; */
    left: -2rem;
}

.process figure {
    text-align: end;
}

.process1 {
    position: absolute;
    top: 0rem;
    margin: 0 !important;
    right: 0;
}

.skill.process img.skill3 {
    right: 4rem;
}

.process figure::after {
    left: inherit;
    right: -80rem;
    background: url(../images/webp/process.webp) no-repeat;
}

.process {
    padding: 5rem 0 8rem 0;
    min-height: 630px;
}

/* Inner Pages Css End */
.book-space {
    margin-top: 8rem;
}

.book-space li img {
    transition: all 0.3s ease-in-out;
}

.book-space li:hover img {
    transform: scale(1.1);
}

.all-book ul {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.all-book ul::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #ced8ebb5;
    height: 4rem;
    width: 90%;
    z-index: -1;
    top: 30%;
    left: 5rem;
    box-shadow: 0px 0px 31px 0px #ced8eb;
}

.skill {
    padding-bottom: 3rem;

}

.stroy-writing .all-book h3 {
    font-size: 9.563rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    color: #0c3c990d;
    top: -2rem;
    left: 0;
    right: 0;
}

.stroy-writing .all-book {
    padding: 5rem 0;
}

.all-book.storyinner .portfolio_slider {
    margin-top: 1rem;
}


.swiper-pagination-bullet-active {
    background: var(--theme-color);
}

.storyCount {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    margin-top: 3rem !important;
}

.storyCount li i {
    font-size: 2rem;
    color: #5a7e36 !important;
}

.storyCount li span {
    font-size: 0.8rem;
    display: block;
    color: #746e6e;
    font-weight: 400;
}

ul.storyCount li p {
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    margin: 0;
}

.storyCount li {
    display: flex;
    align-items: unset;
}

.storyCount li+li {
    border-left: 1px solid #ddd;
    padding-left: 1rem;
}

#regForm .tab {
    display: none;
    margin: 0;
    position: relative;
    width: 100%;
}

.lead-fromm {
    position: relative;
}

footer .banner_form_btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

#prevBtn {
    right: 40px;
}


/* popup */


/* The Modal (background) */

.modal {
    display: none;
    position: fixed;
    z-index: 99;
    padding-top: 200px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}


/* Modal Content */

.modal-content {
    background: none;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}


/* The Close Button */

.close {
    color: #fff;
    float: right;
    font-size: 33px;
    text-shadow: none;
    position: absolute;
    font-weight: 900;
    right: -15px;
    top: -20px;
    height: 40px;
    border-radius: 50%;
    opacity: 1;
    width: 40px;
    background: #ed1c24;
    text-align: center;
    line-height: 1.3;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


/*
.popupstyle
{display: block;
background-image: url(../images/webp/popupbg.webp?a);
background-position: center top;
background-repeat: no-repeat;

background-size: 100% 100%;}  */

.popup-heading h2 {
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 40px;
    margin-top: 20px;
    font-family: "Poppins", sans-serif;
}

.popup-heading h2 span {
    color: #80b13b;
}

.popupstyle {
    display: block;
    background: url(../images/webp/flash-bg.webp);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    min-width: 736px;
    min-height: 501px;
    width: 736px;
    border-radius: 20px;
    border: 3px solid #ed1c24;
}

.spacehight {
    height: 130px;
}

.imagepopup img {
    /* width: 100%; */
    position: absolute;
    left: -140px;
    top: 17px;
    /* width: 390px; */
}

.imagepopup {
    position: relative;
}

.formpopup li {
    list-style: none;
}

.formpopup-my.form-styles button {
    width: 100% !important;
    min-width: 100% !important;
    margin-top: 14px !important;
    font-size: 17px !important;
    text-transform: uppercase;
    background: #ed1c24;
    color: #fff;
    font-weight: 600;
    padding: 0.575rem 0.75rem;
}

.formpopup input {
    width: 100%;
    padding: 8px;
    margin-bottom: 8px;
    border-radius: 6px;
    border: 1px solid #ced4da !important;
    height: 45px;
    font-weight: 300;
    font-size: 15px;
    min-height: 43px;
    font-family: "Poppins", sans-serif;
}

.formpopup input::placeholder,
.formpopup textarea::placeholder {
    font-family: "Poppins", sans-serif;
}

.formpopup input::-webkit-input-placeholder,
.formpopup textarea::-webkit-input-placeholder {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
}


.formpopup-my.form-styles {
    width: 100%;
    padding-top: 0;
    padding-right: 30px;
}

.formpopup-my p {
    margin-top: 0 !important;
    padding-top: 0;
    margin-bottom: 0;
    font-size: 10px;
    text-align: center;
    width: 100%
}

.formpopup textarea {
    width: 100%;
    padding: 8px;
    margin-bottom: 8px;
    border-radius: 6px;
    border: 1px solid #a99e57;
    font-family: 'Ubuntu', sans-serif !important;
    font-weight: 300;
    font-size: 80px;
    height: 103px;
}

.footerform ul {
    margin-bottom: 0;
}

input[type=button],
input[type=submit],
input[type=reset] {
    background-color: #0c1c1f;
    border: none;
    color: white;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    height: 43px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
}

p.ps {
    font-size: 80px;
    margin: 0px auto;
    text-align: center;
    padding-top: 8px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

.box-content-call a {
    color: #0c1c1f;
    text-decoration: none;
}

.ourblackh a {
    color: #01838c;
    text-decoration: none;
}

.col-container-eq {
    display: table;
    width: 100%;
}

.col-eq {
    display: table-cell;
}

.box-service1 p {
    min-height: 800px;
}

.dis1 {
    display: none !important;
}

p.ps {
    display: none !important;
}

.bannerforms {
    max-width: 370px;
    margin-left: auto;
    /* background: #fff; */
    border-radius: 4px;
}

.innerBanner .bannerforms h3 {
    font-size: 1.375rem;
    color: var(--white);
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    margin: 0;
}

.innerBanner .bannerforms h3 span {
    font-weight: 300;
}

.innerBanner .bannerforms .formhead {
    background-color: #597d35d4;
    padding: 1rem 1rem;
}

.bannerforms .banner-form-inner .form-group .form-control {
    color: #000 !important;
}

.bannerforms .banner-form-inner .form-group .form-control::placeholder,
.bannerforms .banner-form-inner .form-group .form-control::-webkit-input-placeholder {
    color: #000;
}

.bannerforms .form-lower {
    padding: 22px 25px;
}


.modal {
    background: #101010b5;
}

.advance_popup {
    width: 1050px;
    height: fit-content;
    background: url("../images/webp/banner-1.webp") #fff;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2rem;
    border-radius: 16px;
}

.advance_popup button.close {
    border: none;
    outline: none;
}

.advance_popup button.close span {
    color: #fff;
    float: right;
    font-size: 33px;
    text-shadow: none;
    position: absolute;
    font-weight: 900;
    right: 0px;
    top: 0px;
    height: 40px;
    border-radius: 50%;
    opacity: 1;
    width: 40px;
    background: var(--secondary-color);
    text-align: center;
}

/* .advance_popup span {
  font-size: 35px;
  color: white;
  font-weight: 900;
} */

.advance_popup_left {
    width: 100%;
    position: relative;
}

.advance_popup_left_img {
    position: absolute;
    top: 0;
    left: -30px;
}

.advance_popup_right {
    width: 100%;
    margin-top: 3rem;
    text-align: center;
}

.advance_popup .advance_popup_right form {
    margin-top: 2rem;
}

.advance_popup .advance_popup_right form .form-group {
    margin-bottom: 8px;
}

.advance_popup .advance_popup_right form .form-group .iti--allow-dropdown {
    width: 100%;
}

.advance_popup .advance_popup_right form .form-group input,
.advance_popup .advance_popup_right form .form-group textarea,
.advance_popup .advance_popup_right form .form-group button {
    width: 100%;
    height: 44px;
    border-radius: 4px;
    outline: none;
    border: 2px solid var(--secondary-color);
    font-size: 14px;
    padding: 15px;
    color: black;
}

.advance_popup .advance_popup_right form .form-group textarea {
    height: 100px;
}

.advance_popup .advance_popup_right form .form-group button {
    background-color: var(--secondary-color);
    font-weight: 800;
    padding: 0;
    color: white;
    border-radius: 6px;
    font-size: 18px;
}

.militry-contnet-point {
    margin-top: 1rem;
    line-height: 30px;
    margin-bottom: 0;
}

@media only screen and (min-width: 200px) and (max-width: 999px) {
    .advance_popup {
        width: 96%;
        height: fit-content;
    }

    .advance_popup_right_img img {
        width: 260px;
    }

    .advance_popup_left_img {
        position: absolute;
        top: -140px;
        left: 50%;
        transform: translateX(-50%);
        width: 200px;
    }

    .advance_popup {
        top: 60%;
        left: 50%;
        padding: 1rem;
    }

    .advance_popup button.close {
        z-index: 9999;
    }

    .advance_popup .advance_popup_right form .form-group input,
    .advance_popup .advance_popup_right form .form-group textarea,
    .advance_popup .advance_popup_right form .form-group button {
        width: 100%;
        height: 35px;
        padding: 15px;
    }


    .advance_popup .advance_popup_right form .form-group textarea {
        height: 60px;
    }

    .advance_popup .advance_popup_right form .form-group button {
        height: fit-content;
    }
}

.navbar-brand {
    height: initial;
    margin: 0.6rem 0rem;
}

.iti--separate-dial-code .iti__selected-dial-code {
    color: #fff;
}

.advance_popup_right .iti--separate-dial-code .iti__selected-dial-code {
    color: #000;
}

.close {
    opacity: .8;
}

.dropdownCont {
    position: absolute;
    width: 100%;
    background: #fff;
    left: 0;
    top: 30px;
    z-index: 11;
    padding: 1rem;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease-in-out;
}

.dropdownCont ul {
    display: flex;
    flex-wrap: wrap;
    max-height: 300px;
    flex-direction: column;
    list-style: none;
    padding: 0;
    gap: 0.5rem 0;
}

.dropdownCont ul li a {
    font-size: 0.9375rem;
    color: #242424;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding-right: 1rem;
}

.dropdownCont ul li a i {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    color: var(--theme-color);
}

.dropdownCont ul li a span {
    position: relative;
}

.dropdownCont ul li a span::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background: var(--theme-color);
    transition: all 0.3s ease-in-out;
}

.dropdownCont ul li a.active,
.dropdownCont ul li a:hover {
    color: var(--theme-color);
}

.dropdownCont ul li a.active i,
.dropdownCont ul li a:hover i {
    opacity: 1;
    visibility: visible;
}

.dropdownCont ul li a.active span::before,
.dropdownCont ul li a:hover span::before {
    width: 100%;
}

.dropdownCont .promo p {
    font-size: 0.7375rem;
    font-weight: 700;
    color: #000;
}

.dropdownCont .promo figure {
    margin: 0 0 0.25rem;
}

.dropdownCont .promo figure img {
    /* width: 100%; */
}

.dropdownCont .promo .promoBtn {
    background: #dc2100;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    font-weight: 500;
    padding: 0.5rem 1.3rem;
    border: none;
    outline: none;
    font-size: 13px;
    box-shadow: none;
}

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

header .bottomNav .navbar-nav .nav-item:hover .dropdownCont {
    opacity: 1;
    pointer-events: all;
    top: 55px;
}

.dropdown-1-col {
    width: 30rem;
}

.dropdown-2-col {
    width: 35rem;
}

.dropdownCont.dropdown-2-col ul {
    min-height: 300px;
    max-height: initial;
}

.dropdown-3-col {
    width: 50rem;
}

.custom-breadcrumb-wrap {
    margin-top: 7.6rem;
    padding: 0;
    background-color: #e9ecef;
}


/* Blog */

.arti-bx,
.more-award-img {
    margin-top: 50px;
}

.arti-bx .articl-titl {
    text-transform: capitalize;
    margin-bottom: 10px;
}

.name-month a {
    color: #180846;
    margin-right: 20px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 600;
}

.arti-bx p {
    color: #7c7c7c;
    margin-bottom: 10px;
    border-radius: 5px;
}

.arti-bx h1,
.arti-bx h2,
.arti-bx h3,
.arti-bx h4,
.arti-bx h5,
.arti-bx h6 {
    font-size: 1.55rem;
    margin: 20px 0;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
}

.blog-details .img-container img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.blog-details .image-content-box img.content-img {
    width: 140px;
}

.img-container {
    height: 590px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.img-container:before {
    content: '';
    position: absolute;
    background: #0000002b;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: none;
}

.content-block img {
    width: 100%;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    object-fit: cover;
    height: 100%;
    transition: all 0.3s ease;
}

.blogWrap {
    transition: all 0.3s ease;
    margin-top: 1.5rem;
}

.blogWrap:hover {
    transform: scale(1.1);
}

.image-overlay-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 5px 15px 0;
    z-index: 2;
}

.img-container .image-overlay-content {
    padding: 0 5px 5px 0;
}

.image-overlay-content .image-content {
    padding: 0 0 3px 10px;
    -webkit-text-fill-color: unset;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    text-align: left;
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to right, #fff, rgba(0, 0, 0, 0)) 1 0;
    border-top: 0;
}

.blog-details {
    margin-bottom: 2rem;
}

.blog-details .post-info h1 {
    font-family: "Poppins", sans-serif;
    font-size: 1.8rem;
    margin: 2rem 0;
}

.frontblog .image-overlay-content .image-content {
    font-size: 17px;
    font-weight: 500;
}

.frontblog .img-container {
    height: 184px;
}

.image-content-box {
    text-align: right;
}

.image-content-box img.content-img {
    width: 110px;
    margin: 0 0 0 auto;
}

.content-block {
    position: relative;
}

.content-block::before {
    content: " ";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 50px rgb(166 209 237 / 20%);
    box-shadow: 0 10px 50px rgb(166 209 237 / 20%);
    z-index: -2;
}


.blog-details .wrap_form {
    position: sticky;
    top: 160px;
    margin-top: 3rem;
    width: 90%;
    margin-left: auto;
    box-shadow: 0 0 10px #00000073;
}

.blog-details .top_banner_heading h3:first-child {
    font-size: 1.85rem;
}

.blog-details .top_banner_heading h3 {
    font-size: 1.805rem;
    margin-bottom: 0;
}

.blog-details .form-upper {
    padding: 1rem;
}

.blog-details .form-lower {
    padding: 22px 20px;
}

.blog-details .banner-form-inner .form-group .form-control {
    padding-left: 20px;
}

.blog-details .form-middle h3 {
    padding-top: 2px;
    padding-bottom: 5px;
}

.arti-bx p span {
    color: #7c7c7c !important;
}

.arti-bx h1 strong,
.arti-bx h2 strong,
.arti-bx h3 strong,
.arti-bx h4 strong,
.arti-bx h5 strong,
.arti-bx h6 strong {
    font-weight: 500;
}

.arti-bx h1 span,
.arti-bx h2 span,
.arti-bx h3 span,
.arti-bx h4 span,
.arti-bx h5 span,
.arti-bx h6 span {
    font-weight: 500;
    font-size: 1.55rem !important;
}


.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
    color: #ff3333;
    font-size: 1.1rem;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.trustpiloticons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
}

.trustpiloticons a img {
    margin-top: 1rem;
    margin-bottom: 3rem;
    width: 140px;
}


.wikipedia-ul {
    list-style: none;
    margin: 10px 0;
    line-height: 30px;
    padding-left: 15px;
}


.blog_slider {
    overflow: hidden;
    margin-top: 4rem;
}

.blog-details .post-info .blog_slider h1 {
    font-size: 1.2rem;
}

.blog_slider .blogHead {
    background-color: rgb(239 239 239);
}

.blog_slider .blogHead h3 {
    font-size: 1.805rem;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
}

.blog_slider .img-container {
    height: 182px;
    border-top-right-radius: 55px;
    border-top-left-radius: 5px;
}

.blogHead {
    border-radius: 0 0 10px 55px;
}

/* fb */
#homeKw {
    font-weight: 700;
    text-transform: none;
    transition: all 0.3s ease;
}


.flipbook-viewport {
    overflow: hidden;
    width: 100%;
    height: 100%;

}

/* .flipbook-viewport .container{
	position:absolute;
	top:50%;
	left:50%;
	margin:auto;
} */

.flipbook-viewport .flipbook {
    width: 100%;
    height: 720px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.flipbook-viewport .page {
    width: 461px;
    height: 600px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/* CSS for the left page */
.flipbook .page.odd {
    background: -webkit-linear-gradient(right, #fff 95%, #dadada 100%);
    /* background-image: url("../images/paper.png"); */
}

/* CSS for the right page */
.flipbook .page.even {
    background: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
    /* background-image: url("../images/paper.png") ; */
}

.internal-div {
    padding: 2rem;
}

.flipbook .page {
    background-color: #fff;
    background-size: contain !important;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.flipbook-viewport .container {
    /* background-color: #0c3c99; */
    padding: 1rem 1rem;
}

.flipbook-viewport .shadow {
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: -moz-box-shadow 0.5s;
    -o-transition: -webkit-box-shadow 0.5s;
    -ms-transition: -ms-box-shadow 0.5s;
    /*transition: all 0.2s ;*/

    -webkit-box-shadow: 0 0 10px #999 !important;
    -moz-box-shadow: 0 0 10px #999 !important;
    -o-box-shadow: 0 0 10px #999 !important;
    -ms-box-shadow: 0 0 10px #999 !important;
    box-shadow: 0 0 10px #999 !important;
}

.flipbook {
    transition: margin-left 1s;
    -webkit-transition: margin-left 1s;
    -moz-transition: margin-left 1s;
    -o-transition: margin-left 1s;
    -ms-transition: margin-left 1s;
    transition: margin-left 1s;
}

.guaranteeLogo {
    margin-top: 2rem;
}
.advance_popup .advance_popup_right form .form-group input[type=text]::placeholder,
.advance_popup .advance_popup_right form .form-group input[type=tel]::placeholder,
.advance_popup .advance_popup_right form .form-group input[type=email]::placeholder,
.advance_popup .advance_popup_right form .form-group textarea::placeholder {
    font-size: 18px;
    color: #999;
}
.trust .banner-form-inner .form-group .form-control {
    color:#000 !important;
}
.trust .banner-form-inner .form-group .form-control::placeholder {
    color:#666;
}
#cookie-consent-banner {
  position:fixed;
  bottom:0;
  left:0;
  z-index:999990;
  box-sizing:border-box;
  width:100%;
  background-color:#597d35;
  border-top:2px solid #fff
}
.cookie-consent-banner__inner {
  max-width:900px;
  margin:0 50px;
  padding:12px 0
}
.cookie-consent-banner__header {
  margin-bottom:5px;
  font-family:"CeraPRO-Bold",sans-serif,arial;
  font-weight:700;
  font-size:16px;
  line-height:24px;
  color:#fff
}
.cookie-consent-banner__description {
  font-family:"CeraPRO-Regular",sans-serif,arial;
  font-weight:400;
  color:#fff;
  font-size:14px;
  line-height:22px
}
.btn-footer {
    background-color: #597d35;
    font-size: 17px;
    color: #fff;
    border-radius: 30px;
    font-weight: 500;
    padding: 8px 40px;
    border: 1px solid #fff;
}
.cookie-consent-banner__cta--secondary {
  padding:9px 13px;
  border:2px solid #3A4649;
  background-color:transparent;
  color:#2CE080
}
.cookie-consent-banner__cta:hover {
  background-color:#20BA68
}
.cookie-consent-banner__cta--secondary:hover {
  border-color:#838F93;
  background-color:transparent;
  color:#22C870
}
.cookie-consent-banner__cta:last-child {
  margin-left:16px
}




.flip-card-back p, .flip-card-front p {
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}



.flip-card-back p, .flip-card-front p::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.flip-card-back p, .flip-card-front p::-webkit-scrollbar
{
	width: 4px;
	background-color: #F5F5F5;
}

.flip-card-back p, .flip-card-front p::-webkit-scrollbar-thumb
{
	background-color: #50223c;
	border: 2px solid #555555;
}

.innerBanner {
  position: relative;
  margin-top: 0rem;
  height: 820px;
}
.innerBanner img {
  height: 820px;
  object-fit: cover;
}
.innerBanner .overlay{
    width: 100%;
  height: 100%;
}
.menu-sub {display: flex;align-items: center; gap: 10px;}







div#myTopnav ul {
    display: none;
}

.topnav.responsive ul {
    display: block;
}

.topnav {
  overflow: hidden;
  /*background-color: #333;*/
}
.topnav a {
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    text-align: start;
    /*display: none;*/
}

.topnav .active {
  background-color: #04AA6D;
  color: white;
}

.topnav .icon {
  display: none;
}

.topnav .dropdown {
  float: left;
  overflow: hidden;
}

.topnav .dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.topnav .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.topnav .dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}





.topnav .dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
           /* float: right; */
        display: block;
        margin-left: 20px;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  
  .topnav.responsive a {
    /*float: none;*/
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

.topnav.mbl-menu {
    display: none;
}
.topnav.responsive ul {
    display: block !important;
    padding: 0;
    background: #252628;
}
a.icon {
    font-size: 25px !important;
    color: #000;
}
.icon-trus img {
    filter: invert(40%) sepia(69%) saturate(356%) hue-rotate(47deg) brightness(93%) contrast(87%);
}

.innerBanner h4 {
    color: #fff;
}

.mainBanner.banner1 .content {
    padding: 300px 0 150px;
}

.main-container__marquee {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100vw;
    overflow-x: hidden;
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
}

.main-container__marquee-track {
    display: flex;
    gap: 20px;
    white-space: nowrap;
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
}

.main-container__marquee-items {
    flex-shrink: 0;
    display: flex;
    gap: 20px;
    justify-content: space-around;
    min-width: 100%;
    animation: marquee 20s linear infinite;
    
}

.main-container__marquee-item {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    width: auto;
    transition: all 0.1s ease-in-out;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}





.ticker {
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 left: -1rem;
	 overflow: hidden;
	 pointer-events: none;
	 position: absolute;
	 right: -1rem;
	 top: 0;
	 z-index: 1;
}
 @-webkit-keyframes ticker {
	 0% {
		 -webkit-transform: translateZ(0);
		 transform: translateZ(0);
		 visibility: visible;
	}
	 to {
		 -webkit-transform: translate3d(-100%, 0, 0);
		 transform: translate3d(-100%, 0, 0);
	}
}
 @keyframes ticker {
	 0% {
		 -webkit-transform: translateZ(0);
		 transform: translateZ(0);
		 visibility: visible;
	}
	 to {
		 -webkit-transform: translate3d(-100%, 0, 0);
		 transform: translate3d(-100%, 0, 0);
	}
}
 .ticker__list {
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 -webkit-animation: ticker 15s linear infinite;
	 animation: ticker 15s linear infinite;
	 -webkit-backface-visibility: hidden;
	 backface-visibility: hidden;
	 background-image: -webkit-gradient(linear, left top, right top, from(#e07a03), color-stop(10%, #dc7776), color-stop(20%, #d26fd1), color-stop(30%, #98984d), color-stop(40%, #6296dd), color-stop(50%, #50a1a1), color-stop(60%, #6296dd), color-stop(70%, #98984d), color-stop(80%, #d26fd1), color-stop(90%, #dc7776), to(#e07a03));
	 background-image: -o-linear-gradient(left, #e07a03 0%, #dc7776 10%, #d26fd1 20%, #98984d 30%, #6296dd 40%, #50a1a1 50%, #6296dd 60%, #98984d 70%, #d26fd1 80%, #dc7776 90%, #e07a03 100%);
	 background-image: linear-gradient(to right, #e07a03 0%, #dc7776 10%, #d26fd1 20%, #98984d 30%, #6296dd 40%, #50a1a1 50%, #6296dd 60%, #98984d 70%, #d26fd1 80%, #dc7776 90%, #e07a03 100%);
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 gap: var(--space-sm);
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 left: -25%;
	 min-width: -webkit-max-content;
	 min-width: -moz-max-content;
	 min-width: max-content;
	 padding: var(--space-2xs) calc(var(--space-sm) / 2);
	 position: relative;
	 -webkit-transform: translateZ(0);
	 transform: translateZ(0);
	 -webkit-transform-style: preserve-3d;
	 transform-style: preserve-3d;
	 white-space: nowrap;
	 will-change: transform;
}
 .ticker__item {
	 color: #fff;
	 font-size: var(--text-md);
}

.mark_pg .innerBanner .overlay {width: 100%;height: 100%;background: #0000006b;}
.mark_pg .logo-part {z-index: 1;position: relative;}

.bk_pg .innerBanner .overlay {width: 100%;height: 100%;background: #0000006b;}
.bk_pg .logo-part {z-index: 1;position: relative;}

html {overflow-x: hidden;}