/* Css For Clasifico */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


**********************************************/



/*** 

====================================================================
  Reset
====================================================================

 ***/
 * {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/
 @font-face {
  font-family: 'FontStyle1'; /* Replace with the name you want */
  src: url('/static/assets/fonts/32480680523.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FontStyle2'; /* Replace with the name you want */
  src: url('/static/assets/fonts/31289351782.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontStyle3'; /* Replace with the name you want */
  src: url('/static/assets/fonts/28993675784.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontStyle4'; /* Replace with the name you want */
  src: url('/static/assets/fonts/32847762680.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontStyle5'; /* Replace with the name you want */
  src: url('/static/assets/fonts/32902001623.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontStyle6'; 
  src: url('/static/assets/fonts/34253694457.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FontStyle7';
  src: url('/static/assets/fonts/35870531804.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}


body {
  /* font-size:15px; */
  color:#5d5b5b;
  line-height:26px;
  font-family: 'FontStyle6', Arial, sans-serif;
  background:#ffffff;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

  @media (min-width:1200px) {
  .container {
    max-width: 1170px;
    padding: 0px 15px;
  }
}

.large-container{
  max-width: 1500px;
  padding: 0px 15px;
  margin: 0 auto;
}

.container-fluid{
  padding: 0px;
}

.auto-container{
  position:static;
  width:1150px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

.boxed_wrapper{
  position: relative;
  margin: 0 auto;
  overflow: hidden !important;
  width: 100%;
  min-width: 300px;
}


a{
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
}

input,button,select,textarea{
  font-family:  'FontStyle1', Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-family:  'FontStyle1', Arial, sans-serif;
  color: #848484;
  font-weight: 400;
  margin: 0px;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6{
  position:relative;
  font-family:  'FontStyle1', Arial, sans-serif;
  font-weight: 400;
  color: #15818E;
  margin: 0px;
  transition: all 500ms ease;
}

.preloader{
  position: fixed; 
  left:0px;
  top:0px;
  height:100%;
  width: 100%;
  z-index:999999;
  background-color: #0d1927;
  background-position:center center;
  background-repeat:no-repeat;
  background-image: url(../images/icons/preloader.svg);
}


.centred{
  text-align: center;
}

.pull-left{
  float: left;
}

.pull-right{
  float: right;
}


figure{
  margin: 0px;
}

img {
  display: inline-block;
  max-width: 100%;
  
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}

/** button **/

.theme-btn-one{
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-size: 16px;
  line-height: 26px;
  font-family: 'FontStyle1', Arial, sans-serif;
  font-weight: 500;
  color: #fff !important;
  text-align: center;
  padding: 12px 29px;
  border-radius: 30px;
  box-shadow: 0px 10px 30px 0px rgba(248,92,112,0.4);
  z-index: 1;
  transition: all 500ms ease;
  text-decoration: none;
}

.theme-btn-one i{
  font-size: 14px;
  margin-right: 8px;
  font-weight: 400;
}

.theme-btn-one:hover{
  background: #0d1927;
  box-shadow: 0px 10px 30px 0px rgba(13,25,39,0.3);
  text-decoration: none;
}

.theme-btn-one:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  background: #0d1927;
  border-radius: 30px;
  left: 0px;
  top: 0px;
  z-index: -1;
  transition: all 500ms ease;
  text-decoration: none;
}

.theme-btn-one:hover:before{
  width: 100%;
  text-decoration: none;
}
.grid-btn {
    /* Base styles */
    color: white;
    margin-top: -1px;
    padding: 5px 10px;
    width: 100px;
    border-radius: 16px;
    text-decoration: none;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    border: 1px solid transparent; /* Prevents background bleed */
    background-color: #EB362D; /* Base color fallback */
    
    /* Color-changing animation */
    background: linear-gradient(90deg, 
        #F9AD1F, #EB362D, #FF6B35, #F9AD1F);
    background-size: 300% 100%;
    animation: 
        colorChange 4s linear infinite,
        subtlePulse 3s ease infinite;
    
    /* Prevent visual artifacts */
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Dramatic color change animation */
@keyframes colorChange {
    0% { background-position: 0% 50%; }
    25% { background-position: 50% 50%; }
    50% { background-position: 100% 50%; }
    75% { background-position: 150% 50%; }
    100% { background-position: 200% 50%; }
}

/* Subtle pulse animation */
@keyframes subtlePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.03); }
}

/* Glowing edge effect - fixed to eliminate white line */
.grid-btn:before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    z-index: -2;
    background: linear-gradient(90deg, 
        #F9AD1F, #EB362D, #FF6B35, #F9AD1F);
    background-size: 300% 100%;
    border-radius: 18px;
    animation: colorChange 4s linear infinite;
    opacity: 0.8;
    filter: blur(0.5px);
}

/* Hover effects */
.grid-btn:hover {
    background: #0d1927;
  box-shadow: 0px 10px 30px 0px rgba(13,25,39,0.3);
  text-decoration: none; 
   
}


/* Overlay effect */
.grid-btn:after {
    position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 16px;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.5s ease;
}

.grid-btn:hover:after {
    width: 100%;
}
.sec-pad{
  padding: 114px 0px 120px 0px;
}

.sec-pad-2{
  padding: 120px 0px !important;
}

.mr-0{
  margin: 0px !important;
}

.scroll-top{
  width: 35px;
  height: 35px;
  line-height: 55px;
  position: fixed;
  bottom: 105%;
  right: 30px;
  font-size: 24px;
  z-index: 99;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  transition: 1s ease;
}

.scroll-top.open {
  bottom: 20px;
}

.scroll-top span{
  color: #fff;
}

.sec-title{
  position: relative;
  display: block;
  margin-bottom: 50px;
}

.sec-title span{
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 26px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 13px;
}

.sec-title h2{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 50px;
  font-weight: 900;
  margin-bottom: 21px;
}

.sec-title p{
  font-size: 15px;
  line-height: 26px;
  margin: 0px;
}

.sec-title.light h2{
  color: #fff;
}

.sec-title.centred{
  text-align: center !important;
}




/*** 

====================================================================
                        Home-Page-One
====================================================================

***/


/** main-header **/

.main-header{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  left:0px;
  top:0px;
  width:100%;
  z-index:0;
  background: #fff;
  border-bottom: 1px solid rgba(13,25,39,0.1);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.main-header .outer-box{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  justify-content: space-between;
}

.main-header .outer-box .logo-box{
  position: relative;
  padding: 15px 0px;
}

.main-header .outer-box .logo-box .logo{
  max-width: 176px;
  width: 100%;
}

.main-header .outer-box .logo-box .logo img{
  width: 100%;
 
}


/** main-menu **/

.main-menu .navbar-collapse{
  padding:0px;
  display:block !important;
}

.main-menu .navigation{
  margin:0px;
}

.main-menu .navigation > li{
  position:inherit;
  float:left;
  z-index:2;
  padding:38px 0px;
  margin: 0px 2px;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-menu .navigation > li:last-child{
  margin-right:0px !important;
}

.main-menu .navigation > li:first-child{
  margin-left: 0px !important;
}

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  text-align:center;
  font-size:14px;
  line-height:30px;
  
  font-weight:600;
  opacity:1;
  padding-right: 14px;
  text-decoration: none;
  color: #061a3a;
  z-index:1;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  
}

.main-menu .navigation > li.dropdown > a:before {
  position: absolute;
  top: 2px;
  right: 0px;
}

.sticky-header .outer-box{
  position: relative;
}
.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
  position:absolute;
  left: inherit;
  top:100%;
  width:270px;
  z-index:100;
  display:none;
  opacity: 0;
  visibility: hidden;
  margin-left:14px;
  margin-top:17px;
  padding: 10px 0px;
  filter: alpha(opacity=0);
  background: #fff;
  border-radius: 0px 0px 10px 10px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -webkit-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.main-menu .navigation > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
  -webkit-transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
  transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

.main-menu .navigation > li:hover > ul > li{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.main-menu .navigation > li > ul > li:nth-child(2n+1) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+3) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+4) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+5) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+6) {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+7) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+8) {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > .megamenu li > a{
  position:relative;
  display:block;
  padding:7px 0px;
  line-height:16px;
  font-weight:500;
  font-family:  'FontStyle6', Arial, sans-serif;
  font-size:14px;
  /* text-transform:capitalize; */
  text-decoration: none;
  color:#061a3a;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover{
  background-color: #F5F6F7;
  width: 200px;
  padding: 10px 25px; 
  border-radius: 0; 
  transition: background-color 0.3s ease; 
  margin-left: -30px;
}




.main-menu .navigation > li > ul > li:last-child > a,
.main-menu .navigation > li > .megamenu li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
  

  position:absolute;
  right:20px;
  top:14px;
  display:block;
  line-height:24px;
  font-size:12px;
  font-weight:800;
  text-align:center;
  z-index:5;  
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  right:100%;
  top:0%;
  width:550px;
  z-index:100;
  display:none;
  padding: 10px 0px;
  filter: alpha(opacity=0);
  /* background: #fff; */
  border-radius: 0px 0px 10px 10px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -webkit-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  background-color: #F5F6F7;
}
.main-menu .navigation > li > ul > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
  -webkit-transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
  transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

.main-menu .navigation > li > ul > li:hover > ul > li{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.main-menu .navigation > li > ul > li > ul > li:nth-child(2n+1) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.main-menu .navigation > li > ul > li > ul > li:nth-child(2n+2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.main-menu .navigation > li > ul > li > ul > li:nth-child(2n+3) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.main-menu .navigation > li > ul > li > ul > li:nth-child(2n+4) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  padding:7px 0px;
  font-family: 'FontStyle6', Arial, sans-serif;
  line-height:20px;
  font-weight:200;
  font-size:14px;
  text-transform:capitalize;
  color:#061a3a;
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  text-decoration: none;
}

.main-menu .navigation > li > ul > li > ul > li:last-child > a{
  border-bottom: none;
  text-decoration: none;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover{
  text-decoration: none;
  
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{

 
  position:absolute;
  right:20px;
  top:12px;
  display:block;
  line-height:24px;
  font-size:12px;
  font-weight:900;
  z-index:5;  
  text-decoration: none;
}

.main-menu .navigation > li.dropdown:hover > ul,
.main-menu .navigation > li.dropdown:hover > .megamenu{
  visibility:visible;
  opacity:1;
  filter: alpha(opacity=100);
  top: 100%;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  filter: alpha(opacity=100);
  top: 0%;
  -webkit-transform: rotateX(0);
  transform: rotateX(0); 
}

.main-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:-32px;
  top:66px;
  width:34px;
  height:30px;
  text-align:center;
  font-size:12px;
  line-height:26px;
  color:#3b3b3b;
  cursor:pointer;
  display: none;
  z-index:5;
  transition: all 500ms ease;
}

.main-menu .navigation li.current.dropdown .dropdown-btn,
.main-menu .navigation li:hover .dropdown-btn{
  
}

.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{
  display: none;
}

.menu-area .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color: #3786ff;
  display: none;
}

.menu-area .mobile-nav-toggler .icon-bar{
  position: relative;
  height: 2px;
  width: 30px;
  display: block;
  margin-bottom: 5px;
  background-color: #061a3a;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header.style-two .menu-area .mobile-nav-toggler .icon-bar,
.main-header.style-three .menu-area .mobile-nav-toggler .icon-bar{
  background: #ffffff;
}

.menu-area .mobile-nav-toggler .icon-bar:last-child{
  margin-bottom: 0px;
}

.main-header .sticky-header .logo-box{
  padding: 15px 0px;
}

.main-header .sticky-header .main-menu .navigation > li{
  padding: 28px 0px;
}


/** megamenu-style **/

.main-menu .navigation > li.dropdown > .megamenu{
  position: absolute;
  width: 100%;
  padding: 30px 50px;
  left: 0px;
}

.main-menu .navigation li.dropdown .megamenu li h4{
  font-weight: 500;
  padding: 3px 0px;
  margin-bottom: 10px;
}


/** mobile-menu **/

.nav-outer .mobile-nav-toggler{
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color:#3786ff;
  display: none;
}

.mobile-menu{
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right:30px;
  max-width:100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}

.mobile-menu .navbar-collapse{
  display:block !important; 
}

.mobile-menu .nav-logo{
  position:relative;
  padding:50px 25px;
  text-align:left;  
  padding-bottom: 100px;
}

.mobile-menu-visible{
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop{
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #061a3a;
  z-index: 1;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
  opacity: 0.70;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .menu-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #7360ff;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
  opacity: 1;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn{
  position: absolute;
  right: 25px;
  top: 10px;
  line-height: 30px;
  width: 24px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition:all 0.9s ease;
  -moz-transition:all 0.9s ease;
  -ms-transition:all 0.9s ease;
  -o-transition:all 0.9s ease;
  transition:all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
  -webkit-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.mobile-menu .navigation{
  position: relative;
  display: block;
  width: 100%;
  float: none;
}

.mobile-menu .navigation li{
  position: relative;
  display: block;
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation:last-child{
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > ul > li:first-child{
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > a{
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li ul li > a{
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}

.mobile-menu .navigation li > a:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:0;
  border-left:5px solid #fff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li.current > a:before{
  height:100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:6px;
  top:6px;
  width:32px;
  height:32px;
  text-align:center;
  font-size:16px;
  line-height:32px;
  color:#ffffff;
  background:rgba(255,255,255,0.10);
  cursor:pointer;
  border-radius:2px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
  z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open{
  background:#fff; 
  color: #3b3b3b;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);  
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul,
.mobile-menu .navigation > li.dropdown > .megamenu{
  display: none;
}

.mobile-menu .social-links{
  position:relative;
  padding:0px 25px;
}

.mobile-menu .social-links li{
  position:relative;
  display:inline-block;
  margin:0px 10px 10px;
}

.mobile-menu .social-links li a{
  position:relative;
  line-height:32px;
  font-size:16px;
  color:#ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .social-links li a:hover{
  
}

div#mCSB_1_container{
  top: 0px !important;
}

.mobile-menu .contact-info {
  position: relative;
  padding: 120px 30px 20px 30px;
}

.mobile-menu .contact-info h4 {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
}

.mobile-menu .contact-info ul li {
  position: relative;
  display: block;
  font-size: 15px;
  color: rgba(255,255,255,0.80);
  margin-bottom: 3px;
}

.mobile-menu .contact-info ul li a{
  color: rgba(255,255,255,0.80);
}

.mobile-menu .contact-info ul li a:hover{
  
}

.mobile-menu .contact-info ul li:last-child{
  margin-bottom: 0px;
}

.main-header .outer-box{
  position: relative;
}


/** banner-section **/

.banner-section{
  position: relative;
  padding: 117px 0px 103px 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner-section:before{
  position: absolute;
  content: '';
  background: #0c162c;
  width: 100%;
  height: 90%;
  left: 0px;
  top: 0px;
  right: 0px;
  opacity: 0.3;
}

.banner-section.style-two:before{
  opacity: 0.6;
}

.radio-select-box{
  position: relative;
  display: block;
  text-align: center;
}

.radio-select-box li{
  position: relative;
  display: inline-block;
  margin-right: 24px;
}

.radio-select-box li:last-child{
  margin: 0px !important;
}

.radio-select-box .single-checkbox{
  position: relative;
  display: block;
}

.radio-select-box label {
  position: relative;
  display: block;
  padding-left: 20px;
  margin-right: 0px;
  margin-bottom: 0;
  color: #fff;
  font-size: 17px;
  line-height: 30px;
  font-weight: 500;
  cursor: pointer;
  transition: all 500ms ease;
}

.radio-select-box input[type="radio"]:checked + label{

}

.radio-select-box input[type="radio"] {
  display:none;
}

.radio-select-box input[type="radio"] + label span {
  position: absolute;
  top: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: all 300ms ease;
}

.radio-select-box label span:before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  left: -2px;
  top: -2px;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0,0);
  transition: all 500ms ease;
}

.radio-select-box input[type="radio"]:checked + label span:before {
  opacity: 1;
  transform: scale(1,1);
}

.radio-select-box input[type="radio"]:checked + label span{

}

.nice-select:after{
  position: absolute;
  /* content: "\f107"; */
  /* font-family: 'Font Awesome 5 Pro'; */
  font-size: 16px;
  top: 5px;
  right: 30px;
  color: #848484;
  font-weight: 500;
  margin: 0px;
  border: none !important;
  transform: rotate(0deg) !important;
}

.nice-select{
  position: relative;
  display: block;
  /* width: 100%; */
  height: 50px;
  border: none !important;
  background: transparent;
  font-size: 12px;
  color: #848484;
  font-weight: 500;
  padding: 4px 35px;
}

.banner-section .content-box h1{
  position: relative;
  display: block;
  font-size: 55px;
  line-height: 60px;
  color: #fff;
  font-weight: 900;
  margin-bottom: 12px;
}

.banner-section .content-box p{
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 43px;
  font-weight: 600;
}

.banner-section .content-box .input-inner{
  position: relative;
  display: block;
  background: #fff;
  border-radius: 35px;
  padding: 5px 50px 5px 0px;
}

.banner-section .content-box .input-inner .form-group{
  position: relative;
  display: inline-block;
  float: left;
  width: 33.333%;
  margin: 0px;
}

.banner-section .content-box .input-inner .btn-box{
  position: absolute;
  top: 9px;
  right:4px;
}

.banner-section .content-box .input-inner .btn-box button{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding: 07px 40px;
  cursor: pointer;
  border-radius: 25px;
  transition: all 500ms ease
}

.banner-section .content-box .input-inner .btn-box button i{
  position: relative;
  top: 1px;
  margin-right: 10px;
}

.banner-section .content-box .input-inner .btn-box button:hover{
  background: #0d1927;
}

.banner-section .content-box .input-inner .form-group input[type='search']{
  position: relative;
  width: 250px;
  height: 45px;
  font-size: 12px;
  font-weight: 500;
  color: #848484;
  background: transparent;
  padding: 5px 40px 10px 68px;
}

.banner-section .content-box .input-inner .form-group:before{
  position: absolute;
  content: '';
  background: #a4a2a2;
  width: 1px;
  height: 35px;
  top: 5px;
  right: 0px;
}

.banner-section .content-box .input-inner .form-group:nth-child(3):before{
  display: none;
}

.banner-section .content-box .input-inner .form-group i{
  position: absolute;
  top: 15px;
  left: 30px;
  font-size: 16px;
  z-index: 1;
}

.banner-section .content-box .input-inner{
  position: relative;
  margin-bottom: 21px;
}


/** category-section **/

.category-section a {
  text-decoration: none; /* Removes the underline */
}

.category-section a:hover {
  text-decoration: none; /* Ensures no underline on hover */
}

.category-section{
  position: relative;
}

.category-section .category-block-one{
  position: relative;
  float: left;
  width: 20%;
  margin-bottom: 30px;
  text-decoration: none;
}

.category-section .inner-content{
  position: relative;
  margin: 0px -15px;
}

.category-block-one .inner-box{
  position: relative;
  max-width: 210px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 35px 15px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 10px 50px 0px #e4e7ee;
  transition: all 500ms ease;
}

.category-block-one .inner-box:hover{
  box-shadow: 0px 10px 50px 0px rgb(248 92 112 / 30%);
}

.category-block-one .inner-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 0%;
  left: 0px;
  top: 0px;
  right: 0px;
  transition: all 500ms ease;
}

.category-block-one .inner-box:hover:before{
  height: 100%;
}

.category-block-one .inner-box .icon-box{
  position: relative;
  display: inline-block;
  font-size: 50px;
  line-height: 50px;
  color: #93959e;
  margin-bottom: 11px;
  transition: all 500ms ease;
}
.feature-block-one {
  position: relative;
  background: #ffffff;
  border-radius: 15px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  width: 100%;
  
}

.feature-block-one .inner-box .image-box .image{
   width:100%;
}
.listing-type-box {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #EB362D;
  color: white;
  padding: 5px 10px;
  font-weight: bold;
  border-radius: 3px;
  font-size: 12px;
}

.category-block-one .inner-box:hover .icon-box{
  color: #fff;
}

.category-block-one .inner-box h5{
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 13px;
  text-decoration: none;
}

.category-block-one .inner-box:hover h5{
  color: #fff;
}

.category-block-one .inner-box span{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  color: #93959e;
  background: #f2f2f5;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  transition: all 500ms ease;
}

.category-block-one .inner-box:hover span{
  color: #fff;
  background-color: rgba(255,255,255,0.2);
}

.category-block-one .inner-box .shape .shape-1{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 61px;
  height: 77px;
  background-repeat: no-repeat;
}

.category-block-one .inner-box .shape .shape-2{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 35px;
  height: 61px;
  background-repeat: no-repeat;
}

.category-section .more-btn{
  position: relative;
  margin-top: 20px;
}

.category-section .more-btn .theme-btn-one{
  padding: 17px 48px;
}

.owl-nav-none .owl-nav,
.owl-dots-none .owl-dots{
  display: none !important;
}


/** feature-section **/

.feature-section{
  position: relative;
}

.feature-section .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.feature-section .owl-carousel .owl-stage-outer{
  overflow: visible;
}

.feature-section .owl-carousel .owl-stage-outer .owl-item{
  opacity: 0;
  transition: all 500ms ease;
}

.feature-section .owl-carousel .owl-stage-outer .owl-item.active{
  opacity: 1;
}

.feature-block-one .inner-box{
  position: relative;
  display: block;
  /* background: #fff; */
  border-radius: 10px;
  /* box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.1); */
  margin-bottom: 30px;
  text-decoration: none;
}

.feature-block-one .inner-box .image-box{
  position: relative;
  display: block;
}

.feature-block-one .inner-box .image-box .image{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px 10px 0px 0px;
}

.feature-block-one .inner-box .image-box .image img{
  width: 200px;
  height: 200px;
  
}
.feature-style-three a {
  text-decoration: none; /* Removes the underline for links */
}

.feature-style-three a:hover {
  text-decoration: none; /* Ensures no underline on hover */
}
.feature-block-one .inner-box .image-box1 .image img{
  width: 370px;
  height: 250px;
}

.feature-block-one .inner-box .image-box2 .image img{
  width: 350px;
  height: 250px;
}

.feature-block-one .inner-box .image-box .feature{
  position: absolute;
  top: 16px;
  right: -36px;
  padding: 3px 35px;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
  transform: rotate(45deg);
  z-index: 1;
  clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 0% 100%, 20% 0%);
}

.feature-block-one .inner-box .image-box .feature1{
  position: absolute;
  top: 16px;
  right: -36px;
  padding: 3px 35px;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
  transform: rotate(45deg);
  z-index: 1;
  clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 0% 100%, 20% 0%);
}

.feature-block-one .inner-box .image-box .shape{
  position: absolute;
  width: 110px;
  height: 110px;
  top: 0px;
  right: 0px;
}

.feature-block-one .inner-box .image-box .shape:before{
  position: absolute;
  content: '';
  width: 8px;
  height: 7px;
  left: 25px;
  top: -7px;
}

.feature-block-one .inner-box .image-box .shape:after{
  position: absolute;
  content: '';
  right: -6px;
  bottom: 26px;
  width: 7px;
  height: 8px;
}

.feature-block-one .inner-box .image-box img{
  width: 200px;
  transition: all 500ms ease;
  margin-left: 5px;
}



/* .feature-block-one .inner-box:hover .image-box img{
  transform: scale(1.05);
} */

.feature-block-one .inner-box .image-box .icon{
  position: absolute;
  left: 30px;
  top: -7px;
  width: 30px;
  height: 40px;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  z-index: 1;
}

.feature-block-one .inner-box .image-box .icon .icon-shape{
  position: absolute;
  top: 0px;
  right: -8px;
  width: 8px;
  height: 7px;
  clip-path: polygon(0% 0%, 0% 0%, 100% 100%, 0% 100%, 0% 0%);
}

.feature-block-one .inner-box .image-box .icon:before{
  position: absolute;
  content: '';
  width: 14px;
  height: 5px;
  left: 0px;
  bottom: -4px;
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
  border-bottom-left-radius: 10px;
}

.feature-block-one .inner-box .image-box .icon:after{
  position: absolute;
  content: '';
  width: 14px;
  height: 5px;
  right: 0px;
  bottom: -4px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%);
  border-bottom-right-radius: 10px;
}

.feature-block-one .inner-box .image-box:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  box-shadow: inset 0px -140px 50px -40px rgba(0, 0, 0, 0.7);
  z-index: 1;
  transition: all 500ms ease;
}

.feature-block-one .inner-box .image-box .rating{
  position: absolute;
  display: inline-block;
  left: 30px;
  bottom: 47px;
  z-index: 1;
}

.feature-block-one .inner-box .image-box .rating li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  margin: 0px 0px;
}

.feature-block-one .inner-box .image-box .rating li a{
  display: inline-block;
  font-size: 15px;
  color: #fff;
  margin-left: 5px;
}

.feature-block-one .inner-box .image-box h5{
  position: absolute;
  display: inline-block;
  right: 30px;
  bottom: 48px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 800;
  z-index: 1;
}

.feature-block-one .inner-box .image-box .rating li a:hover{
  text-decoration: none;
}

.feature-block-one .inner-box .lower-content{
  position: relative;
  display: block;
  padding: 0px 30px 32px 30px;
  text-decoration: none;
}
.feature-block-one .inner-box .lower-content:hover{
  position: relative;
  display: block;
  padding: 0px 30px 32px 30px;
  text-decoration: none;
}
.feature-block-one .inner-box .lower-content .author-box{
  position: relative;
  background: #fff;
  padding: 22px 15px;
  border-radius: 10px;
  margin-top: -35px;
  box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.1);
  z-index: 1;
  margin-bottom: 30px;
  text-decoration: none;
}

.feature-block-one .inner-box .lower-content .author-box .inner{
  position: relative;
  padding-left: 52px;
  text-decoration: none;
}

.feature-block-one .inner-box .lower-content .author-box .inner img{
  position: absolute;
  left: 0px;
  top: -7px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.feature-block-one .inner-box .lower-content .author-box .inner h6{
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  font-weight: 700;
  padding-right: 26px;
}

.feature-block-one .inner-box .lower-content .author-box .inner h6 i {
  position: absolute;
  top: 5px;
  right: 0px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  font-size: 8px;
  color: #fff;
  border-radius: 50%;
}

.feature-block-one .inner-box .lower-content .author-box .inner span{
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
  font-size: 11px;
  line-height: 18px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  padding: 4px 15px;
  border-radius: 25px;
}

.feature-block-one .inner-box .lower-content .category{
  position: relative;
  padding-left: 25px;
  margin-bottom: 1px;
  text-decoration: none;
}

.feature-block-one .inner-box .lower-content .category i{
  position: absolute;
  left: 0px;
  top: 8px;
  font-size: 12px;
  text-decoration: none;
}

.feature-block-one .inner-box .lower-content h3{
  display: block;
  font-size: 22px;
  line-height: 30px;
  font-weight: 800;
  text-decoration: none;
}
.feature-block-one .inner-box .lower-content h3:hover{
  display: block;
  font-size: 22px;
  line-height: 30px;
  font-weight: 800;
  text-decoration: none;
}
.feature-block-one .inner-box .lower-content h3 a{
  display: inline-block;
  color: #061a3a;
  text-decoration: none;
}

.feature-block-one .inner-box .lower-content h3 a:hover{
  text-decoration: none;
}
.feature-block-one .inner-box .lower-content h5:hover{
  text-decoration: none;
}
.dots-style-one .owl-dots .owl-dot span{
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #e5dddf;
  border-radius: 50%;
  cursor: pointer;
  margin: 0px 7.5px;
  transition: all 500ms ease;
}

.dots-style-one .owl-dots .owl-dot.active span,
.dots-style-one .owl-dots .owl-dot span:hover{
  text-decoration: none;
}

.feature-section .owl-dots{
  position: relative;
  text-align: center;
  margin-top: 27px;
}

.bg-color-1{
  background: #0d1927;
}


/** testimonial-section **/

.testimonial-section{
  position: relative;
}

.testimonial-section .image-layer{
  position: absolute;
  right: 400px;
  bottom: 0px;
  z-index: 1;
}

.testimonial-section .testimonial-content{
  position: relative;
  z-index: 2;
}

.testimonial-section .testimonial-content .text{
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.testimonial-section .testimonial-content .text p{
  font-size: 17px;
  line-height: 32px;
  font-family:  'FontStyle1', Arial, sans-serif;
  color: #fff;
  font-weight: 600;
}

.nav-style-one .owl-prev,
.nav-style-one .owl-next{
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  margin: 0px;
  color: #061a3a;
  cursor: pointer;
  transition: all 500ms ease;
}

.nav-style-one .owl-prev:hover,
.nav-style-one .owl-next:hover{
  color: #fff;
}

.testimonial-section .owl-nav{
  position: absolute;
  right: 10px;
  bottom: 5px;
}

.testimonial-section .nav-style-one .owl-prev{
  margin-right: 10px;
}

.testimonial-section .testimonial-content .author-box{
  position: relative;
  padding: 8px 0px 6px 90px;
  min-height: 70px;
}

.testimonial-section .testimonial-content .author-box .author-thumb{
  position: absolute;
  left: 0px;
  top: 0px;
  background: #4a535d;
  width: 70px;
  height: 70px;
  padding: 5px;
  border-radius: 50%;
}

.testimonial-section .testimonial-content .author-box .author-thumb img{
  width: 100%;
  border-radius: 50%;
}

.testimonial-section .testimonial-content .author-box h3{
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  font-weight: 800;
  margin-bottom: 0px;
}

.testimonial-section .testimonial-content .author-box .designation{
  position: relative;
  display: block;
  font-size: 15px;
  color: #c5c5c5;
}

.testimonial-section .sec-title{
  margin-bottom: 20px;
}

.rotate-me {
  animation-name: rotateme;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: rotateme;
  -webkit-animation-duration: 30s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotateme;
  -moz-animation-duration: 30s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotateme;
  -ms-animation-duration: 30s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotateme;
  -o-animation-duration: 30s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.anim-icon{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  max-width: 1920px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.anim-icon .icon{
  position: absolute;
  background-repeat: no-repeat;
}

.testimonial-section .anim-icon .anim-icon-1{
  left: 200px;
  top: 275px;
  width: 12px;
  height: 13px;
}

.testimonial-section .anim-icon .anim-icon-2{
  left: 80px;
  bottom: 80px;
  width: 13px;
  height: 12px;
}

.testimonial-section .anim-icon .anim-icon-3{
  top: 180px;
  right: 470px;
  width: 13px;
  height: 12px;
}

.testimonial-section .anim-icon .anim-icon-4{
  right: 370px;
  bottom: 230px;
  width: 12px;
  height: 13px;
}

.testimonial-section .pattern-layer .pattern-1{
  position: absolute;
  left: 65px;
  top: 0px;
  width: 164px;
  height: 100px;
  background-repeat: no-repeat;
}

.testimonial-section .pattern-layer .pattern-2{
  position: absolute;
  right: 0px;
  top: 180px;
  width: 50px;
  height: 150px;
  background-repeat: no-repeat;
}

.testimonial-section .pattern-layer .pattern-3{
  position: absolute;
  top: 245px;
  left: 61%;
  width: 174px;
  height: 174px;
  background-repeat: no-repeat;
}


/** feature-style-two **/

.feature-style-two{
  position: relative;
  padding: 114px 0px 90px 0px;
}

.feature-block-one .inner-box .lower-content .rating{
  position: relative;
  margin-top: 2px;
  margin-bottom: 17px;
}

.feature-block-one .inner-box .lower-content .rating li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  margin: 0px 0px;
}

.feature-block-one .inner-box .lower-content .rating li a {
  display: inline-block;
  font-size: 15px;
  color: #808080;
  margin-left: 5px;
}

.feature-block-one .inner-box .lower-content .rating li a:hover{

}

.feature-block-one .inner-box .lower-content .info li{
  position: relative;
  display: block;
  font-size: 15px;
  color: #808080;
  padding-left: 25px;
  margin-bottom: 4px;
}

.feature-block-one .inner-box .lower-content .info li:last-child{
  margin-bottom: 0px;
}

.feature-block-one .inner-box .lower-content .info li i{
  position: absolute;
  left: 0px;
  top: 5px;
  color: #c7c7c7;
}

.feature-block-one .inner-box .lower-content .info{
  position: relative;
  margin-bottom: 24px;
}

.feature-block-one .inner-box .lower-content .lower-box{
  position: relative;
  display: block;
  padding-top: 13px;
}

.feature-block-one .inner-box .lower-content .lower-box:before{
  position: absolute;
  content: '';
  background: #edeff2;
  width: calc(100% + 60px);
  height: 1px;
  left: -30px;
  top: 0px;
}

.feature-block-one .inner-box .lower-content .lower-box h5{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 800;
}

.feature-block-one .inner-box .lower-content .lower-box h5 span{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #808080;
  font-family:  'FontStyle1', Arial, sans-serif;
  font-weight: 400;
  line-height: 26px;
  margin-right: 8px;
  top: -2px;
}

.feature-block-one .inner-box .lower-content .lower-box .react-box{
  position: absolute;
  top: 15px;
  right: 0px;
}

.feature-block-one .inner-box .lower-content .lower-box .react-box li{
  position: relative;
  display: inline-block;
  margin-right: 28px;
}

.feature-block-one .inner-box .lower-content .lower-box .react-box li:last-child{
  margin: 0px !important;
}

.feature-block-one .inner-box .lower-content .lower-box .react-box li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  color: #989aa3;
}

.feature-block-one .inner-box .lower-content .lower-box .react-box li a:hover{

}

.feature-block-one .inner-box .lower-content .lower-box .react-box li:before{
  position: absolute;
  content: '';
  background: #e5e7ec;
  width: 1px;
  height: 22px;
  top: 2px;
  right: -17px;
}

.feature-block-one .inner-box .lower-content .lower-box .react-box li:last-child:before{
  display: none;
}

.feature-style-two .feature-block-one .inner-box .lower-content{
  padding-bottom: 17px;
}

.feature-style-two .feature-block-one .inner-box .image-box:before{
  display: none;
}

.tabs-box .tab{
  position:relative;
  display:none;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.tabs-box .tab.active-tab{
  display:block;  
}

.tabs-box .tab{
  transform:scale(0.9,0.9) translateY(0px);
}

.tabs-box .tab.active-tab{
  transform:scale(1) translateY(0px);
}

.tabs-box .tab-btn-box .tab-btns {
  position: relative;
  display: inline-block;
  margin-bottom: 60px;
}

.tabs-box .tab-btn-box .tab-btns:before {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 40px;
  width: 80px;
  content: "";
  border-radius: 30px;
  background-color: #ffebed;
  border: 1px solid #f7c6cc;
}

.tabs-box .tab-btn-box .tab-btns li{
  position: relative;
  display: inline-block;
  text-align: right;
  font-size: 18px;
  font-family:  'FontStyle1', Arial, sans-serif;
  padding: 0px 70px 0px 0px;
  line-height: 40px;
  font-weight: 800;
  color: #061a3a;
  cursor: pointer;
  transition: all 500ms ease;
}

.tabs-box .tab-btn-box .tab-btns li.active-btn{

}

.tabs-box .tab-btn-box .tab-btns li:last-child{
  padding-right: 0;
  padding-left: 70px;
  text-align: left;
}

.tabs-box .tab-btn-box .tab-btns li.active-btn:before {
  right: 0px;
}

.tabs-box .tab-btn-box .tab-btns li:before {
  position: absolute;
  top: 5px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  content: "";
  right: -41px;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.tabs-box .tab-btn-box .tab-btns li:last-child:before{
  display: none;
}

.feature-style-two .sec-title{
  margin-bottom: 32px;
}


/** clients-section **/

.clients-section{
  position: relative;
  padding: 125px 0px 55px 0px;
}

.clients-section .pattern-layer{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.clients-section .clients-logo-list li{
  position: relative;
  display: inline-block;
  float: left;
  width: 33.333%;
}

.clients-section .clients-logo-list li .clients-logo{
  position: relative;
  display: block;
  text-align: center;
  min-height: 70px;
  line-height: 70px;
  margin-bottom: 26px;
}

.clients-section .clients-logo-list li .clients-logo img{
  transition: all 500ms ease;
  transform: scale(1);
}

.clients-section .clients-logo-list li .clients-logo img:hover{
  transform: scale(0.95);
}

.clients-section .inner-box{
  position: relative;
  margin-top: 42px;
}

.border-bottom{
  border-bottom: 1px solid #edeff2 !important;
}


/** place-section **/

.place-section{
  position: relative;
}

.place-section .inner-content{
  position: relative;
  padding: 114px 0px 90px 0px;
}

.place-block-one .inner-box{
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.place-block-one .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
}

.place-block-one .inner-box .image-box:before{
  position: absolute;
  content: '';
  background: rgba(13,25,39,0.6);
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 500ms ease;
  opacity: 0;
}

.place-block-one .inner-box:hover .image-box:before{
  opacity: 1;
}

.place-block-one .inner-box .image-box img{
  transition: all 1500ms ease;
  width: 100%;
}

.place-block-one .inner-box:hover .image-box img{
  transform: scale(1.1);
}

.place-block-one .inner-box .lower-content{
  position: relative;
  margin: 0px 30px;
}

.place-block-one .inner-box .lower-content .inner{
  position: relative;
  background: #fff;
  padding: 26px 30px 30px 30px;
  margin-top: -60px;
  z-index: 1;
  border-radius: 5px;
  box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.1);
}

.place-block-one .inner-box .lower-content .inner h3{
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 30px;
  font-weight: 800;
  margin-bottom: 8px;
}

.place-block-one .inner-box .lower-content .inner h3 a{
  display: inline-block;
  color: #061a3a;
}

.place-block-one .inner-box .lower-content .inner h3 a:hover{

}

.place-block-one .inner-box .lower-content .inner span{
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #061a3a;
  background: #f5f6fa;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 25px;
  border: 1px solid #edeff2;
  text-align: center;
  padding: 0.5px 15px;
}

.owl-carousel .place-block-one .inner-box{
  margin-bottom: 0px;
}

.nice-select .list{
  min-width: 200px;
}


/** pricing-section **/

.pricing-section{
  position: relative;
}

.pricing-section .sec-title h2{
  margin-bottom: 0px;
}

.pricing-block-one .pricing-table{
  position: relative;
  display: block;
  background: #fff;
  box-shadow: 0px 10px 50px 0px #e4e7ee;
  padding: 62px 50px 70px 50px;
  border-radius: 10px;
  transition: all 500ms ease;
}

.pricing-block-one .pricing-table .teble-header{
  position: relative;
  padding-bottom: 18px;
  border-bottom: 1px solid #edeff2;
}

.pricing-block-one .pricing-table .teble-header:before{
  position: absolute;
  content: '';
  background: #e4e8ed;
  width: 15px;
  height: 15px;
  right: 0px;
  bottom: -7px;
  border-radius: 5px;
}

.pricing-block-one .pricing-table .teble-header p{
  font-size: 18px;
  line-height: 26px;
  color: #061a3a;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 19px;
}

.pricing-block-one .pricing-table .teble-header h2{
  font-size: 50px;
  line-height: 56px;
  font-weight: 800;
}

.pricing-block-one .pricing-table .teble-header h2 span{
  font-size: 15px;
  font-family:  'FontStyle1', Arial, sans-serif;
  color: #808080;
}

.pricing-block-one .pricing-table .table-content{
  position: relative;
  display: block;
  padding: 33px 0px
}

.pricing-block-one .pricing-table .table-content .list li{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  font-family:  'FontStyle1', Arial, sans-serif;
  color: #061a3a;
  font-weight: 500;
  padding-left: 30px;
  margin-bottom: 19px;
}

.pricing-block-one .pricing-table .table-content .list li:last-child{
  margin-bottom: 0px;
}

.pricing-block-one .pricing-table .table-content .list li:before{
  position: absolute;
  content: '\e911';
  font-family:  'FontStyle1', Arial, sans-serif;
  font-size: 7px;
  color: #fff;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  border-radius: 5px;
  left: 0px;
  top: 6px;
}

.pricing-block-one .pricing-table .table-content .list li.light:before{
  content: '';
  background-color: #d7dbe0;
}

.pricing-block-one .pricing-table .table-content .list li.light{
  color: #808080;
}

.pricing-block-one .pricing-table .table-footer a{
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 26px;
  color: #fff;
  background-color: #061a3a;
  font-weight: 500;
  padding: 14.5px 35px;
  text-align: center;
  border-radius: 30px;
}

.pricing-block-one .pricing-table .table-footer a:hover{

}

.pricing-block-one.active .pricing-table{
  background-color: #061a3a;
}

.pricing-block-one.active .pricing-table .teble-header p,
.pricing-block-one.active .pricing-table .teble-header h2,
.pricing-block-one.active .pricing-table .teble-header h2 span,
.pricing-block-one.active .pricing-table .table-content .list li{
  color: #fff;
}

.pricing-block-one.active .pricing-table .teble-header{
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.pricing-block-one.active .pricing-table .teble-header:before{
  background-color: #384861;
}

.pricing-block-one.active .pricing-table .table-content .list li.light{
  color: #b9bbc0;
}

.pricing-block-one.active .pricing-table .table-content .list li.light:before{
  background-color: #384861;
}

.pricing-block-one.active .pricing-table .table-footer a{

}


/** download-section **/

.download-section{
  position: relative;
  padding: 40px 0px;
}

.download-section .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.download-section .image-box{
  position: relative;
  display: inline-block;
}

.download-section .image-box .image-2{
  position: absolute;
  top: 0px;
  right: 0px;
}

.download-section .content_block_1 .content-box span.upper-text{
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  padding: 3px 15px;
  text-transform: uppercase;
  border-radius: 3px;
  margin-bottom: 19px;
}

.download-section .content_block_1 .content-box h2{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 55px;
  font-weight: 900;
  margin-bottom: 35px;
}

.download-section .content_block_1 .content-box .download-btn a{
  position: relative;
  display: inline-block;
  background-color: #fff;
  padding: 12px 39px 14px 80px;
  border-radius: 35px;
  box-shadow: 0px 20px 30px 0px #e4e2e0;
}

.download-section .content_block_1 .content-box .download-btn a:hover{
  background-color: #061a3a;
}

.download-section .content_block_1 .content-box .download-btn a.app-store{
  margin-right: 7px;
}

.download-section .content_block_1 .content-box .download-btn a i{
  position: absolute;
  left: 30px;
  top: 15px;
  font-size: 40px;
  color: #061a3a;
  transition: all 500ms ease;
}

.download-section .content_block_1 .content-box .download-btn a:hover i{
  color: #fff;
}

.download-section .content_block_1 .content-box .download-btn a span{
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #93959e;
  font-weight: 500;
  transition: all 500ms ease;
}

.download-section .content_block_1 .content-box .download-btn a:hover span{
  color: rgba(255,255,255,0.7);
}

.download-section .content_block_1 .content-box .download-btn a h4{
  display: block;
  font-size: 20px;
  line-height: 24px;
  font-weight: 800;
  transition: all 500ms ease;
}

.download-section .content_block_1 .content-box .download-btn a:hover h4{
  color: #fff;
}


/** news-section **/

.news-section{
  position: relative;
}

.news-block-one .inner-box{
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 10px 30px 8px #e5ebea;
}

.news-block-one .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
}

.news-block-one .inner-box .image-box img{
  width: 100%;
  transition: all 500ms ease;
}

.news-block-one .inner-box:hover .image-box img{
  transform: scale(1.05);
}

.news-block-one .inner-box .image-box:before{
  position: absolute;
  content: '';
  background: rgba(13,25,39,0.6);
  width: 100%;
  height: 100%;
  transform: scale(0,0);
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1;
  transition: all 500ms ease;
}

.news-block-one .inner-box:hover .image-box:before{
  transform: scale(1);
}

.news-block-one .inner-box .image-box a{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  font-size: 0px;
  color: #fff;
  z-index: 1;
}

.news-block-one .inner-box .lower-content{
  position: relative;
  padding: 62px 40px 48px 40px;
}

.news-block-one .inner-box .lower-content .admin-thumb{
  position: absolute;
  left: 40px;
  top: -50px;
  width: 80px;
  height: 80px;
  background: #fff;
  padding: 5px;
  border-radius: 50%;
  box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.15);
  z-index: 1;
}

.news-block-one .inner-box .lower-content .admin-thumb img{
  width: 100%;
  border-radius: 50%;
}

.news-block-one .inner-box .lower-content .category{
  position: relative;
  display: block;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.news-block-one .inner-box .lower-content h3{
  display: block;
  font-size: 26px;
  line-height: 30px;
  font-weight: 800;
  margin-bottom: 18px;
}

.news-block-one .inner-box .lower-content h3 a{
  display: inline-block;
  color: #061a3a;
}

.news-block-one .inner-box .lower-content h3 a:hover{

}

.news-block-one .inner-box .lower-content p{
  line-height: 28px;
  margin-bottom: 14px;
}

.news-block-one .inner-box .lower-content .post-info{
  position: relative;
  display: block;
}

.news-block-one .inner-box .lower-content .post-info a{
  font-weight: 600;
  color: #061a3a;
}

.news-block-one .inner-box .lower-content .post-info a:hover{

}

.news-section .sec-title h2{
  margin-bottom: 0px;
}


/** subscribe-section **/

.subscribe-section{
  position: relative;
  padding: 90px 0px;
}

.subscribe-section .pattern-layer{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.subscribe-section .text{
  position: relative;
  display: block;
  padding: 0px 0px 0px 100px;
  margin-top: 3px;
}

.subscribe-section .text .icon-box{
  position: absolute;
  left: 0px;
  top: -3px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  background: #fff;
  font-size: 30px;
  text-align: center;
  border-radius: 50%;
}

.subscribe-section .text h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 38px;
  font-weight: 900;
  margin-bottom: 3px;
}

.subscribe-section .text p{
  color: #061a3a;
}

.subscribe-section .subscribe-form .form-group{
  position: relative;
  margin: 0px;
}

.subscribe-section .subscribe-form .form-group input[type='email']{
  position: relative;
  display: block;
  width: 100%;
  height: 70px;
  padding: 10px 200px 10px 30px;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 35px;
  font-size: 15px;
  color: #808080;
  transition: all 500ms ease;
}

.subscribe-section .subscribe-form .form-group button{
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.subscribe-section .subscribe-form .form-group input:focus{

}


/** main-footer **/

.main-footer{
  position: relative;
  height: 430px;

}

.main-footer .footer-top{
  position: relative;
  width: 100%;
  padding: 130px 0px 110px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.main-footer .footer-top:before{
  position: absolute;
  content: '';
  background: #E6F0F9;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  opacity: 0.9;
}

.footer-top .logo-widget{
  position: relative;
  margin-top: -70px;
  padding:20px;
  margin-left:45px;

}

.footer-top .logo-widget .footer-logo{
  position: relative;
  /* margin-left:-140px;*/
  width:90%; 
  margin-bottom: 34px;
}

.footer-top .logo-widget .footer-logo img {
  width: 60%;
  margin-left: 35px;
}

.footer-top .logo-widget .text{
  margin-bottom: 33px;
}

.footer-top .logo-widget .text p{
  color: #aeb1b8;
}

.footer-top .logo-widget .social-links li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.footer-top .logo-widget .social-links li:last-child{
  margin: 0px !important;
}

.footer-top .logo-widget .social-links li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  background-color: #253650;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
}

.footer-top .logo-widget .social-links li a:hover{

}

.ml-70{
  margin-left: 70px;
}

.footer-top .footer-widget .widget-title{
  position: relative;
  display: block;
  margin-bottom: 46px;
  margin-top: -120px;
  margin-left:-130px;
  color:black;
}
.footer-top .footer-widget .widget-title1{
  position: relative;
  display: block;
  margin-bottom: 46px;
  margin-top: -100px;
  margin-left:-60px;
  color:black;
}
.footer-top .footer-widget .widget-title2{
  position: relative;
  display: block;
  margin-bottom: 46px;
  margin-top: -80px;
  margin-left:20px;
  color:black;
}
.footer-top .footer-widget .widget-title h3{
  font-size: 28px;
  line-height: 30px;
  color: #000000;
  font-weight: 800;
  margin-left:30px;
}
.footer-top .footer-widget .widget-title1 h3{
  font-size: 28px;
  line-height: 30px;
  color: #000000;
  font-weight: 800;
  margin-left:-20px;
}
.footer-top .footer-widget .widget-title2 h3{
  font-size: 28px;
  line-height: 30px;
  color: #000000;
  font-weight: 800;
  margin-left:-20px;
}

.footer-top .links-widget .links-list li{
  position: relative;
  display: block;
  margin-bottom: 12px;
  margin-left:-80px;
  margin-top:-10px;
}

.footer-top .links-widget .links-list li a{
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #aeb1b8;
  text-decoration: none;
}

.footer-top .links-widget .links-list li a:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 1px;
  left: 0px;
  bottom: 4px;
  opacity: 0;
  transition: all 500ms ease;
  text-decoration: none;
}

.footer-top .links-widget .links-list li a:hover:before{
  width: 100%;
  opacity: 1;
  text-decoration: none;
}

.footer-top .links-widget .links-list li a:hover{
  text-decoration: none;
}

.footer-top .post-widget .post-inner .post{
  position: relative;
  display: block;
  padding: 3px 0px 6px 115px;
  min-height: 90px;
  margin-bottom: 30px;
}

.footer-top .post-widget .post-inner .post:last-child{
  margin-bottom: 0px;
}

.footer-top .post-widget{
  position: relative;
  margin-left: -30px;
  margin-right: 10px;
}

.footer-top .post-widget .post-inner .post .post-thumb{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 90px;
  height: 90px;
  border-radius: 5px;
  overflow: hidden;
}

.footer-top .post-widget .post-inner .post .post-thumb img{
  width: 100%;
  border-radius: 5px;
}

.footer-top .post-widget .post-inner .post .post-thumb:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  transform: scale(0,0);
  opacity: 0.8;
  transition: all 500ms ease;
}

.footer-top .post-widget .post-inner .post:hover .post-thumb:before{
  transform: scale(1,1);
}

.footer-top .post-widget .post-inner .post .post-thumb a{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  font-size: 0px;
  color: #fff;
  z-index: 1;
}

.footer-top .post-widget .post-inner .post h5{
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 24px;
  color: #aeb1b8;
  font-weight: 600;
  margin-bottom: 7px;
}

.footer-top .post-widget .post-inner .post h5 a{
  display: inline-block;
  color: #aeb1b8;
}

.footer-top .post-widget .post-inner .post h5 a:hover{

}

.footer-top .post-widget .post-inner .post p{
  color: #aeb1b8;
  margin: 0px;
  
}

.footer-top .post-widget .widget-title{
  margin-bottom: 55px;
}
 
.footer-top .contact-widget .info-list li{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 26px;
  color: #aeb1b8;
  padding-left: 30px;
  margin-bottom: 20px;
}

.footer-top .contact-widget .info-list li i{
  position: absolute;
  left: 0px;
  top: 5px;
  font-size: 20px;
}

.footer-top .contact-widget .info-list li:last-child{
  margin-bottom: 0px;
}

.footer-top .contact-widget .info-list li a{
  display: inline-block;
  color: #aeb1b8;
}

.footer-top .contact-widget .info-list li a:hover{

}

.footer-bottom{
  position: relative;
  background: #0e213f;
  padding: 27px 0px;
}

.footer-bottom .copyright p{
  font-size: 15px;
  line-height: 26px;
  color: #aeb1b8;
}

.footer-bottom .copyright p a{
  display: inline-block;
  color: #aeb1b8;
}

.footer-bottom .copyright p a:hover{

}

.footer-bottom .footer-nav li{
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  color: #aeb1b8;
  margin-right: 25px;
}

.footer-bottom .footer-nav li:last-child{
  margin: 0px !important;
}

.footer-bottom .footer-nav li a{
  display: inline-block;
  color: #aeb1b8;
}

.footer-bottom .footer-nav li a:hover{

}

.footer-bottom .footer-nav li:before{
  position: absolute;
  content: '';
  background-color: #aeb1b8;
  width: 1px;
  height: 15px;
  top: 6px;
  right: -15px;
}

.footer-bottom .footer-nav li:last-child:before{
  display: none;
}


/*** 

====================================================================
                        Home-Page-Two
====================================================================

***/


/** header-style-two **/

.main-header.style-two{
  position: absolute;
  left: 0px;
  top: 0px;
  background: transparent;
}

.main-header.style-two .header-lower .main-menu .navigation > li > a{
  color: #fff;
}


/** banner-style-two **/

.banner-section.style-two{
  padding: 225px 0px 0px 0px;
}

.banner-section.style-two .form-inner{
  position: relative;
  display: inline-block;
  width: 100%;
  background: #fff;
  padding: 40px 50px;
  box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.1);
  margin-bottom: -100px;
  border-radius: 10px;
  z-index: 1;
}

.banner-section.style-two .content-box .text{
  margin-bottom: 135px;
}

.banner-section.style-two .content-box .text p{
  margin: 0px;
}

.banner-section.style-two .radio-select-box label{
  background: #f2f2f5;
  border-radius: 25px;
  color: #848484;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  padding: 3px 15px 3px 30px;
}

.banner-section.style-two .radio-select-box input[type="radio"] + label span{
  border: 2px solid #848484;
  left: 15px;
  top: 8px;
}

.banner-section.style-two .radio-select-box input[type="radio"]:checked + label{
  color: #fff;
}

.banner-section.style-two .radio-select-box input[type="radio"]:checked + label span{
  border: 2px solid #fff;
  background-color: #fff;
}

.banner-section.style-two .radio-select-box label span:before{
  background-color: #fff;
}

.banner-section.style-two .content-box .input-inner{
  border: 1px solid #e6ebeb;
  border-radius: 35px;
  margin: 0px;
}

.banner-section.style-two .radio-select-box{
  margin-bottom: 25px;
}

.banner-section.style-two .radio-select-box li{
  margin-right: 6px;
}

.category-section.alternat-2{
  padding-top: 215px;
}

.category-section .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.owl-carousel .category-block-one{
  float: none;
  width: 100% !important;
}

.category-section .owl-carousel .owl-stage-outer{
  overflow: visible;
}

.category-section .owl-carousel .owl-stage-outer .owl-item{
  opacity: 0;
  transition: all 500ms ease;
}

.category-section .owl-carousel .owl-stage-outer .owl-item.active{
  opacity: 1;
}

.category-section .owl-dots{
  margin-top: 17px;
}

.feature-block-one .inner-box .lower-content h4{
  display: block;
  font-size: 20px;
  line-height: 28px;
  font-weight: 800;
  font-family: 'FontStyle6', Arial, sans-serif;
}

.feature-block-one .inner-box .lower-content h4 a{
  display: inline-block;
  color: #EB362D;
}



.feature-block-one .inner-box .lower-content h4 a:hover{

}


/** chooseus-section **/

.chooseus-section{
  position: relative;
  padding: 113px 0px 111px 0px;
}

.chooseus-section .image-layer{
  position: absolute;
  left: 370px;
  bottom: 0px;
}

.chooseus-section .anim-icon .anim-icon-1 {
  left: 200px;
  top: 275px;
  width: 12px;
  height: 13px;
}

.chooseus-section .anim-icon .anim-icon-2 {
  left: 85px;
  bottom: 165px;
  width: 13px;
  height: 12px;
}

.chooseus-section .anim-icon .anim-icon-3 {
  right: 40px;
  top: 230px;
  width: 13px;
  height: 12px;
}

.chooseus-section .anim-icon .anim-icon-4 {
  right: 270px;
  top: 300px;
  width: 12px;
  height: 13px;
}

.chooseus-section .anim-icon .anim-icon-5 {
  left: 37%;
  top: 48%;
  width: 13px;
  height: 12px;
}

.chooseus-section .pattern-layer .pattern-1 {
  position: absolute;
  left: 65px;
  top: 0px;
  width: 164px;
  height: 100px;
  background-repeat: no-repeat;
}

.chooseus-section .pattern-layer .pattern-2 {
  position: absolute;
  top: 60px;
  right: 110px;
  width: 174px;
  height: 174px;
  background-repeat: no-repeat;
}

.chooseus-section .pattern-layer .pattern-3 {
  position: absolute;
  left: 350px;
  top: 260px;
  width: 174px;
  height: 174px;
  background-repeat: no-repeat;
}

.content_block_2 .content-box .inner-box .single-item{
  position: relative;
  padding-left: 90px;
  margin-bottom: 16px;
  min-height: 91px;
}

.content_block_2 .content-box .inner-box .single-item:last-child{
  margin-bottom: 0px;
}

.content_block_2 .content-box .inner-box .single-item .icon-box{
  position: absolute;
  left: 0px;
  top: 6px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  background-color: rgba(255,255,255,0.1);
  border-radius: 50%;
  z-index: 1;
}

.content_block_2 .content-box .inner-box .single-item .icon-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  border-radius: 50%;
  transform: scale(0,0);
  z-index: -1;
  transition: all 500ms ease;
}

.content_block_2 .content-box .inner-box .single-item:hover .icon-box:before{
  transform: scale(1,1);
}

.content_block_2 .content-box .inner-box .single-item h3{
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 5px;
}

.content_block_2 .content-box .inner-box .single-item p{
  font-size: 15px;
  line-height: 28px;
  color: #aeb1b8;
}

.chooseus-section .content_block_2 .content-box{
  margin-right: 70px;
}

.content_block_2 .content-box .sec-title{
  margin-bottom: 32px;
}

.feature-style-two.four-column .feature-block-one .inner-box .lower-content{
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 23px;
}


/*** 

====================================================================
                        Home-Page-Three
====================================================================

***/


/** header-style-three **/

.main-header.style-three{
  background-color: #0d1927;
}

.main-header.style-three .header-lower .main-menu .navigation > li > a{
  color: #fff;
}

.main-header.style-three .header-lower .theme-btn-one:hover{
  background-color: #fff;
}

.main-header.style-three .header-lower .theme-btn-one:before{
  background-color: #fff;
}


/** banner-style-three **/

.banner-section.style-three{
  position: relative;
  padding: 85px 0px;
}

.banner-section.style-three:before{
  opacity: 0.5;
}

.banner-section.style-three .content-box{
  position: relative;
  margin-right: 10px;
}

.banner-section.style-three .inner-box{
  position: relative;
  display: block;
  background: #fff;
  border-radius: 10px;
  padding: 58px 35px 65px 35px;
}

.banner-section.style-three .inner-box .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner-section.style-three .inner-box form .form-group{
  position: relative;
  margin-bottom: 20px;
  min-height: 50px;
}

.banner-section.style-three .inner-box form .form-group:last-child{
  margin-bottom: 0px;
}

.banner-section.style-three .inner-box form .form-group input[type='search'],
.banner-section.style-three .inner-box form .form-group .nice-select{
  position: relative;
  width: 100%;
  height: 50px;
  background: #fff;
  border-radius: 30px;
  font-size: 15px;
  color: #848484;
  font-weight: 500;
  padding: 10px 30px 10px 58px;
}

.banner-section.style-three .inner-box form .form-group i{
  position: absolute;
  left: 30px;
  top: 15px;
  z-index: 1;
  font-size: 18px;
}

.banner-section.style-three .inner-box form .form-group .nice-select{
  padding: 5px 30px 5px 58px;
}

.banner-section.style-three .inner-box form .form-group button{
  display: block;
  width: 100%;
  text-align: left;
  padding: 13px 30px 13px 65px;
}

.banner-section.style-three .inner-box h3{
  display: block;
  font-size: 30px;
  line-height: 38px;
  font-weight: 900;
  margin-bottom: 27px;
}


/** feature-style-three **/

.feature-style-three{
  position: relative;
  padding: 114px 0px 90px 0px;
}

.feature-style-three .feature-block-one .inner-box{
  position: relative;
  padding: 33px 30px 28px 230px;
}

.feature-style-three .feature-block-one .inner-box .image-box{
  position: absolute;
  left: 0px;
  top: 0px;
}

.feature-style-three .feature-block-one .inner-box .image-box:before{
  display: none;
}

.feature-style-three .feature-block-one .inner-box .image-box .image{
  border-radius: 10px 0px 0px 10px;
}

.feature-style-three .feature-block-one .inner-box .image-box .image img{
  border-radius: 10px 0px 0px 10px;
}

.feature-style-three .feature-block-one .inner-box .image-box .feature-2{
  position: absolute;
  left: -7px;
  top: 20px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 0px 3px 3px 0px;
  padding: 3px 17px;
}

.feature-style-three .feature-block-one .inner-box .image-box .feature-2:before{
  position: absolute;
  content: '';
  width: 7px;
  height: 7px;
  left: 0px;
  bottom: -7px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%);
}

.feature-style-three .feature-block-one .inner-box .lower-content .lower-box:before{
  display: none;
}

.feature-style-three .feature-block-one .inner-box .lower-content{
  padding: 0px;
}

.feature-style-three .feature-block-one .inner-box .lower-content .category{
  margin-bottom: 3px;
}

.feature-style-three .feature-block-one .inner-box .lower-content .lower-box{
  padding-top: 0px;
}

.feature-style-three .feature-block-one .inner-box .lower-content .lower-box .react-box{
  top: 2px;
}



/*** 

====================================================================
                        Home-Page-Four
====================================================================

***/

/** header-style-four **/

.header-top{
  position: relative;
  width: 100%;
  background: #0d1927;
  padding: 12px 0px;
}

.header-top .top-inner{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.header-top .top-inner .info-list li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: rgba(255,255,255,0.6);
  margin-right: 35px;
  padding-left: 22px;
}

.header-top .top-inner .info-list li:last-child{
  margin: 0px !important;
}

.header-top .top-inner .info-list li a{
  display: inline-block;
  color: rgba(255,255,255,0.6);
}

.header-top .top-inner .info-list li a:hover{

}

.banner-section.style-four:before{
  opacity: 0.7;
}

.header-top .top-inner .info-list li i{
  position: absolute;
  left: 0px;
  top: 6px;
}

.header-top .top-inner .info-list li:before{
  position: absolute;
  content: '';
  background: rgba(255,255,255,0.2);
  width: 1px;
  height: 16px;
  top: 4px;
  right: -20px;
}

.header-top .top-inner .info-list li:last-child:before{
  display: none;
}

.header-top .top-inner .right-column .social-links li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  margin-right: 25px;
}

.header-top .top-inner .right-column .social-links li a{
  display: inline-block;
  color: rgba(255,255,255,0.6);
}

.header-top .top-inner .right-column .social-links li:last-child{
  margin: 0px !important;
}

.header-top .top-inner .right-column .social-links li a:hover{

}

.header-top .top-inner .right-column .social-links{
  position: relative;
  float: left;
  padding-right: 30px;
  margin-right: 30px;
}

.header-top .top-inner .right-column .social-links:before{
  position: absolute;
  content: '';
  background: rgba(255,255,255,0.2);
  width: 1px;
  height: 16px;
  top: 4px;
  right: 0px;
}

.header-top .top-inner .right-column .sign-in{
  position: relative;
  float: left;
}

.header-top .top-inner .right-column .sign-in a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: rgba(255,255,255,0.6);
}

.header-top .top-inner .right-column .sign-in a i{
  margin-right: 10px;
}

.header-top .top-inner .right-column .sign-in a:hover{

}

.banner-section .form-inner .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
}

.banner-section.style-four .content-box .input-inner{
  border: none;
  box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.08);
}

.banner-section.style-four .form-inner{
  box-shadow: none;
}


/** category-style-two **/

.category-style-two{
  position: relative;
  padding: 213px 0px 90px 0px;
}

.category-block-two .inner-box{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.08);
  margin-bottom: 30px;
}

.category-block-two .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
}

.category-block-two .inner-box .image-box img{
  width: 100%;
  transform: scale(1.05);
  transition: all 500ms ease;
}

.category-block-two .inner-box:hover .image-box img{
  opacity: 0.2;
  transform: scale(1);
}

.category-block-two .inner-box .lower-content{
  position: relative;
  padding: 26px 30px;
}

.category-block-two .inner-box .lower-content span{
  position: absolute;
  top: -23px;
  right: 30px;
  display: inline-block;
  width: 46px;
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 5px rgba(115,96,255,0.35);
}

.category-block-two .inner-box .lower-content .icon-box{
  position: absolute;
  left: 10px;
  bottom: 15px;
  color: #e4e4e7;
  font-size: 50px;
  line-height: 50px;
}

.category-block-two .inner-box .lower-content h4{
  display: block;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.category-block-two .inner-box .lower-content h4 a{
  display: inline-block;
  color: #061a3a;
}

.category-block-two .inner-box .lower-content h4 a:hover{

}




.feature-style2-three{
  position: relative;
  padding: 114px 0px 90px 0px;
  margin-left: 40px;
  width: 1100px;
}


.feature-style2-three .feature-block-one .inner-box{
  font-family: 'FontStyle6', Arial, sans-serif;
  position: relative;
  padding: 33px 30px 28px 230px;
  height: 250px;
  width: 500px;
}

.feature-style2-three .feature-block-one .inner-box .image-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 550px;
}

.feature-style2-three .feature-block-one .inner-box .image-box:before{
  display: none;
}

.feature-style2-three .feature-block-one .inner-box .image-box .image{
  border-radius: 10px 0px 0px 10px;
}

.feature-style2-three .feature-block-one .inner-box .image-box .image img{
  border-radius: 15px 0 0 15px;
  margin-left: -1px;
  object-fit: cover;
  height: 250px;
  width: 60%;
  margin-top: 0px;

}

.feature-style2-three .feature-block-one .inner-box .image-box .feature-2{
  position: absolute;
  left: -7px;
  top: 20px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 0px 3px 3px 0px;
  padding: 3px 17px;
}

.feature-style2-three .feature-block-one .inner-box .image-box .feature-2:before{
  position: absolute;
  content: '';
  width: 7px;
  height: 7px;
  left: 0px;
  bottom: -7px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 0%);
}

.feature-style2-three .feature-block-one .inner-box .lower-content .lower-box:before{
  display: none;
}

.feature-style2-three .feature-block-one .inner-box .lower-content{
  padding: 0px;
}

.feature-style2-three .feature-block-one .inner-box .lower-content .category{
  margin-bottom: 3px;
}

.feature-style2-three .feature-block-one .inner-box .lower-content .lower-box{
  padding-top: 0px;
}

.feature-style2-three .feature-block-one .inner-box .lower-content .lower-box .react-box{
  top: 2px;
}
.feature-style2-three .feature-block-one .inner-box .lower-content .lower-box .action-buttons {
  display: flex;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.feature-style2-three .feature-block-one .inner-box .lower-content .lower-box .action-buttons li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  padding: 5px 10px;
  border: 2px solid #ccc; /* Default border */
  border-radius: 5px;
  transition: border-color 0.3s ease, color 0.3s ease;
  background-color: transparent; /* No background color */
}

.feature-style2-three .feature-block-one .inner-box .lower-content .lower-box .action-buttons li a i {
  margin-right: 5px;
  font-size: 14px;
}

.feature-style2-three .feature-block-one .inner-box .lower-content .lower-box .action-buttons li a:hover {
  color: #007bff; /* Text color changes on hover */
  border-color: #007bff; /* Border color changes on hover */
  background-color: transparent; /* Ensure no background color */
}

.feature-style2-three .feature-block-one .inner-box .lower-content .lower-box .details-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.feature-style2-three .feature-block-one .inner-box .lower-content .lower-box .price {
  font-size: 18px;
  font-weight: bold;
  color: #EB362D;
  margin-left: 330px;
  white-space: nowrap;
}



/*** 

====================================================================
                        Home-Page-Five
====================================================================

***/

/** banner-style-five **/


.banner-section.style-five .content-box .input-inner{
  border: none;
  box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.08);
}

.banner-section.style-five .form-inner{
  box-shadow: none;
}

.banner-section .content-box .feature-list li{
  position: relative;
  display: inline-block;
  width: 140px;
  background: #fff;
  padding: 29px 15px 24px 15px;
  text-align: center;
  border-radius: 10px;
  margin: 0px 6px;
}

.banner-section .content-box .feature-list li i{
  position: relative;
  display: block;
  font-size: 50px;
  line-height: 50px;
  color: #93959e;
  margin-bottom: 11px;
}

.banner-section .content-box .feature-list li h5{
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}

.banner-section.style-five .content-box .text p{
  margin-bottom: 30px;
}

.banner-section.style-five{
  padding-top: 90px;
}

.banner-section.style-five .content-box .text{
  margin-bottom: 100px;
}

.pt-215{
  padding-top: 215px;
}


/*** 

====================================================================
                        Home-Page-Six
====================================================================

***/

/** banner-style-six **/

.banner-section.style-six{
  padding: 0px !important;
}

.banner-section.style-six:before{
  display: none;
}

.banner-section.style-six .form-inner{
  margin: 0px;
}

.banner-section .contact-map{
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: -8px;
}

.banner-section .contact-map iframe{
  height: 620px;
}

.banner-section.style-six .lower-content{
  position: relative;
}

.banner-section.style-six .lower-content .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner-section.style-six .form-inner{
  box-shadow: none;
  background: transparent;
}

.banner-section.style-six .content-box .input-inner {
  border: none;
  box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.08);
}

.chooseus-section .outer-container .left-column{
  position: relative;
  float: left;
  width: 50%;
}

.chooseus-section .outer-container .bg-layer{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.chooseus-section .outer-container .left-column .content_block_2{
  position: relative;
  max-width: 520px;
  margin: 0 auto;
  padding: 0px 15px;
}

.chooseus-section .outer-container .left-column .content_block_2 .content-box{
  margin: 0px;
}

.chooseus-section .outer-container .left-column .shape{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 69px;
  height: 154px;
  background-repeat: no-repeat;
}

.pb-0{
  padding-bottom: 0px;
}

.place-section .owl-carousel .owl-stage-outer{
  overflow: visible;
}

.place-section .owl-carousel .owl-stage-outer .owl-item{
  opacity: 0;
  transition: all 500ms ease;
}

.place-section .owl-carousel .owl-stage-outer .owl-item.active{
  opacity: 1;
}

.border-top{
  border-top: 1px solid #edeff2 !important;
}

.place-section .owl-dots{
  margin-top: 17px;
}


/*** 

====================================================================
                        Category-Page
====================================================================

***/


/** page-title **/

.page-title{
  position: relative;
  padding-top: 47px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.page-title:before{
  position: absolute;
  content: '';
  background: #0c162c;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.5;
}

.page-title .content-box{
  position: relative;
  margin-bottom: 50px;
}

.page-title .content-box .title{
  position: relative;
  display: block;
  margin-bottom: 3px;
}

.page-title .content-box .title h1{
  font-size: 40px;
  line-height: 48px;
  color: #fff;
  font-weight: 900;
}

.page-title .content-box .bread-crumb li{
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: #fff;
  padding-right: 12px;
  margin-right: 1px;
}

.page-title .content-box .bread-crumb li:last-child{
  padding: 0px !important;
  margin: 0px !important;
}

.page-title .content-box .bread-crumb li a{
  display: inline-block;
  color: #fff;
}

.page-title .content-box .bread-crumb li a:hover{

}

.page-title .content-box .bread-crumb li:before{
  position: absolute;
  content: "\f105";
  font-family:  'FontStyle1', Arial, sans-serif;
  font-size: 16px;
  top: 1px;
  right: 0px;
}

.page-title .content-box .bread-crumb li:last-child:before{
  display: none;
}

.search-box-inner .input-inner{
  position: relative;
  display: block;
  background: #fff;
  border-radius: 35px;
  padding: 10px 180px 10px 0px;
  border: 1px solid #e6ebeb;
}

.search-box-inner .input-inner .form-group{
  position: relative;
  display: inline-block;
  /* float: left; */
  width: 33.333%;
  margin: 0px;
}

.search-box-inner .input-inner .btn-box{
  position: absolute;
  top: 9px;
  right: 9px;
}

.search-box-inner .input-inner .btn-box button{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding: 13px 37px;
  cursor: pointer;
  border-radius: 25px;
  transition: all 500ms ease
}

.search-box-inner .input-inner .btn-box button i{
  position: relative;
  top: 1px;
  margin-right: 10px;
}

.search-box-inner .input-inner .btn-box button:hover{
  background: #0d1927;
}

.search-box-inner .input-inner .form-group input[type='search']{
  position: relative;
  width: 100%;
  height: 50px;
  font-size: 15px;
  font-weight: 500;
  color: #848484;
  background: transparent;
  padding: 10px 30px 10px 60px;
}

.search-box-inner .input-inner .form-group:before{
  position: absolute;
  content: '';
  background: #e6ebeb;
  width: 1px;
  height: calc(100% + 20px);
  top: -10px;
  right: 0px;
}

.search-box-inner .input-inner .form-group:nth-child(3):before{
  display: none;
}

.search-box-inner .input-inner .form-group i{
  position: absolute;
  top: 15px;
  left: 30px;
  font-size: 16px;
  z-index: 1;
}

.search-box-inner{
  position: relative;
  display: inline-block;
  width: 100%;
  background: #fff;
  padding: 39px 50px;
  box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.1);
  margin-bottom: -75px;
  border-radius: 10px;
  z-index: 1;
}

.pb-125{
  padding-bottom: 125px;
}

.page-title.style-two{
  padding: 84px 0px 88px 0px;
}

/* .bg-color-2{
  background: #fff7f8;
} */



/** category-details **/

.category-details{
  position: relative;
  padding: 120px 0px;
}

.default-sidebar .sidebar-widget{
  position: relative;
  display: block;
  /* background: #fff; */
  padding: 24px 30px 30px 30px;
  /* box-shadow: 0px 20px 60px 0px rgba(0,0,0,0.1); */
  border-radius: 10px;
  margin-bottom: 30px;
  margin-top: -200px;
}

.default-sidebar .sidebar-widget:last-child{
  margin-bottom: 0px;
}

.default-sidebar .sidebar-widget .widget-title{
  position: relative;
  display: block;
  margin-bottom: 22px;
}

.default-sidebar .sidebar-widget .widget-title h3{
  font-size: 22px;
  line-height: 30px;
  font-weight: 800;
  margin: 0px;
}

.default-sidebar .sidebar-search .search-form .form-group{
  position: relative;
  margin-bottom: 10px;
  min-height: 50px;
}

.default-sidebar .sidebar-search .search-form .form-group:last-child{
  margin-bottom: 0px;
}

.default-sidebar .sidebar-search .search-form .form-group input[type='search']{
  position: relative;
  width: 100%;
  height: 50px;
  border: 1px solid #e6ebeb;
  border-radius: 30px;
  font-size: 15px;
  color: #848484;
  font-weight: 500;
  background: transparent;
  padding: 10px 30px 10px 60px;
  transition: all 500ms ease;
}

.default-sidebar .sidebar-search .search-form .form-group i {
  position: absolute;
  top: 16px;
  left: 30px;
  font-size: 16px;
  z-index: 1;
}

.default-sidebar .sidebar-search .search-form .form-group .nice-select{
  border: 1px solid #e6ebeb !important;
  border-radius: 30px;
}

.default-sidebar .sidebar-search .search-form .form-group button{
  position: absolute;
  left: 0px;
  top: 0px;
  background: transparent;
  color: #848484;
  cursor: pointer;
  transition: all 500ms ease;
}

.default-sidebar .sidebar-search .search-form .form-group input:focus{

}

.default-sidebar .sidebar-search .search-form .form-group input:focus + button,
.default-sidebar .sidebar-search .search-form .form-group button:hover{

}

.default-sidebar .sidebar-category .category-list li{
  position: relative;
  display: block;
  margin-bottom: 9px;
}

.default-sidebar .sidebar-category .category-list li:last-child{
  margin-bottom: 0px;
}

.default-sidebar .sidebar-category .category-list li a{
  position: relative;
  display: block;
  font-size: 15px;
  color: #061a3a;
  font-weight: 500;
  padding-left: 22px;
}

.default-sidebar .sidebar-category .category-list li a:before{
  position: absolute;
  content: '';
  border: 1px solid #d2d4d9;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  left: 0px;
  top: 5px;
  transition: all 500ms ease;
}

.default-sidebar .sidebar-category .category-list li a.current:before{
  content: '\e911';
  font-family: 'icomoon';
  font-size: 7px;
  line-height: 14px;
  text-align: center;
}

.default-sidebar .sidebar-category .category-list li.dropdown:before{
  position: absolute;
 
  font-family: 'Font Awesome 5 Pro';
  font-size: 15px;
  color: #93959e;
  top: 2px;
  right: 0px;
}

.default-sidebar .sidebar-category .category-list li.dropdown ul{
  position: absolute;
  width: 100%;
  background: #fff;
  padding: 20px 20px;
  left: 0px;
  top: 25px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
}

.default-sidebar .sidebar-category .category-list li.dropdown:hover ul{
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.default-sidebar .sidebar-category .widget-title{
  margin-bottom: 18px;
}

.default-sidebar .price-filter .price-range .form-group{
  position: relative;
  margin-bottom: 10px;
}

.default-sidebar .price-filter .price-range .form-group:last-child{
  margin-bottom: 0px;
}

.default-sidebar .price-filter .price-range .form-group input[type='text']{
  position: relative;
  width: 100%;
  height: 50px;
  border: 1px solid #e6ebeb;
  border-radius: 30px;
  padding: 10px 30px;
  font-size: 15px;
  font-weight: 500;
  color: #848484;
  transition: all 500ms ease;
}

.default-sidebar .price-filter .price-range .form-group button{
  display: block;
  width: 100%;
}

.default-sidebar .price-filter .price-range .form-group input:focus{

}

.wrapper.list .list-item{
  display: block;
}

.wrapper.list .grid-item{
  display: none
}

.wrapper.grid .list-item{
  display: none;
}

.wrapper.grid .grid-item{
  display: block
}

.category-details-content .item-shorting{
  position: relative;
  display: block;
  /* background: #fff; */
  /* padding: 25px 25px; */
  /* box-shadow: 0px 20px 60px 0px rgba(0,0,0,0.1); */
  margin-bottom: 30px;
  margin-right: -455px;
}

.category-details-content .item-shorting .select-box,
.category-details-content .item-shorting .menu-box{
  position: relative;
  float: left;
}

.category-details-content .item-shorting .select-box{
  margin-right: 25px;
}

.category-details-content .item-shorting .text p{
  line-height: 40px;
}

.category-details-content .item-shorting .text p span{
  font-weight: 500;
  color: #061a3a;
}

.category-details-content .item-shorting .nice-select{
  height: 40px;
  padding: 0px 42px 0px 0px;
}

.category-details-content .item-shorting .nice-select:after{
  top: 1px;
}

/* .category-details-content .item-shorting .menu-box button{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #e6e7ec;
  border-radius: 50%;
  font-size: 14px;
  color: #93959e;
  font-weight: 700;
  cursor: pointer;
  background: transparent;
  transition: all 500ms ease;
} */

.category-details-content .item-shorting .menu-box button.on{
  color: #fff;
}

.category-details-content .feature-style-three{
  padding: 0px;
}

.pagination-wrapper{
  position: relative;
  display: block;
  background: #fff;
  padding: 25px 30px;
  border-radius: 10px;
  box-shadow: 0px 1px 1px 0px rgba(218, 217, 217, 0.1);
}

.pd-0{
  padding: 0px !important;
}

/* .browse-add .list-item .feature-block-one .inner-box{
  padding: 33px 200px 28px 230px
} */

.browse-add .list-item .feature-block-one .inner-box:before{
  position: absolute;
  content: '';
  /* background: #e5e7ec; */
  width: 1px;
  height: 100%;
  top: 0px;
  right: 200px;
}

.browse-add .list-item .feature-block-one .inner-box .lower-content .lower-box .react-box{
  right: 30px;
}

.browse-add .list-item .feature-block-one .inner-box .btn-box{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  display: flex;
}

.browse-add .list-item .feature-block-one .inner-box .btn-box .theme-btn-one{
  padding: 13px 44.5px;
}

.category-details.half-map-style{
  position: relative;
  padding: 40px 0px 40px 40px;
}

.category-details.half-map-style .outer-container{
  position: relative;
  padding-left: 310px;
}

.category-details.half-map-style .outer-container .default-sidebar{
  position: absolute;
  left: 0px;
  top: 0px;
  max-width: 270px;
}

.category-details.half-map-style .main-content .category-details-content{
  position: relative;
  width: 50%;
}

.category-details.half-map-style .main-content .map-content{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  padding-left: 30px;
}

.category-details.half-map-style .main-content .map-content iframe{
  height: 630px;
}

.category-details.half-map-style .main-content{
  position: relative;
}

.browse-add-details{
  position: relative;
  padding: 140px 0px 120px 0px;
}



/** page-title-2 **/

.page-title-2{
  position: relative;
  padding-top: 263px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.page-title-2:before{
  position: absolute;
  content: '';
  background: #0c162c;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  opacity: 0.5;
}

.page-title-2 .content-box h1{
  position: relative;
  font-size: 40px;
  line-height: 50px;
  color: #fff;
  font-weight: 900;
  margin-bottom: 6px;
}

.page-title-2 .content-box .category{
  position: relative;
  display: block;
  font-size: 15px;
  color: #fff;
}

.page-title-2 .content-box .category i{
  margin-right: 10px;
  font-size: 12px;
}

.page-title-2 .content-box{
  position: relative;
  display: block;
  margin-bottom: 43px;
}

.page-title-2 .info-box{
  position: relative;
  width: 100%;
  background: #fff;
  padding: 30px 40px;
  box-shadow: 0px 10px 50px 0px rgba(0,0,0,0.1);
  margin-bottom: -60px;
  border-radius: 10px;
  z-index: 1;
}

.page-title-2 .info-box .left-column{
  position: relative;
  padding: 18px 0px 14px 90px;
}

.page-title-2 .info-box .left-column .image-box {
  position: absolute;
  left: 0px;
  top: -10px; /* Adjusted to move the image upward */
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.page-title-2 .info-box .left-column .image-box img {
  width: 100%;
  border-radius: 50%;
}


.page-title-2 .info-box .left-column h4{
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  padding-right: 26px;
  margin-right: 55px;
}

.page-title-2 .info-box .left-column h4:before{
  position: absolute;
  content: '';
  background: #e5e7ec;
  width: 1px;
  height: 22px;
  top: 1px;
  right: -30px;
}

.page-title-2 .info-box .left-column h4 i {
  position: absolute;
  top: 5px;
  right: 0px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  font-size: 8px;
  color: #fff;
  border-radius: 50%;
}

.page-title-2 .info-box .left-column span.sell {
  position: relative;
  top: 0px;
  right: 0px;
  display: inline-block;
  font-size: 11px;
  line-height: 18px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  padding: 4px 15px;
  border-radius: 25px;
  margin-right: 55px;
}

.page-title-2 .info-box .left-column span.sell:before{
  position: absolute;
  content: '';
  background: #e5e7ec;
  width: 1px;
  height: 22px;
  top: 1px;
  right: -30px;
}

.page-title-2 .info-box .left-column .rating li {
  position: relative;
  display: inline-block;
  font-size: 14px;
  margin: 0px 0px;
}

.page-title-2 .info-box .left-column .rating li a {
  display: inline-block;
  font-size: 15px;
  color: #808080;
  margin-left: 5px;
}

.page-title-2 .info-box .left-column .rating li a:hover{

}

.page-title-2 .info-box .left-column .rating{
  position: relative;
  display: inline-block;
  margin-right: 55px;
}

.page-title-2 .info-box .left-column .rating:before{
  position: absolute;
  content: '';
  background: #e5e7ec;
  width: 1px;
  height: 22px;
  top: 1px;
  right: -30px;
}

.page-title-2 .info-box .left-column h5{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 800;
}

.page-title-2 .info-box .left-column h5 span{
  font-size: 14px;
  font-family: 'FontStyle1', Arial, sans-serif;
  color: #808080;
  font-weight: 400;
  margin-right: 8px;
}

.page-title-2 .info-box .right-column .links-list{
  position: relative;
  display: inline-block;
  border: 1px solid #e5e7ec;
  border-radius: 6px;
  padding: 6.5px 6.5px;
}

.page-title-2 .info-box .right-column .links-list li{
  position: relative;
  display: inline-block;
  margin: 0px 14px;
}

.page-title-2 .info-box .right-column .links-list li:before{
  position: absolute;
  content: '';
  background: #e5e7ec;
  width: 1px;
  height: 22px;
  top: 1px;
  right: -17px;
}

.page-title-2 .info-box .right-column .links-list li:last-child:before{
  display: none;
}

.page-title-2 .info-box .right-column .links-list li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  color: #989aa3;
}

.page-title-2 .info-box .right-column .links-list li a:hover{

}

.page-title-2 .info-box .right-column{
  position: relative;
  padding: 10px 0px;
}

.page-title-2 .info-box .right-column .links-list li.share-option ul{
  position: absolute;
  left: 0px;
  top: 35px;
  width: 110px;
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease;
}

.page-title-2 .info-box .right-column .links-list li.share-option:hover ul{
  top: 25px;
  opacity: 1;
  visibility: visible;
}

.page-title-2 .info-box .right-column .links-list li.share-option ul li:before{
  display: none;
}

.page-title-2 .info-box .right-column .links-list li.share-option ul li{
  margin: 0px 5px;
}

.page-title-2 .info-box .right-column .links-list li.share-option ul li a{
  display: inline-block;
  font-size: 15px;
  color: #0d1927;
}

.page-title-2 .info-box .right-column .links-list li.share-option ul li a:hover{

}

.add-details-content .single-box {
  position: relative;
  display: block;
  padding: 24px 30px 28px 30px;
  border: 1px solid #ddd;  /* Add a light border */
  border-radius: 10px;  /* Keep the rounded corners */
  margin-bottom: 30px;
  background: none;  /* Remove the background */
  box-shadow: none;   /* Remove the shadow */
}


.add-details-content .single-box:last-child{
  margin-bottom: 0px;
}

.add-details-content .single-box .text h3{
  font-size: 22px;
  line-height: 30px;
  font-weight: 800;
  margin-bottom: 14px;
}

.add-details-content .single-box .text p{
  line-height: 28px;
  margin-bottom: 28px;
}

.add-details-content .single-box .text p:last-child{
  margin-bottom: 0px;
}

.add-details-content .single-box .bxslider .product-image{
  position: relative;
  display: block;
  margin-bottom: 5px;
  border-radius: 10px;
}

.add-details-content .single-box .bxslider .product-image img{
  width: 100%;
  height: 350px;
  border-radius: 10px;
}

.add-details-content .single-box .bxslider .thumb-box li{
  position: relative;
  display: inline-block;
  float: left;
  background: #fff;
  margin-right: 5px;
  border-radius: 4px;
  /* height: 30%;
  width: 30%; */
}

.add-details-content .single-box .bxslider .thumb-box li:last-child{
  margin: 0px !important;
}

.add-details-content .single-box .bxslider .thumb-box li img {
  width: 150px;   /* Adjust the width to your desired size */
  height: auto;  /* Adjust the height to your desired size */
  border-radius: 4px;
}


.add-details-content .single-box .bxslider .thumb-box li a.active img{
  opacity: 1;
}

.add-details-content .single-box .bxslider .thumb-box li a img{
  opacity: 0.4;
}

.add-details-content .content-two{
  padding: 30px 30px;
}

.add-details-content .single-box .list-item li{
  position: relative;
  display: inline-block;
  float: left;
  width: 50%;
  margin-bottom: 14px;
  padding-left: 35px;
}

.add-details-content .single-box .list-item li:before{
  position: absolute;
  content: "\e911";
  font-family: 'icomoon';
  font-size: 6px;
  color: #fff;
  width: 15px;
  height: 15px;
  line-height: 14px;
  text-align: center;
  border-radius: 50%;
  left: 5px;
  top: 5px;
  box-shadow: 0px 0px 0px 3px rgba(248,92,112,0.3);
}

.add-details-content .single-box .list-item{
  padding-top: 3px;
  position: relative;
}

.add-details-content .content-three{
  padding-bottom: 19px;
  margin-top: -140px;
}

.contact-map iframe{
  width: 100%;
}

.add-details-content .single-box .contact-map{
  position: relative;
  border-radius: 10px;
  margin-bottom: 16px;
}

.add-details-content .single-box iframe{
  height: 310px;
  border-radius: 10px;
}

.add-details-content .content-four .info-box li{
  position: relative;
  display: block;
  float: left;
  width: 33.333%;
  margin-bottom: 11px;
  padding-left: 40px;
}

.add-details-content .content-four .info-box li:first-child,
.add-details-content .content-four .info-box li:nth-child(4){
  padding-left: 0px;
}

.add-details-content .content-four .info-box li span{
  color: #0f172b;
  font-weight: 500
}

.add-details-content .content-four .text h3{
  margin-bottom: 22px;
}

.add-details-content .content-four{
  padding-bottom: 23px;
}

.add-details-content .content-five .text{
  position: relative;
  margin-bottom: 15px;
}

.add-details-content .content-five .text h4{
  font-size: 20px;
  line-height: 28px;
  font-weight: 800;
  margin-bottom: 14px;
}

.add-details-content .content-five .review-form .form-group{
  position: relative;
  margin-bottom: 23px;
}

.add-details-content .content-five .review-form .column:last-child .form-group{
  margin-bottom: 0px;
}

.add-details-content .content-five .review-form .form-group input[type='text'],
.add-details-content .content-five .review-form .form-group input[type='email'],
.add-details-content .content-five .review-form .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #e6e8e8;
  border-radius: 30px;
  font-size: 15px;
  color: #808288;
  padding: 10px 30px;
  transition: all 500ms ease;
}

.add-details-content .content-five .review-form .form-group textarea{
  height: 150px;
  resize: none;
}

.add-details-content .content-five .review-form .form-group .rating li{
  position: relative;
  display: inline-block;
  font-size: 15px;
}

.add-details-content .content-five .review-form .form-group label{
  position: relative;
  display: block;
  font-size: 15px;
  color: #808288;
  margin-bottom: 7px;
}

.add-details-content .content-five{
  padding-bottom: 40px;
}

.add-details-content .content-five .review-form .form-group input:focus,
.add-details-content .content-five .review-form .form-group textarea:focus{

}

.related-ads{
  position: relative;
  padding: 114px 0px 90px 0px;
}

.related-ads .owl-dots{
  position: absolute;
  top: -70px;
  right: -7px;
}

.related-ads .owl-carousel .owl-stage-outer{
  overflow: visible;
}

.related-ads .owl-carousel .owl-stage-outer .owl-item{
  opacity: 0;
  transition: all 500ms ease;
}

.related-ads .owl-carousel .owl-stage-outer .owl-item.active{
  opacity: 1;
}


/*** 

====================================================================
                        About-Page
====================================================================

***/


/** about-section **/

.about-section{
  position: relative;
  padding: 120px 0px;
}

.about-section .content_block_3 .content-box{
  margin-right: 75px;
}

.content_block_3 .content-box .sec-title h2{
  margin: 0px;
}

.content_block_3 .content-box .sec-title{
  margin-bottom: 11px;
}

.content_block_3 .content-box .text p{
  margin-bottom: 38px;
}

.content_block_3 .content-box .text h3{
  font-size: 26px;
  line-height: 32px;
  font-weight: 800;
  margin-bottom: 15px;
}

.content_block_3 .content-box .text p:last-child{
  margin-bottom: 0px;
}

.image_block_1 .image-box{
  position: relative;
  display: block;
  padding-left: 30px;
}

.image_block_1 .image-box .image{
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.image_block_1 .image-box .image img{
  width: 100%;
  border-radius: 10px;
}

.image_block_1 .image-box .image:before{
  position: absolute;
  top: 0;
  left: -75%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.image_block_1 .image-box:hover .image:before{
  -webkit-animation: shine 1s;
  animation: shine 1s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.image_block_1 .image-box .image-pattern .pattern-1{
  position: absolute;
  left: -15px;
  bottom: 35px;
  width: 174px;
  height: 174px;
  background-repeat: no-repeat;
}

.image_block_1 .image-box .image-pattern .pattern-2{
  position: absolute;
  top: -30px;
  right: -50px;
  width: 174px;
  height: 174px;
  background-repeat: no-repeat;
}

/** process-section **/

.process-section{
  position: relative;
}

.process-section .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.process-block-one .inner-box{
  position: relative;
  display: block;
}

.process-block-one .inner-box .count{
  position: relative;
  display: inline-block;
  font-size: 22px;
  font-family: 'Nunito', sans-serif;
  font-weight: 800;
  color: #061a3a;
  background: #fff;
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0px 30px 60px 0px rgba(0,0,0,0.15);
  margin-bottom: 50px;
  z-index: 1;
}

.process-block-one .inner-box .count:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 85px;
  height: 85px;
  left: -10px;
  top: -10px;
  border-radius: 50%;
  opacity: 0.5;
  z-index: -1;
}

.process-block-one .inner-box .text{
  position: relative;
  display: block;
  background: #fff;
  padding: 48px 30px 42px 30px;
  box-shadow: 0px 20px 60px 0px rgba(0,0,0,0.1);
  border-radius: 10px;
}

.process-block-one .inner-box .text .icon-box{
  position: relative;
  display: inline-block;
  font-size: 25px;
  margin-bottom: 26px;
}

.process-block-one .inner-box .text h3{
  display: block;
  font-size: 22px;
  line-height: 30px;
  font-weight: 800;
  margin-bottom: 14px;
}

.process-block-one{
  max-width: 320px;
  margin: 0 auto;
  width: 100%;
}

.process-block-one .inner-box .text p{
  line-height: 28px;
}

.process-section .inner-content{
  position: relative;
  width: 100%;
}

.process-section .inner-content:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  left: 0px;
  top: 32px;
  opacity: 0.1;
}

.process-block:first-child .process-block-one{
  margin: 0px;
}

.process-block:last-child .process-block-one{
  margin: 0px;
  float: right;
}


/*** 

====================================================================
                        Stores-Page
====================================================================

***/

/** stores-section **/

.stores-section{
  position: relative;
  padding: 120px 0px 90px 0px;
}

.stores-section .top-bar{
  position: relative;
  display: block;
  background: #fff;
  padding: 20px 30px;
  box-shadow: 0px 20px 60px 0px rgba(0,0,0,0.1);
  border-radius: 10px;
  margin-bottom: 30px;
}

.stores-section .top-bar .text p{
  font-size: 15px;
  color: #061a3a;
  line-height: 50px;
  font-weight: 500;
}

.stores-section .top-bar .nice-select{
  padding: 6px 12px 6px 0px;
}

.stores-section .top-bar .nice-select:after{
  top: 7px;
  right: 0px;
  margin: 0px;
}

.stores-section .top-bar .nice-select .list{
  width: 150px;
}

.stores-block-one .inner-box{
  position: relative;
  display: block;
  background: #fff;
  box-shadow: 0px 20px 60px 0px rgba(0,0,0,0.1);
  padding: 37px 30px 37px 125px;
  border-radius: 10px;
  margin-bottom: 30px;
}

.stores-block-one .inner-box .icon-box{
  position: absolute;
  left: 30px;
  top: 30px;
  width: 70px;
  height: 70px;
  line-height: 64px;
  text-align: center;
  background-color: #fcf0f1;
  border-radius: 50%;
}

.stores-block-one .inner-box .icon-box:before{
  position: absolute;
  content: '';
  background-color: #fff;
  width: 18px;
  height: 18px;
  right: 0px;
  bottom: 0px;
  border-radius: 50%;
  box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 15%);
}

.stores-block-one .inner-box .icon-box:after{
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
}

.stores-block-one .inner-box h4{
  font-size: 20px;
  line-height: 28px;
  font-weight: 800;
  margin-bottom: 2px;
}

.stores-block-one .inner-box h4 a{
  display: inline-block;
  color: #061a3a;
}

.stores-block-one .inner-box h4 a:hover{
  
}

.stores-block-one .inner-box .rating li{
  position: relative;
  display: inline-block;
  font-size: 14px;
}

.stores-block:nth-child(2) .stores-block-one .inner-box .icon-box{
  background-color: #e4f6f1;
}

.stores-block:nth-child(3) .stores-block-one .inner-box .icon-box{
  background-color: #efeaf8;
}

.stores-block:nth-child(4) .stores-block-one .inner-box .icon-box{
  background-color: #e8f3fa;
}

.stores-block:nth-child(5) .stores-block-one .inner-box .icon-box{
  background-color: #f5eee2;
}

.stores-block:last-child .stores-block-one .inner-box .icon-box{
  background-color: #e4f6f4;
}


/** category-details **/

.category-details{
  position: relative;
}

.default-sidebar .ads-agency{
  padding: 40px 30px 30px 30px;
}

.default-sidebar .ads-agency .upper-box{
  position: relative;
  padding: 7px 0px 38px 95px;
  border-bottom: 1px solid #edeff2;
  margin-bottom: 22px;
}

.default-sidebar .ads-agency .upper-box .icon-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 70px;
  height: 70px;
  line-height: 64px;
  text-align: center;
  background-color: #e8f3fa;
  border-radius: 50%;
}

.default-sidebar .ads-agency .upper-box .icon-box:before{
  position: absolute;
  content: '';
  background-color: #fff;
  width: 18px;
  height: 18px;
  right: 0px;
  bottom: 0px;
  border-radius: 50%;
  box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 15%);
}

.default-sidebar .ads-agency .upper-box .icon-box:after{
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
}

.default-sidebar .ads-agency .upper-box h4{
  font-size: 20px;
  line-height: 28px;
  font-weight: 800;
  margin-bottom: 2px;
}

.default-sidebar .ads-agency .upper-box .rating li {
  position: relative;
  display: inline-block;
  font-size: 14px;
}

.default-sidebar .ads-agency .text p{
  line-height: 28px;
  margin-bottom: 17px;
}

.default-sidebar .ads-agency .text .info li{
  position: relative;
  display: block;
  margin-bottom: 4px;
  padding-left: 20px;
}

.default-sidebar .ads-agency .text .info li:last-child{
  margin-bottom: 0px;
}

.default-sidebar .ads-agency .text .info li span{
  color: #061a3a;
  font-weight: 500;
}

.default-sidebar .ads-agency .text .info li i{
  position: absolute;
  left: 0px;
  top: 4px;
  font-size: 15px;
  color: #c7c7c7;
}

.default-sidebar .ads-agency .text .info{
  position: relative;
  margin-bottom: 24px;
}

.default-sidebar .ads-agency .text .phone-box{
  position: relative;
  display: block;
  background: #fef6f7;
  border-radius: 5px;
  padding: 12px 30px 14px 30px;
}

.default-sidebar .ads-agency .text .phone-box p{
  color: #061a3a;
  font-weight: 500;
  margin-bottom: 2px;
}

.default-sidebar .ads-agency .text .phone-box a{
  position: relative;
  display: inline-block;
  color: #061a3a;
  font-weight: 700;
}

.default-sidebar .ads-agency .text .phone-box a i{
  font-size: 14px;
  margin-right: 8px;
}

.default-sidebar .ads-agency .text .phone-box a:hover{

}

.default-sidebar .about-store .content-box h3{
  display: block;
  font-size: 22px;
  line-height: 30px;
  font-weight: 800;
  margin-bottom: 8px;
}

.default-sidebar .about-store .content-box p{
  line-height: 28px;
  margin-bottom: 21px;
}

.default-sidebar .about-store .content-box .social-links li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.default-sidebar .about-store .content-box .social-links li:last-child{
  margin: 0px !important;
}

.default-sidebar .about-store .content-box .social-links li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
}

.default-sidebar .about-store .content-box .social-links li:first-child a{

}

.default-sidebar .about-store .content-box .social-links li:nth-child(2) a{
  
}

.default-sidebar .about-store .content-box .social-links li:nth-child(3) a{
  
}

.default-sidebar .about-store .content-box .social-links li:nth-child(4) a{
  
}

.default-sidebar .about-store .content-box .social-links li:last-child a{
  
}

.default-sidebar .map-widget .contact-map{
  position: relative;
  display: block;
  border-radius: 10px;
  margin-bottom: 17px;
}

.default-sidebar .map-widget .contact-map iframe{
  width: 100%;
  height: 310px;
  border-radius: 10px;
}

.default-sidebar .map-widget .map-content p{
  position: relative;
  padding-left: 20px;
}

.default-sidebar .map-widget .map-content p span{
  color: #061a3a;
  font-weight: 600;
}

.default-sidebar .map-widget .map-content p i{
  position: absolute;
  left: 0px;
  top: 4px;
  font-size: 16px;
  color: #c7c7c7;
}

.default-sidebar .map-widget{
  padding-bottom: 26px;
}

.stores-details{
  padding-top: 185px;
}


/*** 

====================================================================
                        Faq-Page
====================================================================

***/


.faq-section{
  position: relative;
  padding: 120px 0px;
}

.faq-section .faq-content{
  position: relative;
  display: block;
  background: #fff;
  padding: 34px 30px 40px 30px;
  box-shadow: 0px 20px 60px 0px rgba(0,0,0,0.1);
  border-radius: 10px;
}

.accordion-box .block{
  position: relative;
  display: block;
  background: #fff;
  border-radius: 30px;
  margin-bottom: 20px;
  border: 1px solid #e6ebeb;
  transition: all 500ms ease;
}

.accordion-box .block.active-block{
  border-radius: 10px;
}

.accordion-box .block:last-child{
  margin-bottom: 0px;
}

.accordion-box .block .acc-content{
  position:relative;
  display:none;
  padding: 22px 30px 27px 30px;
}

.accordion-box .block .acc-content.current{
  display:block;  
}

.accordion-box .block .acc-btn .icon-outer{
  position: absolute;
  width: 60px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  right: 0px;
  text-align: center;
  cursor: pointer;
  transition: all 500ms ease;
  z-index: 1;
}

.accordion-box .block .acc-btn .icon-outer:after{
  position: absolute;
  content: "\f107";
  font-size: 20px;
  color: #848484;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}

.accordion-box .block .acc-btn.active .icon-outer:after{
  opacity: 0;
}

.accordion-box .block .acc-btn.active .icon-outer:before{
  position: relative;
  font-size: 20px;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  margin: 0px;
  content: "\f106";
}

.accordion-box .block .acc-btn{
  position: relative;
  display: block;
  overflow: hidden;
  padding: 16px 80px 17px 30px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active{
  border-bottom: 1px solid #e6ebeb;
}

.accordion-box .block .acc-btn h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  margin: 0px;
  transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active h5{

}

.accordion-box .block .acc-content .text p{
  line-height: 28px;
  margin-bottom: 19px;
}

.accordion-box .block .acc-content .text .list-item li{
  position: relative;
  display: block;
  padding-left: 35px;
  margin-bottom: 4px;
}

.accordion-box .block .acc-content .text .list-item li:last-child{
  margin-bottom: 0px;
}

.accordion-box .block .acc-content .text .list-item li:before{
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  left: 3px;
  top: 6px;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 3px rgba(248,92,112,0.4);
}

.faq-section .sec-title{
  margin-bottom: 33px;
}

.faq-sidebar .submit-form{
  position: relative;
  display: block;
  background: #fff;
  padding: 34px 30px 40px 30px;
  box-shadow: 0px 20px 60px 0px rgba(0,0,0,0.1);
  border-radius: 10px;
}

.faq-sidebar .submit-form .sec-title{
  margin-bottom: 26px;
}

.faq-sidebar .submit-form .sec-title h3{
  display: block;
  font-size: 26px;
  line-height: 36px;
  font-weight: 900;
}

.faq-sidebar .submit-form form .form-group{
  position: relative;
  margin-bottom: 13px;
}

.faq-sidebar .submit-form form .form-group:last-child{
  margin-bottom: 0px;
}

.faq-sidebar .submit-form form .form-group label{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 7px;
}

.faq-sidebar .submit-form form .form-group input[type='text'],
.faq-sidebar .submit-form form .form-group input[type='email'],
.faq-sidebar .submit-form form .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #e6e8e8;
  border-radius: 30px;
  font-size: 15px;
  line-height: 26px;
  color: #808080;
  font-weight: 400;
  padding: 10px 30px;
  transition: all 500ms ease;
}

.faq-sidebar .submit-form form .form-group textarea{
  height: 150px;
  resize: none;
  margin-bottom: 30px;
}

.faq-sidebar .submit-form form .form-group input:focus,
.faq-sidebar .submit-form form .form-group textarea:focus{

}

.faq-sidebar .submit-form form .form-group .theme-btn-one{
  padding: 13px 45px;
}


/** login-section **/

.login-section{
  position: relative;
  padding: 120px 0px;
}

.login-section .inner-container{
  position: relative;
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
}

.login-section .inner-container .inner-box{
  position: relative;
  display: block;
  background: #fff;
  padding: 33px 40px 35px 40px;
  box-shadow: 0px 20px 60px 0px rgba(0,0,0,0.1);
  border-radius: 10px;
}

.login-section .inner-container .inner-box h2{
  display: block;
  font-size: 30px;
  line-height: 38px;
  font-weight: 800;
  margin-bottom: 24px;
}

.login-section .inner-container .inner-box form .form-group{
  position: relative;
  margin-bottom: 14px;
}

.login-section .inner-container .inner-box form .form-group:last-child{
  margin-bottom: 0px;
}

.login-section .inner-container .inner-box form .form-group label{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 26px;
  color: #808080;
  margin-bottom: 7px;
}

.login-section .inner-container .inner-box form .form-group input[type='text'],
.login-section .inner-container .inner-box form .form-group input[type='email'],
.login-section .inner-container .inner-box form .form-group input[type='password']{
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #e6e8e8;
  border-radius: 30px;
  font-size: 15px;
  color: #808080;
  padding: 10px 30px;
  transition: all 500ms ease;
}

.login-section .inner-container .inner-box form .form-group .text{
  position: relative;
  text-align: right;
  padding-bottom: 9px;
  display: block;
}

.login-section .inner-container .inner-box form .form-group .text a{
  font-size: 15px;
  color: #808080;
}

.login-section .inner-container .inner-box form .form-group .text a:hover{

}

.login-section .inner-container .inner-box form .form-group input:focus{

}

.login-section .inner-container .inner-box form .form-group button{
  display: block;
  width: 100%;
}

.login-section .inner-container .inner-box .other-content .text{
  position: relative;
  display: block;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.login-section .inner-container .inner-box .other-content .text:before{
  position: absolute;
  content: '';
  background: #e5e7ec;
  width: 100%;
  height: 1px;
  left: 0px;
  top: 19px;
}

.login-section .inner-container .inner-box .other-content .text span{
  position: relative;
  display: inline-block;
  font-size: 22px;
  line-height: 32px;
  color: #8a8a8a;
  font-weight: 400;
  width: 65px;
  background: #fff;
  text-align: center;
}

.login-section .inner-container .inner-box .other-content .social-links li{
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.login-section .inner-container .inner-box .other-content .social-links li:last-child{
  margin-bottom: 0px;
}

.login-section .inner-container .inner-box .other-content .social-links li a{
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 26px;
  color: #808288;
  font-weight: 500;
  text-align: center;
  padding: 11px 30px;
  border: 1px solid #e6e8e8;
  border-radius: 30px;
}

.login-section .inner-container .inner-box .other-content .social-links li a i{
  margin-right: 10px;
  transition: all 500ms ease;
}

.login-section .inner-container .inner-box .other-content .social-links li:first-child a i{

}

.login-section .inner-container .inner-box .other-content .social-links li:last-child a i{

}

.login-section .inner-container .inner-box .other-content .social-links li a:hover{
  color: #fff;
}

.login-section .inner-container .inner-box .other-content .social-links li a:hover i{
  color: #fff !important;
}

.login-section .inner-container .inner-box .other-content .social-links{
  position: relative;
  margin-bottom: 23px;
}

.login-section .inner-container .inner-box .othre-text p{
  font-weight: 500;
}

.login-section .inner-container .inner-box .othre-text p a{

}

.login-section .inner-container .inner-box .othre-text p a:hover{
  text-decoration: underline;
}

.signup-section .signup-form{
  margin-bottom: 24px;
}

.signup-section .inner-container .inner-box form .form-group.message-btn{
  padding-top: 6px;
}


/*** 

====================================================================
                        Contact-Page
====================================================================

***/


/** contact-section **/

.contact-section{
  position: relative;
  padding: 120px 0px;
}

.contact-section .contact-info-inner .sec-title h2{
  margin: 0px;
}

.contact-section .contact-info-inner .sec-title{
  margin-bottom: 32px;
}

.contact-section .contact-info-inner .single-box h3{
  font-size: 22px;
  line-height: 30px;
  font-weight: 800;
  margin-bottom: 14px;
}

.contact-section .contact-info-inner .single-box .list li{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 28px;
  color: #808080;
  margin-bottom: 0px;
}

.contact-section .contact-info-inner .single-box .list li a{
  color: #808080;
}

.contact-section .contact-info-inner .single-box .list li a:hover{

}

.contact-section .contact-info-inner .single-box{
  margin-bottom: 36px;
}

.contact-section .contact-info-inner .single-box:last-child{
  margin-bottom: 0px;
}

.contact-section .contact-info-inner .single-box .social-links li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.contact-section .contact-info-inner .single-box .social-links li:last-child{
  margin: 0px !important;
}

.contact-section .contact-info-inner .single-box .social-links li a{
  position: relative;
  display: inline-block;
  font-size: 17px;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
}

.contact-section .contact-info-inner .single-box .social-links li:first-child a{

}

.contact-section .contact-info-inner .single-box .social-links li:nth-child(2) a{

}

.contact-section .contact-info-inner .single-box .social-links li:nth-child(3) a{

}

.contact-section .contact-info-inner .single-box .social-links li:last-child a{

}

.contact-section .form-inner{
  position: relative;
  display: block;
  background: #fff;
  padding: 43px 50px 45px 50px;
  box-shadow: 0px 20px 60px 0px rgba(0,0,0,0.1);
}

.contact-section .form-inner h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 38px;
  font-weight: 800;
  margin-bottom: 24px;
}

.default-form .form-group{
  position: relative;
  margin-bottom: 14px;
}

.default-form .form-group:last-child{
  margin-bottom: 0px;
}

.default-form .form-group label{
  position: relative;
  display: block;
  font-size: 15px;
  color: #808288;
  margin-bottom: 7px;
}

.default-form .form-group input[type='text'],
.default-form .form-group input[type='email'],
.default-form .form-group input[type='search'],
.default-form .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #e6e8e8;
  padding: 10px 30px;
  font-size: 15px;
  color: #808288;
  border-radius: 30px;
  transition: all 500ms ease;
}

.default-form .form-group textarea{
  resize: none;
  height: 150px;
}

.default-form .form-group input:focus,
.default-form .form-group textarea:focus{

}

.default-form .form-group .theme-btn-one{
  padding: 13px 46px;
}

.google-map-section{
  position: relative;
  width: 100%;
}

.google-map-section .contact-map{
  position: relative;
  width: 100%;
  margin-bottom: -8px;
}

.google-map-section .contact-map iframe{
  width: 100%;
  height: 600px;
}


/** error-section **/

.error-section{
  position: relative;
  padding: 100px 0px 120px 0px;
}

.error-section .inner-box .theme-btn-one i{
  margin-right: 10px;
}

.error-section .inner-box .error-image{
  position: relative;
  display: inline-block;
  margin-bottom: 60px;
}

.error-section .inner-box h1{
  font-size: 200px;
  line-height: 200px;
  font-weight: 900;
  margin-bottom: 10px;
}

.error-section .inner-box h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 42px;
  font-weight: 700;
  margin-bottom: 60px;
}


/*** 

====================================================================
                        Blog-Page
====================================================================

***/


.sidebar-page-container{
  position: relative;
  padding: 120px 0px;
}

.sidebar-page-container .news-block-one .inner-box{
  margin-bottom: 30px;
}

.blog-sidebar .search-widget .search-form .form-group{
  position: relative;
  margin: 0px;
  border-radius: 30px;
  overflow: hidden;
}

.blog-sidebar .search-widget .search-form .form-group input[type='search']{
  padding-right: 80px;
}

.blog-sidebar .search-widget .search-form .form-group button{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 17px;
  color: #fff;
  cursor: pointer;
  transition: all 500ms ease;
}

.blog-sidebar .search-widget{
  padding: 33px 30px 40px 30px;
}

.blog-sidebar .social-box .social-links li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.blog-sidebar .social-box .social-links li:last-child{
  margin: 0px !important;
}

.blog-sidebar .social-box .social-links li a{
  display: inline-block;
  font-size: 17px;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
}

.blog-sidebar .social-box .social-links li:first-child a{

}

.blog-sidebar .social-box .social-links li:nth-child(2) a{
  
}

.blog-sidebar .social-box .social-links li:nth-child(3) a{
  
}

.blog-sidebar .social-box .social-links li:nth-child(4) a{
  
}

.blog-sidebar .social-box .social-links li:last-child a{
  
}

.blog-sidebar .sidebar-widget{
  padding: 32px 30px 40px 30px;
}

.blog-sidebar .post-widget .post{
  position: relative;
  display: block;
  padding: 0px 0px 20px 100px;
  margin-bottom: 15px;
  min-height: 106px;
  border-bottom: 1px solid #e5e7ec;
}

.blog-sidebar .post-widget .post:last-child{
  margin-bottom: 0px;
  border-bottom: none;
}

.blog-sidebar .post-widget .post .post-thumb{
  position: absolute;
  left: 0px;
  top: 5px;
  width: 80px;
  height: 80px;
  border-radius: 10px;
}

.blog-sidebar .post-widget .post .post-thumb img{
  width: 100%;
  border-radius: 10px;
}

.blog-sidebar .post-widget .post h5{
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 800;
  margin-bottom: 7px;
}

.blog-sidebar .post-widget .post h5 a{
  display: inline-block;
  color: #061a3a;
}

.blog-sidebar .post-widget .post h5 a:hover{

}

.blog-sidebar .post-widget{
  padding-bottom: 20px;
}

.blog-sidebar .sidebar-category-2 .category-list li{
  position: relative;
  display: block;
  margin-bottom: 9px;
}

.blog-sidebar .sidebar-category-2 .category-list li:last-child{
  margin-bottom: 0px;
}

.blog-sidebar .sidebar-category-2 .category-list li a{
  position: relative;
  display: block;
  font-size: 15px;
  color: #061a3a;
  font-weight: 500;
}

.blog-sidebar .sidebar-category-2 .category-list li a span{
  float: right;
}

.blog-sidebar .sidebar-category-2 .category-list li a:hover{

}

.blog-sidebar .sidebar-category-2{
  padding-bottom: 35px;
}

.blog-sidebar .tags-widget .tags-list li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.blog-sidebar .tags-widget .tags-list li a{
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  color: #808080;
  border: 1px solid #e5e7ec;
  border-radius: 25px;
  padding: 8.5px 20px;
}

.blog-sidebar .tags-widget .tags-list li a:hover{
  color: #fff;
  box-shadow: 0px 10px 30px 0px rgba(248,92,112,0.4);
}

.blog-sidebar .tags-widget{
  padding-bottom: 30px;
}

.news-block-one .inner-box .lower-content h2{
  font-size: 30px;
  line-height: 38px;
  font-weight: 800;
  margin-bottom: 15px;
}

.news-block-one .inner-box .lower-content h2 a{
  display: inline-block;
  color: #061a3a;
}

.news-block-one .inner-box .lower-content h2 a:hover{

}

.blog-details-content .news-block-one .inner-box .image-box:before{
  display: none;
}

.blog-details-content .news-block-one .inner-box:hover .image-box img{
  transform: scale(1);
}

.blog-details-content .news-block-one .lower-content .post-info{
  margin-bottom: 17px;
}

.blog-details-content .news-block-one .lower-content .text p{
  margin-bottom: 28px;
}

.blog-details-content .news-block-one .lower-content .text blockquote{
  position: relative;
  display: block;
  background-color: #fff5f6;
  padding: 41px 40px;
  border-radius: 10px;
  margin: 0px 0px 32px 0px;
}

.blog-details-content .news-block-one .lower-content .text blockquote h4{
  font-size: 20px;
  line-height: 34px;
  font-weight: 600;
}

.blog-details-content .news-block-one .two-column .list-item li{
  position: relative;
  display: block;
  font-size: 15px;
  margin-bottom: 9px;
}

.blog-details-content .news-block-one .two-column .list-item li:last-child{
  margin-bottom: 0px;
}

.blog-details-content .news-block-one .two-column .list-item li:before{
  position: absolute;
}

.blog-details-content .news-block-one .two-column .text-content .list-item li{
  position: relative;
  display: block;
  margin-bottom: 10px;
  padding-left: 30px;
  font-weight: 500;
}

.blog-details-content .news-block-one .two-column .text-content .list-item li:last-child{
  margin-bottom: 0px;
}

.blog-details-content .news-block-one .two-column .text-content .list-item li:before{
  position: absolute;
  content: '\e911';
  font-family: 'icomoon';
  font-size: 6px;
  left: 0px;
  top: 5px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  border-radius: 50%;
}

.blog-details-content .news-block-one .two-column .image-box{
  border-radius: 10px;
}

.blog-details-content .news-block-one .two-column .image-box img{
  border-radius: 10px;
}

.blog-details-content .news-block-one .two-column .text-content h3{
  margin-bottom: 16px;
}

.blog-details-content .news-block-one .two-column .text-content p{
  margin-bottom: 28px;
}

.blog-details-content .news-block-one .two-column{
  margin-bottom: 32px;
}

.blog-details-content .news-block-one .post-share-option{
  position: relative;
  display: block;
  background: #fff5f6;
  padding: 30px 30px 30px 30px;
  border-radius: 10px;
}

.blog-details-content .news-block-one .post-share-option .social-links li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.blog-details-content .news-block-one .post-share-option .social-links li:last-child{
  margin: 0px !important;
}

.blog-details-content .news-block-one .post-share-option .social-links li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
}

.blog-details-content .news-block-one .post-share-option .social-links li:first-child a{

}

.blog-details-content .news-block-one .post-share-option .social-links li:nth-child(2) a{

}

.blog-details-content .news-block-one .post-share-option .social-links li:last-child a{

}

.blog-details-content .news-block-one .post-share-option .text h3{
  line-height: 50px;
  margin: 0px;
}

.blog-details-content .group-title{
  position: relative;
  margin-bottom: 34px;
}

.blog-details-content .group-title h3{
  display: block;
  font-size: 22px;
  line-height: 30px;
  font-weight: 800;
}

.blog-details-content .comment-box{
  position: relative;
  display: block;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 10px 30px 8px #e5ebea;
  margin-bottom: 30px;
  padding: 30px 40px 10px 40px;
}

.blog-details-content .comment-box .comment{
  position: relative;
  padding-left: 100px;
  margin-bottom: 32px;
}

.blog-details-content .comment-box .comment:last-child{
  margin-bottom: 0px;
}

.blog-details-content .comment-box .comment.replay-comment{
  margin-left: 70px;
}

.blog-details-content .comment-box .comment .thumb-box{
  position: absolute;
  left: 0px;
  top: -2px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.blog-details-content .comment-box .comment .comment-inner{
  padding-bottom: 23px;
  border-bottom: 1px solid #e5e7ec;
}

.blog-details-content .comment-box .comment:last-child .comment-inner{
  border-bottom: none;
}

.blog-details-content .comment-box .comment .comment-inner h5{
  font-size: 18px;
  line-height: 26px;
  font-weight: 800;
  margin-bottom: 1px;
}

.blog-details-content .comment-box .comment .comment-inner .comment-info{
  margin-bottom: 16px;
}

.blog-details-content .comment-box .comment .comment-inner p{
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 41px;
}

.blog-details-content .comment-box .comment .comment-inner a.reply-btn{
  position: relative;
  display: inline-block;
  font-size: 17px;
  color: #808080;
  font-weight: 500;
}

.blog-details-content .comment-box .comment .comment-inner a.reply-btn i{
  font-size: 14px;
  margin-right: 10px;
}

.blog-details-content .comment-box .comment .comment-inner a.reply-btn:hover{

}

.blog-details-content .comments-form-area{
  position: relative;
  display: block;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 10px 30px 8px #e5ebea;
  padding: 35px 40px 40px 40px;
}

.blog-details-content .comments-form-area .group-title{
  margin-bottom: 16px;
}

.blog-details-content .comments-form-area .group-title h3{
  margin-bottom: 15px;
}

.blog-details-content .comments-form-area .default-form .form-group{
  margin-bottom: 23px;
}

.blog-details-content .comments-form-area .default-form .form-group:last-child{
  margin-bottom: 0px;
}

.blog-details-content .comments-form-area .default-form .form-group textarea{
  margin-bottom: 7px;
}

.news-section .owl-stage-outer{
  overflow: visible;
}

.news-section .owl-stage-outer .owl-item{
  opacity: 0;
  transition: all 500ms ease;
}

.news-section .owl-stage-outer .owl-item.active{
  opacity: 1;
}

.process-section .owl-stage-outer{
  overflow: visible;
}

.process-section .owl-stage-outer .owl-item{
  opacity: 0;
  transition: all 500ms ease;
}

.process-section .owl-stage-outer .owl-item.active{
  opacity: 1;
}


/* job  */

    section123 {
        padding: 40px 20px;
        background-color: #fff;
        max-width: 1200px;
        
    }

    h2 {
        font-size: 2em;
        color: #333;
        margin-bottom: 20px;
    }

    .job-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
    }

    .job-card {
        background-color: #f9f9f9;
        border-radius: 12px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        padding: 20px;
        text-align: left;
    }

    .job-icon {
        background-color: #f0f0f0;
        border-radius: 8px;
        padding: 15px;
        display: inline-block;
        margin-bottom: 15px;
    }

    .job-icon img {
        width: 24px;
        height: 24px;
    }

    .company-name {
        color: #007bff;
        font-size: 0.9em;
        font-weight: bold;
        text-decoration: none;
        display: block;
        margin-bottom: 5px;
    }

    .job-title {
        font-size: 1.2em;
        font-weight: bold;
        margin: 5px 0;
        color: #333;
    }

    .job-detail {
        display: flex;
        align-items: center;
        font-size: 0.9em;
        color: #666;
        margin: 4px 0;
    }

    .job-detail img {
        width: 16px;
        height: 16px;
        margin-right: 8px;
    }


  

    h2 {
        font-size: 2em;
        color: #333;
        margin-bottom: 20px;
    }

    .category-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
    }

    .category-card {
        background-color: #f9f9f9;
        border-radius: 12px;
       
        text-align: left;
        overflow: hidden;
        cursor: pointer;
        transition: transform 0.2s;
    }

    .category-link {
    text-decoration: none;
    color: inherit;
}


    .category-image {
        width: 100%;
        height: 140px;
        object-fit: cover;
    }

    .category-title {
        font-size: 1.2em;
        font-weight: bold;
        color: #333;
        margin: 15px 20px 5px 20px;
    }

    .category-count {
        font-size: 0.9em;
        color: #666;
        margin: 0 20px 15px 20px;
    }

    .view-more {
        display: block;
        text-align: center;
        font-size: 0.9em;
        color: #007bff;
        margin-top: 20px;
        text-decoration: none;
    }

    .view-more:hover {
        text-decoration: underline;
    }



   
    .container {
        max-width: 1200px;
        margin: 0 auto;
    }
    .featured-companies {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        margin-bottom: 50px;
    }
    .company-card {
        background-color: white;
        border-radius: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        width: 150px;
        margin: 10px;
        padding: 20px;
        text-align: center;
        cursor: pointer;
        transition: transform 0.3s;
    }
    .company-card:hover {
        transform: scale(1.05);
    }
    .company-card img {
        max-width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .company-name {
        font-size: 16px;
        color: #333;
    }
    .upload-section {
        background-color: #eef7ff;
        padding: 30px;
        border-radius: 10px;
        text-align: left;
        margin-bottom: 40px;
    }
    .upload-section h3 {
        font-size: 20px;
        color: #000;
    }
    .upload-section p {
        color: #666;
        margin-bottom: 20px;
    }
    .upload-section ul {
        list-style-type: none;
        padding-left: 0;
    }
    .upload-section ul li {
        margin-bottom: 10px;
    }
    .upload-button {
        background-color: #ff4d4d;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 5px;
        cursor: pointer;
        font-size: 16px;
        transition: background-color 0.3s;
    }
    .upload-button:hover {
        background-color: #e43f3f;
    }

    .cities-list {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      padding-left:10px;
      gap: 10px;
  }

  .cities-list li {
      flex: 1 1 45%; /* Each item takes about 45% of the width to form two columns */
  }

  .cities-list button {
      background: none;
      border: none;
      cursor: pointer;
      font-size: 13px;
      width: 100%;
      text-align: left;
  }
 
  .submenus ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two equal columns */
    gap: 10px; /* Space between columns */
    list-style: none;
    padding: 0;
    margin: 0;
}

.submenus {
  display: none;
  position: absolute;
  left: 100%;
  top: 0px;
  font-family: 'FontStyle6', Arial, sans-serif;
  font-size: 13px;
  background-color: #fff;
  padding: 10px;
  width: 400px;
  z-index: 1001;
}

.registration-time{
  margin-left: 15px;

}
.input-value{
  font-size: 14px;
  font-family: 'FontStyle6', Arial, sans-serif;
  color:#555555;
}
.dropdown-icons2 {
  position: absolute;
  top: 605px;
  padding-left: 150px;
  transform: translateY(-50%);
  font-size: 12px;
  transition: transform 0.3s ease; 
  }

.page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  margin: 1rem 0;
  border-radius: 0.6rem;
  background: #ffffff;
  box-shadow: 0 0.8rem 2rem rgba(90, 97, 129, 0.05);
  list-style: none;
  padding: 0;
}

.page__numbers,
.page__btn,
.page__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.2rem;
  font-size: 1rem;
  cursor: pointer;
}

.page__dots {
  width: 2.6rem;
  height: 2.6rem;
  color: var(--greyLight);
  cursor: default;
}

.page__numbers {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.4rem;
}

.page__numbers a,
.page__btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.page__numbers:hover {
  color: #E35D20;
}

.page__numbers.active {
  color: #ffffff;
  background: #E35D20;
  font-weight: 600;
  border: 1px solid #E35D20;
}

.page__btn {
  color: var(--greyLight);
  pointer-events: none;
}

.page__btn.active {
  color: var(--greyDark);
  pointer-events: auto;
}

.page__btn.active:hover {
  color: #E35D20;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  .page {
    flex-wrap: wrap;
    height: auto;
    padding: 1rem;
  }
  
  .page__numbers,
  .page__btn,
  .page__dots {
    margin: 0.4rem;
  }
}
.fav-font{
  font-family: 'FontStyle6', Arial, sans-serif;
  font-size: 14px;
  padding-left: 5px;
}

#land_area_from{
    padding-left: 20px;
}
#land_area_to{
    padding-left: 20px;
}
#price_from,#year_from,#kilometers_from{
   padding-left: 20px;
}
#price_to,#year_to,#kilometers_to{
   padding-left: 20px;
}
#surface_area_from{
    padding-left: 20px;
}
#surface_area_to{
    padding-left: 20px;
}
.tr1{
  font-weight: 600;
}
.notify{
  text-decoration: underline;
  margin-bottom: 20px;
  font-size: 22px;
  color: #007bff;
}
    .details-icons {
    display: flex;
    gap: 30px; 
    align-items: center;
    font-size: 16px;
    white-space: nowrap; 
    overflow: visible; /* Allow content to extend beyond container */
    width: auto; /* Let it expand as needed */
    min-width: 100%; /* Start with full width but allow expansion */
    margin-top: 5px;
}

.details-icons span {
    display: flex;
    align-items: center;
    gap: 8px; /* space between icon and text */
    flex-shrink: 0; /* Prevent items from shrinking */
}

.details-icons img {
    width: 16px; /* consistent icon size */
    height: 16px;
    flex-shrink: 0; /* Prevent icons from shrinking */
}
#heavyvehicle-list-container, 
#junkcars-list-containers,
#car-list-container, 
#job-list-container,
#sports-list-container,
#musical-list-container,
#gaming-list-container,
#motorcycle-list-container,
#motorcyclemain-list-container,
#vehiclerent-list-container, 
#boat-list-container, #scooter-list-container,#helmetcloth-list-container,#quadbikes-list-container,#accessoriesparts-list-container,
#numberplate-list-container,
#tiresandcaps-list-container{
    min-height: 600px; 
    position: relative;
}

#mobiles-list-container,
#tablets-list-container,
#accessory-list-container,#cover-list-container,#headset-list-container,#smartwatch-list-container,#mobilesim-list-container{
   min-height: 600px; 
    position: relative;
}
#autoservices-list-container,
#consultancy-list-container,
#domestic-list-container,#events-list-container,#freelancer-list-container,#health-list-container,#homemaintenance-list-container,#movers-list-container,#otherservices-list-container,#webservice-list-container,#restoration-list-container,#tutor-list-container{
   min-height: 600px; 
    position: relative;
}
#babyitem-list-container,
#book-list-container,
#business-list-container,#camera-list-container,#clothing-list-container,#collectible-list-container,#computer-list-container,#dvd-list-container,#electronics-list-container,#furniture-list-container,#gaming-list-container,#homeappliance-list-container,#jewelry-list-container,#lostfound-list-container,#music-list-container,#musical-list-container,#pet-list-container,#sports-list-container,#ticket-list-container,#toys-list-container,#item-list-container{
   min-height: 600px; 
    position: relative;
}
.navbar .dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}

.dropdown-menu {
    display: none; 
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.property-video{
        width:300px;
      }


.location-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    font-size: 18px;
    background: linear-gradient(45deg, red, orange);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.search-input {
    font-family: 'FontStyle6', Arial, sans-serif;
    padding: 10px;
    width: 70%; 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
}
.search-btn {
    position: absolute;
    right: 0;
    padding: 5px 10px;
    background: linear-gradient(45deg, #EB362D, #F9AD1F, #EB362D, #F9AD1F); /* Gradient background */
    border: none;
    border-radius: 0 10px 20px 0;
    cursor: pointer;
}

.search-btn i {
    color: #fff; /* White color for the icon */
}

/* Adjust spacing for the right section */
.row.align-items-center {
    display: flex;
    justify-content: space-between;
}



/* Small line between Sign In and Add Post */
.separator {
    width: 1px;
    height: 30px;
    background-color: #ccc;
    margin: 0 10px;
}

/* Underline below Sign In */
.sign-in a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: black;
    font-family: 'FontStyle6', Arial, sans-serif;
    {% comment %} font-weight: bold; {% endcomment %}
}

.sign-in a::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333;
}
.theme-btn-one {
    background: linear-gradient(60deg, #F9AD1F, #EB362D);
    
    color: white;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
    margin-right: 10px;
    font-size:14px;
    display: inline-block; /* Allows padding and margin */
    text-align: center; /* Centers text horizontally */
    line-height: 20px; /* Adjust this value to match the button height for vertical centering */
}

.theme-btn-two {
    background: linear-gradient(60deg, #F9AD1F, #EB362D);
    color: white;
    margin-top:-1px;
    padding: 0px 10px;
    border-radius: 16px;
    text-decoration: none;
    margin-right: 10px;
    font-size: 12px;
    display: inline-block; /* Allows padding and margin */
    text-align: center; /* Centers text horizontally */
    line-height: 20px; /* Adjust this value to match the button height for vertical centering */
}
.theme-btn-three {
    background: linear-gradient(60deg, #F9AD1F, #EB362D);
    color: white;
    margin-top:-1px;
    padding: 0px 10px;
    border-radius: 16px;
    text-decoration: none;
    margin-right: 10px;
    font-size: 12px;
    display: inline-block; /* Allows padding and margin */
    text-align: center; /* Centers text horizontally */
    line-height: 20px; /* Adjust this value to match the button height for vertical centering */
}

/* Small line between Sign In and Add Post */
.separator {
    width: 1px;
    height: 50px;
    background-color: #ccc;
    margin: 0 10px;
}

/* Underline below Sign In */
.sign-in a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: black;
    font-family: 'FontStyle6', Arial, sans-serif;
    font-weight: normal;
}

.sign-in a::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333;
}
/* Style for the "Log in or sign up" link */
.login-link {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: black;
    {% comment %} font-weight: bold; {% endcomment %}
    font-size: 14px; /* Reduced font size */
    transition: font-size 0.3s ease, color 0.3s ease; /* Smooth transition for font size and color */
}



/* Animated underline effect with gradient */
.login-link::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient( #F9AD1F, #EB362D); /* Gradient from orange to red */
    transition: width 0.3s ease; /* Animate the width of the underline */
}

/* Hover effects on the link */
.login-link:hover {
    color: linear-gradient( #F9AD1F, #EB362D); /* Change text color on hover */
    
}

.login-link:hover::after {
    width: 100%; /* Expand underline to full width on hover */
}


/* Center the navbar */
.main-menu {
    text-align: center;
    margin: 0 auto;
    padding: 0;
  
}

.main-menu .navigation {
    display: inline-block; /* Center the navigation items */
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.main-menu .navigation > li {
    display: inline-block;
   
}

.main-menu .navigation > li > a {
    text-decoration: none;
    color: #000; /* Default color */
    padding: 10px 18px;
}

.main-menu .navigation > li > a:hover {
    color: #007bff; /* Change color on hover */
}

.gradient-button {
    display: inline-block;
    background: linear-gradient( #F9AD1F, #EB362D);
    padding: 5px;
    border-radius: 30px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    transition: background 0.3s ease, filter 0.3s ease;
    filter: blur(0px); /* Initial blur level */
}

.gradient-button:hover {
    background: linear-gradient( #F9AD1F, #EB362D);
    filter: blur(18px); /* Add a blur effect on hover */
}

.gradient-button span {
    font-size: 12px;
}

/* Hide the mobile toggle on larger screens */
@media (min-width: 768px) {
    .mobile-nav-toggler {
        display: none;
    }
}

 #l1{
    padding: 28px 0px;
    margin-right:-10px;
  }

.navbar .ml-auto {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    
}

/* Prevent text from breaking */
.sign-in a, .dropdown-toggle {
    white-space: nowrap;
}

/* Adjust dropdown alignment */
.dropdown-menu {
    min-width: 200px;
    text-align: left;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .navbar .ml-auto {
        justify-content: flex-end;
        margin-top: -5px;
    }

    .sign-in a {
        font-size: 12px;
        padding: 5px 10px;
    }

    .dropdown-toggle {
        display: flex;
        align-items: center;
        margin-left: -95px;
    }

    .user-image {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 480px) {
    .navbar .ml-auto {
        flex-direction: row;
        align-items: center;
    }

    .sign-in a {
        font-size: 10px;
       
    }

    .dropdown-menu {
        font-size: 12px;
    }
}

    .dropdown {
        position: relative;
    }
    
    .real-estate-container {
        display: flex;
        align-items: :
        gap: 20px;
        color:black;
        padding: 10px 12px;
    }
    
    .real-estate-container {
        display: flex;
        align-items: :
        gap: 20px;
        color:black;
        padding: 10px 13px;
    }
    
    .real-estate-container > a {
        text-decoration: none; /* Removes underline from links */
        color:black;
        position: relative;
        display: block;
        text-align: center;
        font-size: 14px;
        line-height: 30px;
    
        font-weight: 600;
        opacity: 1;
    }
    .real-estate-container > a:hover {
       
        color:#E35D20 !important;
        text-decoration: none;
      
    }
    
    .theme-btn-one.exclusive-btn:hover {
        background-color: #ff7647; /* Slightly lighter color on hover */
    }
    .search-box {
        position: relative;
        width:240px;
        border-color:#15818E;
    }
    
    /* Make the search field smaller and position it closer to the logo */
    .search-box {
        display: inline-flex;
        align-items: center;
     
        margin-left: -170px;
    }
    
 
    .location-icon3 {
        position: absolute;
        top: 26%;
        left: 45px;
        height:23px;
       
    }
    .location-icon2 {
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        height:25px;
    
    }
    .location-icon1 {
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        height:23px;
      
    }
    
.search-input {
    position: relative; /* Ensure this is set */
    width: 83%;
    font-family: 'FontStyle6', Arial, sans-serif;
    font-size: 12px;
    padding-left: 35px; /* Space for the location icon */
    padding-right: 50px; /* Space for the dropdown icon */
    height: 30px;
    padding: 0.32rem;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #7ECAB6;
    box-shadow: none;
    cursor: pointer;
    background: #f9f9f9;
}

.location-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    height: 20px;
    z-index: 1; /* Ensure it appears on top */
}

.dropdown-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 12px;
    background: linear-gradient(45deg, red, orange);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
}
    .search-box {
        position: relative; /* Ensure the dropdown is positioned relative to the search box */
        width: 240px; /* Set a fixed width for the search box */
    }
    .regions-list {
        font-family: 'FontStyle6', Arial, sans-serif;
        position: absolute;
        top: 100%;
        left: 0;
        background: white;
        z-index: 1000;
        width: 200px; /* Adjust width as needed */
        max-height: 1700px; /* Set a maximum height */
        overflow: hidden; /* Prevent scrollbars */
        display: none; /* Initially hidden */
        box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    }
    
    .region-item {
        margin-bottom: 10px;
        position: relative;
        white-space: nowrap; /* Prevent text from wrapping */
        overflow: hidden; /* Hide overflow */
        text-overflow: ellipsis; /* Show ellipsis for overflowed text */
    }
    
    .region-item:hover .region-header {
        background-color: #f0f0f0; /* Change the background color on hover */
        cursor: pointer;
        color: #E35D20;
    }
    .cities-container {
        position: absolute;
        margin-top:-50px;
        left: 190px;
        width:400px;
        background: white;
        padding: 10px;
        display: none; /* Hidden by default */
        z-index: 2000;
    }
    .cities-list {
        font-family: 'FontStyle6', Arial, sans-serif;
        list-style: none;
        padding-left: 20px;
        margin: 0;
    }
    .cities-list li:hover{
        background-color: #f0f0f0; /* Change the background color on hover */
        cursor: pointer;
        color:#E35D20;
    }
    .region-header i {
        transition: transform 0.3s ease;
    }
    
    .region-item:hover .cities-container {
        display: block; /* Display cities container on hover */
    }
    
    .region-item:hover .region-header i {
        transform: rotate(90deg); /* Rotate the arrow icon */
    }
    .region-item:hover .cities-container {
        display: block;
    }
    
    .cities-container {
        transition: all 0.3s ease-in-out;
    }
    
    .lang1{
        margin-left:10px;
        font-weight:bold;
        margin-top:-4px;
    }
    .icon-logo {
        display: flex;
        flex-direction: column;
        align-items: center; /* Center align icon and text */
        margin: 0 5px; /* Consistent spacing between each icon-text pair */
    }
    
    .icon-logo img {
        width: 27px;
        height: 27px;
        margin-bottom: 5px; /* Add space between the icon and the text */
        transition: transform 0.3s ease; /* Smooth scale effect for hover */
    }
    .icon-logo p{
        font-size: 12px;
        text-align: center;
        margin-top: 5px;
        color: #333; /* Default color */
        transition: color 0.3s ease; /* Smooth color transition for text */
        font-family: 'FontStyle6', Arial, sans-serif;
        font-weight: normal;
    }
    .submenu-columns .column li img {
        width: 15px; /* Adjust image size */
        height: 15px;
        margin-right: 10px; /* Add spacing between image and text */
        vertical-align: middle; /* Align image with text */
    }
    
    .icon-logo:hover img {
        transform: scale(1.1); /* Slightly enlarge the icon on hover */
    }
    
    .icon-logo{
        font-size: 12px;
        text-align: center;
        margin-top: 5px;
        color: #333; /* Default color */
        transition: color 0.3s ease; /* Smooth color transition for text */  
        font-weight: normal;
    }
    
    
    .icon-logo:hover .icon-text {
        color: linear-gradient( #F9AD1F, #EB362D);
    }
    .icon-container {
        display: flex;
        justify-content: center; /* Center all icons horizontally */
        gap: 10px; 
    }
    
        @media (max-width: 480px) {
            .search-box {
                margin-top: 105px;
                margin-left: -230px;
            }
        }
        .allcities{
            padding-left:5px;
            margin-bottom:5px;
            font-family: 'FontStyle6', Arial, sans-serif;font-size:13px;
            background : none; 
            border: none;  
            cursor: pointer;"
        }
        .allcities:hover {
            background-color: #f0f0f0; /* Change the background color on hover */
            cursor: pointer;
            color: #E35D20;
        }
    

                                    /* Mobile responsiveness */
                            @media (max-width: 768px) {
                                .icon-container {
                                    display: none;
                                }}
                            
                               
                            @media (max-width: 480px) {
                                .icon-container {
                                    display: none;
                                }
                            
                               
                            
                                .separator {
                                    display: none;
                                }
                            }
        
           .multi-column-dropdown {
    width: 400px; /* Adjust width */
    padding: 15px;margin-left: 230px;
}

.multi-column-dropdown .row {
    display: flex;
    flex-wrap: nowrap;
}

.multi-column-dropdown .col-6 {
    flex: 1;
    padding: 10px;
}
.multi-column-dropdown li a:hover {
           
           color:  #E35D20;
           padding: 5px;
           border-radius: 4px;
           transition: background-color 0.2s;
       }
        /* Base styles for larger screens (default) */
    .custom-form {
       
    }
    
    .input-inner {
        display: flex;
        justify-content: space-between;
    }
    
    .form-group {
        flex: 1;
        margin-right: 10px;
    }
    
    /* Dropdown styles for regions and categories */
.form-group select {
    position: relative; /* Ensure the dropdown is positioned relative to the form */
    z-index: 10; /* Ensure it appears above other elements */
}

/* Adjust the dropdown list */
.region-list, .categories-list {
    position: absolute; /* Position the dropdown absolutely */
    top: 100%; /* Position it directly below the select input */
    left: 0; /* Align it to the left */
    background: white; /* Background color */
    border: 1px solid #ccc; /* Border */
    z-index: 1000; /* Ensure it appears above other elements */
    width: 100%; /* Match the width of the select input */
    max-height: 200px; /* Limit height */
    overflow-y: auto; /* Scroll if too many items */
    display: none; /* Initially hidden */
    margin-top: 5px; /* Add margin to create space below the input */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Optional: Add shadow for better visibility */
}

/* Ensure the form container has enough space */
.custom-form {
   
    position: relative; /* Ensure it is positioned relative for dropdowns */
}
    
    /* Responsive Styles */
    @media (max-width: 768px) {
        .custom-form {
            margin-left: 0; /* Remove left margin on mobile */
            margin-right: 20px; /* Optional: Add some right margin */
        }
        
        .input-inner {
            flex-direction: column; /* Stack input fields on mobile */
        }
        
        .form-group {
            margin-bottom: 15px;
            margin-right: 0;
        }
        
        .btn-box {
            text-align: center;
        }
    }
    
   
        .categories-container {
            display: none; /* Hide icons by default (for desktop) */
        }
    
        .category-icon {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100px;
            height: 100px;
            background-color: #ffffff; /* White background for the icon container */
            border: 2px solid #e0e0e0;
            border-radius: 10px;
            text-align: center;
            transition: transform 0.3s ease; /* Add scaling effect */
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        }
    
        .category-icon i {
            font-size: 36px;
            background: linear-gradient(45deg, #F9AD1F, #EB362D); /* Gradient background on the icon */
            -webkit-background-clip: text; /* Apply the gradient to the text */
            color: transparent; /* Make the text color transparent to show the gradient */
            margin-bottom: 10px;
            transition: transform 0.3s ease; /* Add scaling effect on hover */
        }
    
        .category-icon span {
            font-size: 14px;
            color: #333; /* Regular text color */
        }
    
        .category-icon:hover {
            transform: scale(1.1); /* Scaling effect on hover */
            cursor: pointer;
        }
    
        .category-icon:hover i {
            transform: scale(1.2); /* Zoom effect on icon */
        }
    
        /* Mobile view: Show icons and adjust layout */
        @media screen and (max-width: 768px) {
            .categories-container {
                display: flex; /* Show icons on mobile */
                flex-wrap: wrap;
                justify-content: center;
                gap: 15px;
                padding: 10px;
                margin-top: -60px;
                margin-bottom: 10px;
            }
    
            .category-icon {
                width: calc(50% - 20px); /* Two per row */
                height: 120px;
            }
    
            .category-icon i {
                font-size: 40px;
            }
    
            .category-icon span {
                font-size: 12px;
            }
        }

   
        @media screen and (max-width: 768px) {
            .categories-section h2{
                display: none; /* Hide "Popular Categories" on mobile */
            }
    
            .app-section h2{
                display: block; /* Show "Download Our App" on mobile */
            }
        }
 
        /* Base styles for larger screens (default) */
    .custom-form {
        margin-left: 140px;
        {% comment %} margin-top:5px; {% endcomment %}
       width:825px;
    }
    
    .input-inner {
        display: flex;
        justify-content: space-between;
    }
    
    .form-group {
        flex: 1;
        margin-right: 10px;
    }
    
    
    
    /* Responsive Styles */
    @media (max-width: 768px) {
        .custom-form {
            margin-left: 0; /* Remove left margin on mobile */
            margin-right: 20px; /* Optional: Add some right margin */
        }
        
        .input-inner {
            flex-direction: column; /* Stack input fields on mobile */
        }
        
        .form-group {
            margin-bottom: 15px;
            margin-right: 0;
        }
        
        .btn-box {
            text-align: center;
        }
    }
    
            /* Banner Section */
            #banner-section {
                background-size: cover;
                background-position: center;
                /* height:10px; */
                position: relative;
                transition: background-image 1s ease-in-out;
            }
            .banner-section{
      position: relative;
      padding: 17px 0px 18px 0px;
      width: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    }
        
            #banner-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(60deg, #F9AD1F, #EB362D);
            -webkit-mask: linear-gradient(60deg, #F9AD1F, #EB362D);
            -webkit-mask-composite: destination-in;
            mask: linear-gradient(60deg, #F9AD1F, #EB362D);
            mask-composite: intersect;
            z-index: 1;
            opacity: 0.8; /* Reduce opacity for a lighter masking effect */
            pointer-events: none; /* Ensure the mask does not block interactions */
        }
        
            #banner-section .content-column {
                position: relative;
                z-index: 2;
            }
        
            #banner-section .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            /* Exclusive Offers Section */
            #exclusive-offers {
                position: relative;
                margin-top: 35px;
                background:#E6F0F9;
                color: #fff;
                height: 133px; /* Adjust as needed for the container's content */
                font-family: 'FontStyle1', Arial, sans-serif;
                font-size:14px;
            }
            
            /* Image Container */
            .image-container {
                position: relative;
                width: 300px;
                text-align: center; /* Center the image inside the container */
                margin-top: -280px;
                z-index: 1;
                margin-left:-20px;
            
            }
            
            .image-container .image {
                width: 300px;
                height: 414px; /* Maintain aspect ratio */
              
                
            }
            
            /* Content Section */
            .content-section {
                text-align:left;
            }
            
            .content-section h2 {
                {% comment %} font-size: 2rem; {% endcomment %}
                margin-top: 10px;
                color:black;
                font-family: 'FontStyle6', Arial, sans-serif;
                margin-left:-40px;
                
            }
            
            .content-section p {
                {% comment %} font-size: 1rem; {% endcomment %}
                line-height: 1.1;
                color: black;
                margin-left:-40px;
                font-size:12px;
                font-family: 'FontStyle6', Arial, sans-serif;
                word-wrap: break-word; /* Ensure text breaks appropriately */
            }
        /* Responsive Styles */
        @media (max-width: 768px) {
            /* Exclusive Offers Section */
            #exclusive-offers {
                height: auto; /* Adjust height to fit content */
                padding: 20px;
                margin-top: 10px;
            }
            .image-container .image {
                height: 50%;
              
                
            }
        
            /* Image Section */
            .image-container {
                margin-top: -150px; /* Adjust margin for smaller screens */
                right: 0;
                transform: none; /* Remove transform for better alignment */
                width: 60%; /* Reduce image size */
                margin: 0 auto; /* Center the image */
            }
        
            /* Content Section */
            .content-section {
                margin: 0 auto; /* Center the content section */
                padding: 10px;
                margin-top: 20px;
                text-align: center; /* Center-align text for mobile */
            }
        
            .content-section h2 {
                font-size: 1.5rem; /* Adjust heading size */
                text-align: center; /* Center heading */
            }
        
            .content-section p {
                font-size: 0.9rem; /* Adjust font size for readability */
                text-align: center; /* Center-align paragraph text */
                margin-left: 0; /* Remove unnecessary margin */
                max-width: 100%; /* Use full width */
            }
        }
        
        @media (max-width: 480px) {
            /* Further adjustments for very small screens */
            .image-container {
                margin-top: -45px;
                width: 80%; /* Reduce image size further */
            }
        
            .content-section h2 {
                font-size: 1.2rem;
            }
        
            .content-section p {
                font-size: 0.8rem;
            }
        }
        .about-paragraph{
            color:black;
        }
        .input{
            margin-top:3px;
        }
      
.search-autocomplete {
    position: relative;
    width: 100%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.search-autocomplete input {
    width: 100%;
    
}

#clear-search {
    position: absolute;
    top: 70%;
    right: 10px;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    font-size: 18px;
    cursor: pointer;
    color: #999;
    display: none; /* hidden initially */
    padding: 0;
    line-height: 1;
}

#clear-search:hover {
    color: #555;
}

.autocomplete-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 640px; /* Increased width */
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    z-index: 1000;
    display: none;
    max-height: 400px; /* Increased height */
    overflow-y: hidden;
    padding: 6px 0;
    transition: all 0.2s ease-in-out;
    margin-top: 20px;
  
}

.autocomplete-item {
    padding: 12px 18px;
    cursor: pointer;
    font-size: 15px;
    color: #2d3748;
    transition: background 0.2s ease, color 0.2s ease;
    border-radius: 6px;
    margin: 2px 8px;
    text-align: left;       /* <-- Force text alignment to the left */
    display: block;         /* <-- Ensure full width alignment */
    width: calc(100% - 16px); /* Align with margin, keeping item full width */
}


.autocomplete-item:hover,
.autocomplete-item.active {
    background-color: #f0f4f8;
    color: #1a202c;
}

.suggestion-text strong {
    font-weight: 600;
    color: #1a73e8;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

input[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

                                     
                                    .form-group-row {
                                        display: flex;
                                        align-items: center;
                                        background-color: rgb(255, 255, 255);
                                        padding: 10px;
                                        border-radius: 50px;
                                        border: 1px solid #ccc;
                                    }
                                
                                    .oval-container {
                                        flex: 1;
                                        position: relative;
                                        padding: 10px;
                                        display: flex;
                                        align-items: center;
                                        gap: 10px;
                                        height: 20px;
                                    }
                                
                                   .chosen-value {
                                        width: 100%;
                                        padding-left: 27px;
                                        padding-top:15px;
                                        font-size: 12px;
                                        font-family: 'FontStyle6', Arial, sans-serif;
                                        border: none;
                                        background: transparent;
                                        outline: none;
                                    }
                                    
                                    .input {
                                        width: 100%;
                                        padding-left: 27px;
                                        padding-top:15px;
                                        font-size: 13px;
                                        font-family: 'FontStyle6', Arial, sans-serif;
                                        border: none;
                                        background: transparent;
                                        outline: none;
                                    }
           
                                    .location-icon2 {
                                        position: absolute;
                                        margin-top:6px;
                                        z-index: 1;
                                       
                                    }
                                    .location-icon1 {
                                        position: absolute;
                                        margin-left:4px;
                                        z-index: 1;
                                        height:23px;
                                       
                                    }
                                    .location-icon3 {
                                        position: absolute;
                                        margin-left:-40px;
                                       
                                    }
                                
                                    .value-list {
                                        position: absolute;
                                        top: 45px;
                                        left: 0;
                                        width: 225px;
                                        font-family: 'FontStyle6', Arial, sans-serif;
                                        font-size: 13px;
                                        background-color: #fff;
                                        border: 1px solid #ccc;
                                        border-top: none;
                                        list-style: none;
                                        margin-left:-10px;
                                        z-index: 1000;
                                        display: none;
                                    }
                                
                                    .value-list.open {
                                        display: block;
                                    }
                                
                                    .value-list li {
                                        padding: 10px;
                                        cursor: pointer;
                                        transition: background-color 0.3s;
                                        position: relative;
                                    }
                                
                                    .value-list li:hover {
                                        background-color: #f0f0f0;
                                        color: #E35D20;
                                    }
                                
                                    /* Submenu Styles */
                                    .submenus {
                                        display: none;
                                        position: absolute;
                                        left: 100%;
                                        top: 0px;
                                        font-family: 'FontStyle6', Arial, sans-serif;
                                        font-size: 13px;
                                        background-color: #fff;
                                        {% comment %} border: 1px solid #ccc; {% endcomment %}
                                        padding: 10px;
                                        width: 400px;
                                        z-index: 1001;
                                    }
                                
                                    .value-list li:hover .submenus {
                                        display: block;
                                    }
                                
                                    .submenus ul {
                                        list-style: none;
                                        padding: 0;
                                        margin: 0;
                                    }
                                
                                    .submenus li {
                                        padding: 5px 10px;
                                        cursor: pointer;
                                        transition: background-color 0.3s;
                                        color: black;
                                    }
                                    .main-menu1 .submenus {
                                        display: none; /* Hide submenus by default */
                                    }
                                    
                                    .main-menu1.open .submenus {
                                        display: block; /* Show submenus when the main menu item is open */
                                    }
                                    .submenus li:hover {
                                        background-color: #f0f0f0;
                                        color: #E35D20;
                                    }
                                
                                    .vertical-divider {
                                        width: 1px;
                                        height: 40px;
                                        background-color: #ccc;
                                        margin: 0 10px;
                                    }
                                
                                    .btn-box {
                                        flex: 0 0 auto;
                                    }
                                
                                    .theme-btn-one {
                                     
                                        color: #fff;
                                        border: none;
                                        border-radius: 50px;
                                        cursor: pointer;
                                        width: 130px;
                                      
                                    }
                                     /* Mobile Responsive Styling */
@media (max-width: 768px) {
    .form-group-row {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        background-color: #fff;
        padding: 8px;
        border-radius: 10px;
        border: 1px solid #ccc;
        width: 38%;
        margin-top: -75px;
    }

    .oval-container {
        display: flex;
        align-items: center;
        gap: 5px;
        padding: 5px;
        width: 100%;
        position: relative;
    }

  
     .location-icon3{
        position: absolute;
        left: 36px;
        height: 15px;
        margin-top: 10px;


     }

    .location-icon1, .location-icon2 {
        position: absolute;
        left: 5px;
        height: 15px;
    }

    .value-list {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #fff;
        border: 1px solid #ccc;
        list-style: none;
        z-index: 1000;
        display: none;
    }

    .value-list.open {
        display: block;
    }

    .value-list li {
        padding: 6px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    .value-list li:hover {
        background-color: #f0f0f0;
        color: #E35D20;
    }

    .submenus {
        display: none;
        position: absolute;
        left: 100%;
        top: 0;
        background-color: #fff;
        padding: 6px;
        width: 100%;
        z-index: 1001;
    }

    .value-list li:hover .submenus {
        display: block;
    }

    .submenus li {
        padding: 4px 6px;
        cursor: pointer;
        transition: background-color 0.3s;
        color: black;
    }

    .submenus li:hover {
        background-color: #f0f0f0;
        color: #E35D20;
    }

   

    .theme-btn-one {
        color: #fff;
       
        cursor: pointer;
       
       
        text-align: center;
        margin-top: -10px;
      
    }
.vertical-divider{
    display: none;
}
}

        .dual-ad-loop-box {
            width: 100%;
            padding: 15px 0;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            margin: 0 auto;
        }

        .dual-ad-loop-box .swiper-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            height: 250px;
            padding: 0;
            overflow: hidden;
        }

        .dual-ad-loop-box .swiper-wrapper {
            display: flex;
            align-items: center;
            height: 100%;
        }

        .dual-ad-loop-box .swiper-slide {
            width: calc(50% - 3px) !important;
            height: 230px;
            transition: all 0.4s ease;
            box-sizing: border-box;
        }

        .dual-ad-loop-box .ad-box {
            width: 100%;
            height: 100%;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0,0,0,0.1);
            border: 1px solid #eee;
            background: white;
            transition: all 0.3s ease;
        }

        .dual-ad-loop-box .ad-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

        .dual-ad-loop-box .ad-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        @media (max-width: 768px) {
            .dual-ad-loop-box .swiper-container {
                height: 220px;
                padding: 0 5px;
            }

            .dual-ad-loop-box .swiper-slide {
                height: 200px;
                width: calc(50% - 2px) !important;
            }
        }

    .brand-container {
        width: 1120px;
        height: 285px;
        margin: 20px auto;
        padding: 0;
        background: #fff;
        border-radius: 16px;
        border: 1px solid #dee2e6;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #8f8888 #cdc2c2;
        scroll-behavior: smooth;
        position: relative;
    }

    .brand-container::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }

    .brand-container:hover::-webkit-scrollbar {
        width: 4px;
        height: 3px;
    }

    .brand-container::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 5px;
    }

    .brand-container::-webkit-scrollbar-thumb {
        background: #d9534f;
        border-radius: 5px;
    }

    .brand-top {
        position: sticky;
        top: 0;
        background: #fff;
        padding: 15px 20px 10px;
        z-index: 10;
    }

    .brand-search {
        display: flex;
        align-items: center;
        background: #fff;
        border: 2px solid #d2872f;
        border-radius: 30px;
        padding: 5px 15px;
        width: 260px;
        height: 35px;
    }

    .brand-search img {
        width: 18px;
        height: 18px;
        margin-right: 10px;
    }

    .brand-search input {
        border: none;
        outline: none;
        font-size: 0.9rem;
        width: 100%;
    }

    .brand-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 10px;
        padding: 10px 20px 20px;
        justify-items: center;
    }

    .brand-card {
        width: 100px;
        height: 100px;
        background: #ffffff;
        border-radius: 12px;
        display: flex;
        border: 1px solid rgb(121, 120, 120);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        transition: transform 0.3s ease;
        cursor: pointer;
    }

    .brand-card:hover {
        transform: scale(1.05);
    }

    .brand-card img {
        width: 40px;
        height: 40px;
        object-fit: contain;
        margin-bottom: 6px;
    }

    .brand-card span {
        font-size: 0.85rem;
        font-weight: 500;
        color: #000000;
        text-align: center;
        padding: 0 4px;
    }

    /* Models Container Styles */
    .models-container {
        display: none;
        padding: 10px 20px;
    }

    .models-header {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
    }

    .back-to-brands {
        background: none;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        color: #d2872f;
        font-weight: 500;
        margin-right: 15px;
    }

    .back-to-brands svg {
        margin-right: 5px;
    }

    .models-title {
        font-size: 1.2rem;
        font-weight: 600;
        margin: 0;
    }

    .models-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 10px;
    }

    .model-card {
        width: 100%;
        height: 80px;
        background: #f8f9fa;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 0.3s ease;
        border: 1px solid #ddd;
        cursor: pointer;
    }

    .model-card:hover {
        transform: scale(1.05);
        background: #e9ecef;
        border-color: #d2872f;
    }

    .model-card span {
        font-size: 0.8rem;
        color: #333;
        text-align: center;
        padding: 0 4px;
    }

    .view-all-models {
        background-color: #d2872f;
        color: white;
    }

    .view-all-models:hover {
        background-color: #b87326;
    }
.price-container,
.salary-container,
.condition-container,
.experience-container,
.location-list-container,
.listing-type-container,
.category-container,
.usage-container,
.subcategory-container,
.age-container,
.job-type-container,
.additional-filters-container,.brand-container,.os-container {
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 10px;
    background-color: white;
    font-family: 'FontStyle6', Arial, sans-serif;
    position: absolute;
    margin-top: 10px; 
    margin-left: -30px;
    z-index: 2;
    display: none;
    width: 270px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.price-container,
.condition-container,
.location-list-container,
.listing-type-container,
.additional-filters-container,
.year-container,
.usage-container,
.storage-container{
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 10px;
    background-color: white;
    font-family: 'FontStyle6', Arial, sans-serif;
    position: absolute;
    margin-top: 10px; 
    margin-left: -30px;
     z-index: 2;
    display: none;
    width: 270px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.price-container {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    z-index: 2;
}

.price-inputs {
    display: flex;
    flex-direction: column;
    font-size:14px;
    gap: 5px;
}

.price-inputs label {
    font-weight: 500;
}

.price-inputs input {
    padding: 5px 5px;
    border-radius: 25px;

    border: 1px solid #ccc;
}

.location-list-container {
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 10px;
    background-color: white;
    position: absolute;
    margin-left: -10px;
    margin-top:56px;
     z-index: 2;
    display: none;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.additional-filters-container {
    width: 300px;
    max-height: 400px;
    overflow-y: auto;
    right: 0; 
    margin-left: -115px;
}

.additional-filters-footer {
    padding: 10px;
    border-top: 1px solid #ddd;
    background: white;
    position: sticky;
    bottom: -12px;
    display: flex;
    justify-content: flex-end;
}



.additional-filters-inputs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.input-row {
    display: flex;
    gap: 10px;
}

.additional-filters-inputs input,
.additional-filters-inputs select {
    padding: 5px;
    border-radius: 25px;
    border: 1px solid #aaa9a9;
    width: 100px;
    flex: 1;
}

.oval-button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 10px;
}

.oval-checkbox,
.oval-radio {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.oval-button {
    display: inline-block;
    padding: 5px 12px;
    border: 1px solid #ccc;
    border-radius: 20px;
    background-color: #f8f8f8;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
}

.oval-checkbox:checked + .oval-button,
.oval-radio:checked + .oval-button {
    background-color: #E35D20;
    color: white;
    border-color: #E35D20;
}

.oval-button:hover {
    background-color: #e0e0e0;
}

.btn-apply {
    padding: 5px 15px;
    font-size: 16px;
    color: white;
    background: linear-gradient(60deg, #F9AD1F, #EB362D);
    border: none;
    border-radius: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-apply:hover {
    background-color: #d35400;
}

.dropdown-icons {
     position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 12px;
    background: black;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.dropdown-icons2 {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 12px;
    background: black;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.filter-form {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 30px 0;
    z-index: 2038;
}

.filter-box {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    border: 1px solid #5d5b5b;
    padding: 10px;
    border-radius: 20px;
    width: 1120px;
    box-shadow: 0 4px 12px rgba(157, 154, 154, 0.1);
}

.filter-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position:relative;
}

.filter-item label {
    font-size: 14px;
    font-family: 'FontStyle1', Arial, sans-serif;
    margin-bottom: -5px;
}



.input-value {
    font-size: 14px;
    font-family: 'FontStyle6', Arial, sans-serif;
    color: #555555;
}

.separators {
    width: 1px;
    background-color: #ccc;
    height: 100%;
}

#region_search, #city_search {
    width: 100%;
    padding: 8px;
    border-radius: 25px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    margin-top: 10px;
    box-sizing: border-box;
}

/* List Styles */
.regions-lists {
    max-height: 200px;
    overflow-y: auto;
}

.region-item {
    cursor: pointer;
    padding: 5px;
}

.city-list {
    list-style: none;
    padding-left: 15px;
    display: none;
}

.city-list li {
    cursor: pointer;
    color: #333;
}

#back-to-oman,
#clear-selected-city {
    display: none;
    width: 100%;
    padding: 5px;
    margin-top: 5px;
    border: none;
    background: linear-gradient(60deg, #F9AD1F, #EB362D);
    color: white;
    border-radius: 20px;
    cursor: pointer;
}

#clear-selected-city {
    margin-top: 10px;
}

#back-to-oman:hover {
    background: #E35D20;
}

.hidden-checkbox {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.checkbox-row {
    display: flex;
    gap: 5px;
    margin-bottom: 5px;
}

.loading-indicator {
    padding: 20px;
    text-align: center;
    font-weight: bold;
}

.error-message {
    padding: 20px;
    text-align: center;
    color: red;
    font-weight: bold;
}

.price-label, .year-label {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
}


    /* Navigation Buttons */
    .location-navigation {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .back-button, .clear-button {
        padding: 5px 10px;
        border-radius: 20px;
        border: 1px solid #ddd;
        background-color: #f8f8f8;
        cursor: pointer;
        font-size: 12px;
    }

    .back-button:hover, .clear-button:hover {
        background-color: #e0e0e0;
    }

    .clear-button {
        background: linear-gradient(60deg, #F9AD1F, #EB362D);
        color: white;
        border: none;
    }

    /* Search Inputs */
    .search-container input {
        width: 100%;
        padding: 8px;
        border-radius: 25px;
        border: 1px solid #ccc;
        margin-bottom: 10px;
        box-sizing: border-box;
    }

   


    /* Loading States */
    .loading {
        padding: 10px;
        text-align: center;
        font-style: italic;
        color: #666;
    }

    .empty {
        padding: 10px;
        text-align: center;
        color: #666;
    }

    .error {
        padding: 10px;
        text-align: center;
        color: red;
    }



.search-container {
  padding: 10px;
}

.search-container input {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 25px;
}


.hidden-checkbox {
  display: none;
}

.hidden-checkbox:checked + .oval-button {
  background-color: #3498db;
  color: white;
  border-color: #3498db;
}

.select-all-container {
  padding: 5px 15px;
  margin-bottom: 5px;
}

                                    .breadcrumb {
                            list-style: none;
                            padding: 10px;
                            background-color: #ffffff;
                            border-radius: 5px;
                            }
                            
                            .breadcrumb li {
                            display: inline;
                            font-size: 16px;
                            }
                            
                            .breadcrumb li + li:before {
                            content: ">";
                            padding: 0 8px;
                            color: #999;
                            }
                            
                            .breadcrumb li a {
    color: #15818E;
    text-decoration: none;
}

                            
                            .breadcrumb li a:hover {
                            text-decoration: underline;
                            }
                            
                            .breadcrumb li[aria-current="page"] {
                            color: #666;
                            }
                               
                                .far.fa-heart {
                                transition: color 0.3s ease; /* For smooth transition */
                                }
                                
                                .far.fa-heart.filled {
                                color: red;  /* Change color when the icon is filled */
                                font-weight: bold;  /* Make the icon bold */
                                }
                                
                           
                                     .gradient1-text {
       background: #EB362D;
       -webkit-background-clip: text; /* Clips the background to the text */
       -webkit-text-fill-color: transparent; /* Makes the text transparent to show the gradient */
       font-weight: bold; /* Optional */
     }                         .slide-image{
        height:200px;
        border-radius:8px 8px 8px 8px;
     }
  
        
                               
                                        /* General Styles for Mobile */
                                        @media (max-width: 768px) {
                                          .category-block .feature-style2-three {
                                            width: 90%; /* Adjust width for mobile responsiveness */
                                            margin: 0 auto; /* Center the container */
                                           
                                          }
                                        
                                          .feature-style2-three .feature-block-one {
                                            margin-bottom: 20px;
                                            width: 100%;
                                            border: 1px solid #ddd; /* Border around the container */
                                            border-radius: 8px; /* Rounded corners */
                                            padding: 20px; /* Space between content and border */
                                            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
                                            background: #fff; /* White background for contrast */
                                            height: 450px; /* Allow the container to expand with content */
                                          }
                                        
                                          
                                          .feature-style2-three .feature-block-one .inner-box {
                                            display: flex;
                                            flex-direction: column;
                                            padding: 0;
                                            width: 100%;
                                           
                                            border-radius: 8px;
                                            background-color: #fff;
                                          }
                                        
                                          /* Image Box */
                                          .feature-style2-three .feature-block-one .inner-box .image-box {
                                            width: 100%;
                                            margin-bottom: 15px;
                                            text-align: center;
                                          }
                                        
                                          .feature-style2-three .feature-block-one .inner-box .image-box img {
                                            width: 100%;
                                           
                                            border-radius: 8px 8px 0 0; /* Rounded corners on the top */
                                          }
                                        
                                          /* Content Section (below and outside the inner box) */
                                          .feature-style2-three .feature-block-one .lower-content {
                                            padding: 20px; /* Add padding around the content */
                                            margin-top: 250px; /* Add space between image and content */
                                            border-top: 1px solid #ddd; /* Optional: Add border between image and content */
                                          }
                                        
                                          .feature-style2-three .feature-block-one .lower-content h4 {
                                            margin-bottom: 10px;
                                            font-size: 18px;
                                            font-weight: bold;
                                            color: #333;
                                          }
                                        
                                          /* Action Buttons */
                                          .feature-style2-three .feature-block-one .lower-content .action-buttons {
                                            display: flex;
                                            flex-direction: row;
                                            gap: 10px; /* Space between buttons */
                                            justify-content: center;
                                          }
                                        
                                          .feature-style2-three .feature-block-one .lower-content .action-buttons li {
                                            list-style: none;
                                          }
                                        
                                          .feature-style2-three .feature-block-one .lower-content .action-buttons li a {
                                            display: inline-block;
                                            padding: 12px 20px;
                                            font-size: 16px;
                                            color: #fff;
                                            background: #EB362D;
                                            border-radius: 5px;
                                            text-decoration: none;
                                            transition: background 0.3s ease;
                                            margin-left: -9px;
                                          }
                                        
                                          .feature-style2-three .feature-block-one .lower-content .action-buttons li a:hover {
                                            background: #F9AD1F; /* Hover effect */
                                          }
                                        }
                                        
                          
                                                                        .loading-indicator {
                                                                            padding: 20px;
                                                                            text-align: center;
                                                                            font-size: 18px;
                                                                            color: #666;
                                                                        }
                                                                        
                                                                        .error-message {
                                                                            padding: 20px;
                                                                            text-align: center;
                                                                            font-size: 18px;
                                                                            color: #EB362D;
                                                                        }
                                                                       .home{
                                                                        margin-top: 90px;
                                                                       }
                                                                        .location-icon5 {
        position: absolute;
        top: 26%;
        margin-left:-5px;
        height:23px;
       
    }
    .home{
      margin-top: 90px;
    }
     .heavy-vehicles-container {
        width: 1120px;
        max-height: 300px;
        margin: 20px auto;
        padding: 0;
        background: #fff;
        font-family: 'FontStyle6', Arial, sans-serif;
        border-radius: 16px;
        border: 1px solid #dee2e6;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #8f8888 #cdc2c2;
        scroll-behavior: smooth;
        position: relative;
    }

    .heavy-vehicles-container::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }

    .heavy-vehicles-container:hover::-webkit-scrollbar {
        width: 4px;
        height: 3px;
    }

    .heavy-vehicles-container::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 5px;
    }

    .heavy-vehicles-container::-webkit-scrollbar-thumb {
        background: #d9534f;
        border-radius: 5px;
    }

    .heavy-vehicles-top {
        position: sticky;
        top: 10px;
        background: #fff;
        padding: 10px 20px;
        z-index: 20;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    
    .heavy-vehicles-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 10px;
        padding: 10px 20px 20px;
        justify-items: center;
    }

    .heavy-vehicles-grid a {
        text-decoration: none;
    }

    .heavy-vehicle-card {
        width: 120px;
        height: 120px;
        background: #ffffff;
        border-radius: 12px;
        display: flex;
        border: 1px solid rgb(121, 120, 120);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-transform: uppercase;
        overflow: hidden;
        transition: transform 0.3s ease;
        cursor: pointer;
    }

    .heavy-vehicle-card:hover {
        transform: scale(1.05);
        border-color: #d2872f;
        text-decoration: none;
    }

    .heavy-vehicle-card img {
        width: 40px;
        height: 40px;
        object-fit: contain;
        margin-bottom: 6px;
    }

    .heavy-vehicle-card span {
        font-size: 0.85rem;
        font-weight: 500;
        color: #000000;
        text-align: center;
        padding: 0 4px;
    }
    .pets-container {
    width: 1120px;
    max-height: 370px;
    margin: 20px auto;
    padding: 0;
    background: #fff;
    font-family: 'FontStyle6', Arial, sans-serif;
    border-radius: 16px;
    border: 1px solid #dee2e6;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #8f8888 #cdc2c2;
    scroll-behavior: smooth;
    position: relative;
}

.pets-container::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.pets-container:hover::-webkit-scrollbar {
    width: 4px;
    height: 3px;
}

.pets-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
}

.pets-container::-webkit-scrollbar-thumb {
    background: #d9534f; /* same red scrollbar thumb */
    border-radius: 5px;
}

.pets-top {
    position: sticky;
    top: 10px;
    margin-left: 20px;
    background: #fff;
    padding: 10px 20px;
    z-index: 20;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.pets-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 10px;
    padding: 10px 20px 20px;
    justify-items: center;
}

.pets-grid a {
    text-decoration: none;
}

.pet-card {
    width: 120px;
    height: 120px;
    background: #ffffff;
    border-radius: 12px;
    display: flex;
    border: 1px solid rgb(121, 120, 120);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    overflow: hidden;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.pet-card:hover {
    transform: scale(1.05);
    border-color: #d2872f;
    text-decoration: none;
}

.pet-card img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    margin-bottom: 6px;
}

.pet-card span {
    font-size: 0.85rem;
    font-weight: 500;
    color: #000000;
    text-align: center;
    padding: 0 4px;
}
/* Sorting Dropdown Styles */
.sort-dropdown {
    min-width: 180px;
}

.sort-dropdown select {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 0.9rem;
    color: #333;
    background-color: white;
    cursor: pointer;
    transition: all 0.2s;
}

.sort-dropdown select:hover {
    border-color: #aaa;
}

.sort-dropdown select:focus {
    outline: none;
    border-color: #666;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
}
#apartment-list-container,
#cafe-list-container,
#clinic-list-container,#commercial-list-container,
#complex-list-container,
#factory-list-container,
#farm-list-container,#foreign-list-container,
#fullfloors-list-container,
#hostel-list-container,
#suits-list-container,#land-list-container,
#office-list-container,#shared-list-container,#shop-list-container,
#showrooms-list-container,
#staff-list-container,#supermarket-list-container,#townhouse-list-container,#villa-list-container,#warehouse-list-container,
#wholebuilding-list-container{
    min-height: 600px; 
    position: relative;
}
.property-price span{
  font-size: 20px;
  margin-left: 5px;
}

.related-box {
    background: #f0f0f0;      /* required background */
    color: #333;             /* text color */
    padding: 15px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.related-inner {
    display: flex;
    align-items: center;
    gap: 12px;
}

.icon-circle {
    width: 35px;
    height: 35px;
    background:  #15818E;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
}

.related-text {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
}

.details-icons2 {
    display: flex;
    gap:5px;
    margin-top: 5px;
}

.details-icons2 span {
    background-color: #f2f2f2;
    padding: 4px 4px;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    display: inline-flex;
    align-items: center;
    white-space: nowrap; /* Prevents text inside from wrapping */
    flex-shrink: 0; /* Prevents items from shrinking */
}
.details-icons2 span b::before {
    content: " "; /* Adds a space before the bold text */
    white-space: pre; /* Preserves the space */
}
 .phone-popup {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(4px);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.popup-card {
    background: #ffffff;
    width: 400px;
    max-width: calc(100% - 32px);
    border-radius: 18px;
    padding: 22px;
    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.15),
        0 25px 60px rgba(0, 0, 0, 0.25);
    animation: popupAppear 0.25s ease;
    font-family: "Inter", system-ui, sans-serif;
}

@keyframes popupAppear {
    from {
        transform: translateY(12px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

/* Header */
.popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popup-user {
    display: flex;
    gap: 14px;
    align-items: center;
}

.popup-user-img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fde5d8;
}

.popup-user-info h4 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    color: #1f2937;
}

.popup-user-info p {
    margin-top: 3px;
    font-size: 0.75rem;
    color: #6b7280;
}

/* Close */
.popup-close {
    background: #fff3eb;
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-size: 20px;
    padding-bottom: 5px;
    cursor: pointer;
    color: #E35D20;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-close:hover {
    background: #fde5d8;
}

/* Divider */
.popup-divider {
    height: 1px;
    background: #fde5d8;
    margin: 18px 0;
}

/* Phone */
.popup-phone {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 24px 0;
    font-size: 1.8rem;
    font-weight: 700;
   
}

.phone-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #04cb54;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.2rem;
}

/* Actions */
.popup-actions.single {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

/* Button */
.popup-btn.primary {
    width: 100%;
    padding: 13px 0;
    border-radius: 14px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    border: none;
    background: linear-gradient(45deg, #F9AD1F, #EB362D);
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.popup-btn.primary:hover {
    filter: brightness(0.95);
}

/* Footer */
.popup-footer {
    margin-top: 16px;
    text-align: center;
    font-size: 0.72rem;
    line-height: 1.4;
    color: #9ca3af;
}

/* Wrapper */
.chat-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 920px;
    margin: 30px auto;
    height: 82vh;
}

/* Container */
.chat-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    overflow: hidden;
}

/* Header */
.chat-header {
    display: flex;
    align-items: center;
    padding: 18px 22px;
    background: #ffffff;
    border-bottom: 1px solid #e6e6e6;
}

.chat-avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #E35D20;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    margin-right: 14px;
}

.chat-header h3 {
    margin: 0;
    font-size: 17px;
    color: #222;
    font-weight: 600;
}

/* Messages */
.messages {
    flex: 1;
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow-y: auto;
    background: #f9fafb;
}

/* Message bubble */
.message {
    max-width: 70%;
    padding: 12px 16px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 1.5;
    color: #000; /* BLACK TEXT */
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}
.sent {
    align-self: flex-end;
    background: #ffffff;
    color: #000; /* BLACK TEXT */
    border-bottom-right-radius: 4px;
}

.received {
    align-self: flex-start;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    color: #000; /* BLACK TEXT */
    border-bottom-left-radius: 4px;
}


/* AI Highlight */
.ai-message {
    border-left: 4px solid #E35D20;
}

/* Timestamp */
.timestamp {
    display: block;
    font-size: 11px;
    margin-top: 6px;
    opacity: 0.7;
}

/* Input Area */
.input-area {
    display: flex;
    padding: 14px 18px;
    background: #ffffff;
    border-top: 1px solid #e6e6e6;
    align-items: flex-end;
    gap: 10px;
}

.input-area textarea {
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 24px;
    padding: 12px 16px;
    font-size: 14px;
    resize: none;
    outline: none;
    min-height: 48px;
    max-height: 120px;
    background: #fafafa;
}

.input-area textarea:focus {
    border-color: #E35D20;
    background: #ffffff;
}

/* Send Button */
.input-area button {
    width: 48px;
    height: 48px;
    background: #E35D20;
    border: none;
    
    border-radius: 50%;
    color: #ffffff;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s ease;
}

.input-area button:hover {
    background: #c94f1b;
    transform: scale(1.05);
}

/* Typing Indicator */
.typing-indicator {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
}

.typing-dot {
    width: 7px;
    height: 7px;
    background: #E35D20;
    border-radius: 50%;
    animation: typing 1.4s infinite;
}

.typing-dot:nth-child(2) { animation-delay: 0.2s; }
.typing-dot:nth-child(3) { animation-delay: 0.4s; }

@keyframes typing {
    0%, 60%, 100% { transform: translateY(0); opacity: 0.5; }
    30% { transform: translateY(-6px); opacity: 1; }
}



/* Chat color pop */


/* Chat Popup Styles */
.chat-popup-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 350px;
    height: 500px;
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    display: flex;
    flex-direction: column;
    z-index: 10000;
    overflow: hidden;
    border: 1px solid #eee;
}

.chat-popup-header {
    background: #15818E;
    color: white;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chat-popup-avatar {
    width: 40px;
    height: 40px;
    background: white;
    color: #15818E;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
}

.chat-popup-username {
    font-weight: 600;
    font-size: 16px;
}

.chat-popup-product {
    font-size: 12px;
    opacity: 0.9;
    margin-top: 2px;
}

.chat-popup-close {
    background: none;
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
    padding: 5px;
}

.chat-popup-messages {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
    background: #f8f9fa;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chat-popup-message {
    max-width: 80%;
    padding: 10px 14px;
    border-radius: 18px;
    font-size: 13px;
    word-break: break-word;
    line-height: 1.4;
}

.chat-popup-message.sent {
    align-self: flex-end;
    background: #15818E;
    color: white;
}

.chat-popup-message.received {
    align-self: flex-start;
    background: white;
    border: 1px solid #e8e8e8;
    color: #333;
}

.chat-popup-input {
    padding: 15px;
    background: white;
    border-top: 1px solid #eee;
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

.chat-popup-input textarea {
    flex: 1;
    border-radius: 20px;
    padding: 12px 16px;
    border: 1px solid #ddd;
    font-family: inherit;
    font-size: 14px;
    resize: none;
    min-height: 50px;
    max-height: 100px;
    outline: none;
}

.chat-popup-input textarea:focus {
    border-color: #15818E;
}

.chat-popup-input button {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    background: #15818E;
    color: white;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.message-time {
    font-size: 10px;
    margin-top: 5px;
    opacity: 0.7;
}

.sent .message-time {
    text-align: right;
}

.received .message-time {
    text-align: left;
}

/* Add these styles */
.product-image-small {
    width: 24px;
    height: 18px;
    border-radius: 4px;
    object-fit: cover;
    border: 1px solid rgba(255,255,255,0.2);
}

.product-title-small {
    font-size: 12px;
    opacity: 0.9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.chat-popup-product-info {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
}

.chat-popup-product-info {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
}


 .chat-popup-tips {
    background: #fff8e1;
    border-bottom: 1px solid #eee;
    padding: 8px 12px;
    font-size: 11px;
    color: #555;
}

.chat-popup-tips strong {
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
}

.chat-popup-tips ul {
    margin: 0;
    padding-left: 16px;
}

.chat-popup-tips li {
    margin-bottom: 2px;
}

#toggle-usage * {
    pointer-events: none;
}
#toggle-category * {
    pointer-events: none;
}
#toggle-subcategory * {
    pointer-events: none;
}
#toggle-brand * {
    pointer-events: none;
}
#toggle-condition * {
    pointer-events: none;
}
#toggle-age * {
    pointer-events: none;
}
#toggle-transmission * {
    pointer-events: none;
}
#toggle-ticket-number * {
    pointer-events: none;
}