/*--- hero section ---*/
.hero-section {min-height: 500px;display: flex;align-items: center;justify-content: flex-start;background-image: url(../images/hero-banner.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.hero-content h1 span {color: var(--accent);}

/*---- about section ----*/
.about-section .top-row {display: flex;gap: 40px;align-items: center;}
.about-section .top-row .about-image {max-width: 410px;flex: 0 0 100%;}
.about-section .bottom-row {margin-top: 30px;}
.about-section .about-image img:hover,
.about-section .about-image img:focus,
.about-section .about-image img:active {animation-name: wobble-horizontal;animation-duration: 1s;animation-timing-function: ease-in-out;animation-iteration-count: 1;}

@keyframes wobble-horizontal {
    16.65% {transform: translateX(8px);}
    33.3% {transform: translateX(-6px);}
    49.95% {transform: translateX(4px);}
    66.6% {transform: translateX(-2px);}
    83.25% {transform: translateX(1px);}
    100% {transform: translateX(0);}
}

/*---- two col images section ---*/
.two-col-row {display: flex;justify-content: center;gap: 30px;}
.two-col-row>* {max-width: calc(50% - 15px);flex: 0 0 100%;text-align: center;}
.twocol-image-inner .image-wrapper img {max-width: 324px;width: 100%;}
.twocol-image-inner .caption {margin-top: 20px;}
.twocol-image-inner .caption p {font-size: 18px;font-weight: 600;line-height: 1.2;}
.twocol-image-inner .col:nth-child(1):hover .image-wrapper img:hover,
.twocol-image-inner .col:nth-child(1):hover .image-wrapper img:focus,
.twocol-image-inner .col:nth-child(1):hover .image-wrapper img:active {animation-name: wobble-to-bottom-right;animation-duration: 1s;animation-timing-function: ease-in-out;animation-iteration-count: 1;}
.twocol-image-inner .col:nth-child(2):hover .image-wrapper img:hover,
.twocol-image-inner .col:nth-child(2):hover .image-wrapper img:focus,
.twocol-image-inner .col:nth-child(2):hover .image-wrapper img:active {animation-name: wobble-to-top-right;animation-duration: 1s;animation-timing-function: ease-in-out;animation-iteration-count: 1;}

@keyframes wobble-to-bottom-right {
    16.65% {transform: translate(8px, 8px);}
    33.3% {transform: translate(-6px, -6px);}
    49.95% {transform: translate(4px, 4px);}
    66.6% {transform: translate(-2px, -2px);}
    83.25% {transform: translate(1px, 1px);}
    100% {transform: translate(0, 0);}
}

@keyframes wobble-to-top-right {
    16.65% {transform: translate(8px, -8px);}
    33.3% {transform: translate(-6px, 6px);}
    49.95% {transform: translate(4px, -4px);}
    66.6% {transform: translate(-2px, 2px);}
    83.25% {transform: translate(1px, -1px);}
    100% {transform: translate(0, 0);}
}

/*---- two col content section ---*/
.twocol-content-section .two-col-wrapper {display: flex;gap: 30px;align-items: center;}
.twocol-content-section .two-col-wrapper>* {max-width: calc(50% - 15px);flex: 0 0 100%;}
.twocol-content-section h2 span {color: var(--accent);}
.two-col-wrapper .left-col .image-wrapper {text-align: center;}
.two-col-wrapper .left-col img {max-width: 345px;}
.two-col-wrapper .left-col img:hover,
.two-col-wrapper .left-col img:focus,
.two-col-wrapper .left-col img:active {animation-name: bob-float, bob;animation-duration: .3s, 1.5s;animation-delay: 0s, .3s;animation-timing-function: ease-out, ease-in-out;animation-iteration-count: 1, infinite;animation-fill-mode: forwards;animation-direction: normal, alternate;}

@keyframes bob-float {
    100% {transform: translateY(-8px);}
}
@keyframes bob {
    0% {transform: translateY(-8px);}
    50% {transform: translateY(-4px);}
    100% {transform: translateY(-8px);}
}

/*--- feature block section ----*/
.feature-header {text-align: center;}
.feature-header p {font-size: 19px;}
.feature-header h2 {line-height: 1.3;}
.feature-header h2 span {color: var(--accent);}
.blocks-wrapper {margin-top: 40px;}
.feature-block {display: flex;justify-content: space-between;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border: 1px solid #F45B1E52;margin-bottom: 30px;}
.feature-block:last-child {margin-bottom: 0;}
.feature-block .number-col {display: inline-flex;align-items: center;justify-content: center;width: 14.913%;font-size: 30px;font-weight: 600;color: #222;padding: 5px;border-right: 2px solid #F45B1E82;}
.feature-block .heading-col {display: inline-flex;align-items: center;justify-content: center;width: 42%;padding: 5px;}
.feature-block .heading-col h3 {margin: 0;text-align: center;font-weight: 600;}
.feature-block .image-col {width: 20.88%;text-align: center;padding: 5px;display: flex;align-items: center;justify-content: center;}
.feature-block .image-col img {max-width: 190px;transition: 0.5s;}
.feature-block .image-col img:hover,
.feature-block .image-col img:focus,
.feature-block .image-col img:active {transform: scale(1.2);transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);}
.feature-block .buttons-col {width: 22%;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 5px;padding: 5px;}
.feature-block a.btn {display: inline-flex;align-items: center;gap: 22px;font-size: 11px;font-weight: 500;color: var(--black);text-transform: uppercase;padding: 12px 24px;line-height: 1;text-align: center;border: 1px solid;min-width: 160px;}
.feature-block a.btn:hover,
.feature-block a.btn:focus,
.feature-block a.btn:active {transform: scale(.9);}
.feature-block a.btn svg {width: 16px;height: 16px;}
.feature-block a.btn:nth-child(2) {padding: 10px 40px;}
.view-all-btn {text-align: center;margin-top: 40px;}
.view-all-btn a.btn:hover,
.view-all-btn a.btn:focus,
.view-all-btn a.btn:active {transform: scale(.9);}

/*--- image info section ----*/
.info-image-section {text-align: center;}
.info-image-section h2 span {color: var(--accent);}
.info-image-section .section-bottom {margin-top: 30px;display: flex;gap: 20px;}
.info-image-section .section-bottom>* {max-width: calc(50% - 10px); flex: 0 0 100%;display: flex;flex-direction: column;justify-content: space-between;}
.info-image-section .section-bottom .image-info h3 {font-size: 20px;font-weight: 500;}
.info-image-section .section-bottom .image-wrapper {margin-top: 20px;text-align: center;}
.info-image-section .section-bottom .image-wrapper img {max-width: 399px;}

/*---- inner page banner ----*/
.inner-hero-section {min-height: 250px;text-align: center;display: flex;align-items: center;justify-content: center;background-size: cover;background-position: center;background-repeat: no-repeat;}
.inner-hero-section h1 {color: var(--white);text-transform: capitalize;}
.without-bg-banner,
.without-bg-banner h1 {color: var(--secondary);}

/*---- contact page ----*/
.email-box {display: flex;align-items: center;gap: 20px;justify-content: center;}
.email-box .email-icon {max-width: 50px;flex: 0 0 100%;}
.email-content h2 {font-weight: 500;margin-bottom: 0;}

/*---- books page ----*/
.books-header {text-align: center;}
.books-header h2 span {color: var(--accent);}
.books-header p {font-size: 18px;}
.books-wrapper {margin-top: 40px;}
.books-wrapper .book-block {display: flex;align-items: center;gap: 30px;justify-content: center;margin-bottom: 80px;}
.books-wrapper .book-block>* {max-width: calc(50% - 15px);flex: 0 0 100%;text-align: center;}
.books-wrapper .book-block:last-child {margin-bottom: 0;}
.books-wrapper .book-block.reverse {flex-direction: row-reverse;}
.book-content a.btn {font-size: 12px;color: var(--secondary);padding: 10px 20px;}
.book-image p.caption {margin-top: 20px;color: var(--black);}

/*---- responsive ----*/

@media(max-width: 1199px) {
    .books-wrapper .book-block {margin-bottom: 60px;}
}

@media(max-width: 991px) {
    .hero-section {position: relative;}
    .hero-section::before {content: '';display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(255, 255, 255, 0.4);}
    .hero-wrapper {position: relative;z-index: 1;}
    .about-section .top-row {align-items: center !important;}
    .feature-block .image-col img {max-width: 100%;}
    .feature-block .number-col {font-size: 22px;width: 12%;}
    .feature-block .heading-col {width: 40%;}
    .feature-block .image-col {width: 20%;}
    .feature-block .buttons-col {width: 25%;}
    .info-image-section .section-bottom .image-wrapper img {max-width: 100%;}
}

@media(max-width: 767px) {
    .inner-hero-section {min-height: 200px;}
    .about-inner {display: flex;flex-direction: column;}
    .about-section .bottom-row {order: 1;margin-top: 0;text-align: center;margin-bottom: 30px;}
    .about-section .top-row {order: 2;flex-wrap: wrap;justify-content: center;gap: 30px;text-align: center;}
    .about-section .about-image img {display: none;}
    .about-section .about-image img.mobile-img {display: block !important;}
    .two-col-row {flex-wrap: wrap;}
    .two-col-row>* {max-width: 100%;}
    .twocol-image-inner .caption p {font-size: 16px;}
    .twocol-content-section .two-col-wrapper {flex-wrap: wrap;text-align: center;}
    .twocol-content-section .two-col-wrapper>* {max-width: 100%;}
    .blocks-wrapper {margin-top: 30px;}
    .feature-block {flex-direction: column;}
    .feature-block .number-col {width: 100%;}
    .feature-block .number-col {width: 100%;border-bottom: 2px solid #F45B1E82;border-right: 0;padding: 10px;}
    .feature-block .heading-col {width: 100%;padding: 10px;}
    .feature-block .image-col {width: 100%;padding: 10px;}
    .feature-block .buttons-col {width: 100%;padding: 10px;}
    .view-all-btn {margin-top: 30px;}
    .info-image-section .section-bottom {flex-wrap: wrap;}
    .info-image-section .section-bottom>* {max-width: 100%;}
    .books-wrapper .book-block {margin-bottom: 60px;}
    .books-wrapper .book-block {flex-wrap: wrap;margin-bottom: 40px;}
    .books-wrapper .book-block>* {max-width: 100%;}
    .books-wrapper {margin-top: 30px;}
    .info-image-section .section-bottom .image-wrapper img {max-width: 370px;}
}

@media(max-width: 400px) {
    .two-col-wrapper .left-col img {max-width: 100%;}
    .info-image-section .section-bottom .image-wrapper img {max-width: 100%;}
}