@import url("iconmoon.css"); 
@import url("web-font.css"); 


body { position: relative; padding: 0; margin: 0;  font-family: 'GT Walsheim Pro', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000; background: url("../images/home-bg.png") no-repeat center center; background-size: cover; background-attachment: fixed; } 
img{ max-width: 100%; }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {  font-weight: 500; }

a{ color: inherit; }
/* a:hover{ color: #0068FF; text-decoration: none;} */
a:hover,
a:focus{ text-decoration: none; color: inherit; }

a, .btn { text-decoration: none; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
.btn:focus { box-shadow: 0 0 0 0.2rem rgb(0 128 128 / 11%); /* box-shadow: 0 0 0 0.2rem rgb(55 52 53 / 24%); */ }

.site-content {  padding: 77px 0 0; }

.required-star { color: red; }

.iti { width: 100%; }
.form-group { position: relative; }
.form-group label{ font-weight: 500; margin: 0 0 3px; font-size: 14px;}
.form-group .view-icon { position: absolute; top: 35px; right: 10px; cursor: pointer;  }
.form-group .code { position: absolute; top: 35px; left: 10px; border-right: 1px solid #e2e2e2; padding-right: 10px; color: #858585; }
.form-group label i{ font-size: 20px; vertical-align: middle; }

.form-control, .form-select { outline: none; box-shadow: none; font-size: 14px; border-radius: 10px; height: 43px; padding: 0 20px; font-weight: 500; } 
.input-symbol { position: relative; }
.input-symbol .img{ position: absolute;left: 15px; top: 12px; font-size: 20px; line-height: 0;  }
.input-symbol .show-pass { position: absolute; right: 15px; top: 9px; font-size: 20px; cursor: pointer; color: #C5CCC4;}
/* .input-symbol .form-control{ padding-left: 50px; } */

textarea.form-control { resize: none; height: 100px; border-radius: 10px; padding: 10px 15px;} 
.form-control:focus, .form-select:focus{ box-shadow: none;  border-color: #0068FF;  } 

.primary-btn { border-radius: 10px; display: inline-block; background: #0068FF; color: #fff; padding: 10px 30px; border: 1px solid #0068FF; outline: none; font-weight: 500;  }
.primary-btn:hover, .primary-btn:focus{ color: #fff; }
 
.secondary-btn {border-radius: 10px;  display: inline-block; background: #fff; color: #0068FF; padding: 10px 30px; border: 1px solid #fff; outline: none; font-weight: 500;  }
.secondary-btn:hover, .secondary-btn:focus{ background:#0068FF; color: #fff; border-color: #fff;  }

.white-btn { background: #fff; color: #0068FF; padding: 8px 30px; border-radius: 10px; border: 1px solid #fff; outline: none; font-weight: 500; }
.white-btn:hover, .white-btn:focus{ color: #0068FF; }

.border-btn {  color: #0068FF; padding: 8px 30px; border-radius: 10px; border: 1px solid #0068FF; outline: none; font-weight: 500;  }
.border-btn:hover, .border:focus{ color: #0068FF; }
 
.theme-color { color: #0068FF; }
.secondary-color { color: #DAA16A; }
.text-white { color: #fff; }

/* ----------------------------------
 Bootstrap Fix: IE10
 in Windows 8 & Windows Phone 8
 ---------------------------------- */
@-webkit-viewport { width: device-width; } 
@-moz-viewport { width: device-width; } 
@-ms-viewport { width: device-width; } 
@-o-viewport { width: device-width; } 
@viewport { width: device-width; } 

 
/* ----------------------------------
 Input Light
 ---------------------------------- */
.form-control.form-control-light { color: #B8B8B8;  } 
.form-control.form-control-light:-moz-placeholder { color: #B8B8B8; } 
.form-control.form-control-light::-moz-placeholder { color: #B8B8B8; } 
.form-control.form-control-light:-ms-input-placeholder { color: #B8B8B8; } 
.form-control.form-control-light::-webkit-input-placeholder { color: #B8B8B8; } 

/* ====== Page Loader Animation ====== */
.loader { background: rgba(0,0,0,0.7); position: fixed; z-index: 1200; box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; transition: opacity 1s linear; } 
.fade-out.loader { opacity: 0; } 
.loader .loader-inner { display: block; width: 100px; }
.loader .loader-inner lottie-player{width: 100px; }

 
/* Page Title */
.page-title { display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px;}
.page-title h1{ margin: 0; font-size: 2rem; }
.page-title a.addnew{ color: #E31E24; font-size: 16px; }

/* Section Title */
.section-title { margin: 20px 0; display: flex; align-items: baseline; justify-content: space-between; }
.section-title h2 span{ font-weight: 400; }
.section-title h2{ font-size: 1.6rem; font-weight: 600; margin: 0; text-transform: capitalize; }
.section-title a{ color: #0068FF; }



/* Custom Scrolling Css */
.custom-scroll-div {scrollbar-width: thin; scrollbar-color: #c3c3c3 #fff; }
.custom-scroll-div::-webkit-scrollbar { width: 8px; }
.custom-scroll-div::-webkit-scrollbar-track { background-color: #c9d5d6; /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */ }
.custom-scroll-div::-webkit-scrollbar-thumb { background-color: #0068FF; }


/* ====== Header ====== */
header.header { position: fixed; left: 0; right: 0; z-index: 999; background: #fff; border-radius: 0px 0px 30px 30px; }
header.header a{ transition: none; }
/* header.header .dropdown-toggle::after{ display: none; } */

header.header .navbar-light .navbar-toggler { border: none; outline: none; box-shadow: none; }
header.header .navbar-brand{   display: flex; align-items: center; padding: 0; }
header.header .navbar-brand .mobile-hide{ max-width: 100px; } 
header.header .right-side { display: flex; align-items: center; margin-left: auto; } 
header.header .navbar { padding: 10px 0; }
header.header .navbar .navbar-toggler-icon { width: 24px; height: 17px; background-image: none; position: relative; border-bottom: 1px solid #0068FF; transition: all 300ms linear; }
header.header .navbar .navbar-toggler-icon::after, 
header.header .navbar .navbar-toggler-icon::before{ width: 24px; position: absolute; height: 1px;  background-color: #0068FF; top: 0; left: 0; content: ''; z-index: 2; transition: all 300ms linear; }
header.header .navbar .navbar-toggler-icon::after{ top: 8px; }
header.header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after { transform: rotate(45deg); }
header.header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before { transform: translateY(8px) rotate(-45deg); }
header.header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { border-color: transparent; }
header.header .navbar-nav li { padding: 0px 10px; }
header.header .navbar-nav li a { padding: 10px 0; color: #000; }
header.header .navbar-nav li a .icon{  text-align: center; margin-right: 10px; min-width: 22px; display: inline-block; vertical-align: middle; }
 
header.header .navbar-nav li.dropdown a{ width: 100%; display: inline-block;  }
header.header .navbar-light .navbar-nav .nav-link{ color: #000; }
header.header .navbar-nav li.dropdown ul.dropdown-menu { padding: 0;border-radius: 0; border: 0; box-shadow: 0px 0px 4px 0px #adadad; }
header.header .navbar-nav li.dropdown ul li{ padding: 0; }
header.header .navbar-nav li.dropdown ul li a { font-size: 14px; }
header.header .navbar-nav li.dropdown ul li a:hover{ background: rgb(51 161 225 / 10%); }
header.header .navbar-nav .dropdown-toggle::after { content: "\e902"; font-family: 'icomoon' !important; border: 0; vertical-align: bottom; }

header.header .navbar-nav { display: flex; align-items: center;  }
header.header .navbar-nav ul{ padding: 0; margin: 0;  list-style: none; align-items: center;}
  
header.header .navbar-nav .dropdown .dropdown-toggle { background: none;   border: 0; outline: none; font-size: 21px; /*  display: flex; */ line-height: normal;}
header.header .dropdown-toggle::after{ display: none; }
header.header .navbar-nav .dropdown .dropdown-menu { margin: 0;  padding: 10px 0; width: 200px; right: 0; left: initial; border: 0; border-radius: 0; box-shadow: 0px 0px 4px 0px #adadad; background-clip: unset; transform: translateY(9px); /* opacity: 0; display: unset; */ /* visibility: hidden; */}

header.header .menu-icon .dropdown-menu { margin: 0;  padding: 10px 0; width: 220px; right: 0; left: initial; border: 0; border-radius: 15px; box-shadow: 0px 2px 5px 0px #888; }
header.header .menu-icon ul{ margin: 0; padding: 0; list-style: none; display: flex; align-items: center; }
header.header .menu-icon .account{ display: inline-block; margin: 0 0 0 10px; color: #fff; background: #000; padding: 8px 20px; border-radius: 50px; }
header.header .menu-icon .account span{ margin-left: 8px; }


.main-wapper { padding: 77px 0 0; }
/* .home-bg{ background: url('../images/home-bg.png') no-repeat center center; background-size: cover; background-attachment: fixed; } */
section { padding: 50px 0; } 
 
/* Footer Section  */
footer.footer{ background: #ffffff; padding: 40px 0 0px; border-radius: 30px 30px 0 0;  }
footer.footer h3.footer-title{ font-size: 16px;  margin: 10px 0; text-transform: uppercase; font-weight: 700; }
footer.footer .about-info .footer-logo{ padding: 0px 0 20px; }
footer.footer .about-info .footer-logo img{ margin: 10px 0; }
footer.footer .footer-link ul { margin: 0; padding: 0; }
footer.footer .footer-link ul li{ list-style-type: none; padding: 5px 0px; position: relative; }
footer.footer .footer-link ul li a{   }
footer .footer-bottom { background: #357DED; text-align: center; padding: 15px 0; margin: 30px 0 0;  }
footer .footer-bottom .copyright-footer {  margin: 0;  color: #fff;  font-size: 13px; display: flex; justify-content: space-between; }


/* Blog Search  */
/* Search field */
.search-filter .cat-btn{ display: none; } 
.search-filter { display: flex; align-items: center;  }
.search-field{ position: relative; flex: 1 1 auto; }
.search-field .btn{color: var(--primary-color); width: 18px; position: absolute; left: 15px; top: 8px; background: none;outline: none; padding: 0;  box-shadow: none; }
.search-field .form-control{   height: 40px;  padding-left: 50px; }

/* Blog List Page */
.blog-list .blog-list-box{ background: #fff; border: 1px solid #e2e2e2; padding: 15px; border-radius: 10px; margin: 0 0 20px 0; height: calc(100% - 20px);display: block;}
.blog-list .blog-list-box img{margin-bottom: 12px;border-radius: 10px; width: 100%; height: 150px; object-fit: cover;}
.blog-list .blog-list-box h6{-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;height: 38px;}
.blog-list .blog-list-box p{color: #AFAFAF;font-size: 14px;}
.blog-list .blog-list-box p span{background: #AFAFAF;border-radius: 100%; height: 4px;width: 4px;display: inline-block;margin: 0 7px 2px 5px;}

/* Blog Detail Page */
section.blog-details .detail-img .post-thumbnail img{ width: 100% !important; max-width: 100% !important; border-radius: 10px;}


section.blog-list .post-thumbnail { margin: 0; }