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

:root{
    --primary: #4a7cf8;
    --secondary: #58b0ec;
    /* --primary: #4a7cf8;
    --secondary: #1874C1; */
    --black: #2D2D2D;
    --whiteColor: #ffffff;
    --poppins: 'Poppins', sans-serif;
}

::-webkit-scrollbar             { width: 10px;height: 10px;background-color: #f5f5f5; }
::-webkit-scrollbar-track       { background-color: #e0e0e0;}
::-webkit-scrollbar-thumb       { background-color: var(--primary);border-radius: 0px;transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease; }
::-webkit-scrollbar-thumb:hover { background-color: var(--secondary); }

.container, 
.container-lg, 
.container-md, 
.container-sm, 
.container-xl                   { max-width: 1400px; }
body                            { font-family: var(--poppins);min-height: 100vh;letter-spacing: 0.2px;font-weight: 400;line-height: 26px;background-color: #f8f8f8; }
a                               { color: var(--secondary);text-decoration: none;transition: all 0.5s; }
a:hover                         { color: var(--primary);text-decoration: none; }
.btn:not(:disabled):not(.disabled):active:focus,
button                          { outline: none; }
button:focus,
.btn:focus                      { box-shadow: 0 0; }
.theme-primary-color            { color: var(--primary); }
.btn-primary                    { background-color: var(--primary);border-color: var(--primary); }
.login-page                     { min-height: 125vh;background-color: var(--primary);background-image: url(../images/login-background.png);background-position: center;background-size: cover;background-repeat: no-repeat;padding: 50px 0px;position: relative;overflow: hidden; }
/* .login-page::before             { content: "";display: block;background-image: url(../images/login-bg.png);background-position: right bottom;position: absolute;background-size: contain;background-repeat: no-repeat;bottom: 0;right: -290px;width: 900px;height: 900px;; } */
.login-page .card               { border-radius: 30px;min-height: 400px;align-items: center;flex-direction: inherit;margin-bottom: 30px; }
.login-page .card .card-body    { padding: 30px 30px;width: 100%; }
.login-page form                { margin-bottom: 15px; }
.navbar-toggler,
.navbar-toggler:focus           { outline: none; }
.login-page .navbar-brand       { margin-bottom: 20px; }
.form-group                     { margin-bottom: 20px; }
.form-control                   { height: 45px;padding: 5px 20px;border: 1px solid #CCCCCC;border-radius: 8px;font-size: 14px;outline: none;color: var(--black);font-weight: 500; }
.form-control::placeholder      { font-size: 14px;font-weight: 400; }
.custom-file-input:focus~.custom-file-label,
.custom-select:focus,
.form-control:focus             { box-shadow: 0 0;border-color: var(--secondary); }
.custom-select                  { height: 45px;padding: 5px 20px;font-size: 14px;font-weight: 400; }
.input-group>.custom-file       { height: 45px; }
.custom-file-label              { height: 45px;line-height: 32px;font-size: 14px;padding: 5px 20px;color: #7E7E7E; }
.custom-file-label::after       { height: calc(100% - 16px);top: 8px;right: 8px;display: flex;align-items: center;justify-content: center;border: 0;background: var(--primary);color: #fff;border-radius: 4px;padding: 8px 25px;text-transform: uppercase; }
.login-page button.btn          { width: 100%;display: block;background: var(--secondary);border: 0;padding: 10px;border-radius: 8px;margin: 15px 0 20px;text-transform: uppercase;letter-spacing: 0.5px; }
.login-page button.btn:hover    { background: var(--primary); }
ul.social-login                 { padding: 0;list-style: none;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 15px;margin-top: 20px;margin-bottom: 20px; }
ul.social-login li              { width: 100%;text-align: center; }
ul.social-login li a            { padding: 12px 30px;border: 1px solid #CCCCCC;display: block;border-radius: 10px;font-size: 14px;color: var(--black);font-weight: 500;text-decoration: none;transition: all 0.5s; }
ul.social-login li a:hover      { color: var(--primary);border-color: var(--primary); } 
ul.social-login li a img        { margin-right: 10px; }
.form-check                     { color: #7E7E7E;font-weight: 400;font-size: 14px; }
.form-check a:hover             { color: var(--primary);text-decoration: none; }
.ship-form-group .input-group-prepend select.form-control{ border-radius: 8px 0 0 8px;border-right: 0 !important; }
.ship-form-group input.form-control{ border-left: 0; }
.user-dashboard .btn            { min-width: 160px;border: 0;margin: 0 4px; text-align: center; text-transform: uppercase; }

.user-dashboard .btn:hover      { background: var(--black);color: #fff; }
.close:focus                    { outline: none; }

.opacity-0                      { opacity:0!important; }
.opacity-1                      { opacity:0.2!important; }
.opacity-2                      { opacity:0.4!important; }
.opacity-3                      { opacity:0.6!important; }
.opacity-4                      { opacity:.8!important; }
.opacity-5                      { opacity:1!important; }

/* Header CSS */
header.header                   { padding: 10px 0;transition: all 0.5s;position: fixed;left: 0;top: 0;z-index: 9999;width: 100%; }
.scroll header.header           { top: 0;left: 0;background: #ffffff;z-index: 9999;box-shadow: 0 10px 20px rgb(0 0 0 / 5%); }
/* header.header .navbar .navbar-nav li{ padding: 0 5px; } */
header.header .navbar .navbar-nav li span{ font-size: 12px;color: #7E7E7E; }
header.header .navbar .navbar-nav li { position: relative; }
header.header .navbar .navbar-nav li .nav-link{ font-size: 14px;color: #2D2D2D;padding: 15px 12px;border-right: 0px solid #dbdbdb; }
header.header .navbar .navbar-nav > li label,
header.header .navbar .navbar-nav > li > .nav-link{ color: #ffffff; }
.scroll header.header .navbar .navbar-nav > li label,
.scroll header.header .navbar .navbar-nav li .nav-link { color: #2D2D2D; }
header.header .navbar .navbar-nav li .nav-link i{ font-size: 12px;margin-left: 5px; }
header.header .navbar .navbar-nav li .nav-link:hover{ color: var(--primary); }
header.header .navbar .navbar-nav li > .nav-link:after{ content: "";display: block;width: 0;height: 2px;background: var(--primary);position: absolute;bottom: 6px;left: 50%;transform: translateX(-50%);transition: all 0.5s; }
header.header .navbar .navbar-nav li > .nav-link:hover:after{ width: 30px; }
header.header .navbar .navbar-nav li .btn.btn-primary{ background: #ffffff;border-color: #ffffff;color: var(--secondary); }
.scroll header.header .navbar .navbar-nav li .btn.btn-primary{ background: var(--secondary);border-color: var(--secondary);color: #ffffff; }
header.header .navbar .navbar-nav li .btn.btn-primary:hover{ background: var(--black);border-color: var(--black); }
header.header .navbar .navbar-nav li .btn-outline-primary{ border-color: #ffffff;color: #ffffff; }
.scroll header.header .navbar .navbar-nav li .btn-outline-primary{ border-color: var(--secondary);color: var(--secondary); }
header.header .navbar .navbar-nav li .btn-outline-primary:hover{ background: var(--secondary);color: #fff; }
header.header .navbar .navbar-nav li .btn{ font-size: 14px;padding: 10px 25px; }
header.header .navbar .navbar-nav li ul.sub-menu{ width: 200px;max-height: 0;padding: 0;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 10px;z-index: 99;background: #ffffff;position: absolute;top: 100%;left: 0;transition: all 0.5s; }
header.header .navbar .navbar-nav li:hover ul.sub-menu{ max-height: 1000px; }
header.header .navbar .navbar-nav li ul.sub-menu li a{ padding: 12px 12px;border-bottom: 1px solid #f7f7f7; }
header.header .navbar .navbar-nav li ul.sub-menu li a:hover{ background: var(--primary);color: #fff; }
header.header .navbar .navbar-nav li ul.sub-menu li:last-child a{ border-bottom: 0; }
.logo-dark                      { display: none; }
.scroll .logo-dark              { display: block; }
.scroll img.logo-light          { display: none; }
/* Header CSS */

/* Hero Section */
section.hero-section            { background-color: var(--secondary);background-position: center left;background-size: 40%;background-repeat: no-repeat;padding-top: 5%;padding-bottom: 5%;position: relative;overflow: hidden; }
section.hero-section:before     { content: "";display: block;top: 50%;left: -220px;width: 450px;height: 300px;transform: matrix(0.20, -1, 1, -0.07, 0, 0);background: transparent linear-gradient(109deg, #1874C1 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;opacity: 0.12;position: absolute;border-radius: 240px 480px 370px 320px; }
section.hero-section:after      { content: "";display: block;top: -100px;right: -440px;width: 500px;height: 500px;background: transparent linear-gradient(229deg, #FFFFFF 0%, #1874C1 100%) 0% 0% no-repeat padding-box;opacity: 0.12;position: absolute;border-radius: 450px 450px 350px 320px; }
.wel-title .sub-title           { font-size: 18px;color: #FFFFFF;text-transform: uppercase;opacity: 0.5;margin-bottom: 10px; }
.wel-title .title               { color: #fff;font-weight: 700;margin-bottom: 20px; }
.wel-title p                    { color: #ffffff;font-size: 22px;font-weight: 500; }
.wel-title .btn                 { padding: 10px 25px;font-size: 14px;color: var(--secondary);margin-top: 20px; }
.btn                            { padding: 10px 20px;font-size: 14px; }
.btn-group-sm>.btn, .btn-sm     { padding: 5px 10px; }
/* Hero Section */

section.section-padding         { padding: 60px 0; }
.info-box                       { text-align: center; }
.info-box .img-box              { padding: 0 30px;margin-bottom: 30px;height: 220px; }
.info-box .img-box img          { max-width: 100%;max-height: 100%; }
.info-box .info-title           { font-size: 22px;color: #2D2D2D;margin-bottom: 20px;font-weight: 600; }
.info-box p                     { font-size: 14px;color: #7E7E7E;line-height: 28px; }
.gray-bg                        { background: #FAFAFA; }
.info-box.style-2               { padding: 25px 15px;height: 100%; }
.info-box.style-2 p             { margin-bottom: 0; }

.section-title                  { text-align: center;margin-bottom: 40px; }
.section-title h2               { font-weight: 600;color: #2D2D2D; }
.section-title h2 span          { color: var(--secondary); }
.info-box.style-2 .img-box      { margin-bottom: 20px; }
.info-box.style-2 .info-title   { font-size: 20px;margin-bottom: 15px; }

section.client-slider           { padding: 80px 0; }
.client-logo-box                { width: 135px;height: 135px;text-align: center;border: 10px solid #E4E4E4;border-radius: 100%;overflow: hidden;display: flex;align-items: center;justify-content: center;margin: 0 auto;padding: 10px; }
.client-slider ol.carousel-indicators{ bottom: -40px;margin: 0; }
.client-slider ol.carousel-indicators li{ width: 12px;height: 12px;background: #7E7E7E;border-radius: 100%;border: 0;padding: 0; }

section.testimonial             { background: #066135; }
section.testimonial ol.carousel-indicators{ margin: 0;right: 0;justify-content: flex-start;bottom: -40px; }
section.testimonial ol.carousel-indicators li{ border: 0;padding: 0;width: 12px;height: 12px;border-radius: 100%; }
.testimonial-box                { color: #fff; }
.testimonial-box .testimonial-des{ margin-bottom: 20px;font-size: 14px;line-height: 24px;font-weight: 300;letter-spacing: 0.4px; }
.testimonial-box .author-box    { display: flex;align-items: center; }
.testimonial-box .author-box .author-img{ width: 80px;height: 80px;overflow: hidden;margin-right: 15px;border-radius: 100%; }
.testimonial-box .author-box .author-img img{ transform: scale(2); }
.testimonial-box .author-box .name{ font-size: 18px;font-style: italic;letter-spacing: 0.6px;font-weight: 400;margin-bottom: 5px; }
.testimonial-box .author-box .position{ font-size: 14px;font-weight: 300;letter-spacing: 0.6px;opacity: 0.8; }

form.newslatter-form .form-group { padding: 5px 5px;border: 1px solid #CCCCCC;border-radius: 8px; }
form.newslatter-form .form-group .form-control{ padding: 0 20px;border: 0;height: 45px; }
form.newslatter-form .form-group .btn{ padding: 5px 25px;background: var(--secondary);border-color: var(--secondary); }

/* Footer */
footer.footer                   { background: var(--secondary);position: relative;overflow: hidden; }
footer.footer:before            { content: "";display: block;width: 39%;height: 100%;background: #EEF3F8;position: absolute;transform: skewX(-8deg);left: -40px; }
footer.footer .footer-top       { padding-top: 60px;padding-bottom: 60px; }
footer.footer .logo-box         { margin-bottom: 20px; }
.footer p                       { color: #8a8a8a;font-size: 14px;font-weight: 300;letter-spacing: 0.6px;line-height: 24px; }
.footer ul.social-icon          { padding: 0;list-style: none; }
.footer ul.social-icon li       { display: inline-block;margin: 0 2px; }
.footer ul.social-icon li a     { width: 30px;height: 30px;background: var(--secondary);display: block;color: #fff;text-align: center;line-height: 30px;border-radius: 100%;font-size: 12px;transition: all 0.5s; }
.footer ul.social-icon li a:hover{ background: var(--black); }
.footer .footer-title           { margin-bottom: 25px; }
.footer .footer-title h3        { font-size: 20px;color: #ffffff;font-weight: 400;margin-bottom: 0; }
.footer ul.footer-menu          { list-style: none;padding: 0;margin: 0; }
.footer ul.footer-menu li       { margin-bottom: 10px; }
.footer ul.footer-menu li a     { color: #fff;font-size: 14px;font-weight: 300;padding-bottom: 3px;position: relative;text-decoration: none;transition: all 0.5s; }
.footer ul.footer-menu li a:after{ content: "";display: block;width: 0;height: 2px;background: var(--black);position: absolute;left: 0;bottom: 0;transition: all 0.5s; }
.footer ul.footer-menu li:hover a:after{ width: 100%; }
.footer ul.footer-menu li:hover a{ color: var(--black);padding-left: 5px;font-weight: 400; }
.footer ul.footer-menu .btn     { margin-top: 10px; }
.footer .footer-bottom          { background: #2D2D2D;position: relative;text-align: center;color: #9E9E9E;padding: 15px 0; }
.footer .footer-bottom p        { margin: 0; }
/* Footer */

/* Dashboard */
.user-dashboard                 { position: relative;padding: 0;display: inline-block; }
.user-dashboard:after           { content: "";width: 100%;height: 240px;background: var(--primary);opacity: 0;position: absolute;top: 0;left: 0;z-index: -1; }
.user-dashboard .content-inner  { padding: 20px; }
.user-dashboard .content-inner > .card{ border-radius: 8px;background-size: 90vh;background-position: center bottom;background-repeat: no-repeat;background-attachment: fixed; }
.user-dashboard .content-inner .card-body{ padding: 20px; }
.user-dashboard .sidebar        { width: 100px;/*height: calc(100vh - 66px);overflow-y: auto;*/background: #fff;padding: 0px;float: left;position: sticky;top: 66px;left: 0;bottom: 0;z-index: 99; }
.table-responsive::-webkit-scrollbar,
.user-dashboard .sidebar::-webkit-scrollbar{ width: 8px;height: 3px; }
.user-dashboard .navbar-brand   { margin-bottom: 20px; }
.user-dashboard .side-menu ul   { list-style: none;padding: 0;margin-bottom: 0; }
.user-dashboard .side-menu ul li{ position: relative;padding: 0px 10px; }
.user-dashboard .side-menu ul li a{ color: #6b6b6b;padding: 6px 0;display: block;text-align: center;font-size: 12px;font-weight: 500;text-decoration: none;position: relative;transition: all 0.5s;border-bottom: 0.5px solid #e6e6e6; }
.user-dashboard .side-menu ul li:last-child a{ border-bottom: 0; }
.user-dashboard .side-menu ul li a:hover{ color: var(--primary); }
.user-dashboard .side-menu > ul > li > a:after{ content: "";display: block;width: 0px;height: 100%;background: var(--primary);position: absolute;top: 0;right: -12px;transition: all 0.5s; }
.user-dashboard .side-menu > ul > li > a:hover:after, 
.user-dashboard .side-menu > ul > li > a.active:after{ width: 2px; }
.user-dashboard .side-menu ul li a i{ width: 20px;margin: 0 auto;display: block;font-size: 24px;font-weight: 400;color: #303030; }
.user-dashboard .side-menu ul li a.active{ color: var(--primary); }
.user-dashboard .side-menu ul li a.active i{ color: var(--primary); }
.user-dashboard .side-menu ul ul.sub-menu{ position: absolute;min-width: 185px;left: 38%;top: 0;padding: 0 5px;z-index: 9;background: #fff;transition: all 0.5s;border: 0.5px solid #e6e6e6;transform: scaleX(1) rotateY(90deg);border-radius: 0 5px 5px 5px; }
.user-dashboard .side-menu ul li:hover ul.sub-menu{ left: 100%;transform: scaleX(1) rotateY(0deg); }
.user-dashboard .side-menu ul li:nth-last-child(2) ul.sub-menu, 
.user-dashboard .side-menu ul li:nth-last-child(3) ul.sub-menu, 
.user-dashboard .side-menu ul li:nth-last-child(4) ul.sub-menu, 
.user-dashboard .side-menu ul li:last-child ul.sub-menu{ top: auto;bottom: 0; }
.user-dashboard .side-menu ul ul.sub-menu li{ padding: 0; }
.user-dashboard .side-menu ul ul.sub-menu li a{ display: flex;align-items: center;padding: 6px 10px;text-align: left;font-size: 12px; }
.user-dashboard .side-menu ul ul.sub-menu li a i{ font-size: 15px;margin: 0;margin-right: 5px; }
.user-dashboard header.header   { height: 66px;padding: 12px 0;border-bottom: 1px solid #f2f2f2;position: sticky;top: 0;left: 0;z-index: 999; }
.user-dashboard .user-dropdown .dropdown-toggle{ background: #fff;border: 0;outline: none; }
.user-dashboard .user-dropdown .dropdown-toggle .user-photo{ margin-right: 10px; }
.user-dashboard .user-dropdown .dropdown-toggle .user-photo img{ height: 30px; }
.user-dashboard .user-dropdown .dropdown-toggle .user-name{ font-size: 14px; }
.content-wrapper                { width: calc(100% - 100px);float: left; }
/* Mark input boxes that gets an error on validation: */
input.invalid                   { background-color: #ffdddd; }
/* Hide all steps by default: */
.tab                            { display: none; }
#prevBtn                        { background-color: #bbbbbb; }
/* Make circles that indicate the steps of the form: */
.step                           { display: inline-block;white-space: nowrap;padding: 8px 20px;border: 2px solid #303030;font-size: 14px;border-radius: 24px;margin: 0 2px;color: #303030; }
/* Mark the steps that are finished and valid: */
.step.finish                    { background-color: #f5f5f5; }
.step.active                    { background: var(--secondary);color: #fff;border-color: var(--secondary); }

.user-dashboard .h1, 
.user-dashboard .h2, 
.user-dashboard .h3, 
.user-dashboard .h4, 
.user-dashboard .h5, 
.user-dashboard .h6, 
.user-dashboard h1, 
.user-dashboard h2, 
.user-dashboard h3, 
.user-dashboard h4, 
.user-dashboard h5, 
.user-dashboard h6              { font-weight: 400;line-height: 1.2; }
.user-dashboard .title          { /*font-size: 18px;*/font-weight: 500; }
.user-dashboard .count          { font-size: 22px;font-weight: 500; }
.user-dashboard table .btn      { min-width: auto; }
.table thead th                 { font-size: 12px;font-weight: 500;border-bottom: 1px solid #dee2e6;vertical-align: middle; }
.table td, .table th            { font-size: 11px;font-weight: 500;vertical-align: middle;padding: 10px 8px; }
.dataTables_info                { font-size: 14px; }
.pagination .page-item .page-link{ margin: 0 3px;font-size: 14px;border: 1px solid rgba(0,0,0,.125);background: #ffffff;color: var(--black);padding: 8px 15px;border-radius: 2px; }
.pagination .page-item .page-link:hover,
.pagination .page-item.active .page-link{ background: var(--primary);border-color: var(--primary);color: #fff; }
.pagination .page-item .page-link:focus{ box-shadow: 0 0; }
.browser .progress              { height: 5px;margin-bottom: 15px; }
.progress-title                 { font-size: 14px;margin-bottom: 10px; }
.morris-hover                   { position: absolute;z-index: 1; }
.morris-hover.morris-default-style{ border-radius: 2px;padding: 10px 12px;color: #666;background: rgba(0, 0, 0, 0.7);border: none;color: #fff!important; }
.morris-hover.morris-default-style .morris-hover-row-label{ font-weight: bold;margin: 0.25em 0; }
.morris-hover.morris-default-style .morris-hover-point{ white-space: nowrap;margin: 0.1em 0; }
.morris-hover-point             { color: rgba(255, 255, 255, 0.8) !important; }
.user-dashboard .content-inner > .card .card{ border-radius: 10px;box-shadow: 0 0;border: 1px solid #efefef;background: transparent;vertical-align: middle; }
.table thead th .sort           { display: inline-grid; }
.table thead th .sort a         { display: inline-grid;line-height: 6px; }
.table thead th .sort a i       { font-size: 16px;color: #303003; }
.table thead th .filter         { float: right;position: relative;margin-left: 10px; }
.table thead th .filter a       { font-size: 18px;color: #303030;line-height: 10px;position: relative; }
.table thead th .filter a[aria-expanded="true"] i{ border-bottom: 2px solid var(--primary);color: var(--primary); }
.table thead th .filter .filter-collapse{ position: absolute;width: 300px;left: 50%;transform: translateX(-50%);background: #ffffff;padding: 15px;border: 1px solid #dee2e6;font-size: 12px;line-height: 18px;border-radius: 5px; }
.table thead th .filter a:hover,
.table thead th .sort a:hover   { color: var(--primary); }
.table .round-img img           { width: 38px;border-radius: 100%; }
.table-hover tbody tr:hover     { background-color: rgba(0,0,0,.050); }
.user-dashboard .header-btn     { border: 2px solid;font-weight: 500;min-width: auto;padding: 8px 15px;font-size: 12px; }
.user-dashboard .header-btn i   { font-size: 18px; }
.user-dashboard .btn-outline-success:hover{ background-color: #28a745;border-color: #28a745; }
.user-dropdown .dropdown-menu   { border: 0;border-radius: 2px;min-width: 130px;box-shadow: 0px 0px 15px rgba(0,0,0,0.1); }
.user-dropdown .dropdown-menu .dropdown-item{ padding: 6px 14px;font-size: 14px;border-bottom: .5px solid #f2f2f2;transition: all 0.5s; }
.user-dropdown .dropdown-menu .dropdown-item:last-child{ border-bottom: 0; }
.user-dropdown .dropdown-menu .dropdown-item:hover{ background: var(--secondary);color: #fff; }
.login-page footer.text-white   { position: absolute;bottom: 20px; }
.user-dashboard .user-mobile-navbar{ position: absolute;background: rgb(255 255 255 / 0.8);top: 65px;left: 00;width: 100%;z-index: 9999;box-shadow: 0px 5px 10px rgba(0,0,0,0.1);backdrop-filter: blur(8px); }
.modal-open .modal              { backdrop-filter: blur(8px); }
.modal-title                    { font-size: 16px; }
.modal-content                  { border-radius: 15px; }
.modal-header                   { padding: 10px; }
.modal-body                     { padding: 10px 15px 15px; }
label                           { font-size: 14px; }
.input-group-append a.btn       { padding: 10px 20px; }

.info-box-2                     { text-align: center; }
.info-box-2 .img-box            { margin-bottom: 10px;padding: 0 20px;height: 145px; }
.info-box-2 .img-box img        { width: auto;height: 100%;max-height: 100%;max-height: 100%; }
.info-box-2 .info-title         { font-size: 16px;font-weight: 500; }

ul.default                      { padding: 0;list-style: none;}
ul.default li                   { margin-bottom: 8px;padding-left: 15px;position: relative;color: #7E7E7E; }
ul.default li:before            { content: "";width: 4px;height: 4px;background: #7E7E7E;border-radius: 100%;position: absolute;left: 0;top: 10px; }
a.btn.btn-outline-primary       { padding: 8px 20px;border-color: var(--secondary); }
a.btn.btn-outline-primary:hover { background: var(--secondary);border-color: var(--secondary); }

.counter-box                    { border-top: 3px solid var(--primary);position: relative;overflow: hidden;border-radius: 0 0 20px 20px;transition: all 0.5s; }
.counter-box:after             { content: "";display: block;width: 40%;height: 90%;background: var(--secondary);border-radius: 100%;position: absolute;bottom: -20px;right: -30px;opacity: 0.2;transition: all 0.5s; }
.counter-box:hover              { border-top-color: var(--secondary); }
.counter-box:hover:after        { width: 100%;height: 100%;background: var(--primary);right: 0;bottom: 0;border-radius: 0;opacity: 0.1; }
section.page-title-area         { background-color: var(--secondary);position: relative;-ms-word-break: break-all;word-break: break-all;word-break: break-word;z-index: 1;padding-bottom: 155px;padding-top: 210px; }
.page-title-content             { text-align: center; }
.page-title-content h2          { margin-bottom: 0;color: #ffffff;font-size: 40px; }
.page-title-content .breadcrumb { background: transparent;justify-content: center;margin-top: 15px; }
.page-title-content .breadcrumb li{ color: var(--whiteColor); }
.page-title-content .breadcrumb li:before{ color: var(--primary);font-weight: 600; }
.page-title-content .breadcrumb a{ color: var(--black);text-decoration: none;font-weight: 600; }
.lines                          { position: absolute;top: 0;left: 0;right: 0;height: 100%;margin: auto;width: 90vw;z-index: -1; }
.lines .line                    { position: absolute;width: 1px;height: 100%;top: 0;left: 50%;background: rgba(255, 255, 255, 0.1);overflow: hidden; }
.lines .line:nth-child(1)       { margin-left: -25%; }
.lines .line:nth-child(3)       { margin-left: 25%; }
.lines .line::after             { content: "";display: block;position: absolute;height: 15vh;width: 100%;top: -50%;left: 0;background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(75%, var(--whiteColor)), to(var(--whiteColor)));background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--whiteColor) 75%, var(--whiteColor) 100%);-webkit-animation: run 7s 0s infinite;animation: run 7s 0s infinite;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); }
.lines .line:nth-child(1)::after{ -webkit-animation-delay: 2s;animation-delay: 2s; }
.lines .line:nth-child(3)::after{ -webkit-animation-delay: 2.5s;animation-delay: 2.5s; }
.pricing-box                    { text-align: center;background: #fff;padding: 15px;box-shadow: 0 2px 10px rgb(0 0 0 / 5%); }
.pricing-box .img-box           { background-color: #E9E9E9;color:#2D2D2D;position: relative;border-radius: 50%;width: 90px;text-align: center;height: 90px;line-height: 90px;-webkit-transition: var(--transition);transition: var(--transition);font-size: 40px;margin-bottom: 30px;margin-left: auto;margin-right: auto; }
.pricing-box .pricing-title     { font-size: 22px;color: #2D2D2D;margin: 0 -15px;margin-bottom: 20px;font-weight: 600;background: #FAFAFA;
padding: 15px 0; }
.pricing-box p                  { font-size: 14px;color: #7E7E7E;line-height: 20px;margin-bottom: 10px; }
.col-md-3:nth-child(1) .pricing-box .img-box{ color: #fe4c1c; }
.col-md-3:nth-child(2) .pricing-box .img-box{ background-color: #FEE7E9;color: #F31429; }
.col-md-3:nth-child(3) .pricing-box .img-box{ background-color: #EBF8EC;color: #3BB54B; }
.col-md-3:nth-child(4) .pricing-box .img-box{ background-color: #FDFEFF;color: #1874C1; }
.pull-up                        { margin-top: -70px; }
.support-box                    { text-align: center; }
.user-dashboard .support-box .card{ text-align: center;background: #E7F1F9 !important;border: 0 !important;margin-bottom: 15px; }
.user-dashboard .content-inner > .card .card i{ color: var(--secondary); }
.support-box .box-title         { font-size: 16px;font-weight: 600;color: #121416;transition: all 0.5s; }
.support-box:hover .box-title   { color: var(--secondary);text-decoration: none; }
ul.support-list                 { list-style: none;padding: 0;margin: 0; }
ul.support-list li              { display: flex;align-items: center;justify-content: space-between;margin: 15px 0; }
ul.support-list li:last-child   { margin-bottom: 0; }
ul.support-list li div          { font-weight: 500 !important; }
ul.support-list li span         { font-size: 14px; }
.db-card-bg                     { background: #E7F1F9;border: 0;border-radius: 15px;box-shadow: 0 10px 20px rgb(0 0 0 / 2%);overflow: hidden; }
.db-card-bg .media              { width: 80px; }
.db-card-bg div.h5              { font-size: 16px;font-weight: 500; }
.db-card-bg p                   { font-weight: 500;font-size: 14px;margin-top: 5px; }
/* .db-card-bg .count              { font-size: 26px; } */
.card-shadow                    { border: 0;background: #ffffff;box-shadow: 0 5px 10px rgb(0 0 0 / 7%);border-radius: 15px;overflow: hidden; }
.highcharts-background          { fill: transparent !important; }
ul.db-list                      { list-style: none; }
ul.db-list li                   { display: flex;align-items: center;justify-content: space-between;padding: 16px 0;border-bottom: 1px solid #e0e0e0;font-size: 14px;color: #6c757d; }
ul.db-list li i                 { margin-right: 6px;font-size: 14px; }

.user-dashboard .content-inner nav .nav-tabs{ overflow-x: auto;width: 100%;flex-wrap: inherit;overflow-y: hidden; }
.user-dashboard .content-inner nav .nav-tabs .nav-link{ white-space: nowrap;font-size: 12px;padding: 8px 10px;  }
.user-dashboard .content-inner nav .nav-tabs::-webkit-scrollbar{ width: 4px;height: 4px; }

.user-dashboard nav[role="navigation"] svg{ height: 24px; }
.user-dashboard nav[role="navigation"] a{ display: inline-block;margin-bottom: 10px; }
.user-dashboard nav div > span span span.relative, 
.user-dashboard nav div > span a.relative{ margin-right: 5px;max-height: 50px;display: inline; }

.delievery_status .copy-btn     { position: absolute;top: 20px;right: 20px;font-size: 20px;font-weight: 600;color: var(--black); }
.delievery_status .badge        { position: absolute;top: 10px;left: 10px;padding: 5px 15px; }
.courier_logo                   { background-color: #ddd;background-size: contain;-webkit-background-size: contain;border-radius: 5px;width: 75px;height: 65px;margin-right: 15px; }
.courier_info span:first-child  { margin-bottom: 5px;margin-top: 9px; }
.tracking_id                    { color: #285ddb; }
.delievery_info                 { position: relative;background: #fff;overflow: hidden;border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px; }
.delievery_info ul              { padding: 0;width: 76%;float: right;margin: 0; }
.delievery_info li              { list-style: none;background: #fff;padding: 24px 0px;border-bottom: 1px solid #e8e8e8;position: relative;margin-right: 10px; }
.delievery_info li:last-child   { border-bottom: 0; }
.delievery_info li span:first-child{ display: block;margin-bottom: 12px; }
.delievery_info li activity     { color: #737373; }
.date_info_wrap                 { position: absolute;left: -118px;top: 28px;text-align: right;font-size: 13px; }
.date_info_wrap .date           { color: #434343;font-weight: bold;font-size: 14px;text-transform: uppercase; }
.delievery_info li span:first-child{ display: block;margin-bottom: 12px; }
.delievery_info li .date_info_wrap span:first-child{ margin-bottom: 1px; }
.date_info_wrap .time           { color: #454545; }
.circle_icon                    { height: 16px;width: 16px;position: absolute;left: 0;border: 3px solid white;box-shadow: 0 0 2px #a8a8a8;display: block;left: -43px;border-radius: 50%;background: #a8a8a8;z-index: 9;top: 42px; }
.delievery_info li:after        { content: '';height: 100%;width: 2px;display: block;position: absolute;left: -36px;top: 59px;z-index: 9;border: 1px dashed #dedede; }
.information_block .hp_cards_info{ border-radius: 10px;-webkit-border-radius: 10px;position: relative;padding-bottom: 2px; }
.right_info                     { width: 65%;word-break: break-word;color: #737373; }
.recommend_info                 { background: #fff;/* padding: 18px 20px 25px; */border-radius: 10px;-webkit-border-radius: 10px;margin-top: 30px; }
.recommend_info p               { font-size: 15px;line-height: 1.2;margin-bottom: 3px;font-weight: 400; }
.recommend_info .pagination     { margin-bottom: 0; }
.recommend_info .pagination li  { margin-right: 10px;display: inline-block; }
.recommend_info .pagination li a{ background: #fff;border-radius: 50%;font-size: 16px;padding: 7px;color: #000;width: 35px;height: 35px;border-width: 1px;border-style: solid;display: flex;align-items: center;justify-content: center;-webkit-transition: width 0.3s;transition: width 0.3s; }
.recommend_info .pagination li a.red{ border-color: #cc3a29; }
.recommend_info .pagination li a.yellow{ border-color: #f7b336; }
.recommend_info .pagination li a.green{ border-color: #71d53a; }
.recommend_info .pagination li.active a.red, 
.recommend_info .pagination li a.red:hover{ border-color: #cc3a29;background: #cc3a29;color: #fff; }
.arrow_wrap_pagination            { margin-bottom: 15px;margin-top: 15px; }
.extremely_arrow, .likely_arrow   { color: #555;display: inline-block;cursor: default; }
.extremely_arrow i, .likely_arrow i{ display: block;font-size: 26px;padding-left: 10px;margin-bottom: 5px; }
.likely_arrow                     { float: right;text-align: right; }
.recommend_info label             { font-weight: 700;display: block;margin-bottom: 7px; }
.recommend_info input             { width: 100%;height: 40px;line-height: 40px;padding: 0 20px;background: #f2f2f2;border: none;border-radius: 10px;-webkit-border-radius: 10px;margin-bottom: 27px;color: #a4a4a4; }
.recommend_info button            { font-size: 16px;min-width: 200px;height: 45px;line-height: 45px;font-weight: 700;padding: 0;color: #fff;border-radius: 5px; }
.table-responsive.h-300           { max-height: 300px;overflow: auto; }
.table-responsive.h-400           { max-height: 400px;overflow: auto; }
.table-responsive.h-500           { max-height: 500px;overflow: auto; }
.table-responsive.h-600           { max-height: 600px;overflow: auto; }
.owl-dots                         { text-align: center;margin-top: 20px; }
.owl-dots .owl-dot                { width: 12px;height: 12px;background: #7E7E7E !important;border-radius: 100%;border: 0;padding: 0;margin-right: 3px;margin-left: 3px;text-indent: -999px;opacity: .5;outline: none;transition: opacity .6s ease; }
.owl-dots .owl-dot.active         { opacity: 1; }

/* Animation */
@-webkit-keyframes run {
    0% {
      top: -50%;
    }
    100% {
      top: 110%;
    }
  }
  
  @keyframes run {
    0% {
      top: -50%;
    }
    100% {
      top: 110%;
    }
  }
/* Animation */

@media(min-width: 768px){
.tab .row .col-md-6:nth-child(2n - 1){ padding-right: 10px; }
.tab .row .col-md-6:nth-child(2n - 2){ padding-left: 10px; }
}

@media(max-width:1200px){
.owl-carousel .owl-item img       { width: 100% !important; }
}

@media(max-width: 991px){
header.header                   { position: sticky;padding: 10px 0;background: #ffffff;box-shadow: 0 10px 20px rgb(0 0 0 / 5%); }
.logo-light                     { display: none; }
.logo-dark                      { display: block; }
/* header.header .navbar .navbar-nav li.nav-item{ display: none; } */
header.header .navbar           { display: flex;justify-content: start; }
header.header ul.navbar-nav:not(.show){ display: none; }
header.header .navbar-nav       { display: block;padding: 10px 0; }
header.header .navbar .navbar-nav li{ display: block;width: 100%; }
header.header .navbar .navbar-nav li:nth-last-child(-n+2){ display: inline-block;width: auto;margin-top: 5px; }
header.header .navbar .navbar-nav li .nav-link{ padding: 6px 0px;border: 0; }
header.header .navbar .navbar-nav li ul.sub-menu{ position: relative;box-shadow: 0 0; }
header.header .navbar .navbar-nav li:hover ul.sub-menu li{ width: 100%; }
header.header .navbar .navbar-nav li:hover ul.sub-menu li a{ border-bottom: 0; }
header.header .navbar .navbar-nav li ul.sub-menu li a{padding: 6px 0px;padding-left: 10px; }
header.header .navbar-nav,
header.header .navbar .navbar-nav li ul.sub-menu{ width: 100%; }
header.header .navbar .navbar-nav li > .nav-link:after{ left: 0;transform: translateX(0); }
header.header .navbar .navbar-nav > li label, 
header.header .navbar .navbar-nav > li > .nav-link{ color: var(--black); }
.navbar .navbar-toggler         { border: 0px solid var(--primary);margin-right: 10px;padding: 0; }
.wel-title .title               { font-size: 24px; }
.wel-title p                    { font-size: 16px;font-weight: 400; }
.wel-title .btn                 { margin-top: 0; }
.info-box .img-box              { padding: 0 10px;margin-bottom: 20px;height: 130px; }
.info-box .info-title           { font-size: 14px;margin-bottom: 10px; }
.info-box p                     { font-size: 12px;line-height: 22px; }
section.client-slider,
section.section-padding         { padding: 30px 0; }
.section-title                  { margin-bottom: 20px; }
.section-title h2               { font-size: 20px; }
.info-box.style-2               { padding: 5px 10px; }
.info-box.style-2 .info-title   { font-size: 14px;margin-bottom: 10px; }
.client-logo-box                { width: 95px;height: 95px;text-align: center;border-width: 5px; }
.footer .footer-title           { margin-bottom: 15px; }
.footer .footer-title h3        { font-size: 16px; }
.footer ul.footer-menu li       { margin-bottom: 5px; }
.footer ul.footer-menu li a     { font-size: 12px; }
.btn                            { padding: 8px 10px;font-size: 12px; }
.client-slider ol.carousel-indicators{ bottom: -20px; }
.footer p                       { font-size: 12px; }
footer.footer .footer-top       { padding-top: 30px;padding-bottom: 30px; }
.footer .footer-bottom          { padding: 10px 0; }
/* .user-dashboard .user-mobile-navbar{ top: 80px; } */
.content-wrapper                { width: 100%; }
.user-dashboard .side-menu ul li{ padding: 0; }
.user-dashboard .side-menu ul li a{ display: flex;align-items: center; }
.user-dashboard .side-menu ul li a i{ margin: 0;margin-right: 10px;font-size: 18px; }
.table thead th                 { min-width: 120px; }
.table thead th .filter         { margin-top: 5px;float: none; }
.content-wrapper .nav.nav-tabs  { display: flex;overflow-x: auto;width: 100%;flex-wrap: inherit;margin-bottom: 10px;padding-top: 10px; }
.content-wrapper .nav.nav-tabs .nav-item{ display: inline-block;white-space: nowrap; }
.info-box-2 .img-box            { height: auto; }
.info-box-2 .info-title         { font-size: 12px;font-weight: 400; }
/* .scroll header.header           { padding: 10px 0; } */
.user-dashboard .side-menu ul ul.sub-menu{ position: relative;width: 100%;max-height: 0;border: 0;transform: scaleX(1) rotateY(
  0deg);overflow: hidden; }
.user-dashboard .side-menu ul li:hover ul.sub-menu{ left: 0;max-height: 500px; }
.user-dashboard .side-menu ul li > i{ position: absolute;right: 0;top: 7px;font-size: 24px; }
}

@media(max-width: 767px){
ul.social-login                 { grid-template-columns: repeat(1,1fr); }
.login-page                     { height: auto;padding: 50px 0px 10px; }
.login-page footer              { margin-top: 30px; }
.login-page .card .card-body    { padding: 20px 20px; }
ul.social-login li a            { padding: 12px; }
.login-page .form-check         { padding: 0; }
.user-dashboard .content-inner .card-body, 
.user-dashboard .content-inner  { padding: 10px; }
.user-dashboard header.header   { padding: 10px 0 !important; }
.user-dashboard .user-mobile-navbar{ top: 60px; }
.step-form                      { display: flex;overflow-x: auto; }
.step-form::-webkit-scrollbar   { width: 5px;height: 5px; }
.form-group                     { margin-bottom: 10px; }
.user-dashboard .btn            { min-width: 100px; }
.owl-carousel .owl-item img,
.info-box-2 .img-box img        { width: 100% !important;height: auto; }
section.hero-section            { padding-bottom: 0; }
.table thead th .filter .filter-collapse{ width: 230px; }
.user-dashboard .title          { font-size: 18px; }
.inner_page .hp_cards           { margin-top: 20px; }
.recommend_info                 { margin-bottom: 20px;margin-top: 20px;padding: 25px 15px 25px; }
.recommend_info .pagination li a{ width: 25px;height: 25px;font-size: 12px;padding: 4px; }
.recommend_info .pagination     { text-align: center;display: block; }
.recommend_info .pagination li  { margin-right: 4px;width: 6%;vertical-align: top; }
.recommend_info form            { overflow: hidden; }
.recommend_info button          { float: right;width: 100%; }
.recommend_info input           { margin-bottom: 20px; }
/* section.hero-section:before,
section.hero-section:after      { display: none; } */
.delievery_status .copy-btn     { top: 10px;right: 10px; }
}

@media(max-width: 576px){
footer.footer:before            { width: 100%;height: 43%;left: 0;top: 0;transform: skewX(0deg); }
section.testimonial ol.carousel-indicators{ justify-content: flex-end;bottom: 10px; }
header.header .navbar .navbar-nav li .btn { font-size: 12px;padding: 8px 10px; }
.client-logo-box                { width: 75px;height: 75px;text-align: center;padding: 5px;border-width: 3px;margin-bottom: 15px; }
}

@media(max-width: 450px){
/* .navbar-light .navbar-brand     { display: block;margin: 0 auto; } */
.navbar-light ul.navbar-nav.ml-auto{ margin: 5px auto 0 !important; }
}