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



:root {
--link-clr: #00ca99;
--text-light: #696969;
--btn-bg: #00ca99;
--btn-bg-hover: #000;
--primary-textclr: #000;
--bgdark: #000000;
--primary-font:  'Work Sans', sans-serif;
--fsbody: 16px;
--transition: all .5s;
--sitebg: rgb(4 142 141);
--white-color: #fff;
   
}


.tcolor{color: var(--link-clr);}
.bg-site {background-color: var(--sitebg);color: var(--primary-textclr);}
.bg-light{ background-color: var(--bglight) !important;} 
.bg-dark {background-color: var(--bgdark) !important; color: #fff;} 
.text-light{color:var(--text-light);} 
 .profilebg{background: linear-gradient(240deg, var(--btn-bg), transparent);}
*{box-sizing: border-box;}
body{ font-family: var(--primary-font);  font-size: var(--fsbody); font-weight: 400;color: var(--primary-textclr); 
  line-height: 1.7; padding: 0px; margin: 0px;}
a{color: var(--link-clr);text-decoration:none;outline: none;}

a,
.btn,
button{-webkit-transition: var(--transition); -moz-transition:  var(--transition); -o-transition:  var(--transition); 
  transition:  var(--transition); }
a:hover {color: var(--btn-bg-hover); text-decoration: none;}
.fancybox-button{min-width: auto;} 

h1, h2, h3, h4, h5, h6{ font-family: var(--primary-font); font-weight: 500; line-height: 1.2;  
margin-bottom: 20px; color: var(--primary-textclr);}
.main-section a.link {word-break: break-all;overflow: hidden;display: inline-block;}
h1{font-size: 40px;}
h2,
.heading-h2{font-size: 40px; }
h3{font-size: 35px;}
h4{font-size: 20px;}
h5{font-size: 18px;}
h6{font-size: 16px;}
img{max-width: 100%;}
button, .btn, input[type="submit"], .hover{min-width: 130px; padding: 10px 20px;cursor: pointer;position: relative;
  font-family: var(--primary-font); box-shadow: none !important;color: #fff;background: var(--btn-bg);letter-spacing: 0;
    font-size:var(--fsbody);line-height: 25px;font-weight: 500;border-radius:5px;text-transform: capitalize; border: 0px; 
            white-space: nowrap;  }
.hover{overflow: hidden;}    
.hover span{position: relative; z-index: 1}
.hover:before{ content: ''; position: absolute; top: 0; width: 100%; height: 100%;
    -webkit-transform: scale(0); transform: scale(0); background-color: var(--sitebg); left: 0;
    right: 0; opacity: 0;  -webkit-transition: var(--transition); transition: var(--transition); border-radius: 5px;}
.hover:hover:before{ -webkit-transform: scale(1);    transform: scale(1);   opacity: 1;}
.hover:hover{color: #fff;}
.btn i, button i, .hover i{vertical-align: middle; margin-inline-end: 5px;}

[type=reset]:hover, [type=submit]:hover, button:hover, .btn:hover, html [type=button]:hover  {
  background: var(--sitebg);  color: #fff;  cursor: pointer;}
[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: none;}
input[type="file"] { font-size: 16px;   -webkit-appearance: none;}

.heading-style {height: 7px; width: 85px; background: #00ca9723; position: relative; border-radius: 50px;}
.heading-style:before {   content: "";    position: absolute;    top: -2px;    left: 0;    height: 10px;    width: 10px;    border-radius: 50px;
    background: var(--btn-bg);    -webkit-animation-duration: 2s;
    animation-duration: 2s;    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;    -webkit-animation-iteration-count: infinite;   animation-iteration-count: infinite;
    -webkit-animation-name: move-dot; animation-name: move-dot;}
.vam {vertical-align: middle;}
.btn-2{border-radius: 30px;}
.outline-btn { background-color: transparent; border: 2px solid; } 
.outline-btn-white { border-color: #fff; } 
.outline-btn:hover { background: var(--btn-bg); border-color: var(--btn-bg); }

.field {margin-bottom: 20px; width: 100%; float: left;}
.field-sm { float: left;  width: 50%;  padding: 0px 10px;}
.field .field-sm:first-child { padding-left: 0px;}
.field .field-sm:last-child { padding-right: 0px;}
form{display: inline-block;width: 100%;}
.form-control {outline: none !important;padding: 14px 15px;border-radius: 0px;   background: #F8F8F8;box-shadow:none !important;
  font-size: var(--fsbody);font-weight: 400;color: var(--text-light);  font-family: var(--primary-font);
border: 0px;}
textarea.form-control { min-height: 91px;}
.form-control:focus {  background-color: #F8F8F8;  border-color: inherit;} 
select.form-control:not([size]):not([multiple]) { height: 49px; -webkit-appearance: none;   background-image: url(images/select-arrow.png);
    background-position: 95% center;    background-repeat: no-repeat;}
blockquote { padding: 25px 48px 25px 25px;  border-left: 4px solid #000;
   background: var(--bgbluelight);   font-weight: 400;   position: relative;  line-height: 28px; }
blockquote strong{font-weight:500;}
blockquote:before {content: "";  position: absolute;   top: 0;   right: 0;   border-style: solid;  border-width: 0 41px 41px 0;  
    border-color: #ddd #fff;   transition: all ease .5s;}
.form-group label {display: block;  margin-bottom: 10px;}
.sm-container{padding: 0px 85px;}

 /* nochange*/
 
.font-medium{ font-weight: 500;}
.underline {text-decoration: underline;}
 strong { font-weight: 700;}
.font-light{font-weight: 300;}
.font-semi-bold{font-weight: 600;}
button i { vertical-align: middle;}
.br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.box-shadow{ box-shadow: 5px 5px 10px rgb(0 0 0 / 6%);}
.object-fit {overflow: hidden;}
.object-fit img { width: 100% !important; height: 100% !important;  object-fit: cover;}
.zoom-hover img {-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);   transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition: all .5s;}
.zoom-hover:hover img {transform: scale(1.1);}
.list-style {padding: 0px; list-style: none;}
.list-style li { display: inline-block;}

.main-section{padding:60px 0px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important;position: relative;}
.main-section .container,
.main-section .container-fluid{position:relative;}
.main-section:before{content:""; position:absolute; left:0px; top:0px; width:100% !important; height:100% !important; background:transparent; }
.main-title.text-center .heading-style { margin: auto;}
.mb-30{margin-bottom: 30px;} 
.text-center{text-align: center !important;}
.ms-auto{margin-inline-start: auto;}  
.display-inline-block{display: inline-block;}
.text-right{text-align: right !important;}

/* header */



.header {position: fixed;top: 0px;left: 0px;width: 100%;z-index: 99; background: var(--white-color);}
.header.sticky { top: -27px; animation: slide-down 0.7s; background: var(--white-color);  box-shadow: 0 2px 6px rgba(0,0,0,0.2);}

.marquee {  width: 100%;   overflow: hidden; white-space: nowrap; } 
.marquee .marquee-item { display: inline-block; font-size:15px; position: relative; left: 100%; animation: marquee 25s linear infinite; } 
/*.marquee:hover .marquee-item { animation-play-state: paused; } */
.marquee .marquee-item:nth-child(1) { animation-delay: 0s; } 
.marquee .marquee-item:nth-child(2) { animation-delay: 0.3s; } 
.marquee .marquee-item:nth-child(3) { animation-delay: 0.6s; } 
.marquee .marquee-item:nth-child(4) { animation-delay: 1.2s; } 
.marquee .marquee-item:nth-child(5) { animation-delay: 1.6s; } 

@keyframes marquee { 0%   { left: 100%; } 100% { left: -100%; } }

.header-menu {display: flex;align-items: center;gap: 50px;padding:10px 0px;justify-content: space-between;     text-transform: uppercase;} 
.header-menu .logo {flex: 0 0 15%;} nav.nav > ul.list-style {display: flex;align-items: center;gap: 30px;} 
.header-menu .nav {flex: 0 0 70%;display: flex;align-items: center;}
.header-menu .logo img { max-width: 115px;}

.nav > ul.list-style li a {padding: 5px 10px;color: var(--primary-textclr);} 
.nav > ul.list-style li a { display: flex; align-items: center; gap: 10px; }
.nav > ul  li   a:hover { opacity: 0.7;}
.usr {width: 35px;height: 35px;border-radius: 100%;display: inline-block;overflow: hidden;background: var(--sitebg);vertical-align: middle;} 
.drop-down { position: relative; } 
.drop-down ul {padding: 0px; position: absolute; right: 0px; top: 100%; background: #fff; border-radius: 5px; border-top: 2px solid var(--sitebg); width: 150px; white-space: normal; word-break: break-word; opacity: 0;
 pointer-events: none; transform: translateY(30px); transition: var(--transition); overflow: hidden; margin: 0px; } 
.drop-down:hover ul { opacity: 1; pointer-events: all;   transform: translateY(0px);}    
.nav > ul.list-style li a span.icon { max-width: 26px; height: 35px; display: flex; align-items: center; } 
.drop-down ul li a {padding: 5px 20px;display: block;font-weight: 500;color: var(--primary-textclr);} 
.drop-down ul li { width: 100%; } 
.drop-down ul li a:hover { background: var(--sitebg); opacity:1 }
.drop-down {margin-inline-start: auto;}
.drop-down > a { color: var(--primary-textclr);  font-weight: 600;  font-size: 16px;  text-transform: uppercase;
    display: flex;  gap: 5px;   align-items: center;}
.main-section.hero-section { min-height: 100vh; padding-block-start:200px; display: flex;  }
.hero-container {width: 100%;}
.admint-table {  width: 100%;}
.admint-table table { width: 100%;}
.admint-table table { width: 100%; background: rgb(255 255 255 / 85%); border-collapse: collapse; } 
.admint-table table tr td, 
.admint-table table tr th { padding: 10px 15px; text-align: left; vertical-align: middle; } 
.admint-table table tr td,
.admint-table table  tbody tr th { border-bottom: 1px solid #c9c4c4; } 
.admint-table table  thead tr th { font-size: 20px;   text-transform:uppercase; } 
.admint-table table tr th { font-weight: 600;  } 
.admint-table table tbody tr th {line-height: normal;}
.w-25 { width: 25%; }
.colon{    min-width: 100px; text-align: center !important;}
.text-upper{text-transform: uppercase;}
.admint-table span.tag { padding: 2px 10px; border-radius: 5px; background: #000; min-width: 110px; display: inline-block; 
    color: var(--white-color); text-align: center; font-size: 12px; text-transform: capitalize; font-weight: 600; } 
.tag.available { background: #00ca99 !important; } 
.tag.inprocess { background: #ea7024 !important; } 
.tag.expired { background: red !important; }


.login-page { display: flex; align-items: center; height: 100vh; } 
.login-page > div { flex: 1; display: flex; align-items: center; justify-content: center; height: 100%; } 
.login-left { background: #055661; }  
.field .form-control { padding: 14px 15px; font-size: 15px; border: 1px solid #ccc; width: 100%; } 
.field { margin-block-end: 20px; width: 100%; } 
.form-container { width: 450px; text-align: center; } 
.form-container h1 { margin-bottom: 10px; } 
.form-container h1, .form-container p { margin-top: 0px; } 
.form-container form { margin-top: 27px; } 
.login-page button { width: 100%; border: 0px; background: #efa01f; color: #fff; padding: 15px 20px; cursor: pointer; }
.login-page button:hover { background: #00ca99;}

.footer {background: linear-gradient(298deg, rgb(247 133 1) 10%, rgb(4 142 141) 69%, rgba(176, 124, 8, 1) 5107%); padding: 30px 0px; } 
p { margin-top: 0px; } 
.footer-copyrigh { display: flex; flex-wrap: wrap; color: #fff; justify-content: space-between; } 
.footer-copyrigh a { color: #fff; } 
.footer-copyrigh a:hover { color: var(--link-clr); } 
.footer-copyrigh p { margin: 0px; }

@keyframes slide-down{
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 0.9;
        transform: translateY(0);
    }
}


/* container */
 
 
.container { max-width: 100%;  margin: auto;  padding-inline: 15px;}

  
@media (min-width: 767.98px){ 
.container { max-width: 100%;}
.lg-hide{display: none;}
 
}


@media (min-width: 768px){
.container {max-width: 720px;}
}

@media (min-width: 992px){
.container {max-width: 960px;}

}
@media (min-width: 1200px){
.container {max-width: 1170px;  }
.container-fluid {padding-left: 50px;  padding-right: 50px;}

}

 
@media (min-width: 1400px){
.container, .container-lg{  max-width: 1320px;}


}
@media (max-width: 1199px){
.header-menu .nav {flex: 0 0 80%; gap: 15px;}
 nav.nav > ul.list-style { gap: 5px;}
.admint-table { overflow-x: scroll;}
.admint-table table tr td, 
.admint-table table  tr th{min-width: 150px;}

}
@media (max-width: 1024px){
.container{max-width: 100%;}
.nav > ul.list-style li a { padding: 5px 5px;}
.header-menu { gap: 5px;}
.footer-copyrigh {text-align: center; flex-direction: column;  gap: 10px;}

}

@media (max-width: 767.98px){
.nav > ul.list-style { flex-direction: column; position: fixed; width: 270px; background: #fff; align-items: center; right: 0px;
 top: 0px; margin: 0px; padding: 42px 0px; z-index: 9; opacity: 0; visibility: hidden; pointer-events: none; } 
.nav > ul.list-style li { display: block; text-align: left; width: 100%; } 
.nav > ul.list-style li a { padding: 5px 15px; } 
.header-menu .nav { justify-content: flex-end; flex: auto;} 
.drop-down {margin-inline-start: 0px;}  
.nav.openNav > ul.list-style { opacity: 1; visibility: visible; pointer-events: all; }
button.openNavCls { position: absolute;  background: transparent !important;  min-width: auto;  padding: 0px;
    width: 30px;    height: 30px;    border-radius: 100%;    display: flex;    align-items: center;    justify-content: center;
    color: var(--primary-textclr);    right: 0px;    top: 0px;    z-index: 1;}
.main-section.hero-section { padding-block-start: 180px;}

.login-page { flex-direction: column; width: 100%; background: #055661;    justify-content: center;}
.login-page > div { height: auto !important;   width: 100%; flex: initial;}
.login-left { margin-block-end: 30px;}
.form-container { width: 100%; padding: 0px 30px;}
.login-left img {  max-width: 110px;}
}