/*----------------------------
         Add CSS file
----------------------------*/
@import "../plugins/bootstrap/css/bootstrap.min.css";
@import "../plugins/bootstrap-select/css/bootstrap-select.min.css";
@import "../plugins/fontawesome/css/all.min.css";
@import "main-menu.css";

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


/*----------------------------
   element      
----------------------------*/
:root {
    --blue:#1A69F4;
    --darkblue:#064086;
    --purple:#7841EB;
    --green:#53D390;
    --darkblack:#181818;
    --pink:#9e1946;
    --yellow:#FBC02D;
    --darkcyan:#2980b9;
    --red:#ff0000;
    --black:#353535;
    --cyan:#8dccad;
    --gray:#808080;
    --lightgray:#F8F8F8;
    --white:#ffffff;
    --border:#959FA6;
    --title: #282C32;
}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { text-rendering: optimizeLegibility !important;-webkit-font-smoothing: antialiased !important;}
*{margin:0; padding:0}
a{ text-decoration:none;}
a:hover{ text-decoration:none !important;}
header, nav, section, article, aside, footer { display:block;}
html {font-size: 100%;}
body {font-size: 14px;    font-family: "Poppins", sans-serif;line-height: 26px;color:var(--gray, #4F5168);-webkit-font-smoothing: antialiased;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {padding: 5px 0 15px 0;font-weight: normal;-webkit-font-smoothing: antialiased;}
:-ms-input-placeholder{color: var(--gray, #4F5168);}

::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
    width: 5px;
}
::-webkit-scrollbar:horizontal {
    height: 5px;
} 
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border:1px solid var(--darkblue); 
    background-color:  var(--darkblue);
}
::-webkit-scrollbar-track { 
    background-color: var(--gray); 
    border-radius: 5px; 
} 

.wd1{width: 10%}
.wd2{width: 20%}
.wd3{width: 30%}
.wd4{width: 40%}
.wd5{width: 50%}
.wd6{width: 60%}
.wd7{width: 70%}
.wd8{width: 80%}
.wd9{width: 90%}
.wd10{width: 100%}
.wd78{width: 78%}



/*----------------------------------------
Header 
----------------------------------------*/
.header {position: absolute; top: 0; left: 0; right: 0; z-index: 99; padding: 10px;}
.logo img{ height:82px; }
.header{position: absolute;padding:10px 0;width: 100%;/* background:#5868d9; */ z-index: 9}
.logo {margin-bottom: 0; }


.header-navigation .navbar {padding: 0; }
.header-navigation .navbar-nav > li{position:relative;padding: 4px 15px;} 
.demo-header .header-navigation .navbar-nav > li > a{position: relative;color: #262a37;text-align:center;font-weight: 600;font-size: 14px;}
.header-navigation .navbar-nav > li > a{position: relative;color: #fff;text-align:center;font-weight: 600;font-size: 16px;}
.header-navigation .navbar-nav > li > a.active {color: #fff; }
.header-navigation .navbar-nav > li .dropdown-menu {border: 1px solid #dcf5f7; border-radius: 0; } 
.header-navigation .navbar-nav > li a.dropdown-item {position: relative; color: #fff; text-align: left; font-size: 12px; }
.header-navigation .navbar-nav > li a.dropdown-item:active,
.header-navigation .navbar-nav > li a.dropdown-item:focus, 
.header-navigation .navbar-nav > li a.dropdown-item:hover{background-color: #f8f9fa;}
.header-navigation .navbar-nav .account-dropdown .dropdown-toggle::after{display: none;}











/*----------------------------------------
btn 
----------------------------------------*/
.theme-btn {display: inline-block;position: relative;padding: 20px 36px;gap: 10px;color: var(--blue);text-align: center;font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;background: var(--white);z-index: 1;line-height: 1;overflow: hidden;border: none;border-radius: 100px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.theme-btn:before {transition-duration: 800ms; position: absolute; width: 210%; height: 290%; content: ""; top: 162%; left: 50%; background: var(--darkblue); -webkit-transform: translateX(-50%); transform: translateX(-50%) rotate(-8deg); border-radius: 80%; z-index: -1; }
.theme-btn:hover {color: var(--white); }
.theme-btn:hover:before {top: -96%; }
/*----------------------------------------
footer 
----------------------------------------*/


.footer {background: #0d2e92 url(../images/footer-bg-min.png); position: relative; background-blend-mode: color-burn; }

.top-footer{position: relative; padding: 10rem 0 1rem 0}


.top-footer-widget h2 {font-size: 20px; color: var(--white);; margin-bottom: 10px; font-weight:bold; text-transform:uppercase; }
.top-footer-widget p {font-size: 14px;  color: var(--white); margin: 0; text-align:justify; }

.footer-social ul {display: flex ; gap: 8px; align-items: center; justify-content: start; list-style: none; margin: 0; padding: 0; }
.footer-social ul li a img {height: 28px; }


.top-footer-link {list-style: none; margin:0; padding:0; } 
.top-footer-link li {margin-bottom: 10px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } 
.top-footer-link li a {font-size:14px; color: var(--white);}

.top-footer-contact {display: flex ; gap: 10px; padding: 10px 0; border-top: 1px dashed var(--white); }
.top-footer-contact-icon img{height: 50px}
.top-footer-contact-text h4 {font-size: 14px; color: var(--orange);padding: 0; margin-bottom:10px; font-weight:bold; }
.top-footer-contact-text p {font-size: 14px;  color: var(--white); margin: 0; text-align:justify; }
.top-footer-contact-text p a{color: var(--white);}

.bottom-footer-info{padding: 10px 0; position: relative; border-top: 1px solid var(--border);}
.copyright-text {font-size: 12px; color: var(--white); margin: 0; text-align: left; }
ul.bottom-footer-link {display: flex ; justify-content: end; gap: 20px; margin: 0; padding: 0; list-style: none; }
ul.bottom-footer-link li a {font-size:14px; color: var(--white);}
.foot-logo{text-align: center;}
.foot-logo img {height: 40px; }


/*----------------------------------------
internal banner section 
----------------------------------------*/

.bb-internal-section {background: url(../images/full-screen-3.webp); padding:5rem 0 0rem 0; position: relative; background-size: 100%; }


.bb-internal-section:before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background:hsl(0deg 0% 0% / 51%); }


.bb-internal-content {position: relative; z-index: 9; padding: 6rem 0 2rem 0; }
.bb-internal-content h1 {color: var(--white); font-size: 40px; margin: 0; font-weight: 600;text-align: center; }
.bb-internal-content p {color: var(--white); font-size: 16px; margin: 0 0 0 0; font-weight: 500; text-align: center; }









/*----------------------------------------*/
/* img-animation
/*----------------------------------------*/


.float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}


@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}

@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}


@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}