@import url('https://fonts.googleapis.com/css2?family=Doppio+One&display=swap');

/* font-family: 'Doppio One', sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

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

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

/* font-family: "Roboto Condensed", sans-serif; */

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

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

@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* font-family: "PT Sans", sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* font-family: "Open Sans", sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;400;500;600;700;800&display=swap');

/* font-family: 'Noto Sans', sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap');

/* font-family: 'Hind Siliguri', sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

/* font-family: 'Lora', serif; */

@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap');

/* font-family: 'Baloo 2', sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/* font-family: "Noto Sans JP", sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

/* font-family: "Nunito Sans", sans-serif; */



/*************************************************

    Common Section Begin

*************************************************/

html, body {

    scroll-behavior: smooth !important;

    scrollbar-width: auto !important;

    overflow: auto;

    background-color: #fff;

    height: auto;

    margin: 0;

    padding: 0;

}



.bold {font-weight: bolder !important;}

.italic {font-style: italic !important;}

.underline {text-decoration: underline !important;}

a {text-decoration: none;}

.mobile-view {display: none;}

.desktop-view {display: block;}



.container-fluid {

    padding-left: 80px;

    padding-right: 80px;

}



ul,ol {

    list-style: none;

    padding: 0;

    margin: 0;

}



/*************************************************

    Header Section

*************************************************/

.header {

    font-family: 'Doppio One', sans-serif;

    /* background-color: #92B0D2; */
    background-color: #fff;
    border-bottom: 1px solid #f1f1f1;

    padding: 18px 0;

}



.header .container-fluid {

    display: flex;

    justify-content: space-between;

    align-items: end;

}



.tagline p {

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

    font-family: "PT Sans", sans-serif;

    /* font-size: 19px; */
    font-size: 22px;

    font-weight: 600;

    text-transform: uppercase;

    color: #161da2;
    /* color: #fff; */

}



/* .header .logo img {max-width: 200px;} */



/* #navbar .menu {

    list-style: none;

    margin: 0;

    padding: 0;

    height: 100%;

    display: flex;

    align-items: end;

    gap: 20px;

}



#navbar .menu > .menu-item > a {

    display: block;

    font-size: 17px;

    font-weight: 500;

    color: #fff;

    transition: all 0.2s;

}



#navbar .menu > .menu-item > a:hover {color: #a5a4a4;}

#navbar .menu-item-has-children {position: relative;}

#navbar .menu-item-has-children:hover > a {color: #a5a4a4;}



#navbar .menu-item-has-children:hover .sub-menu {

    opacity: 1;

    top: calc(100% + 25px);

    visibility: visible;

    transition: all 0.3s;

}



.sub-menu {

    position: absolute;

    top: calc(100% + 35px);

    left: -10px;

    z-index: 9;

    min-width: 240px;

    background-color: #fff;

    border-radius: 0 0 5px 5px;

    border-top: 4px solid var(--green-color);

    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);

    padding: 15px 0;

    opacity: 0;

    visibility: hidden;

}



.sub-menu::before {

    content: "";

    border: 9px solid transparent;

    border-bottom-color: #fff;

    position: absolute;

    top: -17px;

    left: 20px;

}



.sub-menu::after {

    content: "";

    background-color: transparent;

    width: 100%;

    height: 25px;

    position: absolute;

    top: -25px;

    left: 0;

    cursor: pointer;

}



.sub-menu .menu-item a {

    display: block;

    font-size: 17px;

    font-weight: 400;

    color: #303030;

    padding: 5px 15px;

    white-space: nowrap;

    transition: all 0.3s;

}

.sub-menu .menu-item a:hover {color: #c22129;} */



#mobile-menu i {

    display: inline-block;

    font-size: 40px;

    line-height: 100%;

    /* border: 1px solid transparent;

    color: #f7f7f7; */

    border: 1px solid #02678b;

    color: #231F20;

    padding: 2px 8px;

    cursor: pointer;

    transition: all 0.4s;

}

#mobile-menu i:hover {border-color: #02678b;}



#overlay-bg {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9998;

    background-color: rgba(0, 0, 0, 0.6);

    min-width: 100%;

    min-height: 100%;

    height: 100vh;

    opacity: 0;

}



#close-menu {

    font-size: 14px;

    font-weight: 400;

    border-bottom: 1px solid #dadada;

    background-color: #f7f7f7;

    color: #707070;

    padding: 8px 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



#close-menu i {

    font-size: 23px;

    font-weight: 600;

    cursor: pointer;

    transition: all 0.4s;

}

#close-menu i:hover {color: #b13c3c;}



#navbar-menu {

    position: fixed;

    top: 0;

    right: -100%;

    z-index: 9999;

    min-width: 28%;

    min-height: 100%;

    height: 100vh;

    background-color: #fff;

    transition: all 0.7s;

}

#navbar-menu.active {right: 0;}



#navbar .menu {

    flex-direction: column;

    align-items: start;

    gap: 20px;

    padding: 20px;

}

#navbar .menu > .menu-item {

    width: 100%;

    margin-bottom: 10px;

}



#navbar .menu > .menu-item > a {

    display: block;

    font-size: 19px;

    font-weight: 500;

    color: #54585a;

    transition: all 0.2s;

}



#navbar .menu > .menu-item > a:hover {color: #bf4b4b;}

#navbar .menu-item-has-children.active > a {color: #bf4b4b;}

/* #navbar .menu-item-has-children a {width: 70%;} */



#navbar .menu-item-has-children {

    position: relative;

    cursor: pointer;

}



#navbar .menu-item-has-children .sub-menu .menu-item a {

    display: block;

    width: 100%;

    white-space: wrap;

    font-size: 17px;

    color: #54585a;

    transition: all 0.3s;

}

#navbar .menu-item-has-children .sub-menu .menu-item a:hover {color: #bf4b4b;}



#navbar .menu-item-has-children::after {

    content: "\f078";

    font-family: fontAwesome;

    font-size: 12px;

    color: #585858;

    border: 1px solid #585858;

    width: 22px;

    height: 22px;

    line-height: 22px;

    text-align: center;

    border-radius: 50%;

    position: absolute;

    top: 2px;

    right: 0;

    z-index: -1;

}



#navbar .menu-item-has-children:hover::after,

#navbar .menu-item-has-children.active::after {

    color: #bf4b4b;

    border-color: #bf4b4b;

}



#navbar .menu-item-has-children:hover .sub-menu {transition: none;}



.sub-menu {

    background-color: #f2f2f2;

    padding: 15px;

    cursor: auto;

    display: none;

}



.sub-menu::before {display: none;}



.sub-menu .menu-item a {

    font-size: 19px;

    color: #2c2e35;

    padding: 5px 0;

}



/*************************************************

    Banner Section

*************************************************/

.banner-sec {position: relative;}

.banner-sec .banner-thumb img {width: 100%;}



.banner-info {

    position: absolute;

    left: 80px;

    bottom: 60px;

    width: 50%;

}



.banner-info h1 {

    font-family: 'Roboto', sans-serif;

    font-size: 35px;

    font-weight: 600;

    line-height: normal;

    color: #fff;

    margin-bottom: 15px;

}



.banner-info p {

    font-family: 'Noto Sans', sans-serif;

    font-size: 19px;

    font-weight: 300;

    color: #fff;

    margin-bottom: 25px;

}

.banner-info p:first-of-type {margin-bottom: 35px;}



.banner-info .join-btn a {

    display: inline-block;

    text-transform: uppercase;

    color: #fff;

    background-color: #063A89;

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

    font-family: "PT Sans", sans-serif;

    font-size: 16px;

    font-weight: 500;

    letter-spacing: 1px;

    line-height: 100%;

    padding: 14px 25px;

    padding-bottom: 12px;

    border-radius: 5px;

    transition: all 0.4s;

}



.banner-info .join-btn a:hover {background-color: #075ddd;}

.inner-banner img {width: 100%;}



/*********************************************************

    Advertisement Section

*********************************************************/

.advt-area {padding: 100px 0;}



.advt-area h1 {

    font-family: "Roboto Condensed", sans-serif;

    font-size: 28px;

    font-weight: 400;

    line-height: normal;

    color: #161da2;

    /* color: #AA0000; */

    padding-bottom: 7px;

    margin-bottom: 50px;

    display: inline-block;

    position: relative;

}



.advt-area h1::before {

    content: "";

    width: 40%;

    height: 2px;

    background-color: #454cd8;

    position: absolute;

    top: 100%;

    left: 0;

}



.advt-area .owl-dots {

    text-align: center;

    margin-top: 10px;

}



.advt-area .owl-dots .owl-dot {

    width: 13px;

    height: 13px;

    border-radius: 50%;

    background-color: #cdcdcd;

    margin-right: 2px;

    transition: all 0.3s;

}



.advt-area .owl-dots .owl-dot:hover {background-color: #8ab3ff;}

.advt-area .owl-dots .owl-dot.active {background-color: #457bdf;}



.advt-brief {

    display: flex;

    gap: 40px;

}



.advt-brief .advt-txt {width: calc(55% - 20px);}

.advt-brief .advt-thumb {width: calc(45% - 20px);}



.advt-brief .advt-txt h2 {

    font-size: 22px;

    line-height: normal;

    margin-bottom: 15px;

}



.advt-brief .advt-txt p {

    font-size: 17px;

    font-weight: 400;

    color: #414141;

    margin-bottom: 15px;

}



.advt-brief .advt-txt p.colored {

    color: #00767c;

    font-weight: 500;

    font-style: italic;

}

.advt-brief .advt-txt p:last-child {margin-bottom: 0;}



.advt-brief .knowMore {

    margin-top: 25px;

    text-align: right;

}



.advt-brief .knowMore a {

    font-size: 15px;

    display: inline-flex;

    align-items: center;

    gap: 7px;

    border: 1px solid #5a5a5a;

    color: #414141;

    padding: 7px 25px;

    transition: all 0.3s;

}



.advt-brief .knowMore a:hover {

    border: 1px solid #c36c6c;

    color: #c36c6c;

}



.advt-brief .knowMore a i {transition: all 0.3s;}

.advt-brief .knowMore a:hover i {transform: translateX(4px);}



/*************************************************

    Join Network Section

*************************************************/

.join-network {

    display: flex;

    overflow: hidden;

}



.join-left-col, .join-right-col {width: 50%;}



.join-left-col {

    background-image: linear-gradient(to bottom, #185ABC, #740790);

    padding: 60px 60px 60px 140px;

}



.join-left-col h1 {

    font-family: 'Noto Sans', sans-serif;

    font-size: 30px;

    font-weight: 600;

    line-height: normal;

    color: #fff;

    margin-bottom: 15px;

}



.join-left-col p {

    font-family: 'Noto Sans', sans-serif;

    font-size: 17px;

    font-weight: 400;

    color: #fff;

    margin-bottom: 15px;

}



.join-left-col .join-network-btn a {

    display: inline-block;

    text-transform: uppercase;

    color: #784092;

    background-color: #fff;

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

    font-family: "PT Sans", sans-serif;

    font-size: 16px;

    font-weight: 500;

    letter-spacing: 1px;

    line-height: 100%;

    padding: 14px 25px;

    padding-bottom: 12px;

    margin-top: 25px;

    margin-bottom: 40px;

    border-radius: 5px;

    transition: all 0.4s;

}

.join-left-col .join-network-btn a:hover {background-color: #ffab67;}



.join-left-col h6 a {

    display: inline-flex;

    align-items: center;

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

    font-family: "PT Sans", sans-serif;

    font-size: 18px;

    font-weight: 400;

    color: #fff;

    padding-bottom: 2px;

    border-bottom: 1px solid #fff;

    transition: all 0.3s;

}

.join-left-col h6 a:hover {border-bottom-color: transparent;}

.join-left-col h6 a i {transition: all 0.4s;}

.join-left-col h6 a:hover i {padding-left: 5px;}

.gray-bg {background-color: #EDE8F0;}



.single-brief {

    display: flex;

    align-items: start;

    gap: 20px;

    padding: 30px 40px;

    height: 50%;

}



.single-brief .icons i {

    font-size: 50px;

    color: #6A2E76;

}



.single-brief .brief-txt h1 {

    font-family: 'Noto Sans', sans-serif;

    font-size: 21px;

    font-weight: 600;

    color: #313131;

    margin-bottom: 10px;

}



.single-brief .brief-txt p {

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

    font-family: "PT Sans", sans-serif;

    font-size: 15px;

    font-weight: 400;

    color: #313131;

}



.single-brief .brief-txt .more-btn a {

    display: inline-flex;

    align-items: center;

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

    font-family: "PT Sans", sans-serif;

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

    color: #5b2366;

    border-bottom: 1px solid #5b2366;

    transition: all 0.3s;

}

.single-brief .brief-txt .more-btn a:hover {border-bottom-color: transparent;}



.single-brief .brief-txt .more-btn a i {

    font-weight: 600;

    transition: all 0.4s;

}

.single-brief .brief-txt .more-btn a:hover i {padding-left: 5px;}



/*************************************************

    News Section

*************************************************/

.news-area {

    padding-top: 80px;

    padding-bottom: 80px;

    overflow-y: hidden;

}



.latest-news h1 {

    display: inline-block;

    font-size: 23px;

    color: #184468;

    margin-bottom: 40px;

    position: relative;

}



.latest-news h1::before {

    content: "";

    background-color: #9daecf;

    width: 45%;

    height: 2px;

    position: absolute;

    top: 100%;

    left: 0;

}



.single-news {

    display: flex;

    gap: 24px;

    border: 1px solid #ebebeb;

    background: #fff;

    padding: 20px;

    margin-bottom: 30px;

    transition: all 0.4s;

}

.single-news:hover {box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);}



.single-news:last-of-type {margin-bottom: 0;}



.news-thumbnail {

    width: 30%;

    height: 100%;

    overflow: hidden;

}



.news-thumbnail img {

    object-fit: cover;

    object-position: center;

    width: 100%;

    min-height: 200px;

    transition: all 0.6s;

}



.single-news:hover .news-thumbnail img {transform: scale(1.05);}

.news-brief-content {width: calc(70% - 24px);}



.news-brief-content h2 {

    font-size: 20px;

    line-height: normal;

    margin-bottom: 10px;

}



.news-brief-content h2 a {

    color: #444444;

    transition: all 0.4s;

}

.news-brief-content h2 a:hover {color: #b13c3c;}



.authors {

    display: flex;

    gap: 20px;

    align-items: center;

}



.authors li {

    display: flex;

    gap: 5px;

    align-items: center;

    font-size: 13px;

    color: #8b8b8b;

}

.authors li i {font-size: 15px;}



.news-brief-content p {

    font-size: 15px;

    color: #585858;

    margin-top: 15px;

    margin-bottom: 0;

}



.readMore {

    margin-top: 30px;

    padding-top: 10px;

    border-top: 1px dashed #ebebeb;

}



.readMore a {

    display: inline-flex;

    align-items: center;

    color: #505050;

    font-size: 14px;

    transition: all 0.4s;

}



.readMore a i {

    font-size: 12px;

    transition: all 0.4s;

}



.readMore a:hover i {transform: translateX(3px);}

.readMore a:hover {color: #b13c3c;}



.full-news {

    border: 1px solid #ebebeb;

    padding: 20px;

}



.news-banner {

    border-bottom: 1px dashed #ebebeb;

    padding-bottom: 15px;

    margin-bottom: 20px;

}

.news-banner .authors {margin-top: 10px;}



.news-banner .title {

    font-size: 25px;

    line-height: normal;

    color: #3e4757;

    margin-bottom: 20px;

}



.news-content {

    font-family: 'Roboto', sans-serif;

    color: #363636;

    margin-top: 20px;

}



.news-content h1,

.news-content h2,

.news-content h3,

.news-content h4,

.news-content h5,

.news-content h6,

.news-content p,

.news-content ul,

.news-content ol,

.news-content table,

.news-content iframe,

.news-content blockquote {

    margin-bottom: 18px;

    color: #363636;

}



.news-content h1,

.news-content h2,

.news-content h3,

.news-content h4,

.news-content h5,

.news-content h6 {

    font-weight: 500 !important;

    color: #3b3b3b;

}



.news-content h1 {

    font-size: 24px;

    line-height: 32px;

}



.news-content h2 {

    font-size: 22px;

    line-height: 31px;

}



.news-content h3 {font-size: 21px;}

.news-content h4 {font-size: 19px;}



.news-content h5 {

    font-size: 18px;

    line-height: 28px;

}



.news-content h6 {

    font-size: 17px;

    font-weight: 400 !important;

    line-height: 27px;

}



.news-content p {

    font-size: 16px;

    font-weight: 400 !important;

    line-height: 27px;

    color: #353535;

}



.news-content blockquote {

    border-left: 5px solid #bdbdbd;

    font-style: italic;

    padding: 20px;

    padding-right: 0;

}



.news-content blockquote p {margin-bottom: 0;}

.news-content a {color: #3a3aeb;}



.news-content a:hover {

    text-decoration: underline;

    color: #0000ff;

}



.news-content iframe {

    margin-top: 15px;

    margin-bottom: 30px;

    width: 100%;

    min-height: 400px;

    max-height: 420px;

}



.news-content ul,

.news-content ol {

    list-style: unset;

    padding-left: 50px;

    margin-bottom: 30px;

}



.news-content ul li {

    font-size: 16px;

    font-weight: 400 !important;

    line-height: 26px;

    color: #353535;

    margin-bottom: 4px;

}



.news-content ol li {

    font-size: 16px;

    font-weight: 400 !important;

    line-height: 26px;

    color: #353535;

    margin-bottom: 10px;

}

.news-content table {width: 100%;}



.news-content table tr td,

.news-content table tr th {

    border: 1px solid #dbdbdb;

    padding: 10px;

    vertical-align: top;

    font-size: 17px;

    color: #353535;

}



.sidebar-news {

    border: 1px solid #ebebeb;

    padding: 15px;

}



.sidebar-news h2 {

    font-family: 'Roboto', sans-serif;

    font-size: 18px;

    color: #3e3e3e;

    margin-bottom: 12px;

}



.sidebar-single-news {

    display: flex;

    gap: 10px;

    padding: 15px;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    border-radius: 3px;

    margin-bottom: 20px;

    transition: all 0.3s;

}



.sidebar-single-news:hover {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}

.sidebar-single-news:last-child {margin-bottom: 0;}



.sidebar-news-thumb {

    width: 80px;

    min-height: 45px;

    max-height: 45px;

}



.sidebar-news-thumb img {

    object-fit: cover;

    object-position: center;

    width: 100%;

    height: 100%;

}



.sidebar-news-desc {width: calc(100% - 90px);}



.sidebar-news-desc p {

    display: block;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #3e3e3e;

    line-height: 21px;

    margin-bottom: 10px;

}

.sidebar-single-news:hover .sidebar-news-desc p {text-decoration: underline;}



.sidebar-news-desc ul li {

    font-size: 12px;

    color: #b9b9b9;

    line-height: 15px;

    margin-bottom: 0;

    display: flex;

    gap: 4px;

}

.sidebar-news-desc ul li i {font-size: 14px;}



/*************************************************

    Events Section

*************************************************/

.program-area {

    background-color: #f1f4f9;

    padding-top: 80px;

    padding-bottom: 80px;

    overflow-y: hidden;

}

.weekly-program {background-color: #fff8f8;}



.upcoming-events {

    display: flex;

    flex-direction: column;

}



.upcoming-events h1 {

    font-size: 23px;

    margin-bottom: 30px;

    width: 100%;

}

.upcoming-events h1.details-hd {font-size: 16px;}

.upcoming-events h1 a {color: #515764;}

.upcoming-events h1 a:hover {color: #bb4b4b;}



.weekly-program .upcoming-events h1, .weekly-program .past-events h1 {

    color: #337db3;

    padding-bottom: 5px;

    position: relative;

}

.weekly-program .upcoming-events h1 {margin-bottom: 40px;}



.weekly-program .upcoming-events h1::before, .weekly-program .past-events h1::before {

    content: "";

    background-color: #accae1;

    width: 100px;

    height: 2px;

    position: absolute;

    top: 100%;

    left: 0;

}



.single-upcoming-event {

    display: flex;

    flex-wrap: wrap;

    gap: 40px;

    background-color: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

    border-radius: 10px;

    padding: 30px;

    margin-bottom: 50px;

    transition: all 0.4s;

}

.single-upcoming-event:last-of-type {margin-bottom: 0;}



.single-upcoming-event:hover {

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

    transform: scale(1.002);

}



.single-upcoming-event#single-event:hover {

    box-shadow: none;

    transform: scale(1);

}



.upcoming-event-banner {width: 30%;}

.upcoming-event-content {

    width: calc(70% - 40px);

    font-family: 'Roboto', sans-serif;

}



.upcoming-event-content h2 {

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

    font-family: "PT Sans", sans-serif;

    font-size: 26px;

    color: #063A89;

    margin-bottom: 5px;

}



.weekly-program .upcoming-event-content h2 {color: #c36c6c;}



.upcoming-event-content p {

    font-size: 17px;

    color: #565656;

    margin-bottom: 30px;

}

.upcoming-event-content ul {margin-bottom: 20px;}



.upcoming-event-content ul li {

    font-size: 15px;

    color: #7a7a7a;

    display: flex;

    gap: 10px;

    margin-bottom: 5px;

}



.upcoming-event-content ul li span {

    font-weight: 500;

    white-space: nowrap;

}



.upcoming-event-content ul li i {font-size: 18px;}



.registerBtn {margin-right: 40px;}



.registerBtn a {

    display: inline-block;

    border: 1px solid #8f7e7e;

    padding: 5px 25px;

    padding-right: 55px;

    font-size: 17px;

    font-weight: 400;

    color: #23669c;

    position: relative;

    transition: all 0.3s;

}



.registerBtn a:hover {

    background-color: #f5f5f5;

    border: 1px solid #a77474;

    color: #9c2323;

}



.registerBtn a::after {

    content: "";

    background-color: #8a8a8a;

    width: 63px;

    height: 1px;

    position: absolute;

    top: 50%;

    right: -26px;

    transition: all 0.4s;

}



.registerBtn a:hover::after {

    background-color: #a77474;

    right: -36px;

}



.past-events {

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

    margin-top: 70px;

    overflow: hidden;

}



.past-events h1 {

    font-size: 23px;
    color: #515764;
    margin-bottom: 0px;

    width: 100%;

}

.past-events h1 a {color: #515764;}

.past-events h1 a:hover {color: #bb4b4b;}



.single-past-event {

    width: calc(33.33% - 20px);

    background-color: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

    border-radius: 8px;

    overflow: hidden;

    margin-bottom: 10px;

    transition: all 0.4s;

}



.single-past-event:hover {

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

    transform: scale(1.015);

}



.past-event-banner {

    height: 220px;

    overflow: hidden;

}



.past-event-banner img {

    min-height: 220px;

    transform: translateY(0);

    transition: all 1.5s ease-in-out;

}



.single-past-event:hover .past-event-banner img {transform: translateY(calc(-100% + 220px));}

.past-event-content {padding: 25px 15px;}



.past-event-content h2 {

    font-size: 18px;

    font-weight: 500;

    line-height: 100%;

    color: #2d2d2d;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    margin-bottom: 12px;

    transition: all 0.4s;

}

.single-past-event:hover .past-event-content h2 {color: #9c2323;}



.past-event-content p {

    display: flex;

    align-items: center;

    gap: 4px;

    color: #9b9b9c;

    font-size: 13px;

    margin-bottom: 0;

}

.past-event-content p i {font-size: 15px;}



.loadMoreEvents, .loadMore {

    width: 100%;

    text-align: center;

    margin-top: 30px;

}



.loadMoreEvents a, .loadMore a {

    font-family: 'Roboto', sans-serif;

    font-size: 17px;

    text-transform: uppercase;

    color: #464646;

    display: inline-block;

    border: 1px solid #9c9c9c;

    border-radius: 5px;

    min-width: 175px;

    height: 58px;

    padding: 15px 30px;

    transition: all 0.4s;

}



.loadMoreEvents a:hover, .loadMore a:hover {

    color: #b83131;

    border-color: #b83131;

    background-color: #9c23231c;

}



.loadMoreEvents a i {

    font-size: 36px;

    line-height: 28px;

    animation-name: rotation;

    animation-duration: 0.8s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

    animation-fill-mode: forwards;

}



@keyframes rotation {

    from {transform: rotate(0deg);}

    to {transform: rotate(360deg);}

}



#largView {

    display: flex;

    justify-content: center;

}



#largView .active {

    width: 100vw;

    height: 100vh;

    background-color: rgba(0, 0, 0, 0.6);

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9998;

    cursor: pointer;

    transition: all 0.1s;

}



#largView img {

    padding: 10px 0;

    position: fixed;

    top: 5px;

    height: calc(100% - 10px);

    z-index: 9999;

    cursor: auto;

}

#single-event img {cursor: pointer;}



.gallery-area {

    width: 100%;

    margin-top: 10px;

}



.gallery-area h2 {

    font-size: 20px;

    color: #68728d;

    background-color: #f0f1f5;

    padding: 10px 20px;

    margin-bottom: 10px;

    display: flex;

    align-items: center;

    gap: 10px;

}

.gallery-area h2 i {font-size: 27px;}



.gallery {

    display: flex;

    flex-wrap: wrap;

}



.gallery .gallery-item {

    width: 33.33%;

    border: 1px solid #f1f4f9;

    overflow: hidden;

}



.gallery .gallery-item iframe {

    width: 100%;

    height: 260px;

    padding: 10px;

}



.gallery .gallery-item a {

    display: block;

    padding: 10px;

    transition: all 0.3s;

}



.gallery .gallery-item a:hover {transform: scale(1.01);}



.gallery .gallery-item a img {

    object-fit: cover;

    object-position: center bottom;

    width: 100%;

    height: 250px;

}



/*************************************************

    Immigration Form Section

*************************************************/

.immigration-form {

    background-color: #f1f4f9;

    padding: 70px 0;

}



.immigration-form .card.container {padding: 0;}



.immigration-form .form-label {

    display: block;

    font-size: 16px;

    color: #606060;

    margin-bottom: 0;

}



.immigration-form .label {

    font-size: 16px;

    color: #383838;

}



.immigration-form .labels {

    font-weight: 500;

    color: #383838;

}

.immigration-form .form-select, .immigration-form .form-control {font-size: 15px !important;}



.immigration-form form.wizard-form .content {

    padding: 30px;

    padding-top: 0;

}

.immigration-form .wizard-form fieldset {padding: 0 !important;}



.immigration-form .fieldset {

    border: 1px solid #97999d;

    margin-top: 30px;

}

.immigration-form .fieldset .row {padding: 25px;}



.immigration-form .fieldset h2 {

    font-size: 20px;

    background-color: #97999d;

    color: #fff;

    padding: 10px 25px;

    margin-bottom: 0;

}



.immigration-form .fieldset .row h4 {

    font-size: 18px;

    font-weight: 500;

    color: #646464;

}



.immigration-form .card-header h6 {

    font-size: 20px;

    color: #616161;

}



#spouseDateOfBirth, #interest-verify, #studies_period,

#ielts-box, #celpip-box, #eng-lang-no, #tef-test-box,

#tef-test-no, .temp_foreign_worker, #employment_in_canada,

#noc_teer, .permanent_resident, .mother_father, .full_time_student,

.daughter_son, .relative_sponsor, .mot_fat_daug_son {display: none;}



.validation-valid-label {display: none !important;}



input[type=number]::-webkit-outer-spin-button,

input[type=number]::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/*************************************************

    Registration Form Section

*************************************************/

.registeration-form {

    margin-top: 50px;

    margin-bottom: 90px;

    overflow-y: hidden;

}



.registeration-form .hd {

    font-size: 35px;

    font-weight: 300;

    color: #9da6ac;

    text-align: center;

    margin-bottom: 40px;

}



.registeration-form .newRegisteration {

    margin-top: 40px;

    height: 100%;

    text-align: center;

}



.registeration-form .newRegisteration a {

    display: inline-block;

    font-family: 'Roboto', sans-serif;

    font-size: 18px;

    font-weight: 400;

    color: #dd4b39;

    border: 1px solid #dd4b39;

    border-radius: 3px;

    padding: 12px 40px;

    transition: all 0.4s;

}

.registeration-form .newRegisteration a:hover {background-color: rgba(221, 76, 57, 0.2);}



.registeration-form form {

    padding: 40px 70px;

    padding-bottom: 60px;

    border-left: 1px solid #c9c9c9;

}



.registeration-form form .form-label {

    font-size: 14px;

    color: #a1a1a1;

    margin-bottom: 0;

}



.registeration-form form input {

    font-size: 15px;

    padding: 12px 15px;

}



.registeration-form form button {

    padding: 12px;

    font-size: 15px;

    text-transform: uppercase;

}



/*************************************************

    Our Works Section

*************************************************/

.works-area {

    padding-top: 50px;

    padding-bottom: 90px;

    /* background-color: #113058; */

}



.works-area .hd {

    font-family: "PT Sans", sans-serif;

    font-size: 35px;

    font-weight: 400;

    /* color: #fff; */

    color: #005eb1;

    text-align: center;

    margin-bottom: 60px;

}



.work-item {

    width: 90%;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    column-gap: 70px;

    margin: auto;

}



.single-work {

    width: calc(50% - 35px);

    /* border-bottom: 2px solid #496384;

    padding-bottom: 50px;

    margin-bottom: 60px; */

    margin-bottom: 80px;

}



.single-work a {

    display: flex;

    gap: 20px;

    padding: 45px 30px;

    position: relative;

    z-index: 1;

    overflow: hidden;

}



.single-work a::before {

    content: "";

    width: 100%;

    height: 100%;

    background-color: #163046;

    position: absolute;

    top: -100%;

    left: 0;

    z-index: -1;

    opacity: 0;

    transition: all 0.5s;

}



.single-work a:hover::before {

    opacity: 1;

    top: 0;

}



.single-work:nth-child(1) a {background-color: #7F0427;}

.single-work:nth-child(2) a {background-color: #e1733f;}

.single-work:nth-child(3) a {background-color: #539148;}

.single-work:nth-child(4) a {background-color: #929497;}

.single-work:nth-child(5) a {background-color: #92B0D2;}

.single-work:nth-child(6) a {background-color: #035647;}

.single-work:nth-child(7) a {background-color: #DD9F05;}

.single-work:nth-child(8) a {background-color: #FC0316;}

.single-work:nth-child(9) a {background-color: #161DA2;}



.workIcon {width: 118px;}

.workInfo {width: calc(100% - 138px);}



.workInfo h3 {

    font-size: 28px;

    font-weight: 600;

    line-height: normal;

    color: #fff;

    transition: all 0.3s;

}



/* .single-work a:hover .workInfo h3 {

    color: #231F20;

} */



.workInfo p {

    font-size: 14px;

    font-weight: 300;

    color: #fff;

    margin-bottom: 0;

}



/*************************************************

    Directory Section

*************************************************/

#directory {

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

    padding: 70px 2%;

    padding-top: 0;

}



.directory-hd {

    text-align: center;

    padding: 50px 0;

}



.directory-hd h1 {

    font-size: 35px;

    font-weight: 400;

    color: #005eb1;

    margin-bottom: 40px;

}



.search-directory {width: 30%;}

.directory-profile {width: calc(70% - 30px);}

.search-form {border: 1px solid #EBECEF;}



.search-form h3 {

    font-size: 14px;

    font-weight: 600;

    color: #3e3e3e;

    padding: 12px 20px;

    border-bottom: 1px solid #EBECEF;

}



.search-form form {padding: 20px 30px;}

.search-form form .form-group {margin-bottom: 30px;}

.search-form form input, .search-form form select {padding: 10px;}



.directory-profile-list {

    display: flex;

    flex-wrap: wrap;

    column-gap: 24px;

    row-gap: 40px;

    overflow-y: hidden;

}



.single-directory-profile {

    width: calc(33.33% - 16px);

}



.single-directory-profile .profile-img {

    border-radius: 5px 5px 0 0;

    max-height: 255px;

    overflow: hidden;

}



.directory-profile-details {

    border: 1px solid #EBECEF;

    padding: 15px;

}



.directory-profile-details h2 {

    font-size: 18px;

    line-height: normal;

    color: #4b558f;

    margin-bottom: 20px;

}



.directory-profile-details ul {

    display: flex;

    flex-direction: column;

    gap: 6px;

}



.directory-profile-details ul li {

    display: flex;

    align-items: center;

    gap: 5px;

    font-size: 14px;

    font-weight: 400;

    color: #7a82a6;

}



.directory-profile-details ul li i {

    font-size: 16px;

    color: #cc5c5c;

}

.form-group.tooltips {position: relative;}

#tooltip {
    color: #183bd3;
    font-weight: 600;
    cursor: pointer;
}

#tooltip_content {
    font-size: 11px;
    color: #f1f1f1;
    max-width: 340px;
    background-color: #484848;
    border-radius: 5px;
    padding: 5px 7px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: -100%;
    left: 0;
    transform: scale(0.5);
    opacity: 0;
    transition: all 0.2s;
}
#tooltip_content.active {
    transform: scale(1);
    opacity: 1;
}

#tooltip_content::before {
    content: "";
    border: 6px solid #484848;
    position: absolute;
    transform: rotate(39deg);
    right: 18px;
    bottom: -5px;
}

.member-designation {

    border: 1px solid #EBECEF;

    border-top: none;

    padding: 10px 15px;

    border-radius: 0 0 5px 5px;

    display: flex;

    justify-content: space-between;

    gap: 20px;

}



.member-designation p:first-child {

    width: calc(80% - 20px);

    font-size: 14px;

    font-weight: 400;

    color: #7a82a6;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-bottom: 0;

}



.member-designation p:last-child {

    width: 20%;

    text-align: right;

    margin-bottom: 0;

}

.member-designation p a:hover {color: #cc5c5c;}



.directory-banner {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    height: 250px;

    overflow: hidden;

    position: relative;

}



.directory-banner::before {

    content: "";

    background-color: rgba(58, 32, 32, 0.589);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.backBtn {margin-top: 30px;}



.backBtn a {

    display: inline-flex;

    align-items: center;

    font-size: 14px;

    color: #3e3e3e;

    transition: all 0.3s;

}

.backBtn a:hover {color: #b13c3c;}



.backBtn a i {

    font-size: 17px;

    line-height: normal;

    margin-right: 3px;

}



#directory-view {

    display: flex;

    gap: 40px;

    margin-top: 40px;

    margin-bottom: 60px;

}



.directory-bg {background: #f4f5f7;}

#directory-view .left-panel {width: calc(70% - 40px);}

#directory-view .right-panel {width: 30%;}



.single-member-box, .single-member-info {

    border: 1px solid #e6e7eb;

    background-color: #fff;

    border-radius: 5px;

    margin-bottom: 30px;

}



.single-member-box h3 {

    display: flex;

    align-items: center;

    gap: 5px;

    border-bottom: 1px solid #e6e7eb;

    padding: 15px 20px;

    font-size: 16px;

    font-weight: 500;

    color: #525252;

    margin-bottom: 0;

}

.member-brief {padding: 25px;}



.member-brief .member-img {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    padding-top: 75%;

    margin-bottom: 20px;

}



.member-brief h2 {

    font-size: 20px;

    color: #65697c;

    margin-bottom: 12px;

}



.member-brief p {

    font-size: 15px;

    color: #65697c;

    margin-bottom: 6px;

}

.member-contact {padding: 25px;}



.member-contact ul {

    display: flex;

    flex-direction: column;

    gap: 10px;

}



.member-contact ul li {

    display: flex;

    gap: 10px;

    color: #65697c;

    font-size: 15px;

}



.member-contact ul li div {

    display: flex;

    align-items: center;

    gap: 8px;

    width: 120px;

}



.member-contact ul li div i {

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    font-size: 17px;

    background-color: #e8e9f0;

    border-radius: 50%;

}



.single-member-info h4 {

    border-bottom: 1px solid #e6e7eb;

    padding: 15px 20px;

    font-size: 15px;

    font-weight: 500;

    color: #525252;

    margin-bottom: 0;

}



.member-info-txt {

    padding: 25px;

    text-align: center;

}



.member-info-txt a {

    display: inline-block;

    font-size: 15px;

    color: #fff;

    background-color: #2468a3;

    padding: 12px 25px;

    border-radius: 3px;

    transition: all 0.3s;

}

.member-info-txt a:hover {background-color: #c54b47;}



.similar-member-list {

    display: flex;

    flex-direction: column;

    padding: 25px;

}



.single-similar-member {

    display: flex;

    gap: 15px;

    border-bottom: 1px solid #e6e7eb;

    padding-bottom: 10px;

    margin-bottom: 20px;

}



.single-similar-member:last-of-type {

    border-bottom: none;

    padding-bottom: 0;

    margin-bottom: 0;

}



.single-similar-member .member-thumb {

    width: 60px;

    height: 60px;

    border-radius: 5px;

    overflow: hidden;

}



.single-similar-member .member-thumb img {

    object-fit: cover;

    object-position: center top;

    width: 100%;

    height: 100%;

}

.similar-member-brief {width: calc(100% - 75px);}



.similar-member-brief h2 {

    font-size: 14px;

    font-weight: 500;

    color: #3e3e3e;

    margin-bottom: 5px;

}



.similar-member-brief p {

    display: flex;

    align-items: center;

    gap: 5px;

    font-size: 13px;

    color: #65697c;

    margin-bottom: 0;

}



.similar-member-brief p i {

    font-size: 15px;

    transform: rotate(90deg);

}



/*************************************************

    Page Content Section

*************************************************/

#page-content {

    padding: 60px 0;

    overflow-y: hidden;

}



#page-content .hd {

    font-family: "PT Sans", sans-serif;

    font-size: 35px;

    font-weight: 400;

    color: #005eb1;

    text-align: center;

    margin-bottom: 40px;

}



.content-box p, .content-box h2, .content-box h3, .content-box h4, .content-box h5, .content-box h6 {

    font-family: "PT Sans", sans-serif;

    font-size: 17px;

    color: #525252;

    margin-bottom: 17px;

}

.content-box ul, .content-box ol {
    padding-left: 35px;
    margin-bottom: 30px;
}

.content-box ul li, .content-box ol li {
    font-family: "PT Sans", sans-serif;
    font-size: 17px;
    color: #525252;
    margin-bottom: 10px;
}

.content-box h2,

.content-box h3,

.content-box h4,

.content-box h5,

.content-box h6 {

    margin-top: 40px;

    margin-bottom: 15px;

}



.content-box h2 {font-size: 22px;}

.content-box h3 {font-size: 21px;}

.content-box h4 {font-size: 20px;}

.content-box h5 {font-size: 19px;}

.content-box h6 {font-size: 18px;}



.women-profile {

    display: flex;

    flex-direction: column;

    gap: 32px;

    overflow-y: hidden;

    margin-top: 70px;

    margin-bottom: 100px;

}



.women-profile h1 {

    font-size: 34px;

    color: #063A89;

    text-align: center;

    margin-bottom: 20px;

}



.single-women-profile {

    display: flex;

    gap: 20px;

    margin-bottom: 30px;

    transition: all 0.4s;

}



.single-women-profile:hover {transform: translateY(-5px);}
.full-prof:hover {transform: translateY(0);}

.single-women-profile:last-of-type {margin-bottom: 0;}

.women-avatar {width: 170px;}
.full-profile .women-avatar {width: 180px;}

.women-details {width: calc(100% - 190px);}
.full-profile .women-details {width: calc(100% - 200px);}

.women-details h2 {
    font-size: 22px;
    font-weight: 500;
    color: #444444;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 5px;
}
.full-profile .women-details h2 {font-size: 20px;}



.women-details h5 {

    font-size: 15px;

    font-weight: 500;

    color: #707070;

    line-height: normal;

    margin-top: 0;

}



.women-details p {

    font-size: 16px;

    margin-bottom: 0;

}
.full-prof h6 {margin-top: 30px;}
.full-prof p {margin-bottom: 20px;}



.women-social {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 4px;

    background-color: #d5d5d5;

    padding: 6px 10px;

}



.women-social a {
    display: inline-block;
    font-size: 12px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #4c5667;
    background-color: #fff;
    border: 1px solid #e6e8eb;
    border-radius: 50px;
    transition: all 0.3s;
}
.women-social a i {margin-right: -3px;}

.women-social a:hover {

    color: #ff9898;

    border-color: #ff9898;

}



.team-profile {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
    overflow-y: hidden;
}



.single-team-profile {

    width: calc(25% - 24px);

    border-radius: 5px;

    overflow: hidden;

    margin-bottom: 20px;

    transition: all 0.4s;

}

.single-team-profile:hover {transform: translateY(-4px);}



.profile-details {

    border: 1px solid #f6f1f1;

    text-align: center;

    padding: 15px 10px;

}



.profile-designation h3 {

    font-size: 17px;

    line-height: 22px;

    margin-bottom: 0;

}



.profile-designation p {

    font-size: 13px;

    color: #bbb;

    line-height: 18px;

    margin-bottom: 0;

}



.profile-social {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 4px;

    margin-top: 15px;

}



.profile-social a {
    display: inline-block;
    font-size: 12px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #4c5667;
    background-color: #fff;
    border: 1px solid #e6e8eb;
    border-radius: 50px;
    transition: all 0.3s;
}
.profile-social a i {margin-right: -3px;}



.profile-social a:hover {

    color: #ff9898;

    border-color: #ff9898;

}



.connect-us {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 60px;

    background-color: #dbdfe3;

    border-radius: 7px;

    padding: 30px 50px;

    margin-top: 40px;

}

.connect-us .connect-txt {width: 50%;}



.connect-us .connect-txt h2 {

    font-size: 25px;

    color: #1d42b1;

}



.connect-us .connect-txt p {

    font-size: 20px;

    color: #242424;

    margin-bottom: 0;

}



.connect-us .connectBtn {

    width: 50%;

    text-align: right;

}



.connect-us .connectBtn a {

    display: inline-block;

    font-size: 17px;

    color: #fff;

    background-color: #0f59b9;

    border-radius: 5px;

    padding: 8px 25px;

    transition: all 0.3s;

}

.connect-us .connectBtn a:hover {background-color: #033f8f;}



.joinBtn {

    text-align: right;

    margin-top: 30px;

}



.joinBtn a {

    display: inline-block;

    font-size: 18px;

    color: #fff;

    background-color: #0f89b9;

    border-radius: 2px;

    padding: 8px 30px;

    transition: all 0.3s;

}

.joinBtn a:hover {background-color: #0c739c;}



#about-page {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: right bottom;

    padding-top: 130px;

    padding-bottom: 50px;

    position: relative;

    z-index: 1;

}



#about-page::before {

    content: "";

    background-color: rgba(118, 157, 243, 0.3);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}



.about-content {

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

    font-family: "PT Sans", sans-serif;

    width: 55%;

    padding: 40px;

    /* background-color: rgba(236, 244, 255, 0.74); */

}

.about-content.w80 {width: 80%;}



.about-content h1 {

    font-size: 50px;

    font-weight: 400;

    /* color: #000409; */

    color: #fff;

    margin-bottom: 30px;

}



.about-content p {

    font-size: 19px;

    font-weight: 400;

    /* color: #2c2c2c; */

    color: #fff;

    margin-bottom: 20px;

}



.about-content ul {

    list-style: disc;

    padding-left: 40px;

}



.about-content ul li {

    font-size: 19px;

    font-weight: 400;

    /* color: #2c2c2c; */

    color: #fff;

    margin-bottom: 10px;

}

.indent {padding-left: 40px;}



.about-content .pageList {

    list-style: disc;

    padding-left: 50px;

    padding-top: 20px;

}



.about-content .pageList li {margin-bottom: 15px;}

.about-content .pageList li:last-child {margin-bottom: 0;}



.about-content .pageList li::marker {

    color: #e45252;

    font-size: 20px;

}



.about-content .pageList li a {

    text-decoration: underline;

    font-size: 20px;

    font-weight: 400;

    /* color: #1d1d1d; */

    color: #fff;

    margin-bottom: 20px;

    transition: all 0.3s;

}



.about-content .pageList li a:hover {

    text-decoration: none;

    color: #e45252;

}



/*************************************************

    FAQs Section

*************************************************/

.faqs-area {

    padding: 60px 0;

    overflow-y: hidden;

}



.faqs-banner {margin-bottom: 30px;}



.faqs-banner .content-banner {

    background-size: cover;

    padding: 100px 100px;

    border-radius: 30px;

    overflow: hidden;

    position: relative;

    z-index: 1;

}



.faqs-banner .content-banner::before {

    content: "";

    background-color: rgba(27, 27, 27, 0.6);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

}



.faqs-banner .content-banner h1 {

    font-family: "Nunito Sans", sans-serif;

    font-weight: 600;

    font-size: 40px;

    color: #fff;

    margin-bottom: 0;

}



.faq-hd {

    font-family: "Nunito Sans", sans-serif;

    font-size: 25px;

    margin-bottom: 15px;

}



.faqs-box {

    font-family: "Nunito Sans", sans-serif;

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

    margin-top: 40px;

}



.single-faqs {

    width: calc(50% - 15px);

    background-color: #f7f9fa;

    padding: 20px;

    border-radius: 5px;

    position: relative;

    z-index: 9;

}



.single-faqs::before {

    content: '?';

    font-family: 'Roboto', sans-serif;

    font-size: 230px;

    font-weight: bold;

    color: #f2f5f7;

    height: 100%;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    top: 0;

    z-index: -1;

}



.single-faqs p {

    font-size: 19px;

    margin-bottom: 0;

}



/*************************************************

    Contact Us Section

*************************************************/

.contact-form-area {

    width: 95%;

    margin-left: auto;

    padding: 40px;

    border: 1px solid #dfdfdf;

}



.contact-form-area h4 {

    font-size: 20px;

    font-family: 'Libre Baskerville', serif;

    color: #0b0b40;

    margin-bottom: 20px;

    text-align: center;

}



.contact-form-area h4 span {

    font-size: 18px;

    font-weight: 500;

    color: #b32c32;

    display: inline-block;

}

.form .g-recaptcha > div {margin: 0 auto;}



.contact-form-area .form-group {

    margin: 0;

    margin-top: 20px;

}



.contact-form-area .form-group input[type=number]::-webkit-outer-spin-button,

.contact-form-area .form-group input[type=number]::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



.contact-form-area .form-group input,

.contact-form-area .form-group textarea,

.contact-form-area .form-group select {

    border: 1px solid #dfdfdf;

    outline: none;

    width: 100%;

    padding: 10px 15px;

    border-radius: 0px;

    box-shadow: none;

    background-color: transparent;

    position: relative;

    z-index: 9;

}



.contact-form-area .form-group input {

    font-size: 16px;

}



.contact-form-area .form-group input:focus,

.contact-form-area .form-group textarea:focus,

.contact-form-area .form-group select:focus {

    border-color: #7e868f;

}



.contact-form-area .form-group label {

    line-height: 18px;

    font-size: 15px;

    background-color: #f5fbff;

    position: absolute;

    top: 14px;

    left: 15px;

    z-index: 1;

    margin: 0;

    transition: all 0.2s;

}



.contact-form-area .form-group input:focus ~ label,

.contact-form-area .form-group textarea:focus ~ label,

.contact-form-area .form-group select:focus ~ label,

.contact-form-area .form-group input:valid ~ label,

.contact-form-area .form-group textarea:valid ~ label,

.contact-form-area .form-group select:valid ~ label {

    font-size: 12px;

    padding: 0 3px;

    top: -9.5px;

    left: 12px;

    z-index: 10;

}



.contact-form-area .form-group textarea {resize: none;}

.contact-form-area .form-group {position: relative;}



.form-area .form-group.button {

    margin-bottom: 0 !important;

    display: flex;

    align-items: center;

    gap: 30px;

}

#succ_message {color: green;}



.contact-form-area .form-group .icon {

    position: absolute;

    right: 15px;

    z-index: 33;

    color: #d5b69d;

    top: 12px;

}



.form h5 {

    font-size: 15px;

    font-weight: 500;

    color: #f00;

    text-align: center;

    margin-top: 10px;

    margin-bottom: 0;

}



.contact-form-area .form-group.button {

    text-align: center;

    margin: 20px 0 0 !important;

}



.contact-form-area .form-group.textarea .icon {

    top: 15px;

    right: 15px;

}



.contact-form-area .submit-btn {

    padding: 10px 20px;

    background: #0270cd;

    color: #fff;

    font-family: 'Karla', sans-serif;

    font-size: 17px;

    border: none;

    border-radius: 0;

    transition: all 0.3s;

}

.contact-form-area .submit-btn:hover {background: #014985;}



.contact-form-area .submit-btn:focus {

    outline: none;

    border-radius: 0;

}



.form-area .form-group {

    position: relative;

    margin-bottom: 26px;

}



.form-area .form-group span.error {

    position: absolute;

    top: 100%;

    left: 0;

    line-height: 16px;

}



.contact-detail iframe {

    width: 100%;

    height: 300px;

    margin-bottom: 40px;

}



.contact-detail ul {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

    flex-wrap: nowrap;

}

    

.contact-detail ul li {

    font-size: 17px;

    font-family: 'Libre Baskerville', serif;

    margin-bottom: 20px;

}    

.contact-detail ul li:first-child {margin-right: 15px; }

    

.contact-detail ul li i {

    font-size: 19px;

    background-color: #ffe0de;

    color: #09396a;

    width: 45px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    border-radius: 50%;

    transition: all 0.3s;

}

    

.contact-detail ul li a {

    text-decoration: none;

    font-weight: 500;

    color: #004fc3;

    transition: all 0.3s;

}

.contact-detail ul li a:hover {color: #ff6767;}



/*************************************************

    Thank You Page Section

*************************************************/

#success-bdy {

    width: 40%;

    margin: 30px auto;

    box-shadow: 0 0 30px rgba(0,0,0,.1);

  }

  

  #success-bdy .success-head {

    background-color: #95c75b;

    padding: 30px;

    text-align: center;

  }

  

  #success-bdy .success-head i {

    font-size: 90px;

    color: #fff;

    margin-bottom: 10px;

  }

  

  #success-bdy .success-head h2 {

    font-size: 20px;

    font-weight: 400;

    font-family: "Roboto Condensed", sans-serif;

    color: #fff;

    margin: 0;

  }

  

  #success-bdy .success-info {

    padding: 60px 25px;

    border: 1px solid #dfe0e0;

    text-align: center;

  }

  

  #success-bdy .success-info p {

    font-size: 17px;

    font-family: 'Roboto Condensed', sans-serif;

    color: #4e4e4e;

  }

  

  #success-bdy .success-info .goBack a {

    font-size: 16px;

    display: inline-block;

    border: 1px solid #c93c3c;

    color: #c93c3c;

    background-color: rgba(201, 60, 60, 0.05);

    border-radius: 50px;

    margin-top: 40px;

    padding: 8px 25px;

    transition: all 0.3s;

  }

  

  #success-bdy .success-info .goBack a:hover {

    background-color: #c93c3c;

    color: #fff;

  }



/*************************************************

    Footer Section

*************************************************/

.footer {

    /* background-color: #92B0D2; */
    background-color: #fff;
    border-top: 1px solid #f1f1f1;

    padding: 20px 0;

    position: relative;

}



.footer-content {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    overflow: hidden;

}



.footer-logo img {max-width: 180px;}



.social-media {

    list-style: none;

    padding: 0;

    margin: 0;

    display: flex;

    gap: 10px;

}



.social-media li a {

    display: block;

    color: #dfdfdf;

    background-color: #767676;

    font-size: 16px;

    width: 32px;

    height: 32px;

    line-height: 32px;

    text-align: center;

    border-radius: 50%;

    transition: all 0.4s;

}



.social-media li a:hover {background-color: #3f3f3f;}



.copyright p {

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

    font-family: "PT Sans", sans-serif;

    font-size: 11px;

    font-weight: 300;

    color: #1f518b;

    margin-bottom: 0;

}



.footer-menu {

    list-style: none;

    padding: 0;

    margin: 0;

    display: flex;

    gap: 15px;

}



.footer-menu li a {

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

    font-family: "PT Sans", sans-serif;

    font-size: 13px;

    font-weight: 300;

    color: #1f518b;

    transition: all 0.3s;

}

.footer-menu li a:hover {color: #ff6767;}



.scroll-top {

    position: absolute;

    top: -20px;

    right: 30px;

    z-index: 99;

    width: 44px;

    height: 44px;

    text-align: center;

    color: #e8edf0;

    background-color: #272727;

    border-radius: 50%;

    cursor: pointer;

    transition: all 0.3s;

}



.scroll-top i {

    font-size: 24px;

    line-height: 44px;

}



.scroll-top:hover {background-color: #1d1d1d;}

