/*  Including External css file    */
@import "vendors/bootstrap.css";
/*---------------------------
	Fonts
----------------------------*/
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../webfonts/fa-regular-400.eot");
    src: url("../webfonts/fa-regular-400.eot?") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg") format("svg");
}
/* ClanOT-book Font */ 
@font-face {
    font-family: 'ClanOT-Medium';
    src: url("../fonts/ClanOT-Medium.otf");
} 
@font-face {
    font-family: 'ClanOT-Book';
    src: url("../fonts/ClanOT-Book.otf");
}
@font-face {
    font-family: 'ClanOT-News';
    src: url("../fonts/ClanOT-News.otf");
} 
/* 1.1	Theme Reset Style */
html {}
:root {
    --whitecolor: #ffffff;
    --color1: #FFE435;
    --color2: #23336c;
    --color3: #1e59ad;
    --webkit-transition: 0.3s;
}
body {
    color:var(--color2);
    font-size: 1rem;
    line-height: 1.6rem;
    overflow-x: hidden;
   font-family: 'ClanOT-News';
}
::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--whitecolor);
    opacity: 1;
    /* Firefox */
}
:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
}
::-ms-input-placeholder {
    /* Microsoft Edge */
    color: white;
}
/* Preloader Start */
.preloader {
    background-color: #23336c;
    background: linear-gradient(50deg, #23336c 57%, #b4a122 98%);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    overflow: hidden;
}
.preloader .vertical-centered-box {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}
.preloader .vertical-centered-box:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
.preloader .vertical-centered-box .content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 0;
}
.preloader * {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 60px;
    border-radius: 100px;
}
.preloader .loader-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    margin-left: -60px;
    margin-top: -60px;
}
.preloader .loader-line-mask {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 120px;
    margin-left: -60px;
    margin-top: -60px;
    overflow: hidden;
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
    -webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
    -webkit-animation: rotate 1.2s infinite linear;
    animation: rotate 1.2s infinite linear;
}
.preloader .loader-line-mask .loader-line {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.preloader #particles-background,
.preloader #particles-foreground {
    left: -51%;
    top: -51%;
    width: 202%;
    height: 202%;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
}
.preloader #particles-background {
    background: #2c2d44;
    background-image: linear-gradient(45deg, #3f3251 2%, #002025 100%);
}
.preloader lesshat-selector {
    -lh-property: 0;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.preloader [not-existing] {
    zoom: 1;
}
.preloader lesshat-selector {
    -lh-property: 0;
}
@-webkit-keyframes fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.25;
    }
}
@keyframes fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.25;
    }
}
.preloader [not-existing] {
    zoom: 1;
}
.preloader lesshat-selector {
    -lh-property: 0;
}
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.preloader [not-existing] {
    zoom: 1;
}
/* Preloader End */
/* Common Css */
img {
    max-width: 100%;
}
:hover,
:focus {
    -webkit-transition-duration: var(--webkit-transition);
    -webkit-transition-timing-function: linear;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.align-items-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.align-items-center-right {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.align-items-left-bottom {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.align-items-right-bottom {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.form-control:focus {
    outline: 0;
    box-shadow: none;
}
p {
    margin-bottom: 2rem;
    font-size: 1rem;
}
h1 {
    font-size: 3rem;
}
h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
    line-height: initial;
    /* line-height: 3.2rem; */
    font-family: 'ClanOT-Medium';
}
h3 {
    font-size: 1.5rem;
    font-family: 'ClanOT-News';
}
.section-sub-title {}
.section-sub-title h2 {
    font-size: 2rem;
}
.section {
    padding: 7rem 0px;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.yellow-bg {
    background: var(--color1);
}
.blue-bg {
    background: var(--color2);
}
.white-bg {
    background: var(--whitecolor);
}
.yellow-color {
    color: var(--color1);
}
.blue-color {
    color: var(--color2);
}
.white-color {
    color: var(--whitecolor);
}
.main-btn {
    color: var(--color1);
    background: var(--color2);
    padding: 0 2rem;
    height: 48px;
	line-height: 47px;
    text-decoration: none;
    margin-top: 0rem;
    display: inline-block;
    text-align: center;
    border-radius: 0;
    border: 0px;
}
.main-btn:hover,
.main-btn:focus {
    background: var(--color2);
    color: var(--color1);
}
/* Main Banner Start    */
.custom-banner {
    padding: 0;
    position: relative;
    padding-bottom: 8rem;
}
.custom-banner .banner-image-row{ margin-top:5rem; margin-bottom:4rem;}
.custom-banner .read-more-banner-btn {
    text-decoration: none;
    position: absolute;
    bottom: 7%;
    left: 47%;
    /* border: 1px solid var(--color2); */
    padding: 0.5rem 1rem;
    color: var(--color2);
}
.custom-banner .read-more-banner-btn i {
    border: 1px solid var(--color2);
    padding: 7px 9px;
    margin-right: 0.7rem;
    border-radius: 5px;
    font-size: 1.2rem;
}
.custom-banner .read-more-banner-btn:hover,
.custom-banner .read-more-banner-btn:focus {
    color: var(--color3);
}
.custom-banner .banner-content {}
.custom-banner  .logo-holder {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.custom-banner .logo-holder img {
    max-width: 100%;
    width: 170px;
}
.custom-banner .banner-content .banner-content-holder {}
.custom-banner .banner-content .banner-content-holder h3 {}
.custom-banner .banner-content .banner-content-holder h3 span {}
.custom-banner .banner-content .banner-content-holder h1 {
    border-top: 2px solid var(--color2);
    border-bottom: 2px solid var(--color2);
    padding: 1.5rem 0px;
    margin-top: 1rem;
}
.custom-banner .banner-content .banner-content-holder p {}
.custom-banner .banner-main-image-holder {}
.custom-banner .banner-main-image-holder img {
    width: 90%;
}
/* Main Banner End   */
/* Section 2 Start   */
.section-2 {
    text-align: center;
    /* border: 1px solid; */
}
.section-2 .section-2-content {}
.section-2 .section-2-content .section-2-content-holder {}
.section-2 .section-2-content h3 {
    margin-bottom: 0.9rem;
}
.section-2 .section-2-content p {}
/* Section 2 End   */
/* Content Section  Start   */
.content-section {
    /* padding-bottom: 0; */
}
.content-section .section-row {
    margin-bottom: 6rem;
}
.content-section .title-holder {}
.content-section .title-holder h2 {}
.content-section .title-holder h3 {}
.content-section .content-body {
    /* line-height: 1.6rem; */
}
.content-section p {
    margin-bottom: 1rem;
}
.content-section ul {
    padding-left: 1rem;
}
.content-section ul li {
    font-size: 1.2rem;
    /* background: var(--color1); */
}
.content-section ul li a {
    text-decoration: none !important;
    color: var(--color2);
}
.content-section ul li a:hover,
.content-section ul li a:focus {
    color: #4a8de9;
    /* text-decoration: underline !important; */
}
.content-section ul.without-bullets {
    padding-left: 0;
}
.content-section ul.without-bullets li {
    list-style: none;
}
.content-section .content-body .last-section-btn-holder {
    /* display: inline-block; */
    /* position: absolute; */
    /* bottom: 1rem; */
    /* left: calc(var(--bs-gutter-x) * 0.5); */
}
.content-section .content-body .last-section-content-holder {
    position: relative;
}
.last-section {}
.last-section .last-section-image-holder {
    padding-right: 6%;
}
.last-section .last-section-image-holder img {
    max-width: 100%;
    /* border: 1px solid; */
    width: 300px;
}
/* Content Section  End   */
/* About us Section Start */
.about-section {
    padding-bottom: 4rem;
}
.about-section .row1 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.about-section .row2 {}
.about-section .row3 {}
.about-section .pre-title {
    font-size: 1.2rem;
    margin-bottom: 2rem;
}
.about-section .section-sub-title {}
.about-section .section-sub-title h2 {
    margin-bottom: 2rem;
}
.about-section .nav-tabs {
    border-bottom: none;
    display: flex;
    justify-content: end;
    padding: 0px;
    margin: 0px;
    /* z-index: 10; */
}
.about-section .nav-tabs li {
    border: none;
    /* margin-left: 0.1rem; */
}
.about-section .nav-tabs li .nav-link {
    color: var(--color2);
    border-radius: 0;
    background: transparent;
    border-bottom: none;
    padding: 1rem 4rem;
    /* background: var(--color1); */
    margin: 0px 0px;
    z-index: 10;
}
.about-section .nav-tabs li .nav-link.active,
.about-section .nav-tabs li .nav-link:hover,
.about-section .nav-tabs li .nav-link:focus {
   /* border: 0px;*/
    box-shadow: -1px -4px 15px -8px rgb(0 0 0 / 99%);
     box-shadow: 1px -10px 17px -12px rgb(0 0 0 / 30%);
    /* border: 1px solid #d9c22d; */
    border-bottom: 0px;
    /* border-radius: 20px 20px 0px 0px; */
    border-color: transparent;
    background: var(--color1);
}
.about-section .nav-tabs li a {}
.about-section .nav-tabs li a:hover,
.about-section .nav-tabs li a:focus {}
.about-section .tab-content {
    padding: 5rem 2rem 0rem 2rem;
    margin-top: -1px;
    margin-bottom: 8rem;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 15%);
}
.about-section .tab-content .leftbody {
    position: relative;
}
.about-section .tab-content .leftbody .image-holder {
      position: absolute;  
    bottom: 0;
}
.about-section .tab-content .leftbody .image-holder img {}
.about-section .tab-content .gallery-images-holder {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.about-section .tab-content .gallery-images-holder a {
    /* border: 1px solid; */
    display: inline-block;
}
.about-section .tab-content .gallery-images-holder a img {
    width: 180px;
}
.about-section .tab-content .gallery-images-holder a img:hover,
.about-section .tab-content .gallery-images-holder a img:focus {}
.about-section .main-sub-holder {}
.about-section .main-sub-holder img {}
/* About us section End */
/* News Letter Section Start */
.news-section {
    padding: 4rem 0;
    text-align: center;
}
.news-section .section-sub-title {}
.news-section .section-sub-title h2 {}
.news-section .section-sub-title h3 {
    font-size: 1.25rem;
}
.news-section .content-bar-form {}
.news-section .form-holder {}
.news-section .form-holder .form-group {
    box-shadow: 0px 0px 25px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 21px rgb(88 88 88 / 12%);
    position: relative;
    margin-top: 2rem;
    width: 75%;
    text-align: center;
    margin: 2rem auto 0.7rem auto;
}
.news-section .form-holder .form-group .form-control {
    height: 48px;
    border-radius: 0px;
    border: 0px;
}
.news-section .form-holder .form-group .main-btn {
    position: absolute;
    right: 0;
    top: 0;
    /* height: 48px; */
}
.news-section .form-holder .form-group .main-btn:hover,
.news-section .form-holder .form-group .main-btn:focus {
    background: var(--color1);
    color: var(--color2);
}
.news-section .underline-text {
    font-size: 0.8rem;
}
/* News Letter Section End */
/* Contact Bar Start Here */
.contact-bar-section {
    padding-bottom: 1rem;
}
.contact-bar-section .content-bar-form {
    box-shadow: 0px 0px 25px rgb(0 0 0 / 15%);
    padding: 3rem;
}
.contact-bar-section .content-bar-form .section-sub-title {}
.contact-bar-section .content-bar-form .section-sub-title h2 {}
.contact-bar-section .content-bar-form p {
    margin-bottom: 4rem;
}
.contact-bar-section .content-bar-form .form-group {
    margin-bottom: 1rem;
}
.contact-bar-section .content-bar-form .check-group-holder {
    background: rgb(232 173 0 / 16%);
    padding: 1.5rem 1rem 0.4rem 1.5rem;
    margin-bottom: 0rem;
}
.contact-bar-section .content-bar-form p.checkbox-p {
    margin-bottom: 1rem;
    margin-top: 2rem;
}
.contact-bar-section .content-bar-form .form-group .form-control {
    background: transparent;
    border: none;
    border-bottom: 2px solid var(--color2);
    border-radius: 0;
    padding: 0px 2px;
    height: 42px;
    color: var(--color2);
    text-transform: capitalize;
}
.contact-bar-section .content-bar-form .form-group .form-check-input[type=checkbox] {
    border-radius: 0.25em;
    background: transparent;
    border: 1px solid var(--color2);
    border-radius: 0;
    position: absolute;
       left: -17px;
    top: 2px;
}
.wpcf7-list-item { 
    position: relative;
}
.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required span.wpcf7-list-item-label {
    margin-left: -15px;
    margin-top: 2px;
}
span.wpcf7-list-item-label { 
        margin-left: 11px;
    display: block;
    margin-bottom: 10px;
}
.contact-bar-section .content-bar-form .form-group .form-check-input:checked {
    background-color: var(--color1);
    border-color: var(--color2);
    /* padding: 10px; */
    /* border: 4px solid; */
    box-shadow: inset 0px 0px 1px 4px var(--color2);
}
.contact-bar-section .content-bar-form .form-group.form-check {
    /* background: #f0f; */
    margin-top: 2rem;
}
.contact-bar-section .content-bar-form .main-btn {
    margin-top: 1.5rem;
    border: 2px solid var(--color2);
}
.contact-bar-section .content-bar-form .main-btn:hover,
.contact-bar-section .content-bar-form .main-btn:focus {
    color: var(--color2);
    background: var(--color1);
    border: 2px solid var(--color2);
}
.contact-bar-section .contact-bar-image-holder {}
.contact-bar-section .contact-bar-image-holder img {}
/* Contact Bar End Here */
/* Footer Start Here */
.footer {
    background: var(--color1);
    padding-bottom: 2rem;
}
.footer p {
    /* text-align: right; */
}
.footer p a {}
.footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer ul li {}
.footer ul li a {
    text-decoration: none;
    color: var(--color2);
}
.footer ul li a:hover,
.footer ul li a:focus {
    text-decoration: underline;
    cursor: pointer;
}
.footer ul.social {}
.footer ul.social li {
    list-style: none;
    display: inline-block;
    /* border: 1px solid; */
    margin-right: 1.2rem;
}
.footer ul.social li a {
    font-size: 2rem;
    /* background: var(--color2); */
    /* border: 1px solid var(--color2); */
    /* border-radius: 7px; */
    /* color: #fff; */
    /* width: 2.1rem; */
    /* height: 2.1rem; */
    display: inline-block;
    text-align: center;
    overflow: hidden;
}
.footer ul.social li a span {}
.footer ul.social li a:hover,
.footer ul.social li a:focus {
    cursor: pointer;
    background: var(--color1);
    /* border: var(--color2) 1px solid; */
    color: #000;
}
.footer .footer-bar-1 {     
	border-bottom: 2px solid var(--color2);
    padding-bottom: 3rem;
    margin-bottom: 3rem;}
.footer .footer-bar-1 .section-sub-title {}
.footer .footer-bar-1 .section-sub-title h2 {
    margin-bottom: 0px;
}
.footer .footer-bar-1 .footer-bar-1-image {
    text-align: right;
}
.footer .footer-bar-1 .footer-bar-1-image img {
    max-width: 100%;
    width: 280px;
}
.footer .footer-bar-2 {
    border-top: 2px solid var(--color2);
    border-bottom: 2px solid var(--color2);
    padding: 3rem 0px;
    margin: 3rem 0;
}
.footer .footer-bar-2 p { margin-bottom:0rem;}
.footer .footer-bar-2 .footer-bar-2-image {}
.footer .footer-bar-2 .footer-bar-2-image img {}
.footer .footer-bar-3 {}
.footer .footer-bar-3 .footer-bar-3-image {}
.footer .footer-bar-3 .footer-bar-3-image img {
    width: 170px;
}
.footer .footer-bar-3 .copywrite {
    text-align: right;
    margin-bottom: 0.2rem;
}
/* Footer End here */
button.scroll-top:focus {
    outline: none;
}
.scroll-top.open {
    bottom: 30px;
    right: 3%;
}
.scroll-top {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 105%;
    right: 50px;
    font-size: 16px;
    border-radius: 50%;
    z-index: 99;
    color:  var(--whitecolor);
    text-align: center;
    cursor: pointer;
    background:  var(--color2);
    -webkit-transition: 1s ease;
    transition: 1s ease;
    border: none;
}
.scroll-top:hover,
.scroll-top:focus {
    background: #0000001f;
}
.scroll-top span {
    color:  var(--whitecolor);
}
.scroll-top:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.fa-angle-up:before {
    content: "\f106";
}
/* Stiky Bar start here */
.custom-sticky-bar-main {
    position: fixed;
    top: 70%;
    right: -5px;
    z-index: 1;
    /* border: 1px solid; */
    max-width: 85%;
    width: 280px;
    /* padding: 1rem 0rem 1rem 2rem; */
}
.custom-sticky-bar-main ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.custom-sticky-bar-main ul li {
    /* border: 1px solid; */
    margin-bottom: 0.6rem;
    padding: 1px 1rem 2px 1rem;
    position: relative;
    border-radius: 10px;
    background: var(--color2);
    color: var(--whitecolor);
    height: 75px;
    display: flex;
    align-content: center;
    align-items: center;
    right: -196px;
    -webkit-transition: all 0.5s ease-out;
}
.custom-sticky-bar-main ul li:hover,
.custom-sticky-bar-main ul li:focus {
    cursor: pointer;
    right: -5px;
}
.custom-sticky-bar-main ul li a {
    display: inline-block;
    text-decoration: none;
    color: var(--color1);
    /* padding-left: 3.5rem; */
    line-height: 1.3rem;
    font-size: 1rem;
    display: flex;
    align-content: center;
    align-items: center;
    /* background: #f0f; */
    font-size: 0.9rem;
}
.custom-sticky-bar-main ul li a img{
    /* width: 50px; */
    /* height: 50px; */
    /* position: absolute; */
    top: 23%;
    left: 19px;
    font-size: 2rem;
    width: 40px;
    height: 40px;
    /* border: 1px solid; */
    text-align: center;
    line-height: 40px;
    margin: 0px  17px 0px 6px;
}
.custom-sticky-bar-main ul li a i {
    position: absolute;
    top: 7%;
    left: 12px;
    font-size: 2rem;
    width: 40px;
    height: 40px;
    /* border: 1px solid; */
    text-align: center;
    line-height: 40px;
    margin-top: 5px;
}
.custom-sticky-bar-main ul li a:hover,
.custom-sticky-bar-main ul li a:focus {}
/* Stiky Bar End here */

 


input.wpcf7-form-control.wpcf7-mathcaptcha {
   max-width: 100%;
    height: 30px;
    border: 1px solid #e8e8e9;
    min-width: 60px;
    height: 36px;
    color: var(--color2);
    background: transparent;
    border: 0px;
    border: 1px solid;
}



.news-mathcaptcha {
    font-size: 12px;
    margin-bottom: 10px;
}

.news-mathcaptcha input.wpcf7-form-control.wpcf7-mathcaptcha {
    max-width: 100%;
    height: 30px;
    border: 1px solid #e8e8e9;
    min-width: 60px;
    height: 35px; 
    background: transparent;
    border: 0px;
    border: 1px solid;
}

/* thank you page start */
.thank-you-bg{}


.wpcf7-list-item {
    display: block !important; 
}
span.wpcf7-form-control.wpcf7-checkbox {
    display: block !important; 
}

.wpcf7-form-control-wrap {
    position: relative;
    display: inline-block;
}



.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required span.wpcf7-list-item-label {
    margin-left: -15px;
    margin-top: 2px;
    margin-bottom: 0px;
}

.contact-bar-section .content-bar-form .form-group.form-check a{    text-decoration: underline;
    color: #23336c;}
.contact-bar-section .content-bar-form .form-group.form-check a:hover,
.contact-bar-section .content-bar-form .form-group.form-check a:focus{ color: #0a58ca;}

.form-check span.wpcf7-not-valid-tip {
    position: absolute;
    top: -22px;
    left: -25px;
    width: 210px;
    font-size: 12px;
}