*{box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{ font-family: "Plus Jakarta Sans", sans-serif !important;}

.heading h2{color: #000; font-size: 42px;font-weight: 700;}
img{width:100%;max-width: 100%;}
h4.sub-heading::before {content: "";width: 76px;height: 2px;background: #DF092C;position: absolute;top: 11px;left: 0;}
h4.sub-heading {font-size: 18px !important;position: relative;padding-left: 90px;color: #DF092C;margin: 0 0 5px 0 !important;font-weight: 500 !important;}
h4{ font-size: clamp(16px, 2vw, 20px);}
p{ font-size: clamp(12px, 2vw, 16px);color: #424242;}
p a, p a{text-decoration: none; color: #000;}

.header {position: absolute;top: 36px;left: 0;z-index: 9;width: 100%;}
.header .navbar {background-color: white;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);padding: 20px 30px;border-radius: 25px;}
.header .navbar-brand img{width: 180px;}
.header .navbar-toggler {border: none;}
.header .navbar-toggler-icon {color: #e63946;font-size: 1.5rem;}
.header .offcanvas {background-color: white;padding: 1rem;}
.header .offcanvas-header {border-bottom: 1px solid #ddd;}
.header .navbar-nav .nav-link {font-size: 16px;font-weight: 500;color: #000;margin: 0 10px;padding: 0 !important;position: relative;}
.header .header-btn {font-size: 0.9rem;font-weight: 500;padding: 0.5rem 1rem;border-radius: 5px;margin-left: 0.5rem;}
.header .btn-login {background-color: #e63946;color: white;}
.header .btn-signup {background-color: #ffba08;color: white;}
.header nav a {display: inline-block;position: relative;overflow: hidden;padding: 4px 0;border-radius: 5px;color:#000; transition: all 0.5s ease;}
.header nav a::after {content: "";width: 100%;height: 4px;background: #df092c;position: absolute;left: 0;bottom: -1px;transition: all 0.5s ease;visibility: hidden;opacity: 0;}
.header nav a:hover{color:#df092c;transition: all 0.5s ease;}
.header nav a:hover::after{visibility: visible;opacity: 1;transition: all 0.5s ease;}
.header .profile-box img {width: 46px;}
.header .profile-box h4{font-size: 16px !important; font-weight: 600 !important;}
.header .profile-box .profile-sub{right: -16px ;top: 64px;}


.hero-section {background-image: url('images/banner-img.png'); /* Replace with your image URL */background-size: cover;background-position: center;height: 100vh;color: white;position: relative;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;  z-index: 0;padding: 120px 0 60px;}
.hero-section::after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);  z-index: 1;}
.hero-section .hero-content {position: relative;z-index: 2;width: 100%;  }
.hero-section .hero-content h1 {font-size: 46px;font-weight: bold;margin-bottom: 1rem;  }
.hero-section .hero-content p {font-size: 20px; font-weight: 400;margin: 0;color: #fff;}
.hero-section .search-bar {width: 782px;margin: 50px auto 60px;background-color: #fff;padding: 12px 22px;border-radius: 15px;display: flex;gap: 14px;box-shadow: 0 0 0 16px #ffffff59;}
.hero-section .search-bar input {border-radius: 10px;padding: 0.8rem 1.5rem;}
.hero-section .search-bar .btn-search {border-radius: 10px;background-color: #e63946;color: white;padding: 12px 20px;}
.hero-section .categories {display: flex;justify-content: center;gap: 1rem;}
.hero-section .category-card {background-color: #ffdce230;border-radius: 10px;padding: 20px ;text-align: center;color: #000;min-width: 100px;display: flex;align-items: center;gap: 10px;    backdrop-filter: blur(3px);}
.hero-section .category-card figure {height: 45px;width: 45px;border-radius: 50px;background: #fff;padding: 12px;margin: 0;}
.hero-section .category-card figure img{max-width: 100%;}


.featured_broker {position: relative;padding: 100px 0 ;}
.featured_broker .box{position: relative;}
.featured_broker .box img{max-width: 100%;}
.featured_broker .heading{position: relative;margin-bottom: 80px;}
.featured_broker .box figure {margin: 0 0 1rem;box-shadow: 0px 2px 12px 0px #0000001A;border-radius: 12px;overflow: hidden;position: relative;    border-bottom: 3px solid #DF092C !important;border: 1px solid #efefef;}
.featured_broker .box .broker-info h4 {font-family: "Asap", sans-serif !important;color: #1A1A1A;font-weight: 600;}
.featured_broker .box .broker-info p {font-size: 16px;color: #424242;margin-bottom: 6px;}
.featured_broker .box .broker-info p a{color: #424242;text-decoration: none;}
.featured_broker .box .broker-info p a:hover{color: #000;}


.counter-section{background: #000; background-image:url('images/counter-ban.jpeg');background-size: cover;background-position: center center;position: relative;padding: 80px 0;z-index: 0;}
.counter-section:after{content: '';position: absolute;left:0;right:0;top:0;bottom:0;background: linear-gradient(174.17deg, #000000 28.34%, #474747 133.01%);opacity: 0.93; z-index: -1;}
.counter-section .counter-box{position:relative;z-index:2;text-align: center;}
.counter-section .counter-box h2{font-size: 48px;font-family: "Oswald", sans-serif !important; color: #fff; text-align: center;}
.counter-section .counter-box h4{font-size: 24px;font-family: "Oswald", sans-serif !important; color: #fff;font-weight: 400; text-align: center;margin: 0;}

.top_featured {position: relative;padding: 100px 0 ;background: #FBFBFB;}
.top_featured .heading{position: relative;margin-bottom: 80px;}
.top_featured .box {border: 1px solid #EAEAEA;border-radius: 20px;padding: 30px 15px;min-height: 320px;}
.top_featured .box figure {width: 77px;height: 77px;background: #F4F4F4;border-radius: 60px;text-align: center;vertical-align: middle;margin: 0 auto 14px;padding: 16px;}
.top_featured .box .broker-info h4{font-family: "Asap", sans-serif !important ;font-size: 20px;color: #1A1A1A;font-weight: 600; text-align: center;margin-bottom:10px;}
.top_featured .box .broker-info p {margin-bottom: 6px;text-align: center;}
.top_featured .box .broker-info p a{color: #DF092C;text-decoration: none;font-weight: 500;vertical-align: middle;display: block;text-align: center;}
.top_featured .box .broker-info a i{color: #DF092C;margin-left: 0;transition: all 0.5s ease;}
.top_featured .box .broker-info p a:hover i{margin-left: 8px;transition: all 0.5s ease;}


.testimonial-sec {position: relative;padding: 100px 0 110px;}
.testimonial-sec h4{font-size: 22px;font-weight:600;}
.testimonial-sec .heading p {font-weight: 400;margin-top: 10px;font-size: 22px;color: #000;}
.testimonial-sec .item{padding-top:50px;}
.testimonial-sec .item-box {padding: 0px 40px 40px;border-radius: 10px;border: 2px solid #E5E5E5;}
.testimonial-sec .item-box figure {margin: -35px 0 10px;width: 80px;border-radius: 50px;overflow: hidden;}
.testimonial-sec .owl-carousel .item-content .rating {margin: 10px 0;}
.testimonial-sec .owl-carousel .item-content .rating i {color: #FDD264; font-size: 16px;}
.testimonial-sec .owl-carousel .item-content .rating i.inactive {color: #ccc;}
.testimonial-sec .item-box .item-content p {font-weight: 500;font-size: 15px;line-height:26px;}

.blog-sec {position: relative;padding: 100px 0 ;background-color: #F4F4F4;}
.blog-sec .heading{margin-bottom:80px !important;}
.blog-sec h4{font-size: 32px;font-weight: 700;margin-bottom:20px;}
.blog-sec .item-box{background-color: #fff;}
.blog-sec .item-box figure {margin: 0;overflow: hidden;}
.blog-sec .item-box img{height: 320px;object-fit: cover;}
.blog-sec .item-box .item-content{padding: 20px;}
.blog-sec .item-box .item-content p a{color: #DF092C;text-decoration: none;font-weight: 500;}
.blog-sec .item-box .item-content p{margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.blog-sec .owl-carousel .owl-dots.disabled{display: block !important;}
.blog-sec .owl-theme .owl-dots .owl-dot span{    background: #fff !important; border: 1px solid #DF092D !important;}
.blog-sec .owl-theme .owl-dots .owl-dot.active span{    background: #DF092D !important;border: 1px solid transparent !important;}
.owl-theme .owl-nav {margin-top: 10px;display: none;}
.owl-theme .owl-dots, .owl-theme .owl-nav {margin-top: 20px;}

.btn-box .btn{background-color: #DF092C;color: #fff;padding: 12px 30px;}
.btn-box .btn:hover{background-color: #91061d;color: #fff;}

.browse-sec {position: relative; padding: 100px 0;}
.browse-sec .browse-row::after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);z-index: -1;}
.browse-sec .browse-row { background: url(images/browse-ban.jpeg); background-repeat: no-repeat; background-size: cover; background-attachment: scroll; background-position: 0px -149px; border-radius: 30px; /* padding: 105px 0; */ overflow: hidden; position: relative; z-index: 1; min-height: 600px; }
.browse-sec .browse-info h2{color: #DF092C;font-size:38px; font-weight: 600; text-align: center;margin-bottom: 20px;}
.browse-sec .browse-info { padding: 60px 6px; border-radius: 20px; box-shadow: -26px 14px 41.13px 0px #FFFFFF1A inset; box-shadow: 75px -22px 41.13px 0px #A5A5A51A inset; backdrop-filter: blur(4px); background: #FFFFFFA6; text-align: center; min-width: 500px; height: 330px; margin-top: 130px; }
.browse-sec .browse-info .btn-box .btn{background-color: #FFB400;}
.browse-sec .browse-info p{font-size: 20px; color: #000;font-weight: 600;}

.footer-sec {background: linear-gradient(174.17deg, #000000 28.34%, #474747 133.01%); padding: 70px 0 0;position: relative;}
.footer-sec ul{padding: 0;}
.footer-sec ul li{list-style: none;line-height: 40px;}
.footer-sec ul li a{color: #fff;text-decoration: none;font-size: 20px;font-family: "Asap";}
.footer-sec ul li a:hover{color: #DF092C;}
.footer-sec .ft-mid figure img{width: 50%;filter: brightness(110%);}
.footer-sec .ft-mid p{color: #fff;text-align: center;margin-bottom: 30px;}
.footer-sec .ft-mid p a{ color: #fff;margin: 0 15px;}
.footer-sec .ft-mid p a:hover{color: #DF092C;}
.footer-sec .ft-mid ul{display: flex;align-items: center;justify-content: center;gap: 15px;margin-bottom: 30px;}
.footer-sec .ft-mid ul li{background-color: #fff;border-radius: 50px;width: 60px;height: 60px;text-align: center;}
.footer-sec .ft-mid ul li a i {color: #DF092C;font-size: 26px;line-height: 60px;}
.footer-sec .ft-mid ul li a:hover i{color: #80071b;}
.footer-sec .ft-mid ul li a {line-height: 68px;}
.footer-sec .ft-right ul li{text-align: right;}
.footer-sec .ft-bottom p, .ft-bottom{color: #fff;font-size: 16px;text-align: center;}
.footer-sec .ft-bottom, .ft-bottom{border-top: 1px solid #FFFFFF17; padding: 20px 0 8px;margin-top: 30px;}
.ft-bottom{bottom: 0;}



input{
        height: 55px!important;
        background: #f9f9f9!important;
    }
input[type="checkbox"]{
    content: '';
    display: inline-block !important;
    width: 16px;
    height: 16px;
    border: 1px solid #d9322b !important;
    border-radius: 3px;
    margin-right: 8px;
    max-height: 16px;
}
/********************** inner-page **********************/

.banner-inner {
  height: inherit;
  padding: 90px 0;
}
.card {
  border-radius: 8px;
}

.card img {
  object-fit: cover;
  height: 100%;
}

.btn-outline-danger {
  border: 1px solid #dc3545;
  color: #dc3545;
}

.btn-outline-danger:hover {
  background-color: #dc3545;
  color: #fff;
}


.broker-box {position: relative;padding: 0px 0 50px;}
.broker-box .card-body .text-bold {font-size: 18px;font-weight: 500;}
.broker-box .search-box .form-control {height: 42px !important;border: 2px solid #d93e48;margin-right: 15px;}
.broker-box .card {position: relative; background-color: #FBFBFB;border: 2px solid #E8E8E8;padding: 20px;border-radius: 12px;margin-bottom: 15px;}
.broker-box .card-body{padding: 10px 10px 0;}
.broker-box .card img {border-radius: 8px 0 0 8px;height: 280px;}
.broker-box .card .card-inn-box{border: 1px solid #EAEAEA;background-color: #fff;padding: 12px;    border-radius: 8px;}
.broker-box .card-body p {margin-bottom: 10px;}
.broker-box .card .card-box-info{display: flex;flex-wrap: wrap;}
.broker-box .card .card-box-info p {width: 33.3%;margin: 6px 0;}
.broker-box .card-mid {display: flex;flex-direction: column;height: 100%;justify-content: space-between;padding: 10px 0;}
.broker-box .card-mid .rating {border-top: 2px solid #e8e8e8;padding-top: 16px;}
.broker-box .card-mid-top{text-align: right;}
.broker-box .card .card-body h5 {font-size: 22px;margin-bottom: 15px;}
.broker-box .card-mid-top h6, .card-mid-top p {margin-bottom: 10px !important;}
.broker-box .card-mid-top p a {font-size: 14px;font-weight: 500;}
.broker-box .card-mid .rating i {color: #FFB444;}
.broker-box .card-mid .rating i.inactive {color: #fff;-webkit-text-stroke: 1px #ffb444;}
.broker-box .card .btn-box .btn {background-color: #DF092C;color: #fff;font-size: 14px;padding: 8px 24px;border-radius: 50px;border: 1px solid transparent;}
.broker-box .card .btn-box .btn-odd {background: transparent;color: #df092c;border: 1px solid #df092c;margin-bottom: 10px;}
.broker-box .card .btn-box .btn:hover{background-color:#fff;color:#DF092C;border: 1px solid #df092c;}
.broker-box .card .btn-box .btn-odd:hover{background-color:#DF092C;color:#fff;}
.broker-box .card .btn-box {height: 100%;display: flex;flex-direction: column;justify-content: end;padding: 10px 0;}
.pagination{justify-content: center;gap: 10px;margin: 30px 0;}
.pagination .page-num {background: #EDEFF6;width: 35px;height: 35px;text-align: center;line-height: 36px;border-radius: 5px;color: #FFB400;font-weight: 600;cursor: pointer;}
.pagination .page-num:hover, .pagination .page-num:focus, .pagination .page-num:active {color: #fff;background: #FFB400;}
.pagination .page-num:nth-child(2){color: #fff;background: #FFB400;}

.inner-page .rating i {color: #FFB444;}
.inner-page .rating i.inactive {color: #ffffff00;-webkit-text-stroke: 1px #ffb444;}
.inner-page h2{position: relative;font-size: 42px;margin-bottom: 50px;font-weight: 700;line-height: 40px;}
.inner-page h2::after{content: "";width: 90px;height: 3px;position: absolute;bottom: -18px; left: 0;background-color: #DF092C;border-radius: 50px;}


.profile-sec{background: linear-gradient(90deg, #E1E1E1 0%, #FFFFFF 100%);padding: 90px 0;}
.profile-sec .left-box p{color: #000;}
.profile-sec .left-box figure img{width:71%;}


.profile-info {box-shadow: 2px 2px 18px 0px #00000026;border: 1px solid #EBEBEB;background-color: #FAFAFA;padding: 16px 20px;border-radius: 10px;}
.profile-info .info-top, .profile-info .info-mid, .profile-info .info-bottom{display: flex;align-items: center;gap: 12px;justify-content: space-between;}
.profile-info .info-top{align-items: inherit;}
.profile-info .info-top img{width: 90px;}
.profile-info .content h3{font-size:24px; font-weight: 600;}
.profile-info .content p {margin-bottom: 10px;font-size: 14px;}
.profile-info .content p:last-child{color: #DF092C;font-weight: 600;}
.profile-info .info-mid{border-top:1px solid #DEDEDF ; border-bottom:1px solid #DEDEDF ;padding: 15px 0;}
.profile-info .info-mid p{margin: 0;}
.profile-info .info-bottom{padding-top: 15px;}
.profile-info .info-bottom .btn {padding: 10px 25px;font-size: 15px;}
.profile-info .info-bottom .btn:first-child{background-color: #363636; color: #fff;}
.profile-info .info-bottom .btn:last-child{background-color: #3CB775; color: #fff;}

.profile-info.box-2 {padding: 20px;}
.profile-info.box-2 p{margin: 0;font-size: 16px;font-weight: 600;}
.profile-info .icon-box{padding: 0 0 15px ;display: flex; align-items: center;flex-wrap: wrap;gap: 20px;}
.profile-info .icon-box i {width: 50px;height: 50px;border: 1px solid #df092c;border-radius: 50px;color: #df092c;text-align: center;font-size: 20px;line-height: 48px;}
.profile-info .icon-box:nth-child(2){border-top: 1px solid #DEDEDF; border-bottom: 1px solid #DEDEDF;padding: 15px 0;}
.profile-info .icon-box:last-child{padding: 15px 0 0 ;}

.profile-info.box-3{background: #fff;}
.profile-info.box-3 p{margin: 0;font-size: 14px;line-height: 25px;}
.profile-info.box-3 .info p b, .profile-info.box-3 .info i{color:#df092c}
.profile-info.box-3 .time-info{display: flex; align-items: center;}
.profile-info.box-3 .time-info > p {width: 35%;}
.profile-info.box-3 .time-info .info i{font-size: 40px;}
.profile-info.box-3 .time-info .info{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; border-left: 1px solid #dededf; padding-left: 20px;  width: 75%;}
.profile-info.box-3 .address-info .info{ display: flex; align-items: center; gap: 10px; }
.profile-info.box-3 .address-info .info img{width: 100px;}

.our-team{background-color: #FBFBFB !important;position: relative;padding: 90px 0;}
.our-team .team-head img{width: 120px;}
.our-team .team-head h3{font-weight: 600;}
.our-team .team-box{display: flex;flex-wrap: wrap;align-items: center;border-bottom: 1px solid #D2D2D2;padding: 80px 0px 30px 0; margin-right: 30px;}
.our-team .team-box .right i {color: #ffffff;background: #DF092C;width: 30px;height: 30px;font-size: 20px;border-radius: 6px;text-align: center;line-height: 30px;}
.our-team .team-box .right a{margin-left: 10px;}
.our-team .team-box .left p{margin: 0;color: #848484;font-size: 20px;}

.highlight-sec{padding: 90px 0;}
.highlight-sec .owl-carousel .owl-nav {font-size: 60px;color: #fff;}
.highlight-sec .owl-carousel .owl-prev {position: absolute;top: 40%;left: 15px;}
.highlight-sec .owl-carousel .owl-next {position: absolute;top: 40%;right: 15px;}
.highlight-sec .owl-carousel .owl-item img {opacity: 0.5;}
.highlight-sec .owl-carousel .owl-item.active img {opacity: 1;}
.owl-nav button {
  width: 50px;
  height: 50px;
  background: #000 !important;
  text-align: center;
  /* line-height: 65px !important; */
  border-radius: 50px;
}
.owl-nav button span {
  height: 50px;
  display: block;
  line-height: 32px;
}



.testimonial-sec.inner-page{background-color: #FBFBFB;}
.testimonial-sec.inner-page h2::after{left:0;right:0;margin: 0 auto;}
.testimonial-sec.inner-page .item-box figure {margin: 0;width: 60px;}
.testimonial-sec.inner-page .item-box {padding: 10px 20px 20px !important;}
.testimonial-sec.inner-page .item-box .box-bottom{display: flex;align-items: center;gap: 20px;}
.testimonial-sec.inner-page .item {padding-top: 20px;}

.contact-page .sub-heading{position: relative;display: inline-block;}
.contact-page .sub-heading::before { width: 40px; height: 5px; background: #FCBF49; content: ""; position: absolute; left: -55px; top: 15px; border-radius: 50px; }
.contact-page .right-box .text-red {background-color: #dd0000;width: 40px;height: 40px;border-radius: 50px;text-align: center;}
.contact-page .right-box .text-red i{color: #fff;line-height: 38px;}
.contact-page form{padding:10px 0 0; overflow:hidden;}
.contact-page form .form-control:focus{outline: none;border-bottom: 2px solid #000;}
.contact-page form .form-control {background: #fff;box-shadow: none;-moz-border-radius: 5px;border-radius: 0;color: #000;height: 50px;border-bottom: 2px solid #d8d8d8 !important;padding: 6px 0px;border:none;}
.contact-page form .form-control::-webkit-input-placeholder {opacity:#999;}
.contact-page form .form-control::-moz-placeholder {color: #999;}
.contact-page form .form-control:-ms-input-placeholder {color: #999;}
.contact-page form .form-control:-moz-placeholder {color: #999;}
.contact-page form textarea{height:150px !important;padding: 10px 0 0 !important;}
.contact-page form .btn{background: #dd0000; color:#fff; border:0; font-size:14px; font-weight: 600; padding:10px; text-transform:uppercase; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; min-width:180px; position:relative; margin:20px 0 0 !important;}
.contact-page form .btn:hover, .contact-page form .btn:active{color: #fff; background:#a82929; }
.contact-page .right-box p{font-family: asap;}


.hero-section.login-ban{height: 60vh;}
.login-page{position: relative;overflow: visible;background-color: #F5F7F8;}
.login-page .login-box{margin-top:-15%;}
.login-page .check-box{font-size: 14px;}

.subscription-page{position:relative;z-index:0;background-color:#F5F5F5;}
.subscription-page h2::after{margin: 0 auto;right: 0;left: 0;}
.subscription-page::after {content: "";width: 100%;height: 100%;background: url(/images/Pattern.png);position: absolute;left: 0;top: 0;z-index:-1;background-repeat: no-repeat;}
.subscription-page .tab-content ul {min-height: 118px;}
.subscription-page .tab-content ul li{text-align: left;font-size: 15px;margin-bottom: 12px !important;}
.subscription-page .tab-content ul li::before {content: "\f058";left: 0;top: 0;position: relative;font-family: 'FontAwesome';margin-right: 6px;color: #FFB400;font-size: 20px;}
.subscription-page .tab-content .img-box img {width: 80px;}
.subscription-page .tab-content .img-box {align-items: center;}
.subscription-page .tab-content .img-box h3 {font-size: 26px;font-weight: 700;text-align:left;padding-left: 15px;}
.subscription-page .tab-content  h4 {font-size: 36px;text-align:center;}
.subscription-page .tab-box {border: 2px solid #DF092C;border-radius: 20px;position: relative;overflow: hidden;transition: all 0.5s ease;z-index: 0;}
/*.subscription-page .tab-box::after{content: "";width: 100%;height: 0%;position: absolute;top: 0;left: 0;background-color: #DF092C;transition: all 0.5s ease;z-index: -1;}*/
/*.subscription-page .tab-box:hover ul li, .subscription-page .tab-box:hover h4, .subscription-page .tab-box:hover h3, .subscription-page .tab-box:hover p{color:#fff; transition: all 0.5s ease;}*/
.subscription-page .tab-box:nth-child(2)::after{background-color: #fff;}
/*.subscription-page .tab-box:nth-child(2):hover ul li, .tab-box:nth-child(2):hover h4, .tab-box:nth-child(2):hover h3, .tab-box:nth-child(2):hover p{color:#000;transition: all 0.5s ease;}*/
.subscription-page .tab-box:hover::after{height: 100%;transition: all 0.5s ease;}
.subscription-page .tab-box:nth-child(2) {background-color: #DF092C !important;}
.subscription-page .tab-box:nth-child(2) ul li, .tab-box:nth-child(2) h4, .tab-box:nth-child(2) h3, .tab-box:nth-child(2) p{color:#fff}
.subscription-page .tab-box:nth-child(2) .line-through{color:#FF8DA0;}
.subscription-page .tab-btn-box {background: #FBFBFB;padding: 9px;border-radius: 12px;width: 240px;display: block;margin: 0 auto 30px;/* align-items: center; */border: 1px solid #E7EBFF;}


.admin-dashboard{padding:25px 0; background-color: #F5F5F5; }
.admin-dashboard .right-box {padding: 0 0 0 32px !important;}
.admin-dashboard .left-box {padding: 0 15px 20px; height: fit-content;}
.admin-dashboard .left-box button,.admin-dashboard .left-box .btn-box a {border-right: 3px solid transparent;border-radius: 10px;margin-bottom: 10px;padding: 14px 0px 14px 15px !important;background:transparent;}
.admin-dashboard .left-box button:hover, .admin-dashboard .left-box button:focus, .admin-dashboard .left-box button:active, .admin-dashboard .left-box .btn-box a:hover{border-right: 3px solid #df092c;background:#f3f4f6;}
.admin-dashboard .right-box h2{background-color: #F5F5F5;border: 1px solid #EAE9E9;color: #DF092C !important; font-size: 22px !important; font-weight: 700; border-radius: 6px;padding: 15px 0 15px 15px !important;}
.admin-dashboard .left-box p.sub-heading{color:#8392AB;font-size:14px;margin:0;}

.admin-dashboard .right-box .search-box{background-color: #f6f6f687; border-radius: 6px;padding: 15px ;}
.admin-dashboard .analytics-box{padding: 40px 30px;border-radius: 10px;}
.admin-dashboard .analytics-box .btn-box .btn {background-color: #ffffff;color: #666;padding: 12px 30px;min-width: 300px;text-align: justify;border: 1px solid #eae9e9;}
.admin-dashboard .analytics-box .list-box{border: 1px solid #EFF0F6;border-radius: 30px;}
.admin-dashboard .analytics-box .card-box{border: 1px solid #EFF0F6;border-radius: 20px;}
.admin-dashboard .analytics-box h3{color: #00000080;}
.admin-dashboard .left-box nav button img, .admin-dashboard .left-box p img, .admin-dashboard .toggle-box .btn img, .admin-dashboard .btn-box  img{width: 20px;display: inline;margin-right: 5px;}
.admin-dashboard .profile-box {padding: 30px 10px 25px 15px;position:relative;}
.admin-dashboard .plan-box{padding: 10px 10px 20px;position: relative;background: #F6F9FC;border-radius: 15px;}
.admin-dashboard .plan-box .show .card-body, .admin-dashboard .plan-box .card-body {display: block !important;opacity: 1 !important;visibility: visible !important;padding: 0;border: none;background: transparent;margin-bottom: 20px;}
.admin-dashboard .plan-box .toggle-box .btn {background: transparent;display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 10px 12px  !important;border: 0 !important;margin-bottom:20px;}
.admin-dashboard .plan-box .btn-box .btn {padding: 10px 30px !important;font-size: 14px;letter-spacing: 0.6px;border: none;background: #e0092c;}
.admin-dashboard .plan-box .btn-box .btn:hover{background:#bf0725;border:none;}
.admin-dashboard .border-box {position: relative;padding: 20px 0;margin: 20px 0 !important;}
.admin-dashboard .border-box::after {content: "";width: 100%;height: 2px;position: absolute;left: 0;bottom: 0; right:0; background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,0.6) 0%, rgba(171,171,171,1) 49%, rgba(255,255,255,0.6) 100%); opacity:0.2;}
.admin-dashboard .border-box::before {content: "";width: 100%;height: 2px;position: absolute;left: 0;top: 0; right:0; background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,0.6) 0%, rgba(171,171,171,1) 49%, rgba(255,255,255,0.6) 100%); opacity:0.2;}


.admin-dashboard .right-box{position: relative;}
.admin-dashboard .right-box form .accordion .accordion-body, .admin-dashboard .right-box form .accordion .accordion-body .additional-box{display: flex;flex-wrap: wrap;}
.admin-dashboard .right-box form .form-group{margin-bottom:10px;padding:0 10px;}
.admin-dashboard .right-box form label{color:#8392AB;font-size:14px;margin-bottom:5px;}
.admin-dashboard .right-box form .form-control{border:1px solid #EBEBEB !important;background:#F8F9FB !important;width:100%;height:55px;}
.admin-dashboard .right-box .form-box{background-color: #fff;border-radius: 12px;padding: 16px 25px;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);width: 100%;}
.admin-dashboard .right-box .tab-container{display: flex;}
.admin-dashboard .right-box .tab-container ul{padding: 0 10px;}
.admin-dashboard .right-box .tab-container ul li button{font-size: 18px;width: 100%;text-align: center;padding: 14px 30px;color: #000;border-radius: 8px;border-right:3px solid transparent;}
.admin-dashboard .right-box .tab-container ul li{width: 100%;border-bottom: 1px solid #ebebeb;padding-bottom: 10px;}
.admin-dashboard .right-box .tab-content {padding:0;}
.admin-dashboard .right-box .tab-container .nav-pills .nav-link:hover{background-color: #eee;border-right:3px solid #DF092D;}
.admin-dashboard .right-box .tab-container .nav-pills .nav-link.active, .tab-box .tab-container .nav-pills .show>.nav-link {color: #fff;background: linear-gradient(188.13deg, #DF092D 5.05%, #89061C 135.38%) !important;}
.admin-dashboard .right-box .nav-pills-box {margin-top: 30px;margin-right:10px; border-radius: 15px; padding:0;box-shadow:0 6px 18px rgba(0, 0, 0, 0.1);height: 108vh;}
.admin-dashboard .right-box .accordion{margin-bottom: 20px;}
.admin-dashboard .right-box .accordion button {font-size: 18px;font-weight: 500;padding: 12px 20px;}
.admin-dashboard .right-box .accordion .accordion-body{padding:10px 10px 25px;}
.admin-dashboard .right-box .accordion button.collapsed:hover{color:#fff;}
.admin-dashboard .right-box .accordion .accordion-button:focus {box-shadow: none;}
.admin-dashboard .right-box .accordion .collapse {visibility: visible !important;}
.admin-dashboard .right-box .accordion-item {border-radius: 10px;border:none;margin-bottom:10px;}
.admin-dashboard .right-box form h2 button {background-color: #F5F5F5;border: 1px solid #EAE9E9;color: #DF092C !important;background-color:#F5F5F5; font-size: 20px !important;font-weight: 800;border-radius: 6px;padding: 15px 25px !important;font-family: 'Asap';}
.admin-dashboard .right-box form h2{padding:0 !important;margin:0 !important;border:none !important;}
.admin-dashboard .right-box form .additional-box textarea{border:1px solid #EBEBEB !important;background:#F8F9FB !important;width:100%;height:80px;}




/********************** Responsive styles **********************/
@media (min-width: 320px) and (max-width: 767px) {
  .heading h2, .inner-page h2 {font-size: 26px;line-height: 34px;}
  h4.sub-heading {font-size: 14px;padding-left: 60px;}
  h4.sub-heading::before {width: 54px;position: absolute;top: 8px;}
  
  .header .container-fluid{padding: 0;}
  .header .navbar {padding: 10px 15px;}
  .header .navbar-brand img, .header .offcanvas-header .offcanvas-title img {width: 145px;}
  .header .navbar-toggler {border: none;padding: 0;}
  .header .navbar-toggler-icon{background-image: none !important;}
  .header .navbar-toggler span i {font-size: 30px;line-height: 36px;}
  .header .btn {display: inline;width: 50%;}
  .header .offcanvas-body .flex-column {display: flex !important;flex-direction: row !important;}
  .header .offcanvas-header {padding: 20px 10px;}
  .header .offcanvas-body {padding: 20px 5px;}
  .header .nav-link {line-height: 34px;}

  .hero-section {height: inherit;padding: 150px 0 50px;}   
  .hero-section .search-bar{width: 100%;}
  .hero-section .category-card {padding: 12px;width: 49%;margin-top: 8px;}
  .hero-section .category-card figure {height: 40px;width: 40px;padding: 7px;}
  .hero-section .hero-content h1 {font-size: 28px;}
  .hero-section .hero-content p{font-size: 15px;}
  .hero-section .search-bar {margin: 26px auto 36px;padding: 8px 10px;gap: 6px;box-shadow: 0 0 0 6px #ffffff59;}
  .hero-section .search-bar input, .hero-section .search-bar .btn-search{height: 42px;padding: 6px 20px;}
  .hero-section .categories {display: flex;justify-content: space-between;gap: 0;flex-wrap: wrap;}

  .featured_broker .heading {margin-bottom: 30px;}
  .featured_broker .box {margin-bottom: 30px;}
  .featured_broker .box .broker-info p{font-size: 15px;}
  .featured_broker .box .broker-info{text-align: center;}

  .counter-section .counter-box{margin-bottom: 30px;}
  .counter-section .counter-box:last-child{margin-bottom: 0;}

  .top_featured .heading{margin-bottom: 30px;}
  .top_featured .box {min-height: 260px;margin-bottom: 20px;padding: 30px 24px;}
  .top_featured .box .broker-info p {font-size: 14px;}
  .testimonial-sec .heading p, .testimonial-sec .item-content p {font-size: 14px;}

  .blog-sec .heading{margin-bottom: 30px !important;}
  .blog-sec .item-box .item-content p{font-size: 14px;}

  .browse-sec .browse-info {padding: 25px 20px 30px;}
  .browse-sec .browse-info h2 {color: #DF092C;font-size: 24px;}
  .browse-sec .browse-info p {font-size: 15px;}
  .browse-sec .browse-row {padding: 40px 30px;}

  .footer-sec .ft-mid figure img {width: 72%;}
  .footer-sec .ft-left{order: 2;width: 50%;}
  .footer-sec .ft-mid{order: 1;}
  .footer-sec .ft-right{order: 3;width: 50%;}
  .footer-sec .ft-bottom, .ft-bottom {order: 4;}
  .footer-sec ul li a, .footer-sec .ft-mid p a, .footer-sec .ft-mid p{font-size: 15px;}
  .footer-sec ul li {line-height: 32px;}
  .footer-sec .ft-mid ul li a {line-height: 44px !important;}
  .footer-sec .ft-mid ul li a i {color: #DF092C;font-size: 20px;line-height: 0;}
  .footer-sec .ft-mid ul li {width: 40px;height: 40px;}

  .broker-box{padding: 20px 10px 50px;}
  .broker-box .card-mid-top {text-align: center;}
  .broker-box .card p{font-size: 14px;}
  .broker-box .rating{text-align: center;}

  .profile-sec .right-box{padding-top:30px;}
  .profile-info .info-bottom .btn {padding: 10px 16px;font-size: 14px;}
  .profile-info.box-2 {padding: 15px 12px;}
  .profile-info .icon-box i {width: 35px;height: 35px;font-size: 16px;line-height: 34px;}
  .profile-info.box-2 p {font-size: 15px;text-overflow: ellipsis;}
  .profile-info .icon-box {gap: 14px;}
  .profile-info.box-3 {padding: 15px 12px;}
  .profile-info.box-3 .time-info .info i {font-size: 28px;}
  .profile-info.box-3 p {font-size: 13px;}

  .our-team .team-box{margin: 0;}
  .our-team .team-box .team-head{width: 100%;}
  .our-team .team-box .left, .our-team .team-box .right{width: 50%;}
  
  .highlight-sec .owl-carousel .owl-item img {height: 360px;object-fit: cover;}
  .highlight-sec .owl-nav button {width: 40px;height: 40px;}
  .highlight-sec .owl-nav button span {height: 40px;display: block;line-height: 28px;font-size: 42px;}



.admin-dashboard .right-box    .tab-box .tab-container ul {padding: 20px 10px 0 0;margin: 0 6px 0 0 !important;}
.admin-dashboard .right-box    .tab-box .tab-container ul li button {font-size: 13px;font-weight: 600;padding: 10px 12px;letter-spacing: 0.5px;}
.admin-dashboard .right-box    .tab-box .tab-content {padding: 30px 0 30px }
.admin-dashboard .right-box    .tab-box .form-box {border-radius: 0;padding: 0;box-shadow:none;}
.admin-dashboard .right-box    .tab-box form{padding: 0;}
.admin-dashboard .right-box    .tab-box .accordion button {font-size: 14px;font-weight: 500;padding: 10px 15px;}
.admin-dashboard .right-box    .tab-box .accordion .accordion-body {padding: 10px 0px 10px;}
.admin-dashboard .right-box    label {margin: 0px 0 5px;font-size: 12px;}
.admin-dashboard .right-box    input[type="text"], input[type="email"], input[type="url"], input[type="file"], input[type="number"], textarea, select {padding: 8px;margin-bottom: 10px;border-radius: 5px;font-size: 12px;transition: 0.3s;height: 34px;}
.admin-dashboard .right-box    .col-sm-6, .col-sm-12{width: 100%;max-width: 100%;display: block;}
.admin-dashboard .right-box    .tab-box form select{margin:0;}
.admin-dashboard .right-box    .tab-box form .form-group button{font-size: 12px;padding: 6px 15px; }
.admin-dashboard .right-box    .tab-box form .form-group textarea {resize: none;height: 80px !important;}
.admin-dashboard .right-box    .tab-box .accordion .accordion-body .additional-box{padding: 0 !important;}


}



/* Smartphones to Tablets */
@media (min-width: 576px) and (max-width: 767px) {

  .hero-section .hero-content p {font-size: 16px;}
  .featured_broker .col-sm-3{width: 50%;}
  .featured_broker .box .broker-info {text-align: left;}

  .counter-section .counter-box h2 {font-size: 38px;}
  .counter-section .counter-box {margin-bottom: 0;}
  .counter-section .counter-box h4 {font-size: 20px;}

  .top_featured {padding: 70px 0 50px;}
  .top_featured .col-sm-3{width: 50%;}

  .browse-sec .browse-info {width: 85%;}
  .footer-sec .ft-left{order: 2;width: 50%;}
  .footer-sec .ft-mid{order: 1;width: 100%;}
  .footer-sec .ft-right{order: 3;width: 50%;}
  .footer-sec ul li a, .footer-sec .ft-mid p a, .footer-sec .ft-mid p{font-size: 16px;}

  .profile-sec .right-box, .profile-sec .left-box {padding-top: 30px;width: 100%;}
  .our-team .team-box .right i {width: 24px;height: 24px;font-size: 14px;line-height: 24px;}




}


/*Tablets */
@media (min-width: 768px) and (max-width: 1190px) {
  .container{width: auto; max-width:850px !important; padding:0 30px;margin: 0 auto;}
  .heading {position: relative;margin-bottom: 30px !important;}
  .heading h2 {font-size: 34px;}
  h4.sub-heading {font-size: 16px;padding-left: 90px;}
  h4.sub-heading::before {width: 80px;position: absolute;top: 9px;}
  
  .header .navbar-toggler-icon{background-image: none !important;}
  .header .navbar-toggler span i {font-size: 30px;line-height: 36px;}
  .header .btn {display: inline;width: 50%;}
  .header .nav-link {line-height: 34px;}
  .header nav a {font-size: 14px;font-weight: 600;}
  .header .navbar {padding: 20px;}
  .header .navbar-brand img {width: 120px;}



  .hero-section {height: inherit;padding: 150px 0 50px;}   
  .hero-section .category-card {padding: 12px;width: 24%;}
  .hero-section .category-card figure {height: 40px;width: 40px;padding: 7px;}
  .hero-section .hero-content h1 {font-size: 36px;}
  .hero-section .hero-content p{font-size: 16px;}
  .hero-section .search-bar {margin: 30px auto 36px;padding: 12px 10px;gap: 6px;box-shadow: 0 0 0 14px #ffffff59;}
  .hero-section .search-bar input, .hero-section .search-bar .btn-search{height: 42px;padding: 6px 20px;}
  .hero-section .categories {display: flex;justify-content: space-between;gap: 0;flex-wrap: wrap;}

  .featured_broker .col-sm-3{width: 25%; padding: 0 5px;}
  .featured_broker .box .broker-info {text-align: left;padding: 0 8px;}
  .featured_broker .box .broker-info h4 {font-size: 20px;}
  .featured_broker .box .broker-info p{font-size: 14px;}

  .counter-section .counter-box h2 {font-size: 38px;}
  .counter-section .counter-box {margin-bottom: 0;}
  .counter-section .counter-box h4 {font-size: 20px;}

  .top_featured {padding: 70px 0 50px;}
  .top_featured .col-sm-3 {width: 25%;padding: 0 5px;}
  .top_featured .box .broker-info h4 {font-size: 18px;}
  .top_featured .box .broker-info p:nth-child(2) {font-size: 14px;min-height: 130px;}
  .top_featured .box {padding: 30px 10px 20px;}

  .testimonial-sec .item-content p{font-size: 14px;}
  .blog-sec .heading{margin-bottom: 30px !important;}
  .blog-sec h4{font-size: 20px;}
  .blog-sec p{font-size: 14px;}
  .blog-sec .item-box .item-content {min-height: 244px;}
  .blog-sec .item-box .item-content {padding: 20px;min-height: 244px;}
    
  .browse-sec .browse-info p {font-size: 18px;}
  .browse-sec .browse-info{padding: 50px 30px;width: 80%;}
  .browse-sec .browse-info h2 {font-size: 30px;}

  .footer-sec .ft-mid figure img {width: 68%;}
  .footer-sec .row{align-items: center;}
  .footer-sec .ft-mid p, .footer-sec .ft-mid p a{font-size: 15px;}
  .footer-sec ul li a{font-size:18px ;}
  .footer-sec ul li {line-height: 32px;}
  .footer-sec .ft-mid ul li a {line-height: 58px !important;}
  .footer-sec .ft-mid ul li a i {font-size: 26px;line-height: 0;}
  .footer-sec .ft-mid ul li {width: 50px;height: 50px;}

  .profile-sec .right-box{width: 40%;}
  .profile-sec .left-box{width: 60%;}
  .profile-info .info-bottom .btn {padding: 10px 16px;font-size: 14px;}
  .profile-info.box-2 {padding: 15px 12px;}
  .profile-info .icon-box i {width: 35px;height: 35px;font-size: 16px;line-height: 34px;}
  .profile-info.box-2 p {font-size: 15px;text-overflow: ellipsis;}
  .profile-info .icon-box {gap: 14px;}
  .profile-info.box-3 {padding: 15px 12px;}
  .profile-info.box-3 .time-info .info i {font-size: 28px;}
  .profile-info.box-3 p {font-size: 13px;}

  .our-team .team-box{margin: 0;}
  .our-team h2{margin: 0;}
  .our-team .team-box .team-head{width: 100%;}
  .our-team .team-box .left, .our-team .team-box .right{width: 50%;}
  
  .highlight-sec .owl-carousel .owl-item img {height: 360px;object-fit: cover;}
  .highlight-sec .owl-nav button {width: 40px;height: 40px;}
  .highlight-sec .owl-nav button span {height: 40px;display: block;line-height: 28px;font-size: 42px;}






}

/* Desktop */
@media (min-width: 991px) and (max-width: 1190px) {
  .container{width:auto; max-width:1030px!important; padding:0 30px;}
  
  .header .navbar-brand img, .header .offcanvas-header .offcanvas-title img {width: 150px;}
  .header .btn {display: block;width: max-content;}
  .header .nav-link {font-size: 14px;}
  
  .hero-section{padding: 180px 0 60px;}
  .hero-section .hero-content p {font-size: 18px;}
  .hero-section .search-bar {margin: 48px auto 36px;}

  .top_featured .box .broker-info p:nth-child(2) {font-size: 14px;min-height: 105px;}

 }

@media (min-width: 1320px) and (max-width: 1535px) {
    
    .header{padding:0 30px;}
    .header .container{max-width:1320px !important;}
    .hero-section{padding:150px 0 60px !important;height:110vh !important;}
    .blog-sec h4 {font-size: 30px;}
    .banner-inner {height: inherit !important;padding: 100px 0 70px 0 !important;}
            
     
}


 @media (min-width: 1450px) {.container{max-width: 1320px !important; }	}
  @media (min-width: 1540px){.inner-header .navbar{max-width: 100% !important;} .inner-header {padding:0 30px;} .header .container{max-width:1560px !important;}
     
  }