/*
Theme Name:
Theme URI:
Author:
Author URI:
Description:
Version:2024.01
*/
@charset "utf-8";
/* CSS Document */
.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;}
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}

#page{ overflow:hidden;}
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.content-mb-30 h1, .content-mb-30 h2, .content-mb-30 h3, .content-mb-30 h4, .content-mb-30 h5, .content-mb-30 h6, .content-mb-30 p, .content-mb-30 ul, .content-mb-30 ol{ margin-bottom:30px;}
.content-mb-24 h1, .content-mb-24 h2, .content-mb-24 h3, .content-mb-24 h4, .content-mb-24 h5, .content-mb-24 h6, .content-mb-24 p, .content-mb-24 ul, .content-mb-24 ol{ margin-bottom:24px;}
.title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6{ text-transform:uppercase;}
.title-capitalize h1, .title-capitalize h2, .title-capitalize h3, .title-capitalize h4, .title-capitalize h5, .title-capitalize h6{ text-transform:capitalize;}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color:var(--bs-black);}
.title-dark h1 span, .title-dark h2 span, .title-dark h3 span, .title-dark h4 span, .title-dark h5 span, .title-dark h6 span{ color:var(--bs-primary);}

.header{ padding:30px 0; position:fixed; top:0; left:0; right:0; z-index:1000; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.header .action{ margin-left:auto; padding:0; list-style:none; display:flex; align-items:center; margin-bottom:0; margin-right:24px;}
.header .action li + li{ margin-left:16px}
.header .action li a{ color:#fff; font-family:"Barlow Condensed", sans-serif; font-weight:600; text-transform:uppercase; text-decoration:none;}
.header .action li a .icon{ background:var(--bs-orange); height:24px; width:24px; margin-right:8px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:10px;}
.header.fixed-header{ background:var(--bs-blue); padding:12px 0; box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px;}

.banner{ position:relative; padding-top:145px; color:#fff; background:var(--bs-blue); font-size:20px; z-index:10}
.banner h1{font-size:60px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:1.2px; text-transform:capitalize;}
.banner h1 span{ color:var(--bs-primary);}
.banner:after{ background:#fff; height:63px; position:absolute; bottom:0; left:0; right:0; content:'';}

.section{ padding:70px 0; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; z-index:1}
.section-lt{background:#FAFAFA;}
.section-bg:before{ background:#003366; position:absolute; top:0; right:0; left:0; bottom:0; z-index:1; content:''; opacity:0.8;}
.bg-grad{ background:linear-gradient(90deg, #F60 0%, #FFB03A 100%); color:#fff;}
.slider-padding{ margin-left:-15px; margin-right:-15px;}
.slider-padding .item{ padding-left:15px; padding-right:15px;}
.bg-grad .slick-dots li button{ background:#fff}

.w1{ padding-top:45px;}
.w1 ul{ margin:0; padding:0; list-style:none; display:flex; align-items:center;}
.w1 ul li + li{ margin-left:35px;}

.w2 .icon{ height:100px; width:100px; background:#fff; border-radius:50%; margin-right:16px; font-size:32px; color:var(--bs-blue)}
.w2 h3{ margin-bottom:12px;}

.w3 .item{ padding:24px; background:#fff; box-shadow:0px 15px 40px 0px rgba(0, 0, 0, 0.08); font-size:16px;}
.w3 .item .icon{ width:60px; margin-right:16px;}
.w4 .item .btn{ width:100%; max-width:210px;}
.w4 .item .ratio{background:#EFF6FC; width:100%; max-width:266px; position:absolute; z-index:1; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); content:''; border-radius:50%;}
.w4 .item .mobile-screen{ position:relative; z-index:2; text-align:center;}
.w4 .item .mobile-screen img{ margin:0 auto; width:100%; max-width:190px}
.w4 .item  span{ display:block;}

.w5 .item .icon img{ height:50px; width:auto; margin:0 auto 30px; display:block;}
.testimonial-section .title{ text-align:center; color:#fff;}
.testimonial-section .title h2  span{ color:var(--bs-primary);}

.quote-content{border-radius:10px; background:#fff; position:relative; padding:30px; min-height:290px;}
.quote-content cite{ font-style:normal; font-size:20px; font-style:normal; font-weight:700; line-height:26px; color:Kimberly Alexander;}
.quote-content .ratio{ position:relative; overflow:hidden; width:70px; border-radius:50%; margin-right:10px;}
.quote-content .ratio span{ position:absolute; top:0; left:0; right:0; bottom:0; line-height:70px; text-align:center;}
.quote-content blockquote{ background:url(images/theme-img/quote.svg) no-repeat top left; padding-bottom:24px; font-size:20px; font-style:italic; margin:0;}

.contact-section{background:#F1F3F5;}
.contact-section h2{ font-size:52px;}

.info-div { color:#000; text-decoration:none; font-weight:700; font-size:24px; margin-top:50px;}
.info-div span{ display:block; color:var(--bs-primary); font-size:14px; font-weight:400;}
.info-div .icon{background:linear-gradient(90deg, #F60 0%, #FFB03A 100%); color:#fff; font-size:24px; height:70px; width:70px; border-radius:50%; margin-right:20px;}
.contact-form{ padding:40px; background:linear-gradient(90deg, #F60 0%, #FFB03A 100%); color:#fff; box-shadow:0px 20px 40px 0px rgba(0, 0, 0, 0.10); border-radius:10px;}
.contact-form input[type=submit]{ background:none; border:none; cursor:pointer; color:#fff; text-transform:uppercase; font-weight:700; padding:0; font-size:30px; font-family:"Barlow Condensed", sans-serif;}

.footer{ background:#003366; color:#fff; font-size:15px;}
.footer a{ color:#fff; text-decoration:none;}
.footer a:hover{ color:var(--bs-orange);}

.footer-top{ padding:50px 0; border-bottom:1px solid rgba(255,255,255,0.2)}
.social{ margin:0; padding:0; list-style:none;}
.social li + li{ margin-left:15px;}
.social li a{ color:#fff; height:40px; width:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--bs-orange); text-decoration:none; font-size:14px;}
.social li a:hover{ background:#fff; color:var(--bs-orange);}
.footer-top .menu{ margin:0; padding:0; list-style:none;}
.footer-top .menu li + li{ margin-top:8px;}
.footer-bottom{ padding:20px 0; text-align:center;}

.page-banner{ position:relative; color:#fff; text-align:center;}
.page-banner .container{ height:auto; padding-top:100px; padding-bottom:50px;}
.page-banner .image-fit{position:absolute; top:0; right:0; left:0; bottom:0; z-index:1;}
.page-banner .image-fit:before{ background:#003366; position:absolute; top:0; right:0; left:0; bottom:0; z-index:1; content:''; opacity:0.8;}
.page-banner .container h1{ font-size:40px;}

.account-links{background:#FFF; box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin-bottom:30px;}
.account-links div.d-flex{ padding:20px 15px; font-size:13px; font-weight:500;}
.account-links div.d-flex strong{ line-height:150%; display:block;}
.account-links div.d-flex .form-label{font-weight:500; line-height:150%; display:block; margin:0;}
.account-links div.d-flex h6{ line-height:150%; margin:0; font-size:24px; text-transform:capitalize; color:#000;}
.account-links div.d-flex .ratio{ overflow:hidden; border-radius:50%; height:70px; width:70px; margin-right:12px; color:var(--bs-white); text-transform:uppercase;  font-size:18px; background:var(--bs-primary);}
.account-links div.d-flex .ratio span{ position:absolute; z-index:10;}
.account-links time{background:linear-gradient(180deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 100%), linear-gradient(0deg, #565656 0%, #565656 100%), #FFF; padding:18px; color:var(--bs-white); text-align:center; font-size:14px; font-style:normal; font-weight:700; line-height:150%; /* 21px */ text-transform:capitalize;}
.account-links ul{ margin:0; padding:0; list-style:none;}
.account-links ul li + li{border-top:1px solid #E4E4E4;}
.account-links ul li a{ display:flex; align-items:center; color:var(--bs-black); font-size:15px; font-style:normal; font-weight:700; line-height:normal; height:55px; padding:16px 16px 16px 20px; text-decoration:none; text-transform:uppercase; position:relative;}
.account-links ul li a:hover:before, .account-links ul li.active a:before{ background:var(--bs-primary); width:6px; height:100%; left:0; top:0; content:''; position:absolute;}
.account-links ul li a span{ margin-right:10px;}

.account-links-sm div.d-flex{ position:relative; cursor:pointer; background:#FFF; box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.account-links-sm div.d-flex > *{ cursor:pointer;}
.account-links-sm div.d-flex:after{ content:'\f105'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:30px; font-size:24px;}

.offcanvas .btn-close{ position:absolute; top:20px; right:20px;}
.dashboard-body{background:#FFF; box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin-bottom:30px; padding:24px;}

.sidebar{ background:#003366; position:relative; top:0; left:0; bottom:0; z-index:1000; padding:24px;}
.card-maker{background:#FFF; box-shadow:0px 15px 30px 0px rgba(0, 0, 0, 0.15); margin:0 auto; max-width:496px; width:100%;}
.card-maker .card-banner{ position:relative;}
.card-maker .company-logo{border-radius:10px; background:rgba(255, 255, 255, 0.80); backdrop-filter:blur(5px); width:194px; height:89px; position:absolute; top:20px; right:20px; z-index:10;}
.card-maker .company-logo img{height:58px; width:auto;}
.card-maker .card-body{ padding:80px 40px 40px;}
.card-maker .card-body .user-img{ position:absolute; width:132px; height:132px; flex-shrink:0; left:40px; top:-61px;}
.card-maker .card-body .user-img .ratio{ overflow:hidden; border-radius:50%;}
.user-info .item{ margin-top:20px; color:#000; text-decoration:none; font-weight:500;}
.user-info .item + .item{ margin-top:24px}
.user-info .item span{color:#555; font-size:14px; font-weight:400; display:block;}
.user-info .item .icon{ background:var(--bs-orange); color:#fff; width:47px; height:47px; border-radius:50%; margin-right:16px;}
.card-maker h5, .card-maker h3{font-family:var(--bs-body-font-family); color:#000;}
.follow-bar{ height:75px; padding:0 40px; background:#EFF6FC;}
.follow-bar ul{ margin-left:auto; margin-bottom:0; padding:0; list-style:none;}
.follow-bar ul li + li{ margin-left:15px;}
.follow-bar ul li a{background:var(--bs-orange); color:#fff; width:47px; height:47px; border-radius:50%; color:#fff; text-decoration:none;}
.follow-bar ul li a:hover{background:#003366; color:#fff;}

.wrapper{ padding:24px; margin-left:0}
.wrapper h5, .wrapper h3, .wrapper h4, .wrapper h6{font-family:var(--bs-body-font-family); color:#000;}
.wrapper .btn{font-family:var(--bs-body-font-family); font-size:14px;}
.wrapper .btn i{font-size:20px; margin-bottom:6px;}
.wrapper .btn-block .btn{ margin-right:6px; margin-top:6px;}

@media (min-width:576px) {
}

@media (min-width:768px) {
.banner .content{ margin-top:70px;}
.font-xl{ font-size:18px;}
.page-banner .container h1{ font-size:40px;}
.page-banner .container{ height:350px; padding-top:0; padding-bottom:0;}
.page-banner .container .w-100{ padding-top:53px;}
.dashboard-body{ padding:35px;}
.wrapper .btn i{font-size:24px;}
}

@media (min-width:992px) {
.page-banner .container h1{ font-size:60px;}
.sidebar{position:fixed; top:0; left:0; bottom:0; z-index:1000; padding:64px; overflow:auto; overflow-x:hidden; width:624px;}
.wrapper{ padding:54px; margin-left:624px}
}

@media (min-width:1200px) {
}


.stepper-wrapper {
  display:flex;
  justify-content:space-between;
  margin-bottom:20px;
}
.stepper-item {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  flex:1;
  font-size:12px;

  @media (max-width:768px) {
    font-size:12px;
  }
}

.stepper-item::before {
  position:absolute;
  content:"";
  border-bottom:2px solid #DFDFDF;
  width:100%;
  top:20px;
  left:-50%;
  z-index:2;
}

.stepper-item::after {
  position:absolute;
  content:"";
  border-bottom:2px solid #DFDFDF;
  width:100%;
  top:20px;
  left:50%;
  z-index:2;
}

.stepper-item .step-counter {
  position:relative;
  z-index:5;
  display:flex;
  justify-content:center;
  align-items:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:#DFDFDF;
  margin-bottom:6px;
  font-size:20px;
}

.stepper-item.active {
  font-weight:bold;
}

.stepper-item.completed .step-counter {
  background-color:#003366;
  color:#fff;
}

.stepper-item.completed::after {
  position:absolute;
  content:"";
  border-bottom:2px solid #003366;
  width:100%;
  top:20px;
  left:50%;
  z-index:3;
}

.stepper-item:first-child::before {
  content:none;
}
.stepper-item:last-child::after {
  content:none;
}


/*=====23-07-24=====*/
.card-marker-1{background:#FFF; box-shadow:0px 15px 30px 0px rgba(0, 0, 0, 0.15); margin:0 auto; max-width:496px; width:100%; font-family:var(--bs-body-font-family);}
.card-marker-1 .logo{ padding:30px; text-align:center;}
.card-marker-1 .profile-img{ position:relative;}
.card-marker-1 .profile-img:after{ height:50%; background:#eff6fc; position:absolute; bottom:0; left:0; right:0; z-index:1; content:'';}
.card-marker-1 .profile-img .ratio{ width:200px; border-radius:50%; overflow:hidden; border:8px solid #fff; box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin-left:auto; margin-right:auto; z-index:2;}
.card-marker-1 .info{ padding:30px; text-align:center; background:#eff6fc;}
.card-marker-1 .info h3, .card-marker-1 .info h6{font-family:var(--bs-body-font-family);}
.card-marker-1 .info h3{ margin-bottom:8px;}
.card-marker-1 .info ul{ padding:0; list-style:none; margin:0;}
.card-marker-1 .info ul li + li{ margin-left:15px;}
.card-marker-1 .info ul li a{background:var(--bs-orange); color:#fff; width:47px; height:47px; border-radius:50%; color:#fff; text-decoration:none;}
.card-marker-1 .info ul li a:hover{background:#003366; color:#fff;}
.card-marker-1 .contact-info{ padding:30px;}
.card-marker-1 .contact-info .item{ color:#000; text-decoration:none; font-weight:500; background:#eff6fc;}
.card-marker-1 .contact-info .item + .item{ margin-top:24px}
.card-marker-1 .contact-info .item span{color:#555; font-size:14px; font-weight:400; display:block;}
.card-marker-1 .contact-info .item .icon{ background:var(--bs-orange); color:#fff; width:70px; height:70px; }
.card-marker-1 .contact-info .item .flex-grow-1{ padding:10px 16px;}


.card-marker-2{background:#FFF; box-shadow:0px 15px 30px 0px rgba(0, 0, 0, 0.15); margin:0 auto; max-width:496px; width:100%; font-family:var(--bs-body-font-family);}
.card-marker-2 .profile-img{ position:relative;}
.card-marker-2 .profile-img:after{ background:rgb(0,0,0); background:linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.7875350823923319) 100%);  top:0; left:0; right:0; bottom:0; z-index:3; position:absolute; bottom:0; left:0; right:0; z-index:10; content:'';}
.card-marker-2 .info{ padding:30px; color:#fff; position:absolute; z-index:12; bottom:0; left:0; right:0;}
.card-marker-2 .info h3, .card-marker-2 .info h6{font-family:var(--bs-body-font-family); color:#fff;}
.card-marker-2 .info h3{ margin-bottom:8px;}
.card-marker-2 .info .logo{ background:#fff; border-radius:50%; margin-right:16px; overflow:hidden; width:80px;}
.card-marker-2 .contact-info{ padding:30px;}
.card-marker-2 .contact-info .item{ color:#fff; text-decoration:none; font-weight:500; background:var(--bs-blue); overflow:hidden; border-radius:10px;}
.card-marker-2 .contact-info .item + .item{ margin-top:24px}
.card-marker-2 .contact-info .item span{color:var(--bs-orange); font-weight:700; font-size:14px; font-weight:400; display:block;}
.card-marker-2 .contact-info .item .icon{ background:var(--bs-orange); color:#fff; width:70px; height:70px; }
.card-marker-2 .contact-info .item .flex-grow-1{ padding:10px 16px;}
.card-marker-2 ul.social{ padding:0; list-style:none; margin:0; display: flex; flex-wrap: wrap;}
.card-marker-2 ul.social li{flex-basis:0; flex-grow:1;}
.card-marker-2 ul.social li + li{ border-left:2px solid #fff; margin-left:0;}
.card-marker-2 ul.social li a{background:var(--bs-orange); color:#fff; display:flex; align-items:center; justify-content:center; color:#fff; text-decoration:none; height:60px; width:100%; border-radius:0; font-size:24px;}
.card-marker-2 ul.social li a:hover{background:#003366; color:#fff;}


.card-marker-3 {background:#FFF; box-shadow:0px 15px 30px 0px rgba(0, 0, 0, 0.15); margin:0 auto; max-width:496px; width:100%; font-family:var(--bs-body-font-family);}
.card-marker-3 .full-img{ position:absolute; left:0; right:0; z-index:1;}
.card-marker-3 .full-img.top{ top:0;}
.card-marker-3 .full-img.bottom{ bottom:0;}
.card-marker-3 .card-inner-body{ padding:30px; position:relative; z-index:2;}
.card-marker-3 .profile-header .ratio{ width:160px; border-radius:50%; overflow:hidden; border:8px solid #fff; box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin-left:auto; margin-right:auto; z-index:2; margin-right:30px;}
.card-marker-3 h4, .card-marker-3  h5{ font-family:var(--bs-body-font-family);}
.card-marker-3 .user-info{ margin:24px 0; padding:24px 0; border-bottom:1px solid #d8d8d8; border-top:1px solid #d8d8d8;}
.card-marker-3 .user-info a{ display:block; text-align:center; color:#000; text-decoration:none;}
.card-marker-3 .user-info a .icon{ background:var(--bs-orange); color:#fff; width:50px; height:50px; margin:0 auto 20px; font-size:24px; border-radius:50%;}
.company-logo{ text-align:center; background:#f5f5f5; padding:40px}


.card-marker-4{background:#0061a6; box-shadow:0px 15px 30px 0px rgba(0, 0, 0, 0.15); margin:0 auto; max-width:496px; width:100%; font-family:var(--bs-body-font-family);}
.card-marker-4 .profile-img{ position:relative; overflow:hidden;}
.card-marker-4 .profile-img .full-img{ z-index:2; position:absolute; bottom:-50px; left:0; right:0;}
.card-marker-4 .profile-img .ratio{ position:relative; z-index:1;}

.card-marker-4 .info{ padding:0 30px; color:#fff;}
.card-marker-4 .info h3, .card-marker-2 .info h6{font-family:var(--bs-body-font-family); color:#fff;}
.card-marker-4 .info h3{ margin-bottom:8px;}
.card-marker-4 .info .logo{ background:#fff; border-radius:50%; margin-right:16px; overflow:hidden; width:100px; border:3px solid #fff;}
.card-marker-4 .contact-info{ padding:30px;}
.card-marker-4 .contact-info .item{ color:#fff; text-decoration:none; font-weight:500; background:var(--bs-blue); overflow:hidden; border-radius:10px;}
.card-marker-4 .contact-info .item + .item{ margin-top:24px}
.card-marker-4 .contact-info .item span{color:var(--bs-orange); font-weight:700; font-size:14px; font-weight:400; display:block;}
.card-marker-4 .contact-info .item .icon{ background:var(--bs-orange); color:#fff; width:70px; height:70px; }
.card-marker-4 .contact-info .item .flex-grow-1{ padding:10px 16px;}
.card-marker-4 ul.social{ padding:0; list-style:none; margin:0; display: flex; flex-wrap: wrap;}
.card-marker-4 ul.social li{flex-basis:0; flex-grow:1;}
.card-marker-4 ul.social li + li{ border-left:2px solid #fff; margin-left:0;}
.card-marker-4 ul.social li a{background:var(--bs-orange); color:#fff; display:flex; align-items:center; justify-content:center; color:#fff; text-decoration:none; height:60px; width:100%; border-radius:0; font-size:24px;}
.card-marker-4 ul.social li a:hover{background:#003366; color:#fff;}
.card-marker-4 .follow-bar{ background:var(--bs-orange); color:#fff;}
.follow-bar ul li a{background:var(--bs-blue); color:var(--bs-orange); width:47px; height:47px; border-radius:50%; color:#fff; text-decoration:none;}
.follow-bar ul li a:hover{background:#fff; color:var(--bs-orange);}