body { color: #000; background-color: #edeef0 !important; font-family: 'IBM Plex Sans Thai Looped', sans-serif;  }
.texth1 { font-size: 50px; font-weight: 600; line-height: 55px; text-transform: capitalize; margin: 0 0 15px;}
.texth2 { font-size: 40px; font-weight: 600; line-height: 50px; margin: 0 0 10px;}
.texth3 { font-size: 25px; font-weight: 600; line-height: 34px; margin: 0 0 5px;}
.texth4 { font-size: 18px; font-weight: 500; line-height: 26px; margin: 0px 0 5px; display: inline-block;}
.texth5 { font-size: 15px; font-weight: 500; line-height: 25px; color: #000; margin: 0px 0 5px; }
.texth6 { text-shadow: 0 2px 2px #5e993d78; font-size: 14px; font-weight: 600; line-height: 24px; text-transform: uppercase; letter-spacing: 1px;margin: 0 0 5px;}
.textlarge { font-size: 17px; font-weight: 400; line-height: 26px; margin: 0; }
.textmedium { font-size: 15px; font-weight: 400; color: #000; line-height: 24px; margin: 0; }
.textmedium + .textmedium { margin-top: 15px; }
.textsmall { font-size: 12px; font-weight: 400; line-height: 20px; color: #333; margin: 0; }
.textlarge a, .textmedium a, .textsmall a { color: #fff; }
.textlarge a:hover, .textmedium a:hover, .textsmall a:hover { color: #fff; }
a { text-decoration: none; color: #fff; }
a:hover { text-decoration: none; color: #fff; }

.titlebox { margin-bottom: 10px; text-align: left; }
.titlebox .texth3 { text-transform: uppercase; }
.fotersec{    margin-top: 5em;}
@media ( min-width: 1400px ){
.cntntbox { padding: 0px 60px; }
}
.sarchbox{ position: relative;
z-index: 9;
height: 350px;
}
.sarchbox25{position: absolute;
    width: 100%;
    top: 125px;
    max-width: 1200px;
    margin: 0 auto;z-index: 9;}	

    @media (max-width: 6000px) and (min-width: 1025px){
    .tabpaneback {
        border-radius: 0px 0px 6px 6px;
        background-color: #25C6DB !important;
    }
  }
@media only screen and ( max-width: 1200px ) {
.cntntbox { padding: 0px !important; }    
}
@media only screen and ( max-width: 1024px ) {
	.sarchbox25 { position: relative;
    margin: 0;
    top: 15px !important;
    z-index: 9; }
	.sarchbox { height: auto; }
}


.navbarlft { display: flex; justify-content: center; align-items: center; transition: 0.5s; }
@media only screen and ( max-width: 991px ) {
.navbar .navbar-right.navbarlft .navbar-nav { display: none; }
}
@media only screen and ( max-width: 520px ) {
	.navbar .navbar-nav .nav-item .nav-link.btnmenu { font-size: 13px !important; padding: 6px 10px !important; }
	.navbar .sidebar-offcanvas-toggle, .navbar .sidebar-toggle { font-size: 1.5rem; padding: 0 0rem; height: 55px; }
	.sarchbox { padding-top: 70px !important; }
	.sarchbox h1 { font-size: 30px !important; margin-bottom: 20px; }
	.navbar .navbar-right .navbar-nav { padding: 0; }
}
@media only screen and ( max-width: 414px ) {
	.hdrlogo a img { width: 140px; }
	.header-fixed .page-wrapper {  }
	.sarchbox { padding-top: 40px !important; }
}


/*All CSS END*/



.app-brand { background: inherit; box-shadow: 0 3px 6px rgb(21 1 39 / 16%), 0 -1px 4px rgb(21 1 39 / 4%); }
.app-brand .sidebar-toggle { display: flex; justify-content: center; align-items: center; height: 75px; width: 75px; line-height: 75px; transition: width 0.3s ease-in-out; }
.app-brand .sidebar-toggle i { font-size: 22px; font-weight: 600; color: #fff; }
.header-light .navbar { background-color: #fff; box-shadow: 0 3px 6px rgb(21 1 39 / 16%), 0 -1px 4px rgb(21 1 39 / 4%); border: 0;}
.hdrtop .sidebar-toggle.mbltoggle { display: none; }
@media only screen and ( max-width: 767px ) {
.hdrtop .sidebar-toggle.mbltoggle { display: block; }
.app-brand .sidebar-toggle { display: none; }
.header-light .navbar {
  padding: 8px;
}
}
@media ( min-width: 767px ) {
.sidebar-minified .left-sidebar:hover { width: 75px; margin: 0; }
.sidebar-minified .left-sidebar:hover .nav>li>a>.caret, .sidebar-minified .left-sidebar:hover .nav>li>a>span { opacity: 0; }
}

.navbar .sidebar-offcanvas-toggle, .navbar .sidebar-toggle { border-right: 0; }
.navbar .navbar-nav .nav-item .nav-link { color: #000000; font-weight: 500; font-size: 15px; padding: 5px 13px; }
.navbar .navbar-nav .nav-item .nav-link i { padding-right: 4px; }
.navbar .navbar-nav .nav-item .nav-link.btnmenu { padding: 6px 15px; border-radius: 4px; font-size: 16px; }
.navbar .sidebar-offcanvas-toggle:before, .navbar .sidebar-toggle:before { content: "\f0c9"; font-family: 'FontAwesome'; }


.sidebar-dark .left-sidebar {  border-right: 1px solid rgba(167,98,234,0.4); }
.sidebarlft .sidebar { min-height: inherit; padding-bottom: 0 !important; }
.sidebar .sidemenu .sidebar-inner { margin-top: 0; padding: 10px; }
.sidebar .sidemenu .sidebar-inner>li { margin: 5px 0; }
.sidebar .sidemenu .sidebar-inner>li>a { color: #fff; padding: 8px 15px; border-radius: 5px; text-transform: capitalize; }
.sidebar .sidebar-inner>li>a:before { display: none; }
.sidebar .sidebar-inner>li>a:hover, .sidebar-dark .sidebar .nav>li.active>a { background: #e1d9e8; color: #150127; }
.sidebar .nav>li.active>a i { color: #150127; }
.sidebar .nav>li>a i { font-size: 16px; }
.sidebar .sidemenu .sidebar-inner .dropdown-divider { border-color: rgba(167,98,234,0.4); height: 0; margin: 0; }


.midlesecon { padding-bottom: 30px; }

.secton01 .boxsec { padding: 0 8px; }
.secton01 .box { position: relative; margin: 8px -8px; transition: 0.5s; display: block; }
.secton01 .box .imgebox { display: block; position: relative; }
.secton01 .box img { border-radius: 8px; width: 100%; height: 270px; }
.secton01 .box .titleimg { font-size: 13px; border-radius: 4px; color: #fff; position: absolute; bottom: 10px; left: 10px;  padding: 3px 10px; transition: 0.5s; }
.secton01 .box .boxtxt { margin-top: 12px; }
@media only screen and ( max-width: 767px ) {
.secton01 .box img { height: inherit; } 
.secton01 .boxsec { padding: 0; }
.secton01 .box { margin: 10px 0; }
}

.secton02 .boxsec { padding: 0 8px; }
.secton02 .box { position: relative; background: #fff; display: flex; overflow: hidden; margin: 8px -8px; transition: inherit; border-radius:5px; box-shadow: 0 3px 20px 0 rgb(0 41 99 / 10%); }
.secton02 .box:hover { background: #eaeaea; }
.secton02 .box .iconbox { width: 150px; height: 90px;  display: flex; justify-content: center; align-items: center; }
.secton02 .box img { height: 100%; border-radius: 5px 0 0 5px; }
.secton02 .box .cptonimg { width: calc(100% - 150px); padding: 10px; }
.secton02 .box .textsmall { margin: 0; color: #6c6c6c; font-weight: 300; }
.secton02 .box .texth5 { margin: 0; color: #000; }
@media only screen and ( max-width: 767px ) {
.secton02 .boxsec { padding: 0; }
.secton02 .box { margin: 10px 0; }
}


.secton03 .boxsec { padding: 0 8px; }
.secton03 .box { position: relative; margin: 8px -8px; transition: 0.5s;  }
.secton03 .box .imgebox { display: block; position: relative; }
.secton03 .box img { }
.secton03 .box .titleimg { font-size: 14px; color: #fff; font-weight: 500; position: absolute; bottom: 10px; left: 0px; right: 0; margin: 0 auto; text-align: center; transition: 0.5s; }
@media only screen and ( max-width: 767px ) {
.secton03 .boxsec { padding: 0; }
.secton03 .box { margin: 10px 0; }
}


.secton04 .boxsec { padding: 0 8px; }
.secton04 .box { position: relative; margin: 8px -8px; padding: 10px; transition: 0.5s; display: block; border-radius: 4px; box-shadow: 0 3px 20px 0 rgb(0 41 99 / 10%); background: #fff; }
.secton04 .box .txtbox .textmedium { font-size: 13px; font-weight: 600; margin: 0; }
.secton04 .box .txtbox .textmedium span { margin-left: 5px;}
.secton04 .box .txtbox .texth4 { font-size: 18px; color: #000; text-transform: uppercase; font-weight: 600; margin: 1px 0 4px; }
.secton04 .box .textsmall { font-size: 12px; font-weight: 400; color: #999; margin: 0; }
.secton04 .box .textsmall i { padding: 0 10px; }

.secton04 .box .txtboxbtm { border-top: 1px dashed #e5e5e5; padding-top: 7px; display: flex; justify-content: space-between; align-items: center; margin-top: 5px; }
.secton04 .box .txtboxbtm .textsmall span { font-size: 20px; font-weight: 500;  }
.secton04 .box .txtboxbtm .textsmall span i { padding: 0 3px 0 6px; }
.secton04 .box .txtboxbtm .arowicon { width: 30px; height: 30px; border-radius: 50%; border: solid 1px #e4e4e4; font-size: 12px; color: #333; display: flex; justify-content: center; align-items: center; }
@media only screen and ( max-width: 767px ) {
.secton04 .boxsec { padding: 0; }
.secton04 .box { margin: 10px 0; }
}


.fotersec .fotrtop { text-align: center; justify-content: space-between; align-items: center; background: #fff; padding: 15px 25px; position: relative; margin-top: -40px; border-radius: 4px; box-shadow: 0 0 5px #32087e2e; }
.fotersec .fotrtop .boxtp .textlarge { font-size: 18px; font-weight: 600; color: #32087e; text-transform: capitalize; }
.fotersec .fotrtop .agentloginbtn { padding: 10px 20px; border-radius: 5px; background-color: #32087e; color: #fff; display: inline-block; }
.fotersec .fotrtop .agentloginbtn:hover { text-decoration: none; }


.fotersec .fotrcntr { padding: 20px 0; }
.fotersec .fotrcntr .box { margin: 15px 0; }
.fotersec .fotrcntr .texth5 { color: #fff; margin-bottom: 15px; text-transform: uppercase; }
.fotersec .fotrcntr .box ul { margin: 0; padding: 0; list-style: none; }
.fotersec .fotrcntr .box ul li + li { margin-top: 10px; }
.fotersec .fotrcntr .box ul li a { font-size: 12px; font-weight: 400; color: #fff; display: flex; align-items: center; transition: 0.5s; }
.fotersec .fotrcntr .box ul li a i { font-size: 15px; margin-right: 10px; }
.fotersec .fotrcntr .box .textsmall { font-size: 14px; font-weight: 500; color: #fff; margin-bottom: 5px; }

.fotersec .fotrcntr .socialicnbox ul {  display: flex; align-items: center; }
.fotersec .fotrcntr .socialicnbox ul li { margin: 0; margin-left: 10px; }
.fotersec .fotrcntr .socialicnbox ul li:first-child { margin: 0; }
.fotersec .fotrcntr .socialicnbox ul li a { width: 35px; height: 35px; border-radius: 50%; border: solid 1px #fff; display: flex; justify-content: center; align-items: center; }
.fotersec .fotrcntr .socialicnbox ul li a:hover { text-decoration: none; }
.fotersec .fotrcntr .socialicnbox ul li a i { font-size: 15px; margin: 0; }

@media only screen and ( min-width: 991px ) {
.fotersec .fotrcntr .mdlbox { padding: 0 30px; border-left: dashed 2px #fff; border-right: dashed 2px #fff; }
.fotersec .fotrcntr .mdlbox .box3 { padding-left: 30px; border-left: dashed 2px #fff;}
.fotersec .fotrcntr .socialicnbox { display: flex; justify-content: space-between; align-items: center; padding-top: 20px; margin-top: 10px; border-top: dashed 2px #fff; }
.fotersec .fotrcntr .socialicnbox .texth5 { margin: 0; }

}


.fotersec .fotrbtm { padding: 25px 0 20px; border-top: 1px solid rgba(167,98,234,0.4); }
.fotersec .fotrbtm .container { display: flex; justify-content: space-between; }
.fotersec .fotrbtm p, .footersec .footerbtm .adivahportal { font-size: 13px; color: #fff; font-weight: 500; margin: 0; }
.fotersec a:hover { text-decoration: underline; }


@media (min-width: 1200px){
.container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1240px;
}}



/*Inner Page CSS*/
.innerpagetxt h1, 
.innerpagetxt h2, 
.innerpagetxt h3, 
.innerpagetxt h4, 
.innerpagetxt h5, 
.innerpagetxt h6, 
.innerpagetxt p, 
.innerpagetxt a,
.innerpagetxt ul,
.innerpagetxt ol,
.innerpagetxt li,
{ margin: 0; padding: 0; line-height: normal; }

.innerpagesec { position: relative; }
.innerpagebnr { background-position: center; background-repeat: no-repeat; background-size: cover; height: 350px;
display: flex; justify-content: center; align-items: center; text-align: center; position: relative; }
.innerpagebnr:after { content: ""; position: absolute; background: #0000007a; width: 100%; height: 100%; left: 0; top: 0; }
.innerbnrcap { position: relative; z-index: 1; }
.innerbnrcap h1 { font-size: 35px; line-height: normal; font-weight: 600; color: #fff; text-transform: uppercase; text-shadow:5px 5px 1px #0000005c; }

.innerpagetxt { padding: 50px 0 35px; }
.innerpagetxt h2 { font-size: 25px; line-height: 35px; color: #000; margin-bottom: 12px; font-weight: 500; }
.innerpagetxt h3 { font-size: 22px; line-height: 32px; color: #000; margin-bottom: 12px; font-weight: 500; }
.innerpagetxt h4 { font-size: 20px; line-height: 30px; color: #000; margin-bottom: 12px; font-weight: 500; }
.innerpagetxt h6 { font-size: 18px; line-height: 28px; color: #333; margin-bottom: 12px; font-weight: 500; }
.innerpagetxt p { font-size: 15px; line-height: 25px; color: #333; margin-bottom: 25px; font-weight: 400; }
.innerpagetxt a { color: #32087e; }
.innerpagetxt a:hover { color: #19063d; }

.innerpagetxt ul, .innerpagetxt ol { padding-left: 20px; margin: 5px 0 25px; }
.innerpagetxt ul li,
.innerpagetxt ol li { font-size: 14px; line-height: 24px; color: #000; margin:0 0 15px; font-weight: 400; position: relative; padding-left: 20px; float: none; display: block; }
.innerpagetxt ul li:before, .innerpagetxt ol li:before { content: ""; position: absolute;
 width: 6px; height: 6px; background: #32087e; left: 0; top: 9px; border-radius: 50px; }
 
@media only screen and ( max-width: 480px ) {
    .innerpagebnr { height: 300px; }
    .innerpagetxt { padding: 40px 0 25px; }
    .innerpagetxt ul, .innerpagetxt ol { padding-left: 10px; }
}

.header {
  position: relative;
  display: flex;
  height: 100vh;
  max-height: 100vh;
 
  overflow: hidden;
}
.header__background {
  position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 5px;
    padding-bottom: 78.25%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.header__video-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.5s linear;
}
.header__video-overlay--fadeOut {
  opacity: 0;
  visibility: hidden;
}
.header iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.header__title {
  position: relative;
  flex: 0 0 auto;
  align-self: center;
  width: 100%;
  font-family: "Permanent Marker", cursive;
  font-size: 50px;
  font-weight: normal;
  text-align: center;
  color: white;
  line-height: 1;
}
#myVideo{    width: 100%;}






  .tab-block .tab-mnu {
    display: none;}

/*Inner Page CSS*/

@media only screen and (max-width: 1024px){
	
	.dspm{display: none;}
.imageDiv, .slides {
    height: 251px !important;
}


.displaynone{
	display: block!important;
    width: 100%;
    text-align: center;
    max-width: 82px;
    margin: 0 auto;}
	
	.texth1{font-size: 23px!important;
   width: 100%!important;}
   
   .header__background{    top: 16%;}
   .bnrcpton{top: 13px !important}
   .bnrcpton .container{    padding: 0;}
   .texth1,.textp1{    opacity: 0;}
   .header{    max-height: 54vh;}
   
   
   
   }
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   @keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}