@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*font-family: 'Poppins', sans-serif;*/

html,
body {
    height: 100%;
    padding: 0px;
}

a:focus {
    text-decoration: none;
}

a:focus,
input:focus,
button:focus,
textarea:focus {
    outline: 0 solid
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
}

body {
    font-size: 14px;
    line-height: 1.7;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

a,
input,
button,
select,
textarea {
    font-family: 'Poppins', sans-serif;
}

a:hover {
    text-decoration: none;
}

button {
    cursor: pointer;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fix {
    overflow: hidden;
}

p {
    padding: 0px;
    margin: 0px;
}

.pos_rel {
    position: relative;
}

.pos_abs {
    position: absolute;
}

.section_padding {
    padding: 100px 0;
}

.section_title {
    margin-bottom: 50px;
    transition: .5s;
}

.section_title h2 {
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 auto;
    margin-bottom: 30px;
    transition: .5s;
    font-weight: 400;
    color: var(--blue);
}

.section_title.w h2 {
    color: var(--white);
}

.title_p,
.section_title p {
    font-size: 16px;
}

.cover_bg {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}

.overlay {
    position: relative;
    z-index: 1;
}

.overlay:after {
    position: absolute;
    content: '';
    background-color: #000;
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    transition: .5s;
    opacity: .6;
}

div#g-recaptcha-error {
    text-align: left;
    color: #fff !important;
    padding: 10px 0px;
    margin-top: 7px;
    border-radius: 4px;
    text-transform: capitalize;
}

/* animations */

.hov_effect_1 {
    position: relative;
    z-index: 1;
}

.hov_effect_1:before,
.hov_effect_1:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    transition: .3s;
    background-color: var(--blue);
    z-index: -1;
    opacity: .5;
}

.hov_effect_1:after {
    left: 0;
}

.hov_effect_1:before {
    right: 0;
}

.hov_effect_1:hover:before,
.hov_effect_1:hover:after {
    width: 100%;
}

.pulse {
    background: black;
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    margin: 10px;
    height: 20px;
    width: 20px;
    transform: scale(1);
    animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes pulse-animation-blue {
    0% {
        box-shadow: 0 0 0 0 rgba(21, 52, 88, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(21, 52, 88, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(21, 52, 88, 0);
    }
}


/* rotate-animation */

@keyframes rotate-animation {
    0% {
        transform: rotate(0deg);
    }

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


/* animation_1 */


/* @keyframes animation_1 {
    0% {
        transform: translate(0px, 0px);
    }

    25% {
        transform: translate(-4px, -4px);
    }

    50% {
        transform: translate(4px, 0px);
    }

    75% {
        transform: translate(-4px, 4px);
    }

    100% {
        transform: translate(0px, 0px);
    }
} */


/* animation end */

:root {
    --black: #000;
    --blue: #153358;
    --white: #ffffff;
    --box-shadow: 0px 0px 20px #33333326;
}


/*==============================================================================================
                                              Base css
================================================================================================*/


/* scrollbar start  */

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #153358;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #000;
}


/* scrollbar end  */


/*-------------------------------------------
================ Header Start =============
-------------------------------------------*/

.header {
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
}

.header_inner {
    border-bottom: 1px solid #ffffff36;
    padding: 15px 0;
    transition: 1s;
}

.header.stiky {
    animation: fadeInDown 0.9s ease;
}

.header.stiky .header_inner {
    background-color: #fff;
    box-shadow: var(--box-shadow);
    padding: 8px 0;
}

.logo {
    height: 60px;
    transition: .5s;
}

.header.stiky .logo {
    height: 40px;
}

.logo img {
    height: 100%;
    width: auto;
    transition: .5s;
}

.header.stiky .logo .logo_1,
.logo .logo_2 {
    display: none;
}

.header.stiky .logo .logo_2 {
    display: block;
}

.main_menu ul {
    margin-top: 8px;
    text-align: center;
    transition: .5s;
    display: flex;
    justify-content: center;
}

.header.stiky .main_menu ul {
    margin-top: 0px;
}

.main_menu ul li {
    display: inline-block;
}

.main_menu ul li a {
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 15px;
    transition: .5s;
    position: relative;
}

.header.stiky .main_menu ul li a {
    color: var(--blue)
}

.main_menu ul li a:after,
.main_menu ul li a:before {
    content: '';
    position: absolute;
    height: 1px;
    width: calc(100% - 30px);
    left: 15px;
    transition: .4s;
    background-color: #fff;
    opacity: 0;
}

.header.stiky .main_menu ul li a:after,
.header.stiky .main_menu ul li a:before {
    background-color: var(--blue)
}

.main_menu ul li a:after {
    bottom: -5px;
}

.main_menu ul li a:before {
    top: -5px;
}

.main_menu ul li.active a::after,
.main_menu ul li a:hover::after {
    opacity: 1;
    bottom: 3px;
}

.main_menu ul li.active a::before,
.main_menu ul li a:hover::before {
    opacity: 1;
    top: 3px;
}

.header_social_media ul {
    text-align: right;
    margin-top: 13px;
    transition: .5s;
    min-width: 195px;
    float: right;
}

.header.stiky .header_social_media ul {
    margin-top: 5px;
}

.header_social_media ul li {
    display: inline-block;
}

.header_social_media ul li a {
    display: inline-block;
    color: #fff;
    transition: .5s;
    font-size: 16px;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 36px;
    position: relative;
    z-index: 1;
}

.header.stiky .header_social_media ul li a {
    color: var(--blue);
}

.header_social_media ul li a:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: .5s;
    z-index: -1;
    background: #ffffff26;
    opacity: 0;
    border-radius: 5px;
    animation: rotate-animation 5s linear infinite;
}

.header.stiky .header_social_media ul li a:after {
    background: #ddd;
}

.header_social_media ul li a:hover:after {
    opacity: 1;
    animation: rotate-animation 5s linear infinite;
}


/* mobile menu */

.pc_only {
    display: block;
}

.mobile_menu_area {
    background-color: var(--blue);
    transition: .5s;
    height: 100%;
    width: 300px;
    position: fixed;
    z-index: 101;
    left: -300px;
    top: 0;
}

.mobile_menu_area.menu_on {
    left: 0;
}

.mobile_menu_area .header_social_media {
    position: absolute;
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    bottom: 70px;
    left: 0;
    transition: .7s;
    opacity: 0;
}

.mobile_menu_area.menu_on .header_social_media {
    bottom: 15px;
    opacity: 1;
}

.phone_logo {
    margin: 30px 0;
    transform: scale(.5);
    transition: .7s;
}

.menu_on .phone_logo {
    transform: scale(1);
}

.phone_logo img {
    max-width: 150px;
}

.mobile_menu {
    margin: 30px;
    margin-top: 100px;
    transition: .7s;
}

.menu_on .mobile_menu {
    margin-top: 60px;
}

.mobile_menu ul {}

.mobile_menu ul li {}

.mobile_menu ul li a {
    color: var(--white);
    display: block;
    background-color: #00000017;
    margin-bottom: 10px;
    padding: 8px 15px;
    transition: .5s;
}

.mobile_menu ul li a:hover {
    background-color: #00000040;
}

.close_btn {
    position: absolute;
    color: #fff;
    font-size: 20px;
    right: 5px;
    top: 5px;
    display: inline-block;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

.menu_open {
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 100;
    font-size: 25px;
    cursor: pointer;
    display: none;
}


/*-------------------------------------------
================ Header End =============
-------------------------------------------*/


/*-------------------------------------------
================ Hero Area Start =============
-------------------------------------------*/

.hero_bg_slider {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

.single_slid_item.overlay:after {
    opacity: 0.4;
}

.hero_bg_slider .single_slid_item {
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.hero_bg_1 {
    background-image: url(../images/hero_bg_1.jpg);
}

.hero_bg_2 {
    background-image: url(../images/hero_bg_2.jpg);
}

.hero_bg_3 {
    background-image: url(../images/hero_bg_3.jpg);
}

.hero_inner {
    min-height: 100vh;
}

.hero_inner.overlay:after {
    display: none;
}

.hero_area h1 {
    color: #fff;
    font-size: 55px;
    max-width: 885px;
    margin: auto;
    text-transform: uppercase;
    text-shadow: 0px 2px 30px #000;
}

.hero_area p {
    font-size: 16px;
    color: var(--white);
}

.hero_area img {
    margin-top: 30px;
    width: 300px;
    transition: .5s;
}

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

.hero_area .for_phone {
    display: none;
}

.text_effect_1 .letter {
    transform-origin: 50% 100%;
    display: inline-block;
}

.hero_area ul {
    margin-top: 30px;
}

.hero_area ul li {
    display: inline-block;
}

.hero_area ul li a,
.hero_area ul li button {
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 16px;
    transition: .5s;
    font-weight: 500;
    border-radius: 30px;
}

.hero_area ul li a {
    color: #fff;
    margin-right: 15px;
    border: 2px solid #fff;
    position: relative;
    display: inline-block;
}

.hero_area ul li a:after {
    content: '';
    position: absolute;
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    top: -2px;
    left: -2px;
    transition: .5s;
    border-radius: 30px;
}

.hero_area ul li a:hover {
    background-color: #fff;
    color: #000;
}

.hero_area ul li a:hover:after {
    animation: pulse-animation 2s;
}

.hero_area ul li button {
    background-color: #fff;
    color: #000;
    border: 2px solid #fff;
    overflow: hidden;
}

.hero_area ul li button:hover {
    background-color: var(--blue);
    border-color: #fff;
    color: #fff;
}


/*-------------------------------------------
================ Hero Area End =============
-------------------------------------------*/


/*-------------------------------------------
============== Quick Charter End =============
-------------------------------------------*/

.quick_charter {
    position: fixed;
    background-color: #fff;
    left: 50%;
    bottom: 18vh;
    transition: .5s;
    box-shadow: var(--box-shadow);
    z-index: 101;
    opacity: 0;
    visibility: hidden;
    width: 920px;
    margin-left: -460px;
    transform: scale(.3);
}

.quick_charter.show {
    opacity: 1;
    visibility: visible;
    animation: bounceIn;
    animation-duration: 2s;
    transform: scale(1);
    border-radius: 5px;
    overflow: hidden;
}

.quick_charter .title h3 {
    color: var(--blue);
    font-size: 20px;
    font-weight: 500;
    padding: 10px 30px;
    background-color: #ffffff;
    right: 0;
    width: 100%;
    box-shadow: var(--box-shadow);
}

.quick_charter .close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 44px;
    width: 44px;
    line-height: 44px;
    text-align: center;
    transition: .5s;
    opacity: 1;
    color: #939393;
}

.quick_charter .close:hover {
    color: #333;
}

.quick_charter form {
    padding: 30px;
}

.quick_charter form .form-control {
    border-radius: 5px;
    transition: .5s;
}

.quick_charter form .form-control:focus {
    border-color: var(--blue);
    box-shadow: 0 0 0 0.2rem rgb(21 51 88 / 31%);
    animation: pulse-animation-blue 2s;
}

.full_page_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #000;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}

.full_page_overlay.menu_on,
.full_page_overlay.show {
    opacity: .6;
    visibility: visible;
}


/*-------------------------------------------
============= Quick Charter End =============
-------------------------------------------*/


/*-------------------------------------------
============== Request a Quote End =============
-------------------------------------------*/

.req_quote {
    position: fixed;
    background-color: #fff;
    left: 50%;
    top: 2.4vh;
    transition: .5s;
    box-shadow: var(--box-shadow);
    z-index: 101;
    opacity: 0;
    visibility: hidden;
    margin-left: -275px;
    transform: scale(.3);
    width: 550px;
    max-width: 100%;
}

.req_quote.show {
    opacity: 1;
    visibility: visible;
    animation: bounceIn;
    animation-duration: 2s;
    transform: scale(1);
    border-radius: 5px;
    overflow: hidden;
}

.req_quote .title h3 {
    color: var(--blue);
    font-size: 20px;
    font-weight: 500;
    padding: 10px 30px;
    background-color: #ffffff;
    right: 0;
    width: 100%;
    box-shadow: var(--box-shadow);
}

.req_quote .close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    height: 44px;
    width: 44px;
    line-height: 44px;
    text-align: center;
    transition: .5s;
    opacity: 1;
    color: #939393;
}

.req_quote .close:hover {
    color: #333;
}

.req_quote form {
    padding: 20px;
    height: 87vh;
    overflow-y: scroll;
}

.req_quote form .form-control {
    border-radius: 5px;
    transition: .5s;
}

.req_quote form .form-control:focus {
    border-color: var(--blue);
    box-shadow: 0 0 0 0.2rem rgb(21 51 88 / 31%);
    animation: pulse-animation-blue 2s;
}

body.fixed {
    overflow: hidden;
}


/*-------------------------------------------
============= Request a Quote End =============
-------------------------------------------*/


/*-------------------------------------------
=============== Section 1 Start =============
-------------------------------------------*/

.section_1 {
    background-color: #fff;
    padding-bottom: 0px;
}

.section_1_inner {
    background-color: #fff;
    top: -100px;
    position: relative;
    padding-top: 40px;
    transition: .5s;
    border-radius: 5px;
}

.section_1_inner.active {
    top: 0;
    padding-top: 100px;
}

.section_1_inner .section_title h2 {
    margin-bottom: 150px;
}

.section_1_inner.active .section_title h2 {
    margin-bottom: 30px;
}

.section_1_inner .text {

    padding: 40px;
    box-shadow: var(--box-shadow);
    background-color: #fff;
    margin-left: -130px;
    transition: .5s;
    border-radius: 5px;
}

.section_1_inner .text p {
    margin: 20px 0;
    font-size: 16px;
}

.section_1_inner .image {
    background-image: url(../images/about_img.jpg);
    height: 560px;
    width: 100%;
    background-size: 100%;
    background-position: center;
    position: relative;
    transition: .5s;
    border-radius: 5px;
}

.section_1_inner .image:after,
.section_1_inner .image:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    transition: .5s;
    border-radius: 5px;
}

.section_1_inner .image:before {
    border: 3px solid var(--blue);
    left: 10px;
    top: 10px;
}

.section_1_inner .image:hover:after {
    opacity: .1;
}

.section_1_bottom {
    background-color: #fff;
    background-image: url(../images/4.png);
    background-size: cover;
    padding: 100px 0;
}

.section_1_bottom .section_title {
    margin-bottom: 0px;
}


.section_1_bottom p {
    font-size: 16px;
    min-height: 82px;
}

.section_1_bottom .two_box {
    display: flex;
    justify-content: center;
}

.section_1_bottom .two_box .single_box {
    width: 50%;
    max-width: 400px;
    padding: 30px;
}

.section_1_bottom .two_box .single_box.right {
    border-left: 1px solid var(--blue);
}

.section_1_bottom .two_box h3 {
    font-size: 20px;
    font-weight: 500;
}

.section_1_bottom .two_box p {}


/*-------------------------------------------
================ Section 1 End ==============
-------------------------------------------*/


/*-------------------------------------------
================  Start ===============
-------------------------------------------*/

.quote {
    background-color: var(--blue);
    color: var(--white);
    position: relative;
}

.quote .cal_off_btn {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: .5s;
    display: none;
    z-index: 2;
}

.quote .cal_off_btn.cal_on {
    display: block;
}

.quote .nav-tabs {
    border-bottom: 1px solid #dddddd3d;
}

.quote .nav-tabs li {}

.quote .nav-tabs li.active a {
    background-color: var(--white);
    color: var(--blue);
}

.quote .tab-content {
    padding-top: 30px;
}

.quote .tab-content h2 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
}

.quote .nav-tabs li a {
    color: #fff;
    border: 1px solid #ffffff12;
    padding: 10px 20px;
    display: inline-block;
    margin-right: 20px;
    border-radius: 5px 5px 0 0;
    transition: .5s;
}

.quote form .form-control {
    border-radius: 5px;
    transition: .5s;
}

.quote form .form-control:focus {
    border-color: var(--blue);
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.31);
    animation: pulse-animation 2s;
}

.quote form .check {
    cursor: pointer;
}

.radio_group {
    display: flex;
}

.radio_group .form-check {
    margin-right: 30px;
    display: flex;
    align-items: center;
}

.radio_group label {
    padding-left: 10px;
    margin-bottom: 0;
    cursor: pointer;
}

.radio_group input {
    cursor: pointer;
}

.quote .button_2 {
    background-color: var(--blue);
    margin-top: 10px;
}

.quote .add_btn i,
.quote .remove_btn i {
    margin-right: 5px;
}


/* calender */

.blank_item {
    min-width: 35px;
}

.calender button {
    width: 100%;
    transition: .5s;
}

.calender button:hover {
    background-color: #ddd;
}

.calender button.active {
    background-color: var(--blue);
    color: var(--white);
}

.calender_area {
    position: relative;
}

.calender_area .cal_icon {
    position: absolute;
    top: 42px;
    right: 12px;
    color: #5c5c5c;
    font-size: 16px;
}

.calender_area .calender {
    position: absolute;
    left: 0;
    top: 60px;
    background: #fff;
    border-radius: 5px;
    z-index: 5;
    color: #333;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.calender_area.cal_on .calender {
    opacity: 1;
    visibility: visible;
    top: 72px;
}


/*-------------------------------------------
================  End ===============
-------------------------------------------*/


/*-------------------------------------------
================ Section 2 Start =============
-------------------------------------------*/

.section_2 {
    background-image: url(../images/bg_img_1.jpg);
    height: auto;
    padding-top: 100px;
    background-attachment: fixed;
}

.section_2.overlay::after {
    opacity: .2;
}

.box_outer {
    display: flex;
    justify-content: end;
}

.section_2 .box {
    padding: 70px 50px;
    background-color: #fff;
    width: 430px;
    font-size: 16px;
    margin-bottom: -60px;
    box-shadow: var(--box-shadow);
    border-radius: 5px;
}

.section_2 .box .section_title {
    margin-bottom: 0;
}

.section_2 .box .section_title h2 {
    margin-bottom: 15px;
}


/*-------------------------------------------
================ Section 2 End ==============
-------------------------------------------*/


/*-------------------------------------------
============== pictures Start ==============
-------------------------------------------*/

.pictures {
    background-color: var(--white);
}

.pictures .section_title {
    margin-bottom: 20px;
    transition: .5s;
}

.pictures .section_title h2 {
    margin-bottom: 10px;
}

.single_slid_img {
    height: 30vw;
    background-position: center;
    background-size: cover;
    border-radius: 5px;
    margin: 30px 0;
    transition: .5s;
}

.single_slid_img:hover {
    box-shadow: 0px 0px 30px #3333335c;
}

.slide_img_1 {
    background-image: url(../images/hero_bg_1.jpg);
}

.slide_img_2 {
    background-image: url(../images/hero_bg_2.jpg);
}

.slide_img_3 {
    background-image: url(../images/hero_bg_3.jpg);
}

.slide_img_4 {
    background-image: url(../images/bg_img_1.jpg);
}

.pictures .owl-nav div {
    position: absolute;
    top: 50%;
    left: 30px;
    height: 50px;
    width: 50px;
    background-color: #ffffffab;
    border-radius: 50%;
    text-align: center;
    line-height: 52px;
    font-size: 30px;
    transition: .5s;
    color: var(--blue);
    margin-top: -25px;
}

.pictures .owl-nav div.owl-next {
    left: auto;
    right: 30px;
}

.pictures .owl-nav div:hover {
    background-color: var(--white);
}


/*-------------------------------------------
================ pictures End ==============
-------------------------------------------*/


/*-------------------------------------------
=============== Speciality Start ============
-------------------------------------------*/

.speciality {
    background-image: url(../images/bg_img_2.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.helps {
    display: flex;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.single_help {
    width: 33.334%;
}

.single_help h3 {
    color: var(--blue);
    display: inline-block;
    background-color: #ffffffd1;
    font-size: 20px;
    font-weight: 500;
    padding: 10px 20px 10px 15px;
    border-radius: 0 30px 30px 0;
    margin-bottom: 20px;
    transition: .5s;
}

.single_help:hover h3 {
    transform: translateY(-10px);
    background-color: #fff;
}

.single_help p {
    padding: 30px;
    height: 100%;
    background: rgb(229, 229, 229);
    background: -moz-linear-gradient(left, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(to right, rgba(229, 229, 229, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f2f2f2', GradientType=1);
}

.single_help .help_1 {}

.single_help.help_1 .image {
    background-image: url(../images/help_1.jpg);
}

.single_help.help_2 .image {
    background-image: url(../images/help_2.jpg);
}

.single_help.help_3 .image {
    background-image: url(../images/help_3.jpg);
}

.single_help .image {
    height: 250px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: end;
}


/*-------------------------------------------
=============== Speciality End ==============
-------------------------------------------*/


/*-------------------------------------------
============== Section 3 Start ==============
-------------------------------------------*/

.section_3 {
    background-color: var(--white);
    position: relative;
    z-index: 0;
    padding-bottom: 120px;
    overflow: hidden;
}

.section_3:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: .5s;
    background-image: url(../images/white_bg.jpg);
    background-position: bottom center;
    background-size: cover;
    opacity: .5;
    z-index: -1;
}

.section_3 .text {
    padding-left: 60px;
}

.section_3 .text .section_title {
    margin-bottom: 0;
}

.section_3 .text .section_title h2 {
    margin-bottom: 15px;
}

.section_3 .text p {
    text-align: justify;
    font-size: 16px;
}

.button_1 {
    color: #fff;
    border: 2px solid #153358;
    padding: 10px 22px;
    text-transform: uppercase;
    font-size: 16px;
    transition: .5s;
    font-weight: 500;
    display: inline-block;
    background-color: #153358;
    margin-top: 15px;
    border-radius: 30px;
}

.button_1:hover {
    animation: pulse-animation-blue 2s infinite;
    color: var(--blue);
    background-color: transparent;
}

.section_3 img {
    border-radius: 5px;
    margin-bottom: 30px;
}


/*-------------------------------------------
================ Section 3 End ==============
-------------------------------------------*/


/*-------------------------------------------
========== Counter Section Starty ==========
-------------------------------------------*/

.counter_section {
    background-color: var(--blue);
}

#counter-box-container {
    display: inline-flex;
    width: 100%;
    text-align: center;
    justify-content: center;
}

#counter-box {
    width: 33%;
    color: var(--white);
}

#counter-box i {
    display: inline-block;
    font-size: 40px;
    border: 2px solid #fff;
    height: 70px;
    width: 70px;
    line-height: 69px;
    border-radius: 50%;
}

#counter-box .number {
    font-size: 60px;
    display: flex;
    justify-content: center;
    line-height: 1;
    margin-top: 30px;
    margin-bottom: 10px;
}

#counter-box p {
    font-weight: 300;
    font-size: 18px;
}

.button_2 {
    display: inline-block;
    color: #fff;
    padding: 10px 22px;
    border: 2px solid #fff;
    position: relative;
    text-transform: uppercase;
    font-size: 16px;
    transition: .5s;
    font-weight: 500;
    border-radius: 30px;
}

.button_2:after {
    content: '';
    position: absolute;
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    top: -2px;
    left: -2px;
    transition: .5s;
    border-radius: 30px;
}

.button_2:hover {
    background-color: #fff;
    color: #000;
}

.button_2:hover:after {
    animation: pulse-animation 2s;
}

.counter_section .more_btn {
    text-align: center;
    margin-top: 50px;
}


/*-------------------------------------------
========== Counter Section Starty ==========
-------------------------------------------*/


/*-------------------------------------------
=============== Booking Start ==============
-------------------------------------------*/

.booking {
    background-color: var(--white);
    background-image: url(../images/bg_img_3.jpg);
    background-attachment: fixed;
    background-size: cover;
}

.booking.overlay:after {
    opacity: .5;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);
}

.single_booking {
    border-radius: 5px;
    overflow: hidden;
}

.single_booking .inner {
    padding: 20px;
    background-color: var(--white);
}

.single_booking h3 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px;
}

.single_booking ul li {
    color: #979797;
}

.single_booking ul li i {
    width: 20px;
}


/*-------------------------------------------
=============== Booking Start ==============
-------------------------------------------*/


/*-------------------------------------------
=============== Section 4 Start ==============
-------------------------------------------*/

.section_4 {
    background-color: var(--white);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.section_4 h2 {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 2px #000;
    font-size: 57px;
}

.section_4 p {
    font-size: 16px;
    margin-top: 30px;
}

.section_4 .content img {
    transition: .5s;
}

.section_4 .content img:hover {
    transform: scale(1.05);
}

.plane,
.plane_2 {
    position: absolute;
    filter: grayscale(1);
    transition: .5s;
    width: 100px;
}

.plane {
    bottom: 0;
    left: -100px;
    animation: fly_1 17s linear infinite;
}

.plane_2 {
    top: 45%;
    right: 100px;
    transform: rotatey(180deg) rotate(-13deg);
    animation: fly_2 25s linear infinite;
}

.plane:hover,
.plane_2:hover {
    filter: grayscale(0);
}

@keyframes fly_1 {
    0% {
        bottom: 0;
        left: -100px;
        transform: rotate(0deg);
        opacity: 1;
        display: block;
    }

    20% {
        bottom: 40px;
        left: 140px;
        transform: rotate(-12deg);
    }

    40% {
        bottom: 60px;
        left: 280px;
        transform: rotate(-7deg);
    }

    60% {
        bottom: 80px;
        left: 420px;
        transform: rotate(-2deg);
    }

    80% {
        bottom: 120px;
        left: 560px;
        transform: rotate(-10deg);
        opacity: 1;
    }

    95% {
        display: none;
        transform: rotate(0deg);
        opacity: 0;
        bottom: 140px;
        left: 660px;
    }

    100% {
        opacity: 0;
        display: none;
        transform: rotate(0deg);
        bottom: 0;
        left: -100px;
    }
}

@keyframes fly_2 {
    0% {
        top: 45%;
        right: -100px;
        transform: rotatey(180deg) rotate(-13deg);
        opacity: 1;
        display: block;
    }

    40% {
        top: 15%;
        right: 40%;
        transform: rotatey(180deg) rotate(-6deg);
    }

    80% {
        top: 10%;
        right: 80%;
        transform: rotatey(180deg) rotate(0deg);
        opacity: 1;
    }

    95% {
        top: 15%;
        right: 97%;
        display: none;
        transform: rotatey(180deg) rotate(5deg);
        opacity: 0;
    }

    100% {
        opacity: 0;
        display: none;
        top: 45%;
        right: -100px;
        transform: rotatey(180deg) rotate(-13deg);
    }
}


/*-------------------------------------------
================ Section 4 End ===============
-------------------------------------------*/


/*-------------------------------------------
================ Traveler Start ==============
-------------------------------------------*/

.traveler {
    background-color: var(--white);
}

.traveler .box_wraper {
    max-height: 600px;
    overflow-y: scroll;
    padding: 30px;
}

.traveler .single_box {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 30px;
}

.traveler .single_box img {
    border-radius: 5px;
}

.traveler .single_box h3 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--blue);
}

.traveler .single_box .time {}

.traveler .single_box .time li {
    color: #979797;
    font-size: 15px;
    font-weight: 500;
}

.traveler .single_box .time li i {
    width: 20px;
}

.traveler .single_box .top {
    margin-bottom: 15px;
}

.traveler .single_box .top li {
    display: inline-block;
    margin-right: 10px;
    color: var(--blue);
}

.traveler .single_box .right {
    text-align: right;
}

.traveler .single_box .right h3 {
    display: inline-block;
    min-width: 193px;
    text-align: center;
}

.traveler ::-webkit-scrollbar {
    width: 7px;
}

.traveler ::-webkit-scrollbar-thumb {
    background: #a8a8a8;
}


/*-------------------------------------------
================ Traveler End ===============
-------------------------------------------*/


/*-------------------------------------------
================ Plans Start ================
-------------------------------------------*/

.plans {
    background-color: var(--blue);
    color: var(--white);
}

.plans h3 {
    font-size: 50px;
    font-weight: 300;
    padding-right: 30px;
    line-height: 1.4;
    margin-top: -10px;
    border-right: 1px solid #fff;
    margin-right: 30px;
}

.plans p {
    margin-bottom: 20px;
    font-weight: 300;
}

.plans a {
    margin-bottom: 30px;
}

.plans .plane_btn_1 {
    margin-bottom: 50px;
}


/*-------------------------------------------
================ Plans  End ================
-------------------------------------------*/


/*-------------------------------------------
================ Blog Start ================
-------------------------------------------*/

.blog {
    background-color: var(--white);
}

.single_post {
    border-radius: 5px;
    overflow: hidden;
    padding: 15px 15px 20px 15px;
    transition: .5s;
    box-shadow: 0px 0px 30px #33333326;
    margin: 0 auto;
    max-width: 300px;
    margin-bottom: 30px;
}

.single_post:hover {
    transform: translateY(-10px);
    box-shadow: 0px 0px 30px #3333334a;
}

.single_post .img {
    height: 170px;
    background-size: cover;
    border-radius: 5px;
    background-position: center;
}

.single_post .date {
    color: #a5a5a5;
    font-weight: 200;
    font-size: 12px;
    display: block;
    text-align: right;
    margin: 7px 0;
}

.single_post h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 5px;
    color: var(--blue);
}

.single_post .details {
    font-size: 12px;
}

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

.single_post .button_1 {
    padding: 5px 14px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
}

.blog_img_1 {
    background-image: url(../images/blog/1.jpg);
}

.blog_img_2 {
    background-image: url(../images/blog/2.jpg);
}

.blog_img_3 {
    background-image: url(../images/blog/3.jpg);
}

.blog_img_4 {
    background-image: url(../images/blog/4.jpg);
}


/*-------------------------------------------
================ Blog  End ================
-------------------------------------------*/


/*-------------------------------------------
================ Section 5 Start ===============
-------------------------------------------*/

.section_5 {
    position: relative;
    background-color: #fff;
    padding-top: 50px;
    background-image: url(../images/map.jpg);
    background-position: center;
    background-size: cover;
    /* background-attachment: fixed; */
}

.contact_inner {
    background-color: var(--white);
    position: relative;
    bottom: -80px;
    border-radius: 5px;
    overflow: hidden;
}

.contact_inner .address {
    background-image: url(../images/contact_img.jpg);
    background-size: cover;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
}

.contact_inner .address_inner {
    background-color: #112946e0;
    ;
    color: #fff;
    padding: 30px;
    max-width: 380px;
    margin-bottom: 50px;
    border-radius: 5px;
}

.contact_inner .address h3 {
    font-weight: 300;
    display: inline-block;
    font-size: 22px;
    margin-bottom: 5px;
}

.contact_inner .address p {
    display: inline-block;
}

.contact_inner form {
    padding: 50px 50px 50px 20px;
}

.contact_inner form .section_title {
    margin-bottom: 0;
}

.contact_inner form h2 {
    margin-bottom: 15px;
}

.contact_inner form .form-control {
    border-radius: 5px;
    transition: .5s;
}

.contact_inner form .form-control:focus {
    border-color: var(--blue);
    box-shadow: 0 0 0 0.2rem rgb(21 51 88 / 31%);
    animation: pulse-animation-blue 2s;
}

.contact_f .button_1 {
    margin-top: 0;
}


/*-------------------------------------------
================ Section 5 End ===============
-------------------------------------------*/


/*-------------------------------------------
================ Fly Start ===============
-------------------------------------------*/
.fly {
    background-color: var(--white);
    font-size: 16px;
}

.fly .section_title h2 {
    margin-bottom: 15px;
}

.fly_img {

    background-position: center;
    background-size: cover;
    height: 200px;
}

.fly_img_1 {
    background-image: url(../images/private_plane_3.jpg);
    margin-left: -15px;
}

.fly_img_2 {
    background-image: url(../images/hero_bg_3.jpg);
    margin-right: -15px;
}

.fly_img_3 {
    background-image: url(../images/bombardier.jpg);
    margin-left: -15px;
}

.fly h4 {
    font-size: 20px;
    font-weight: 500;
}

.fly .button_1 {
    margin-top: 30px;
}

/*-------------------------------------------
================ Fly End ===============
-------------------------------------------*/

/*-----------------------------------------------
================ Our Fleet Start ===============
----------------------------------------------*/
.our_fleet {
    background-color: #ddd;
}

.our_fleet .section_title h2 {
    margin-bottom: 15px;
}

.our_fleet .section_title {
    margin-bottom: 30px;
}

/*-------------------------------------------
================ Our Fleet End ===============
-------------------------------------------*/


/*-------------------------------------------
================ Footer Start ===============
-------------------------------------------*/

.footer {
    background-color: var(--black);
    padding-top: 100px;
    position: relative;
    color: var(--white);
}

.footer_logo img {
    width: auto;
    height: 50px;
    margin-bottom: 30px;
}

.footer_top {
    padding-bottom: 40px;
}

.footer_top p {
    font-size: 13px;
    line-height: 1.6;
    margin-top: 20px;
    font-weight: 300;
    color: #ffffff8f;
}

.footer_top h3 {
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
}

.footer_top ul li a {
    color: #ffffff8f;
    transition: .5s;
}

.footer_top .right ul li a {
    padding: 8px 0;
    display: block;
    border-bottom: 1px solid #dddddd38;
}

.footer_top ul li a:hover {
    color: var(--white);
}

.footer_top .right ul li a:hover {
    padding-left: 15px;
}

.footer_top ul li:last-child a {
    border: none;
}

.footer_bottom {
    border-top: 1px solid #dddddd38;
    padding: 40px 0 20px 0;
    color: #ffffff8f;
}

.footer_bottom .header_social_media ul {
    margin-top: 0;
}

.footer_bottom .header_social_media ul li a {
    color: #ffffff8f;
}

.footer_bottom .header_social_media ul li a:hover {
    color: var(--white);
}


/*-------------------------------------------
================ Footer End ===============
-------------------------------------------*/


/*back_to_top*/

.back_to_top a {
    display: inline-block;
    font-size: 18px;
    position: fixed;
    color: var(--blue);
    background-color: var(--white);
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    right: 15px;
    bottom: -30px;
    z-index: 99;
    box-shadow: 0px 0px 20px #33333324;
    transition: .5s;
    opacity: 0;
}

.back_to_top.on a {
    bottom: 15px;
    opacity: 1;
}

.back_to_top a i {
    animation: up_down 2s infinite linear;
}

@keyframes up_down {
    0% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-2px);
    }

    50% {
        transform: translateY(0);
    }

    75% {
        transform: translateY(2px);
    }

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


/*back_to_top*/


/* contact pae start */

.inner_page_hero.hero_area {
    height: 400px;
}

.inner_page_hero.hero_area .hero_inner {
    min-height: 400px;
    padding-top: 80px;
}

.inner_page_hero.hero_area h1 {
    font-size: 50px;
    text-shadow: 0px 2px 30px #0000006b;
    max-width: 715px;
}



.inner_page_hero.hero_area ul {
    margin-top: 30px;
}

.contact_section {
    background-color: #fff;
}

.contact_section .map iframe {
    width: 100%;
    height: 450px;
    border-radius: 5px;
}

.contact_section .address {
    margin-top: 100px;
    text-align: center;
}

.contact_section .address h3 {
    font-weight: 500;
    color: var(--blue);
}

.contact_section form .form-control {
    border-radius: 5px;
    transition: .5s;
}

.contact_section form .form-control:focus {
    border-color: var(--blue);
    box-shadow: 0 0 0 0.2rem rgb(21 51 88 / 31%);
    animation: pulse-animation-blue 2s;
}

/* contact pae end */


/* ---------------- */

.button-group .button {
    padding: 10px 18px;
    margin-bottom: 10px;
    background: #EEE;
    border: none;
    font-size: 16px;
    cursor: pointer;
}

.button-group .button:hover {
    background-color: var(--blue);
    color: var(--white);
}

.button-group .button:active,
.button-group .button.is-checked {
    background-color: var(--black);
}

.button-group .button.is-checked {
    color: white;
    text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.button-group .button:active {
    box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}


/* ---- button-group ---- */

.button-group:after {
    content: '';
    display: block;
    clear: both;
}

.button-group .button {
    float: left;
    border-radius: 0;
    margin-left: 0;
    transition: .5s;
    text-transform: uppercase;
}

.button-group .button:first-child {
    border-radius: 30px 0 0 30px;
}

.button-group .button:last-child {
    border-radius: 0 0.5em 0.5em 0;
    border-radius: 0 30px 30px 0;
}

.filters-button-group {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.single_plane {
    padding: 15px;
    margin-bottom: 15px;
}

.single_plane h3 {
    font-weight: 400;
    font-size: 16px;
}


/* ---- isotope ---- */


/* about page start */

.about_section {}

.about_section h1 {
    text-transform: uppercase;
    color: var(--blue);
    font-size: 50px;
    margin-bottom: 50px;
}

.about_section h2 {}

.about_section p {
    margin-bottom: 15px;
}

.about_section .section_title {
    margin-bottom: 0;
}

.about_section .section_title h2 {
    margin-bottom: 5px;
}

.about_section img {
    border-radius: 5px;
}

/* about_section_1 start */
.about_section_1 .section_title {
    margin-bottom: 0;
}

.about_section_1 .section_title h2 {
    margin-bottom: 15px;
}


/* about_section_4 start */

.about_section_4 {
    /* background-color: #ddd; */
    padding-top: 50px;
}

.about_section_4 .section_title {
    margin-bottom: 0px;
}

.about_section_4 .section_title h2 {
    margin-bottom: 15px;
}

.about_section_4 .left img {
    box-shadow: 0px 0px 30px #c5c5c5;
}

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

.about_section_4 .right img {
    max-height: 200px;
    margin-top: 30px;
    transition: .5s;
}

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

.about_section_4 ul {
    text-align: center;
    margin-top: 30px;
}

.about_section_4 ul li {
    display: inline-block;
}

.about_section_4 ul li button,
.about_section_4 ul li a {
    min-width: 260px;
    margin: 0 10px;
}




/* leadersheep start */

.about_section_2 .card {
    background: #fff;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
    border: 1;
    border-radius: 10px;
    margin-bottom: 30px;
}

.img-hover-zoom--colorize img {
    border-radius: 50%;
    width: 150px;
    height: auto;
    margin-top: 20px;
    padding: 1px;
    transition: transform .5s;
    filter: grayscale(100%);
}

.img-hover-zoom--colorize:hover img {
    filter: grayscale(0);
    transform: scale(1.05);
}

.about_section_2 .card h2 {
    font-size: 22px;
    font-weight: 500;
    color: var(--blue);
}

.about_section_2 .card a {
    font-size: 1.5rem;
    color: #ababab;
    transition: .5s;
}

.about_section_2 .card a:hover {
    color: var(--blue);
    transform: scale(1.1);
}


/* about_section_3 start  */

.about_section_3 {}

.about_section_3 .bg_img {
    background-image: url(../images/contact_img.jpg);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
}

.bg_img:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 30%;
    top: 0;
    left: 0;
    transition: .5s;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(125, 185, 232, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(125, 185, 232, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(125, 185, 232, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#007db9e8', GradientType=1);
}

.about_section_3 .section_title h2 {
    margin-bottom: 15px;
}

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

.about_section_3 .single_box h4 {
    font-size: 20px;
    font-weight: 500;
}


/* about page end */


/* owners page start  */

.team_about p {
    margin-bottom: 30px;
    font-size: 20px;
}

.team_about .img {
    text-align: right;
}

.team_about img {
    max-height: 500px;
}

.leadership {
    background-color: #f3f3f3;
}

.bg_img_1 {
    background-image: url(../images/sits.jpg);
}

.single_member {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
    transition: .5s;
    margin: auto;
    margin-bottom: 30px;
}

.single_member:hover {
    border-color: var(--blue);
}

.single_member img {
    border-radius: 5px;
}

.single_member h3 {
    font-size: 22px;
    margin-bottom: 3px;
    font-weight: 600;
    color: var(--blue);
}

.single_member h4 {
    font-size: 15px;
    font-weight: 500;
    color: #a7a7a7;
    margin-bottom: 10px;
}

.single_member p {
    margin-bottom: 5px;
    line-height: 1.5;
}

.single_member a {
    color: var(--blue);
    float: right;
}

.single_member a i {
    font-size: 12px;
    transition: .5s;
}

.single_member a:hover i {
    transform: translateX(5px);
}

.margin_top_50 {
    margin-top: 50px;
}


/* owners page end */



/*-------------------------------------------------------
================ Jet Managment Page Start ===============
--------------------------------------------------------*/
.jet_m_s_1 {}

.jet_m_s_1 .inner .section_title {
    margin-bottom: 0;
}

.jet_m_s_1 h1 {
    text-transform: uppercase;
    color: var(--blue);
    font-size: 50px;
}

.jet_m_s_1 .section_title h2 {
    margin-bottom: 15px;
}


.jet_m_s_1 h3 {
    font-size: 22px;
    font-weight: 500;
}

.jet_m_s_1 .inner p {
    margin-bottom: 20px;
    font-size: 16px;
}

.jet_m_s_1 .inner img {
    width: 100%;
}

.jet_m_s_1 p a {
    color: var(--blue);
    transition: .5s;
    font-weight: 600;
    border: 1px solid #9b9b9b;
    padding: 2px 5px;
    border-radius: 3px;
}

.jet_m_s_1 p a:hover {
    color: var(--black);
}

/* ---- */

.jet_m_s_2 {
    background-color: var(--blue);
    color: var(--white);
}

.jet_m_s_2 .section_title {
    margin-bottom: 0px;
}

.jet_m_s_2 .section_title h2 {
    color: var(--box-shadow);
    margin-bottom: 15px;
}

.jet_m_s_2 .btn {
    margin-top: 30px;
}

/*-----------------------------------------------------
================ Jet Managment Page End ===============
-----------------------------------------------------*/


/*----------------------------------------------------
================  Aircraf Page Start ===============
---------------------------------------------------*/
.aircraft_filter .req_pop_up {
    margin-top: 30px;
}

/*------------------------------------------------
================ Aircraf Page End ===============
------------------------------------------------*/


/*-------------------------------------------------
================ Charter Page Start ===============
--------------------------------------------------*/
.charter_s_1 {}

.charter_s_1 .section_title {
    margin-bottom: 0;
}

.charter_s_1 .section_title h2 {
    margin-bottom: 15px;
}

.charter_s_1 {
    padding-bottom: 0;
}

.certificate_img img {
    width: 255px;
    margin: 30px 0;
    transition: .5s;
}

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

.charter_s_2 .button_1 {
    margin-top: 30px;
}

.charter_s_2 .section_title {
    margin-bottom: 0px;
}

.charter_s_2 .section_title h2,
.charter_s_3 .section_title h2 {
    margin-bottom: 15px;
}

.charter_s_2 p a {
    color: var(--blue);
    transition: .5s;
    font-weight: 500;
}

.charter_s_2 p a:hover {
    color: var(--black);
}


.custom_model {
    text-align: center;
}

.modal-open .modal {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.custom_model .modal-body {
    padding: 30px;
}

.custom_model h4 {
    font-size: 20px;
    font-weight: 500;
}

.custom_model .close {
    position: absolute;
    right: 11px;
    top: 9px;
}

.charter_s_3 {
    background-color: var(--blue);
    color: var(--white);
}

.charter_s_3 .section_title h2 {
    color: var(--white);
}

.charter_s_3 .section_title p {
    text-align: left;
    color: var(--white);
}

.charter_s_3 h4 {
    font-size: 18px;
    font-weight: 500;
}

.charter_s_3 ul {
    margin-bottom: 30px;
}

.charter_s_4 .section_title {
    margin-bottom: 15px;
}

.charter_s_4 .section_title h2 {
    margin-bottom: 15px;
}

.charter_s_4 .section_title p a {
    color: var(--blue);
    font-weight: 500;
}

/* subscribe */
.subscribe {
    background-color: var(--blue);
    color: var(--white);
}

.subscribe .section_title p {
    color: var(--white);
}


.subscribe .button_1 {
    color: var(--white);
    border: 2px solid var(--white);
}

.subscribe .button_1:hover {
    background-color: var(--white);
    animation: pulse-animation 2s;
    color: var(--blue);
}

.subscribe form .form-control:focus {
    border-color: var(--box-shadow);
    box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.31);
    animation: pulse-animation 2s;
}


/*-----------------------------------------------
================ Charter Page End ===============
-----------------------------------------------*/