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

/* font-family: "Koh Santepheap", serif; */

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

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

/* CeraGR fonts */

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

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

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

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

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

body {font-family: "Mukta", sans-serif;overflow-x: hidden;}

.container {max-width: 1300px;padding: 0;margin: 0 auto;}
ul {list-style-type: none;margin: 0;padding: 0;padding-left: 20px;}
ol{margin: 0;padding: 0;padding-left: 20px;}
ul li,  ol li {font-size: 16px;line-height: 30px;margin-bottom: 10px;padding-left: 5px;}

a {text-decoration: none;}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 26px;}
h4 {font-size: 24px;}
h5 {font-size: 20px;}
h6 {font-size: 16px;}

h1, h2, h3, h4, h5, h6 {margin-bottom: 15px;}

p {font-size: 16px;line-height: 30px;margin-bottom: 10px;}

/* navbar start */
.top-nav {background-color: rgb(12, 192, 223);position: relative;z-index: 1;}
.top-nav-link {display: flex;flex-flow: row;flex-wrap: wrap;align-items: center;justify-content: end;padding: 5px 0px;}
.top-nav-link li {padding-left: 0;padding-right: 26px;margin-bottom: 0;}
.top-nav-link li:last-child {padding-right: 0px;}
.top-nav-link a {color: #fff;font-size: 15px;line-height: normal;letter-spacing: 0.15px;text-transform: uppercase;}
.top-nav-link a img {padding-right: 5px;}
.top-nav-link a:hover img, .top-nav-link a:hover svg { fill: #000;animation: shake .8s;}
 @keyframes shake {
   0% {transform: scale3d(1, 1, 1);}
   20% {transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -5deg);}
   50%, 70%, 90% {transform: scale3d(1.25, 1.25, 1.25) rotate3d(0, 0, 1, 5deg);}
   60%,80% {transform: scale3d(1.25, 1.25, 1.25) rotate3d(0, 0, 1, -5deg);}
   100% {transform: scale3d(1, 1, 1);}
  }
.navbar {color: rgb(0, 0, 0);background-color: rgb(255, 255, 255);padding: 0;box-shadow: 0 0 27px rgba(0, 0, 0, 0.15);overflow-x: clip;}
.navbar-wrap {width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0px;}
.navbar-wrap .navbar-brand {padding: 8px 0px;}
.navbar-brand img {width: 100%;max-width: 204px;height: auto;}
.navbar-menu {position: relative;margin-left: auto;margin-bottom: 0;list-style-type: none;display: flex;align-items: center;padding-left: 0px;}
.navbar-menu li {margin-left: 50px;font-size: 16px;font-weight: 500;text-transform: uppercase;cursor: pointer;padding-left: 0;margin-bottom: 0;}
.menu-dropdown{display: flex;}
.navbar-menu .menu-item-has-children>a::before { content: ""; position: absolute; top: 55%; right: -17px; width: 7px; height: 7px; transform: translateY(-50%); transition: 0.4s; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #000; margin-top: 1px; }

.menu-icon{display: block;width: 10px;height: 10px;border-bottom: 2px solid #000;border-left: 2px solid #000;margin-left: 20px;margin-top: 4px;transform: rotate(-45deg);}
.sub-menu {width: 100%;height: 0px;position: absolute;top: 100%;left: 0;z-index: 99;display: none;padding: 0px 20px;background-color: #fff;box-shadow: 0px 0px 20px rgba(0, 0, 0, .17);scrollbar-width: none;overflow-y: scroll;overflow-x: hidden;display: flex;flex-flow: row;flex-wrap: wrap;transition: height .2s linear;align-items: self-start;     align-content: flex-start;}
.navbar-menu li:hover .sub-menu {height: 300px; height: auto; max-height: 300px;}
.sub-menu::before {display: block;content: "";position: sticky;top: 0px;left: 0;width: 100%;height: 20px;background-color: #fff;z-index: 1;}
.sub-menu::after {display: block;content: "";position: sticky;bottom: 0px;left: 0;width: 100%;height: 20px;background-color: #fff;z-index: 1;}
.sub-menu li {width: 33.33%;padding-left: 0;margin-left: 0 !important;}
li.current-menu-parent.menu-item-has-children ul li.current-menu-item a, .sub-menu li:hover { background-color: #0cc0df; color: #fff; }
.sub-menu li a {text-transform: capitalize !important;color: #000;}
.sub-menu li:hover a {color: #fff !important;}
.navbar-menu li a {display: block;text-decoration: none;font-size: 16px;font-weight: 500;line-height: normal; text-transform: uppercase;color: rgba(0, 0, 0, 1);padding: 0px 5px; position: relative;}
.navbar-menu li a:hover {color: rgb(0, 74, 173);}
.navbar-menu li a.active {color: rgb(12, 192, 223);}

/* mobile menu button */
.toggel-btn {position: relative;display: none;width: 35px;height: 30px;background-color: transparent;}
.toggel-btn, .toggel-btn:active, .toggel-btn:focus {border: 0;outline: 0;}
.bar {display: block;position: absolute;top: 0;left: 0;width: 35px;height: 3px;border-radius: 5px;background-color: rgb(12, 192, 223);margin: 6px 0;transition: 0.4s;}
.bar:nth-child(1) {top: 0px;}
.bar:nth-child(2) {top: 0.5rem;width: 70%;}
.bar:nth-child(3) {top: 1rem;}
.toggel-btn.is-active>.bar:nth-child(1) {top: 0.5rem;rotate: 135deg;}
.toggel-btn.is-active>.bar:nth-child(2) {opacity: 0;}
.toggel-btn.is-active>.bar:nth-child(3) {top: 0.5rem;rotate: -135deg;}

/* navbar scroll fixed */

body.mobile-menu .humberge-menu span.first { display: none; }
body.mobile-menu .humberge-menu span.middle { transform: rotate(45deg); width: 30.5px; margin: 0px; position: relative; top: 2px; }
body.mobile-menu .humberge-menu span.last { transform: rotate(-45deg); width: 30.5px; margin: 0px; }
.humberge-menu { cursor: pointer; transition: 1s; width: 52px; height: 52px; background-color: #004aad; border-radius: 50%; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.humberge-menu span { margin: 2px 0; background-color: #fff; width: 24px; height: 3px; border-radius: 3px; transition: .5s; }
.humberge-menu span.first { width: 11.5px; }
.humberge-menu span.last { width: 17.5px; }
.humberge-menu a { width: 24px; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; }

.header-side-nav { position: relative; z-index: 9; }
.humberge-menu span { width: 100%; background-color: #fff; }
.mobile-menu .humberge-menu span.first { transform: rotate(-45deg); margin: 7px 0 0; }
.mobile-menu .humberge-menu span.last { transform: rotate(45deg); margin: -16px 0 0; }
.navigation .moblelogo { display: none; }
.main-nav .menu-bar { display: none; }


.sticky {position: sticky;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 2px 0px 24px #aaa;}

/* navbar end */


/*==============Footer section css start=============*/

.footer-section {padding: 86px 0px 0;}
.footer-main-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 58px;}
.footer-nav {width: 1072px;display: flex;flex-wrap: wrap;}
.footer-nav ul {width: 100%; margin: 0px;padding: 0px;display: flex; flex-direction: row;flex-wrap: wrap; justify-content: space-between;}
.footer-nav ul li {width:33.33%;padding: 0px 10px;color: #000000;font-size: 16px;line-height: 30px;font-family: "Mukta", sans-serif;font-weight: 400;letter-spacing: 0.20px;margin-bottom: 0;}
.footer-nav ul li a {color: #000000;text-decoration: none;}
.footer-nav ul li a:hover {color: rgb(0, 74, 173);text-decoration: none;}
.footer-right {width: 218px;margin-top: -2px;}
.footer-logo {margin-bottom: 18px;}
.footer-social-icon {padding-left: 13px;}
.footer-social-icon > a > img{display: inline-block;transition: all .4s;}
.footer-social-icon a:hover img{margin-top: -4px;}
.footer-social-icon img {margin-right: 22px;max-height: 20px;}
.copyright-info {padding: 24px 0px 25px;border-top: 1px solid #abc3e4;text-align: center;}
.copyright-info p {margin-bottom: 0px;color: #000000;font-size: 15px;line-height: 30px;font-family: "Mukta", sans-serif;font-weight: 400;letter-spacing: 0.20px;}
.copyright-info p a {color: #000000;text-decoration: none;}
.copyright-info p a:hover {color: rgb(0, 74, 173);text-decoration: none;}

/*==============Footer section css end=============*/

/* whatsapp */
#whatsapp {display: block;margin-left:auto;margin-bottom: 15px; max-width: 50px;min-width: 50px;min-height: 50px;position: fixed;bottom: 15px;right: 30px;background-color: #0d9f16;border: none;outline: none;cursor: pointer;padding: 9px;border-radius: 50%;z-index: 5;border: 1px solid #fff;box-shadow: 0px 0px 10px  rgba(0, 0, 0, .2);vertical-align: middle;transition: all .6s linear;}
#whatsapp:hover {background-color: #0a7911;transform: translateY(-2px);}
#whatsapp svg{fill: #fff; width: 30px; height: 30px;}
.scrolltop#whatsapp {bottom: 70px;}

/* Go to top button*/
#myBtn {margin-left: auto;display: none;position: fixed;bottom: 20px;right: 30px;z-index: 4;padding: 0;border: none;outline: none;cursor: pointer;background-color: transparent;transition: 1s;animation: top_fade_in .4s linear;}
#myBtn:hover { transform: translateY(-2px);}
#myBtn:hover {background: none;}
#mySVG {position: relative;width: 50px;height: 50px;border-radius: 50%;box-shadow: 0px 0px 10px  rgba(0, 0, 0, .2);}
#triangle{fill: #ffffff; stroke:#004aad;stroke-width:50;}
#pathcolor{fill:#004aad;}
@keyframes top_fade_in {
    0% {
        right: 15px;
        opacity: .6;
    }
    100% {
        right: 30px;
        opacity: 1;
    }
}


.heading-section { margin-top: 0; padding: 40px 0px 40px; background-color: #e5edf7; }
.heading-section h1 {color: #000;padding: 0;text-align: center;margin-bottom: 0;text-transform: uppercase;}
.need-section-contact h2 {margin: 0;}

/*  error page css */
.error-section{padding: 80px 0px ;border-bottom: 1px solid #abc3e4;}
.error-content{width: 100%;max-width: 600px;padding: 40px;margin: 0 auto;box-shadow: 0px 0px 49px rgba(0, 0, 0, .17);text-align: center;}
.error-content figure a img, .error-content img{max-width: 100%;margin: 0 auto;display: block; margin-bottom: 20px;}

.go-home{width: 100%;text-align: center;margin: 40px 0px 0px 0px;}
.go-home a{display: inline-block;font-size: 16px;line-height: normal;font-weight: 600;background-color: rgb(12 192 223);color: #fff;border: none;border-radius: 50px;padding: 12px 52px;letter-spacing: 0.45px;text-transform: uppercase;}
.go-home a:hover{background-color: rgb(0, 74, 173);color: #fff;}

/*  error page css */

/*  sitemap page css */
.sitemap-section { padding-top: 60px;}
.sitemap-section .link{padding: 0 0 30px 20px;list-style-type: disc;border-bottom: 1px solid #abc3e4;}
.sitemap-section .link li {transition: all 0.3s;font-size: 16px;color: #000000;font-weight: 500;}
.sitemap-section .link li::marker {color: rgb(0, 74, 173);}
.sitemap-section .link li a {color: #000000;font-weight: normal;}
.sitemap-section .link li a:hover {color: rgb(0, 74, 173);}
.sitemap-section ul > li > ul {list-style-type: circle;list-style-position: outside;margin-left: 40px;padding: 10px 0px; display: flex;flex-wrap: wrap;}
.sitemap-section ul > li > ul > li {max-width: 25%;width: 100%;padding-right: 10px;}
.sitemap-section .link > li > ul > li a {color: #383838;padding-right: 10px;}
/*  sitemap page css */


/*=======image align center css start =========*/
.default-section {padding: 50px 0px;}
.default-section ul {list-style-type: disc;}
img.aligncenter { margin-bottom: 20px; }
img.alignnone { margin-bottom: 20px; }
img.alignleft { margin-bottom: 20px; width: 50%; float: left; margin-right: 20px; }
img.alignright { margin-bottom: 20px; width: 50%; float: right; margin-left: 20px; }
/*=======image align center css end =========*/