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

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

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

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

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

/* font-family: "Libre Baskerville", serif; */

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

/* font-family: 'Noto Sans JP', 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=Geologica:wght@100..900&display=swap');

/* font-family: "Geologica", sans-serif; */



html, body {

    margin: 0 !important;

    padding: 0 !important;

}



:root {

    --common-font: "Libre Baskerville", serif;

    --menu-font: 'Noto Sans JP', sans-serif;

    --dark-black: #3a3a3a;

    --cyan: #198eb1;

    --orange: #b13c3c;

    --blue: #2e3191;

    --light: #e9e9e9;

}



.italic {font-style: italic;}

.bold {font-weight: bold;}

a {text-decoration: none;}



img {

    max-width: 100%;

    height: auto;

}



.mob-view {display: none;}

.desk-view {display: block;}



#noRecord {

    font-size: 22px;

    color: #bd2e2e;

    text-align: center;

    margin: 100px 0;

  }



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

    Header Section Start

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

header {border-bottom: 1px solid #f1f1f1;}

#header {

    background-color: #fff;

    display: flex;

    align-items: end;

    justify-content: space-between;

    column-gap: 45px;

    padding-top: 10px;

    padding-bottom: 15px;

    width: 94%;

    height: 85px;

    margin-left: auto;

    margin-right: auto;

}



.logo {width: 15%;}

.logo a {display: block;}

.logo a img {width: 175px;}



.middle-header {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    /* width: calc(64% - 90px); */
    width: calc(72% - 90px);

    height: 100%;

}



.middle-header h1 {

    font-family: var(--common-font);

    font-weight: 700;

    font-size: 20px;

    color: #1972b1;

    margin: 0;

}



.menu {

    list-style: none;

    margin: 0;

    padding: 0;

    display: flex;

    align-items: end;

    gap: 23px;

}



.menu > .menu-item > a {

    font-family: var(--menu-font);

    font-size: 15px;

    font-weight: 500;

    color: var(--dark-black);

    /* padding: 12px 0; */

    display: block;

    transition: all 0.2s;

    position: relative;

}



.menu > .menu-item > a:hover {color: var(--cyan);}

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

.menu-item-has-children > a {padding-right: 18px;}



.menu-item-has-children > a::after {

    content: '';

    border: 1px solid;

    border-color: var(--dark-black);

    border-top: none;

    border-left: none;

    width: 8px;

    height: 8px;

    position: absolute;

    top: 6px;

    right: 0;

    transform: rotate(45deg);

}



.menu-item-has-children:hover > a::after, .menu-item-has-children:hover > a::before {border-color: var(--cyan);}

.menu-item-has-children:hover a {color: var(--cyan);}



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

    opacity: 1;

    top: calc(100% + 10px);

    visibility: visible;

    transition: all 0.4s;

}



.sub-menu {

    position: absolute;

    top: calc(100% + 15px);

    left: -10px;

    z-index: 9;

    min-width: 210px;

    background-color: #fff;

    border-radius: 0 0 5px 5px;

    border-top: 4px solid var(--cyan);

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

    list-style: none;

    margin: 0;

    padding: 10px 15px;

    opacity: 0;

    visibility: hidden;

}



.sub-menu::before {

    content: "";

    width: 100%;

    height: 10px;

    background-color: transparent;

    position: absolute;

    top: -14px;

    left: 0;

    z-index: 1;

}



.sub-menu::after {

    content: "";

    border: 9px solid transparent;

    border-bottom-color: var(--cyan);

    position: absolute;

    top: -22px;

    left: 20px;

    z-index: 2;

}



.sub-menu .menu-item a {

    display: block;

    font-family: var(--menu-font);

    font-size: 15px;

    font-weight: 400;

    white-space: nowrap;

    color: var(--dark-black);

    border-bottom: 1px dashed #f1f1f1;

    padding: 7px 4px;

    transition: all 0.3s;

}

.sub-menu .menu-item:last-child a {border: none;}



.sub-menu .menu-item a:hover {

    color: var(--cyan);

    background-color: #f9f9f9;

}



.right-logo {

    display: flex;

    align-items: end;

    gap: 10px;

    /* width: 21%; */
    width: 13%;

}



.ggn-logo {width: calc(100% - 125px);}

/* .institute-logo {width: 115px;} */
.institute-logo {width: 158px;}



.institute-logo span {

    font-size: 11px;

    font-style: italic;

    color: #555;

    display: block;

    text-align: left;

}



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

    Banner Section Start

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

.banner {

    margin-top: 10px;

    position: relative;

}



/* .banner::before {

    content: "";

    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 55%, rgba(0, 0, 0, 0.9));

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

} */



.banner-content {

    position: absolute;

    bottom: 15px;

    left: 0;

    right: 0;

    text-align: center;

    z-index: 2;

}



.banner-content .desc {

    margin-top: 15px;

    font-size: 21px;

    color: #fff;

    font-weight: 500;

}



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

    News Section Start

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

#news {

    display: flex;

    gap: 30px;

    margin-top: 70px;

    margin-bottom: 100px;

}

.special-block {
    border: 1px solid #c4c2c2;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 50px;
}

.special-block h4 {
    font-family: var(--common-font);
    font-size: 20px;
    font-weight: 700;
    color: #3b4e99;
    margin-bottom: 25px;
}

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

#news .left-col {width: calc(72% - 30px);}

#news .right-col {width: 28%;}

.widgets {font-family: "Geologica", sans-serif;}



.single-widget {

    padding-top: 5px;

    margin-bottom: 25px;

}



.widget-title {

    background: #f4f4f4;

    border-top: 1px solid var(--dark-black);

    padding: 7px 9px;

    margin-bottom: 6px;

}



.widget-title h3 {

    font-size: 14px;

    text-transform: uppercase;

    color: #424863;

    margin-bottom: 0;

}



.widget-content {font-family: var(--common-font);}

.widget-content ul, .widget-content ol {padding-left: 20px;}



.widget-content p, .widget-content li,

.widget-content img {

    font-size: 13px;

    font-weight: 400;

    color: var(--dark-black);

    margin-bottom: 6px;

}

.widget-content p:last-of-type {margin-bottom: 0;}



#news h1, .latest-news h1, #news h2, .latest-news h2 {

    display: inline-block;

    font-family: var(--common-font);

    font-size: 20px;

    font-weight: 700;

    color: #3b4e99;

    margin-bottom: 25px;

    padding-bottom: 4px;

    position: relative;

}



#news h1::before, .latest-news h1::before, #news h2::before, .latest-news h2::before {

    content: "";

    background-color: #8b8b8b;

    width: 20%;

    height: 2px;

    position: absolute;

    top: 100%;

    left: 0;

}



#news h1::after, .latest-news h1::after, #news h2::after, .latest-news h2::after {

    content: "";

    background-color: #cacaca;

    width: 80%;

    height: 2px;

    position: absolute;

    top: 100%;

    left: 20%;

}



.news-block {

    display: flex;

    flex-wrap: wrap;

    column-gap: 30px;

    row-gap: 45px;

}

.members-news {margin-top: 50px;}



.members-news > h2 {

    font-size: 21px !important;

    color: var(--orange);

    border-bottom: 1px solid var(--orange);

}



.single-news-block {

    width: calc(50% - 15px);

    background-color: #fff;

    border-radius: 10px;

    overflow: hidden;

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

    transition: all 0.4s;

    border: 1px solid #d4d4d4;

    border-top: none;

}



.single-news-block:hover {

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

    transform: translateY(-3px);

}



.single-news-block .news-thumb {

    height: 210px;

    overflow: hidden;

}



.single-news-block .news-thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    margin: 0;

    transition: all 1.5s;

}

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



.single-news-block .news-block-content {

    padding: 15px;

    padding-top: 12px;

    overflow: hidden;

}



.news-block-content .time {

    display: flex;

    gap: 6px;

    align-items: center;

    font-size: 13px;

    font-family: var(--menu-font);

    color: #8b8b8b;

    margin-bottom: 12px;

}

.news-block-content .time i {font-size: 13px;}



.news-block-content h2 {

    font-family: var(--common-font);

    font-size: 17px !important;

    font-weight: 600 !important;

    color: var(--dark-black);

    margin-bottom: 13px !important;

    text-align-last: left;

    word-spacing: normal !important;

    white-space: normal;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    max-height: 44px;

    overflow: hidden;

    transition: all 0.3s;

}



.news-block-content h2 a {color: var(--dark-black);}

.news-block-content h2 a:hover {color: var(--orange);}



.news-block-content p {

    font-size: 15px !important;

    font-family: var(--common-font);

    font-weight: 400;

    color: #343434 !important;

    text-align: left !important;

    white-space: normal;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    max-height: 94px;

    overflow: hidden;

    margin-bottom: 10px !important;

}



.news-block-content .readMoreBtn {

    display: inline-flex;

    align-items: center;

    gap: 4px;

    font-size: 13px;

    font-weight: 500;

    font-family: var(--menu-font);

    line-height: 14px;

    color: #00b0f0;

    transition: all 0.3s;

}

.news-block-content .readMoreBtn:hover {color: var(--orange);}



.news-block-content .readMoreBtn i {

    line-height: 9px;

    font-weight: 500;

    padding-top: 2px;

}



.moreNewsBtn {

    text-align: center;

    margin-top: 40px;

}



.moreNewsBtn a {

    font-family: "Gelasio", serif;

    font-size: 20px;

    color: #004E73;

    display: inline-flex;

    align-items: center;

    gap: 10px;

    background-color: #c8e6ff;

    border: 1px solid #004f737c;

    padding: 10px 25px;

    border-radius: 7px;

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

    transition: all 0.5s;

}



.moreNewsBtn a:hover {

    color: #fff;

    background-color: #0a8ac5;

    border-color: #004E73;

}



.news-list {

    margin-top: 50px;

    margin-bottom: 100px;

}



.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);}



.wp-pagenavi {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    margin-top: 40px;

    text-align: center; 

}



.pagination-area .page-numbers, .wp-pagenavi .previouspostslink,

.wp-pagenavi .nextpostslink, .wp-pagenavi .page, .wp-pagenavi .current {

    width: 40px;

    height: 40px;

    line-height: 34px;

    margin: 0 3px;

    display: block;

    background-color: #ffffff;

    border-color: #e8e9eb !important;

    color: #232323;

    -webkit-box-shadow: 0 1px 10px 0 rgba(216, 221, 230, 0.6);

    box-shadow: 0 1px 10px 0 rgba(216, 221, 230, 0.6);

    font-size: 17px;

    font-weight: 600;

}



.wp-pagenavi .current, .wp-pagenavi .page:hover,

.wp-pagenavi .page:focus, .wp-pagenavi .previouspostslink:hover,

.wp-pagenavi .previouspostslink:focus, .wp-pagenavi .nextpostslink:hover,

.wp-pagenavi .nextpostslink:focus {

    background: #d72924;

    color: #ffffff;

    -webkit-box-shadow: unset;

    box-shadow: unset;

}

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



.news-brief-content h2 {

    font-family: var(--common-font);

    font-size: 19px;

    font-weight: 600;

    line-height: normal;

    color: var(--dark-black);

    /* white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden; */

    margin-bottom: 10px;

}
.news-brief-content h2::before, .news-brief-content h2::after {display: none;}


.news-brief-content h2 a {

    color: #444444;

    transition: all 0.4s;

}

.news-brief-content h2 a:hover {color: var(--orange);}



.authors {

    padding: 0;

    margin: 0;

    display: flex;

    gap: 20px;

    align-items: center;

}



.authors li {

    display: flex;

    gap: 5px;

    align-items: center;

    font-size: 13px;

    font-family: var(--menu-font);

    color: #8b8b8b;

}

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



.news-brief-content p {

    font-size: 15px;

    font-family: var(--common-font);

    color: #585858;

    margin-top: 15px;

    margin-bottom: 0;

    white-space: normal;

    text-overflow: ellipsis;

    -webkit-line-clamp: 4;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    max-height: 94px;

    overflow: hidden;

}



.readMore {

    margin-top: 20px;

    padding-top: 5px;

    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;

    line-height: 9px;

    padding-top: 2px;

    transition: all 0.4s;

}



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

.readMore a:hover {color: var(--orange);}



.author.news-block {gap: 14px;}



.author .single-news-block {

    width: calc(50% - 7px);

    display: flex;

    gap: 10px;

    border-radius: 6px;

    border: 1px solid #d4d4d4;

    border-left: none;

}



.author .single-news-block .news-thumb {

    width: 120px;

    height: 98px;

}



.author .single-news-block .news-thumb img {

    object-fit: cover;

    width: 100%;

    height: 100%;

}



.author .single-news-block .news-block-content {

    width: calc(100% - 130px);

    padding: 5px;

    padding-left: 0;

}



.author .news-block-content .time {

    font-size: 12px;

    line-height: 12px;

    margin-bottom: 10px;

}

.author .news-block-content .time i {font-size: 11px;}



.author .news-block-content h2 {

    max-height: 37px;

    font-size: 15px !important;

    margin-bottom: 6px !important;

}

.author .news-block-content p {display: none;}



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

    News Full Page Section Start

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

.full-news-area {

    margin-top: 70px;

    margin-bottom: 100px;

}



.full-news-area > .container {

    display: flex;

    gap: 20px;

}



.full-news-details {

    width: calc(75% - 20px);

    border: 1px solid #f1f1f1;

}

.right-panel {width: 25%;}



.full-news-details h1 {

    font-size: 25px;

    font-weight: bold;

    font-family: var(--common-font);

    color: var(--blue);  

    padding: 15px;

    padding-bottom: 0;

    margin-bottom: 25px;

}



.author-social {

    font-family: var(--menu-font);

    display: flex;

    align-items: center;

    gap: 35px;

    padding: 0 15px;

    margin-bottom: 12px;

}



.author-social .author-box {

    display: flex;

    align-items: center;

    gap: 15px;

}



.author-social .author-box p {

    display: flex;

    align-items: center;

    gap: 6px;

}



.author-social .author-box p,

.author-social .social-media p {

    font-size: 15px;

    color: #838383;

    margin-bottom: 0;

}



.author-social .social-media {

    display: flex;

    align-items: center;

    gap: 10px;

}



.author-social .social-media a img {width: 20px;}

.full-news-details .feature-image {margin-bottom: 30px;}



.full-news-details .news-content {

    color: var(--dark-black);

    font-family: var(--common-font);

    padding: 0 15px;

}



.full-news-details .news-content ul,

.full-news-details .news-content ol{

    list-style: disc;

    padding-left: 40px;

    margin-bottom: 20px;

}

.full-news-details .news-content ul ul {list-style: circle;}



.full-news-details .news-content ul li,

.full-news-details .news-content ol li {

    font-size: 17px;

    margin-bottom: 10px;

}



.full-news-details .news-content a {color: var(--cyan);}

.full-news-details .news-content a:hover {color: rgb(26, 26, 26)}



.full-news-details .news-content p {

    font-size: 16px;

    margin-bottom: 18px;

}

.full-news-details .news-content img {margin: 25px 0;}



.full-news-details .news-content h2,

.full-news-details .news-content h3,

.full-news-details .news-content h4,

.full-news-details .news-content h5 {

    font-weight: bold;

    margin-top: 24px;

    margin-bottom: 12px;

}



.full-news-details .news-content h2 {font-size: 23px;}

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

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

.full-news-details .news-content h5 {font-size: 17px;}

.full-news-details .news-content > img {margin: 20px 0;}



.full-news-details .news-content h1 {

    font-size: 25px;

    font-weight: bold;

    text-align: center;

    background-color: var(--cyan);

    color: #fff;

    padding: 30px 40px;

	width: max-content;

    margin: 40px auto;

}

.section-title {margin-bottom: 15px;}



.section-title h2 {

    font-family: var(--common-font);

    font-weight: 600;

    font-size: 16px;

    color: #424863;

    background: #f4f4f4;

    border-left: 3px solid #0a112d;

    padding: 7px 9px;

    margin-bottom: 0;

}



.single-latest-news {

    font-family: var(--common-font);

    background-color: #ffffff;

    padding-bottom: 13px;

    margin-bottom: 13px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border-bottom: 1px solid #eeeeee;

}



.single-latest-news > a {

    display: block;

    width: 91px;

    height: 75px;

    border-radius: 0 4px 4px 0;

    overflow: hidden;

}



.single-latest-news a img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.latest-news-content {

    width: calc(100% - 91px);

    padding-left: 15px;

}



.latest-news-content h3 {

    font-size: 13px;

    font-weight: 600;

    line-height: 17px;

    margin-bottom: 0;

    white-space: normal;

    -webkit-line-clamp: 3;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    max-height: 54px;

    overflow: hidden;

}



.latest-news-content h3 a {

    color: var(--dark-black);

    transition: all 0.3s;

}

.latest-news-content h3 a:hover {color: var(--orange);}



.latest-news-content span {

    display: block;

    font-family: var(--menu-font);

    font-size: 12px;

    color: #8a8a8a;

    margin-top: 4px;

}



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

    Pages Section Start

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

#pages-area {

    margin-top: 60px;

    margin-bottom: 100px;

}



#page-details {

    font-family: var(--common-font);

    display: flex;

    gap: 30px;

}

#page-details .right-col {width: 28%;}



.page-thumb {

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

    margin-bottom: 25px;

}

#page-details .left-col {width: calc(72% - 30px);}



.profile-header {

    display: flex;

    gap: 20px;

    border-bottom: 1px solid var(--light);

    margin-bottom: 20px;

    padding-bottom: 25px;

}



.profile-header .prof-thumb {max-width: 240px;}

.profile-header .prof-thumb img {margin-bottom: 0;}



.profile-header .prof-designation h2 {

    font-size: 24px;

    font-weight: 600;

    color: var(--orange);

    margin-bottom: 6px;

}



.profile-header .prof-designation h6 {

    font-size: 16px;

    color: #727272;

    margin-bottom: 0;

}



.profile-header .prof-designation h6::before {

    content: '-';

    margin-right: 5px;

}



.pages-content > ol, .pages-content > ul {margin-bottom: 30px;}



.pages-content p, .pages-content li {

    font-size: 15px;

    text-align: justify;

    color: #404040;

    margin-bottom: 15px;

}

.pages-content p {margin-bottom: 25px;}



.pages-content table {

    width: 100%;

    vertical-align: top;

    border-collapse: collapse;

    border: 1px solid #e9e9e9;

    margin-bottom: 40px;

}



.pages-content table td, .pages-content table th {

    font-size: 15px;

    text-align: justify;

    color: #404040;

    border: 1px solid #e9e9e9;

    padding: 10px;

}



.country-flag {
    display: flex;
    align-items: center;
    gap: 5px;
}
.country-flag img, .country-flag p {margin: 0 !important;}

.pages-content h1 {

    font-size: 22px;

    font-weight: 600;

    word-spacing: 4px;

    margin-bottom: 20px;

}

.pages-content h1.hd {font-family: var(--common-font);}



.pages-content h2 {

    font-size: 20px;

    font-weight: 600;

    word-spacing: 4px;

    margin-bottom: 15px;

}



.pages-content h3 {

    font-size: 19px;

    font-weight: 600;

    margin-top: 24px;

    margin-bottom: 8px;

}



.pages-content h4 {

    font-size: 18px;

    font-weight: 600;

    margin-top: 24px;

    margin-bottom: 8px;

}



.pages-content h5 {

    font-size: 17px;

    font-weight: 600;

    margin-top: 24px;

    margin-bottom: 10px;

}



.pages-content p a, .pages-content table a {text-decoration: none;}

.pages-content p a:hover, .pages-content table a:hover {text-decoration: underline;}



.pages-content img {

    max-width: 100%;

    height: auto;

    margin-bottom: 8px;

}



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

    Gallery Section Start

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

.gallery {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    margin-top: 70px;

    margin-bottom: 100px;

}



.gallery .item {

    width: calc(50% - 10px);

    transition: all 0.4s;

}

.gallery .item video {max-width: 100%;}



.w-100 {

    width: 100% !important;

    margin-left: auto;

    margin-right: auto;

}



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

    Contact Section Start

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

.contact-form-area {

    font-family: var(--menu-font);

    width: 95%;

    margin-left: auto;

    padding: 40px;

    border: 1px solid #dfdfdf;

}



.contact-form-area h4 {

    font-size: 20px;

    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;

    color: var(--dark-black);

    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 {

    padding: 15px;

    background-color: #ecf2ff;

}



.contact-detail h4 {

    font-family: var(--common-font);

    font-size: 17px;

    margin-bottom: 25px;

}



.contact-detail ul {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

    flex-wrap: nowrap;

}

.contact-detail p {
    font-size: 16px;
    font-family: 'Libre Baskerville', serif;
    text-align: left;
    margin-bottom: 20px;
}

.contact-detail ul li {

    font-size: 16px;

    font-family: 'Libre Baskerville', serif;

    text-align: left;

    margin-bottom: 20px;

    display: flex;

    flex-direction: column;

    gap: 7px;

}    

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

    

.contact-detail ul li i {

    font-size: 15px;

    background-color: #dbe6ff;

    color: #4478ad;

    width: 33px;

    height: 33px;

    line-height: 33px;

    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;}



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

    Footer Section Start

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

.footer-area {

    border-top: 1px solid #e3e3e3;

    margin: 0 auto;

    padding: 50px 5%;

    background: #fff;

}



.footer-box h3 {

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

    font-weight: 600;

    font-style: normal;

    color: #545454;

    font-size: 29px;

    margin-left: 20px;

    margin-bottom: 25px;

    padding-bottom: 2px;

    display: inline-block;

    position: relative;

}



.footer-box h3::before, .footer-box h3::after {

    content: "";

    position: absolute;

    top: 100%;

    height: 2px;

}



.footer-box h3::before {

    background: #4f00ff;

    left: 0;

    width: 50%;

}



.footer-box h3::after {

    background: #7a6464;

    left: 50%;

    width: 10%;

}



.footer-logo {padding: 0 20px;}

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



.footer-logo img, .single-box2 .common-hd2 img {

    margin-bottom: 20px;

}



.footer-logo p {

    color: #6f6f6f;

    font-size: 15px;

}



.footer-logo .social-touch {

    list-style: none;

    margin: 0;

    padding: 0;

}



.footer-logo .social-touch li {

    display: inline-block;

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    border: 1px solid #ccc;

    border-radius: 50%;

}



.footer-logo .social-touch li a {

    display: block;

    width: 100%;

    height: 100%;

    color: #8f8f8f;

    transition: all 0.3s;

}



.footer-logo .social-touch li a i {

    font-size: 18px;

}



.footer-logo .social-touch li:first-child a i {

    font-size: 17px;

}



.footer-logo .social-touch li:nth-child(1) a i {color: #8f8f8f;}

.footer-logo .social-touch li:nth-child(2) a i {color: #4267B2;}

.footer-logo .social-touch li:nth-child(3) a i {color: #0e76a8;}

.footer-logo .social-touch li:nth-child(4) a i {color: #00aff0;}

.footer-logo .social-touch li:nth-child(5) a i {color: #FF0000;}



.footer-logo .social-touch li:hover {

    border: 1px solid #9c9c9c;

}



.footer-logo .social-touch li:hover a {

    transform: scale(0.90, 0.90);

}



.footer-list {

    list-style: none;

    margin: 0;

    padding: 0 20px;

}



.footer-list li {

    line-height: 26px;

}



.footer-list li a {

    color: #6f6f6f;

    font-size: 17px;

    font-family: 'Baloo 2', cursive;

    text-decoration: none;

}



.footer-list li a:hover, .useful-list li a:hover, .copyright-area .privacy-link li a:hover {

    text-decoration: underline;

}



.useful-list {

    list-style: none;

    margin: 0;

    margin-top: 60px;

    padding: 0;

    text-align: center;

}



.useful-list li {

    display: inline-block;

}



.useful-list li a {

    display: block;

    color: #626262;

    padding: 5px 15px;

    font-size: 17px;

    font-family: 'Baloo 2', cursive;

    text-decoration: none;

}



.description {

    margin: auto 0;

}



.description p {

    margin: 0;

    font-size: 14px;

    color: #7b7b7b;

    line-height: 20px;

}



.copyright-area {

    background: #171a21;

    padding: 0 5%;

    height: 40px;

}



.copyright-area p {

    line-height: 40px;

    user-select: none;

    color: #4e5053;

    margin-bottom: 0;

    float: left;

}



.copyright-area .privacy-link {

    line-height: 40px;

    list-style: none;

    margin: 0;

    padding: 0;

    float: right;

}



.copyright-area .privacy-link li {

    display: inline-block;

}



.copyright-area .privacy-link li a {

    border-right: 1px solid #5a5a5a;

    line-height: 100%;

    padding: 0 10px;

    text-decoration: none;

}



.copyright-area .privacy-link li:last-child a {

    border-right: none;

}



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

    ScrollTop Section Start

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

.scroll-top {

    position: fixed;

    bottom: 90px;

    right: 20px;

    z-index: 1000;

    width: 39px;

    height: 39px;

    background-color: #004eff;

    text-align: center;

    cursor: pointer;

    border-radius: 50%;

    box-shadow: 0px 5px 15px 0 #4a4a4ad6;

    display: none;

}



.scroll-top:hover {

    background-color: var(--orange);

    transition: all 0.3s linear;

}



.scroll-top i {

    color: #fff;

    font-size: 18px;

    line-height: 39px;

}



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

    Slider Section Start

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

/*jssor slider loading skin spin css*/

.jssorl-009-spin img {

    animation-name: jssorl-009-spin;

    animation-duration: 1.6s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

}



@keyframes jssorl-009-spin {

    from { transform: rotate(0deg); }

    to { transform: rotate(360deg); }

}



/*jssor slider bullet skin 053 css*/

.jssorb053 .i {position:absolute;cursor:pointer;}

.jssorb053 .i .b {fill:#fff;fill-opacity:0.3;}

.jssorb053 .i:hover .b {fill-opacity:.7;}

.jssorb053 .iav .b {fill-opacity: 1;}

.jssorb053 .i.idn {opacity:.3;}



/*jssor slider arrow skin 093 css*/

.jssora093 {display:block;position:absolute;cursor:pointer;}

.jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}

.jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}

.jssora093:hover {opacity:.8;}

.jssora093.jssora093dn {opacity:.6;}

.jssora093.jssora093ds {opacity:.3;pointer-events:none;}