@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/* font-family: "Playfair Display", serif; */
/* font-family: "Lato", sans-serif; */

/* TypoGraphy */
@font-face {
    font-family: 'Gilroy Bold';
    src: url('../fonts/Gilroy-Bold.woff2') format('woff2'),
        url('../fonts/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy Heavy';
    src: url('../fonts/Gilroy-Heavy.woff2') format('woff2'),
        url('../fonts/Gilroy-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy Medium';
    src: url('../fonts/Gilroy-Medium.woff2') format('woff2'),
        url('../fonts/Gilroy-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy Light';
    src: url('../fonts/Gilroy-Light.woff2') format('woff2'),
        url('../fonts/Gilroy-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy Regular';
    src: url('../fonts/Gilroy-Regular.woff2') format('woff2'),
        url('../fonts/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish ExtraBold';
    src: url('../fonts/Mulish-ExtraBold.woff2') format('woff2'),
        url('../fonts/Mulish-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish Regular';
    src: url('../fonts/Mulish-Regular.woff2') format('woff2'),
        url('../fonts/Mulish-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish SemiBold';
    src: url('../fonts/Mulish-SemiBold.woff2') format('woff2'),
        url('../fonts/Mulish-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish Light';
    src: url('../fonts/Mulish-Light.woff2') format('woff2'),
        url('../fonts/Mulish-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish Medium';
    src: url('../fonts/Mulish-Medium.woff2') format('woff2'),
        url('../fonts/Mulish-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish Bold';
    src: url('../fonts/Mulish-Bold.woff2') format('woff2'),
        url('../fonts/Mulish-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*==================Default css start=================*/
* { box-sizing: border-box; }
:focus { outline: none !important; box-shadow: none !important; border-color: inherit; }
textarea.form-control { resize: none; overflow: hidden; }
figure { margin-bottom: 0; }
html, body { width: 100%; }
body { padding: 0; margin: 0; background: #fff; overflow-x: hidden; font-family: 'Mulish Regular'; color: #111111; font-weight: normal; }
.table { color: #111111; }
img { max-width: 100%; image-rendering: -webkit-optimize-contrast;}
a, a:hover { text-decoration: none; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: normal; }
.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { color: #f7931e; }
h1, h2, h3, h4, h5, h6 {color: #000000; font-family: 'Mulish Bold'; font-weight: bold; margin-bottom: 10px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 34px; }
h2 { font-size: 32px; }
h3 { font-size: 30px; }
h4 { font-size: 28px; }
h5 { font-size: 26px; }
h6 { font-size: 24px; }
p { font-size: 18px; line-height: 30px; color: #111111; font-family: 'Mulish Regular'; font-weight: normal; margin-bottom: 15px; }
p:last-child { margin-bottom: 0; }
ul { padding: 0px; margin: 0 0 20px 20px;}
ol { padding: 0px 0 20px 20px; margin: 0px;}
li { margin: 0 0 10px; padding: 0px; position: relative; padding-left: 0px; color: #111111; font-family: 'Mulish Regular'; font-weight: 400; font-size: 17px; line-height: 30px;list-style: none;}
li a { color: #111111; }
li a:hover { color: #0d0d0d; }

ul.list-style {margin-left: 30px;}
ul.list-style li {margin: 0px;padding-left: 10px;list-style-image:  url('../images/list-img.png');background-repeat: no-repeat;background-size: 23px 23px;background-position: center; font-size: 22px;line-height: normal; font-family: 'Gilroy Bold';margin-bottom: 15px;}

a { transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s; color: inherit   ; }
a:hover { transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s; color: #f7931e; }
button { padding: 0; background-color: transparent; border: none; }
b, strong { font-weight: bold; }
.btn {position: relative;color: #fff;background: #f7931e;  min-width: 270px;height:60px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px;letter-spacing: 1px; line-height: normal;cursor: pointer; font-family: 'Gilroy Bold'; font-weight: bold; border-radius:5px;border: none; padding: 10px 25px;transition: 1s; z-index: 2;text-transform: uppercase; overflow: hidden;}
.btn:hover { color: #fff; transition: 1s; background: #0e1f4d; }
.btn-check:focus+.btn-primary, .btn-primary:focus { color: #fff;box-shadow: none; }
.btn img{margin-left: 15px;}

a.btn::before { content: ""; background-color: #0e1f4d; width: 0px;height:1000%; position: absolute; top: 0px; left: 0px;transform: translate(-50%, -50%); z-index: -1; transition: 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); } 
a.btn:hover::before { width: 1000%;}

/*==================Default css start=================*/

/*=======image align center css start =========*/
img.aligncenter { margin-bottom: 20px; }
img.alignnone { margin-bottom: 20px; }
img.alignleft { margin-bottom: 20px; width: 50%; float: left; margin-right: 20px; }
img.alignright { margin-bottom: 20px; width: 50%; float: right; margin-left: 20px; }
/*=======image align center css end =========*/

/*=======back to top css start =========*/
.back-to-top { cursor: pointer; position: fixed; bottom: 35px; right: 15px; display: none; width: 40px; height: 40px !important;min-width: 40px !important;min-height: 40px !important;  color: #000; z-index: 9998; background-color: #102e50; border-radius: 30px; min-width: inherit; padding: 0px !important; border: 1px solid #fff; }
.back-to-top span { width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; display: block; transform: rotate(-45deg); margin: 15px auto 0; }
.back-to-top.focus, .back-to-top:focus, .back-to-top:hover { color: #fff; text-decoration: none; }

.whats-app-chat { position: fixed; bottom: 15px; right: 15px; left: auto; z-index:9999; display: flex !important; width: 40px; height: 40px !important;min-width: 40px !important;min-height: 40px !important;justify-content: center; align-items: center; border-radius: 50px; background-color: #0dc900; background-position: 50% 50%; background-size: 25px; background-repeat: no-repeat; box-shadow: 1px 1px 20px 3px rgba(0, 0, 0, .2); min-width: auto; padding: 0; }
.whats-app-chat img { margin-left: 0px; max-width: 22px;}
/*=======back to top css end =========*/

/*=======Header section css start=========*/
.container {max-width: 1454px;}
.header.sticky ~ .whats-app-chat { bottom: 80px; }
.banner-commonheading-section{ padding: 40px 0px 40px; background: #cdece9;}
.banner-commonheading{ text-align: center; }
.banner-commonheading h1{ margin-bottom: 0px; padding-top: 0px; }
.common-section{ padding: 65px 0px; }

.thank-you{ text-align: center; }
.thank-you .common-content-info { max-width: 990px; margin: 0 auto; }

/* common-heading  */
.common-heading {text-align: center;padding: 0px calc(10px + 5dvw);}
:is(.common-heading) :is(h1, h2, h3, h4, h5, h6) {position: relative; color: #0e1f4d;font-size: 36px; font-family: "Playfair Display", serif; margin-bottom: 15px;padding-bottom: 20px;}
:is(.common-heading) :is(h1, h2, h3, h4, h5, h6) :is(strong){color: #e0861d;}
:is(.common-heading) :is(h1, h2, h3, h4, h5, h6)::after {content: " "; position: absolute; bottom: 0px; left: 50%;transform: translateX(-50%); height: 3px; width: 10%; max-width: 80px; background: #f7931e;}
.common-heading p {font-size: 18px;color: #222222;font-family: 'Mulish Regular';}

/* form css start */
select.form-control {background-image: url('../images/arrow-down.png');background-repeat: no-repeat;background-size: 15px;background-position: right 10px center;}
textarea.form-control {max-height: 150px;}
input.form-control, select.form-control, textarea.form-control  {min-height: 50px;}
/* form css end */

/*=======Form error message css start =========*/
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output {display: none;}
.wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; }
.wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; }
.wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; }
/*=======Form error message css end =========*/

.other-info h3{
    font-size: 28px;
}
.other-info p {
    font-size: 22px;
    font-family: 'Mulish Medium';
    font-weight: 500;
    max-width: 330px;
}
.other-info a {
    font-size: 22px;
    font-family: 'Mulish Medium';
    font-weight: 500;
    display: block;
    padding: 0px 0px;
    color: #000;
}
.other-info a img {
    margin-right: 10px;
    width: 20px;
    filter: invert(1);
}
.other-info a:hover {
    color: #0e1f4d;
}
.other-info {
    border-top: 1px solid #000;
    padding-top: 20px;
}
.banner-inner-caption {
    text-align: center;
}
.breadcrumbs-section {padding: 12px 0px;}
.breadcrumbs-section span {color: #fff;}
.breadcrumbs-section span a {color: #fff;text-decoration: none;}
.breadcrumbs-section span a:hover {color: #e1871e;text-decoration: none;}
.breadcrumbs-section span span {color: #e1871e;}
p#breadcrumbs { font-size: 15px; }

/*=======pagination section start =========*/
.pagination-nav { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 40px 0 0; }
.pagination-nav ul.pagination { margin-bottom: 0px; }
.pagination-nav ul.pagination li { margin: 0px; padding: 0px 0px; font-size: 18px; }
.pagination-nav ul.pagination li .page-numbers { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0 2px; font-size: 16px; line-height: 24px; border-radius: 50px; }
.pagination-nav ul.pagination li::before { background: none; display: none;}
.pagination-nav ul.pagination li.active { font-family: 'Circular Std'; font-weight: 500; }

.pagination-nav ul.pagination li .page-numbers:hover {
    color: #22292f;
    background-color: #ebebf1;
    border-color: #00000000;
}
.pagination-nav ul.pagination li span.page-numbers.current {
    color: #ffffff;
    background-color: #f7931e;
}
.pagination-nav ul.pagination li a.next.page-numbers {
    width: auto;
}
.pagination-nav ul.pagination li a.prev.page-numbers {
    width: auto;
}
.pagination-nav ul.pagination li a.next.page-numbers:hover  {
    background: none;
}
.pagination-nav ul.pagination li a.prev.page-numbers:hover  {
    background: none;
}
/*=======pagination section end =========*/

