/*
Theme Name: LBCT Car Hire
Theme URI: https://lbct.com.au/
Author: 4Business Group
Author URI: 4businessgroup.com.au
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: car,car hire,brisbane car hire
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lbct
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* Reset some default styles */
body, html {
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6,p,b,strong,span,ul,li,ol,button,a,small,label,input,textarea,div{
  font-family: 'Outfit', sans-serif;
}
#nav-home-tab,#nav-profile-tab{
    border:1px solid white;
}

.bannerinner .nav-link.active{
  background-color: #015867 !important;
    color: rgb(255, 255, 255) !important;
}

button{
    border-radius:0px !important;
}
.bannerinner{
    padding-top: 250px  !important;
    padding-bottom: 250px !important;
}

.p-2{
    padding: 20px;
}
.fixed-top li{
    margin-left:20px;
}
.navbar-nav .nav-link:active
{
    color: white !important;
}
header nav {
    box-shadow: 0px 0px 0px 0px #00c4ff, 0px 0px 0px 0px #0091ff, 0px 0px 0px 2px #00c4ff, 0px 0px 0px 0px #00c4ff;
}



.sec-title {
	margin-bottom: 50px;
	padding-bottom: 15px;
	position: relative;
}
.sec-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100px;
	height: 3px;
	background: #2dabff;
}
.sec-title h2 {
	font-size: 60px;
	font-weight: 900;
	letter-spacing: 0px;
	text-transform: uppercase;
}
.sec-title p {
	font-size: 18px;
	line-height: 28px;
}
.testimonial-area {
	background: var(--blue);
	position: relative;
	z-index: 2;
	padding: 50px 0;
}
.testimonial-area .owl-carousel {
	overflow: hidden;
	padding: 0 20px;
	margin: 0px -40px;
	padding-right: 40px;
}
.testimonial-area .owl-stage-outer {
	padding: 30px 50px;
	margin-left: -34px;
	width: calc(100% + 100px);
}
.single-testimonial {
	border: 7px solid #00c2e4;
	border-radius: 45px;
	position: relative;
	z-index: 2;
}
.single-testimonial p {
	color: #fff;
	font-size: 15px;
	line-height: 24px;
	padding: 50px;
	padding-bottom: 30px;
	position: relative;
	z-index: 3;
}
.single-testimonial::before {
	content: "";
	position: absolute;
	left: -35px;
	top: -35px;
	background: url(https://i.ibb.co/nb8Hjms/quote.png) no-repeat var(--blue);
	background-size: 60%;
	width: 126px;
	height: 100px;
	transform: rotate(180deg);
	background-position: 34px 15px;
}
.single-testimonial::after {
	content: "";
	position: absolute;
	right: -35px;
	bottom: -34px;
	background: url(https://i.ibb.co/nb8Hjms/quote.png) no-repeat var(--blue);
	background-size: 60%;
	width: 126px;
	height: 100px;
	background-position: 34px 19px;
}
.round {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
.round-1::before {
	content: "";
	position: absolute;
	left: 88px;
	top: -7px;
	width: 50px;
	height: 7px;
	background: #fff;
	border-radius: 30px;
}
.round-1::after {
	content: "";
	position: absolute;
	left: -7px;
	top: 62px;
	width: 7px;
	height: 50px;
	background: #fff;
	border-radius: 30px;
}
.round-2::before {
	content: "";
	position: absolute;
	right: 87px;
	bottom: -7px;
	width: 50px;
	height: 7px;
	background: #fff;
	border-radius: 30px;
	z-index: 1;
}
.round-2::after {
	content: "";
	position: absolute;
	right: -7px;
	bottom: 62px;
	width: 7px;
	height: 50px;
	background: #fff;
	border-radius: 30px;
	z-index: 1;
}
.client-video {
	padding-right: 15px;
}
.client-info {
	position: relative;
	z-index: 3;
}
.client-info a {
	width: 40px;
	height: 40px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
	font-size: 22px;
}
.client-info {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
	padding-bottom: 50px;
}
.client-info h6 {
	color: #000;
	font-weight: 700;
	font-size: 18px;
	color: #fff;
}
.client-info span {
	display: inline-block;
	color: #fff;
	font-size: 12px;
}
.sec-title.white-title h2 {
	color: #fff;
}
.owl-dots button {
	background: #fff !important;
	width: 10px;
	height: 10px;
	border-radius: 26px;
	margin: 0 5px;
	transition: 0.3s;
}
.owl-dots {
	text-align: center;
	margin-top: 50px;
}
.owl-dots button.active {
	width: 30px;
}
.zoom {
	
	transition: transform .2s; /* Animation */
	
  }
  
  .zoom:hover {
	transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }
  .single-heading
  {
  padding-top: 150px;
	font-size: 60px;
  }
  .mynav .nav-link.active{
	background-color: #00c2e4 !important;
	color:white !important;
  }
  .mynav .nav-link{
	background-color: rgb(255, 255, 255);
	color:rgb(0, 0, 0) !important;
  }
 .brder{
	border-left: 1px solid rgb(0, 132, 255);
 }

 /* contact us */
 .contact-us .inner {
    box-shadow: 0px 0px 10px #00000024;
    border-radius: 5px;
    overflow: hidden
}

.contact-us .contact-us-left {
    width: 100%;
    height: 100%
}

.contact-us .contact-us-form {
    padding: 50px 40px
}

.contact-us .contact-us-form h2 {
    position: relative;
    font-size: 32px;
    color: #333;
    font-weight: 600;
    line-height: 27px;
    text-transform: capitalize;
    margin-bottom: 12px;
    padding-bottom: 20px;
    text-align: left
}

.contact-us .contact-us-form h2:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
    background: #1A76D1
}

.contact-us .contact-us-form p {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    text-align: left;
    margin-bottom: 50px
}

.contact-us .form {
    margin-top: 30px
}

.contact-us .form .form-group {
    margin-bottom: 22px
}

.contact-us .form .form-group input {
    width: 100%;
    height: 50px;
    border: 1px solid #eee;
    text-transform: capitalize;
    padding: 0 18px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px
}

.contact-us .form .form-group textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #eee;
    text-transform: capitalize;
    padding: 18px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px
}

.contact-us .form .form-group.login-btn {
    margin: 0
}

.contact-us .form button {
    border: none
}

.contact-us .form .btn {
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    line-height: 20px;
    width: 100%
}

.contact-us .form .btn:hover {
    background: #1A76D1;
    color: #fff
}

.contact-us .contact-us-form .checkbox {
    text-align: left;
    margin: 0;
    margin-top: 20px;
    display: inline-block
}

.contact-us .contact-us-form .checkbox label {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    position: relative;
    padding-left: 20px
}

.contact-us .contact-us-form .checkbox label:hover {
    cursor: pointer
}

.contact-us .contact-us-form .checkbox label input {
    display: none
}

.contact-us .contact-us-form .checkbox label::before {
    position: absolute;
    content: "";
    left: 0;
    top: 5px;
    width: 15px;
    height: 15px;
    border: 1px solid #1A76D1;
    border-radius: 100%
}

.contact-us .contact-us-form .checkbox label::after {
    position: relative;
    content: "";
    width: 7px;
    height: 7px;
    left: -16px;
    top: -15px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    transition: all 0.4s ease;
    display: block;
    font-size: 9px;
    background: #1A76D1;
    border-radius: 100%
}

.contact-us .contact-us-form .checkbox label.checked::after {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

.contact-us .contact-info {
    margin-top: 50px
}

.contact-us .single-info {
    background: #1a76d1;
    padding: 40px 60px;
    height: 150px;
    border-radius: 10px;
    position: relative;
    transition: all .3s ease-out 0s
}

.contact-us .single-info:before {
    position: absolute;
    z-index: -1;
    content: '';
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    height: 90%;
    background: #1A76D1;
    opacity: 0;
    filter: blur(10px);
    transition: all .3s ease-out 0s
}

.contact-us .single-info:hover:before {
    opacity: 0.8
}

.contact-us .single-info:hover {
    transform: translateY(-5px)
}

.contact-us .single-info i {
    font-size: 42px;
    color: #fff;
    position: absolute;
    left: 40px
}

.contact-us .single-info .content {
    margin-left: 45px
}

.contact-us .single-info .content h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.contact-us .single-info .content p {
    color: #fff;
    margin-top: 5px
}

.contact-us #myMap {
    height: 100%;
    width: 100%
}
.contentbox{
    z-index: 1;
    background-color: white;
}
/* Hide radio buttons */
.de_form input[type="radio"],
.de_form input[type="checkbox"] {
    display: none;
}
/* Hide radio buttons */
.de_form1 input[type="radio"],
.de_form1 input[type="checkbox"] {
    display: none;
}

/* Define styles for checked radio buttons */
.radio-img input[type="radio"]:checked + label {
    background-color: #00849b !important;
    color: white;
}

/* Define default background color for labels */
.radio-img label {
    background-color: #00c2e4;
    color: white;
}

/* Add a rule for unchecked radio buttons */
.radio-img input[type="radio"] + label {
    background-color: #00c2e4;
}



 
.bg-darks{
    background-color: black !important;
}
/* Style the video banner container */
.main-banner {
    position: relative;
  }
  
  
  
  /* Style the text overlay */
 
.navbar-toggler-icon{
  display: none !important;
}
*/
            /* added */
            .menu {
                /* 	margin-left: 30px !important; */
                list-style-type: none;
            }

            .submenu {
                list-style-type: none !important
            }

            .menuItem {
                height: 600px;
                overflow: scroll;
            }

            .menuToggle {
                display: block;
                position: relative;
                top: 28px;
                z-index: 1;
                -webkit-user-select: none;
                user-select: none;
            }

            .menuToggle a {
                text-decoration: none;
                color: #232323;
                transition: all 0.3s ease;
            }

            .menuToggle a:hover {
                color: tomato;
            }

            .menuToggle input {
                display: block;
                width: 40px;
                height: 32px;
                position: absolute;
                top: 0px;
                cursor: pointer;
                opacity: 0;
                /* hide this */
                z-index: 2;
                /* and place it over the hamburger */
                -webkit-touch-callout: none;
            }

            .menuToggle span {
                position: relative;
                display: block;
                width: 33px;
                height: 4px;
                margin-bottom: 5px;
                position: relative;
                background: #cdcdcd;
                border-radius: 3px;
                z-index: 1;
                transform-origin: 4px 0px;
                transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
            }

            .menuToggle span:first-child {
                transform-origin: 0% 0%;
            }

            .menuToggle span:nth-last-child(2) {
                transform-origin: 0% 100%;
            }

            .menuToggle input:checked ~ span {
                opacity: 1;
                transform: rotate(45deg) translate(-2px, -1px);
                background: #232323;
            }

            .menuToggle input:checked ~ span:nth-last-child(3) {
                opacity: 0;
                transform: rotate(0deg) scale(0.2, 0.2);
            }

            .menuToggle input:checked ~ span:nth-last-child(2) {
                transform: rotate(-45deg) translate(0, -1px);
            }

            .menuToggle input:checked ~ .menuItem {
                transform: none;
            }

            .menuItem {
                position: absolute;
                width: 300px;
                padding-top: 125px;
                background: #ededed;
                list-style-type: none;
                -webkit-font-smoothing: antialiased;
                transform-origin: 0% 0%;
                transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
            }

            .menuItem li {
                padding: 10px 0;
                font-size: 16px;
            }

            .menu--right .menuToggle {
                position: fixed;
                right: 0;
            }

            .menu--right .menuToggle input {
                right: 50px;
            }

            .menu--right .menuToggle span {
                right: 50px;
            }

            .menu--right .menuItem {
                right: 0;
                margin: -100px 0 0 0;
                transform: translate(100%, 0);
            }

            .menu--right .menuItem li a:hover {
                padding-left: 5px;
            }

            /* Show the dropdown menu when the parent menu item is hovered */
            /* .menu-item-has-children:hover .sub-menu {
    display: block;
		background:#ecf2fe;
		list-style-type:none;
	 animation: slideDown 0.3s ease;
}
.menu--right .sub-menu{
	display:none;
}
.menu--right .menu-item-has-children:hover .sub-menu {
	margin-top:15px;
    display: block;
		background:#ecf2fe;
		list-style-type:none;
	 animation: slideDown 0.3s ease;
} */
            /* Initially hide all sub-menus */
            .menu--right .sub-menu {
                display: none;
                background: #ecf2fe;
                list-style-type: none;
                position: absolute;

            }
            .sub-menu li{
              margin-left: 0px !important;
              margin-right: 20px;
            }
            .sub-menu a{
              color: black !important;
            }
            .navbar-expand-lg .navbar-nav .nav-link {
              padding-right: 0.5rem;
              padding-left: 0.5rem;
              color: white;
              text-transform: capitalize;
          }
            /* Style the "+" symbol for parent menu items */
.menu-item-has-children > a::after {
  content: "+";
  margin-left: 15px;
  font-weight: bold;
  color: rgb(1, 143, 183);
  pointer-events: none;
  /* Make the "+" symbol non-clickable by default */
}

/* Style the "-" symbol for open parent menu items */
.menu-item-has-children:hover > a::after {
  content: "-";
}

/* Initially hide the sub-menu */
.sub-menu {
  display: none;
  margin-top: 0px;
}

/* Show the sub-menu on hover */
.menu-item-has-children:hover .sub-menu {
  display: block;
  animation: slideDown 1s ease;
}

@keyframes slideDown {
  0% {
      opacity: 0;
      transform: translateY(-100%);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}

  /* 
  ---------------------------------------------
  banner
  --------------------------------------------- 
  */
  @media(max-width:993px){
    .video-overlay{
        position: relative !important;
    }
    .bannerinner {
        padding-top: 0px;
        padding-bottom: 150px;
    }
  }
  .main-banner {
    position: relative;
    max-height: 100%;
    overflow: hidden;
    margin-bottom: -7px;
  }
  .menuItem{
    text-transform: capitalize;
  }
  
  #bg-video {
    min-width: 100%;
/*     min-height: 130vh; */
    max-width: 100%;
/*     max-height: 130vh; */
    object-fit: cover;
    z-index: -1;
}
footer a {
  text-decoration: none;
  color: white !important;
}
footer li{
  list-style-type: none;
  text-transform: capitalize;
  
}
  
  #bg-video::-webkit-media-controls {
      display: none !important;
  }
  
  .video-overlay {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
  }
  
  .main-banner .caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .main-banner .caption h6 {
    margin-top: 0px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
  }
  
  .main-banner .caption h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    letter-spacing: 1px;
  }
  
  .main-banner .caption h2 em {
    font-style: normal;
    color: #f5a425;
    font-weight: 900;
  }
  
  .main-banner .caption p {
    color: #fff;
    font-size: 14px;
    max-width: 570px;
  }
  
  .main-banner .caption .main-button-red {
    margin-top: 30px;
  }
  
  @media screen and (max-width: 767px) {
  .homebannerinner{
	padding-top:0px !important;
	padding-bottom:0px !important;
}
    .main-banner .caption h6 {
      font-weight: 500;
    }
  
    .main-banner .caption h2 {
      font-size: 36px;
    }
  
  }
  
.blogs{
    border-bottom: solid 2px lightseagreen;
    border-radius: 10px 10px 0px 0px;
    padding: 20px 30px;
    padding-bottom: 30px;
    background: #fff;
    margin: 20px;
    margin-top: -40px;
    margin-bottom: 0;
    position: relative;
    z-index: 100;
}
.date-box{
    width: 20%;
    padding: 10px;
    text-align: center;
    margin-bottom: -100px;
    z-index: 0 !important;
    position: relative;
}
.blogsimg{
    border-radius: 10px 10px 10px 10px;
}
.cta{
    background-color: #004e8d;
}
.detail-box {
    position: relative;
    width: 100%;
    color: #fff;
    padding: 25px 15px;
   margin-bottom: 30px;
    background-color: rgba(0, 0, 0, 0.92);
}
.pricing-banner h1{
    padding-top: 200px;
    padding-bottom: 100px;
    text-align: center;
}
.cards {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  
  .card {
    background: #fff;
    color: hsl(233, 13%, 49%);
    border-radius: 0.8rem;
  }
  
  .cards .card.active {
    background: linear-gradient(
      135deg,
      rgb(0 196 255) 0%,
      rgba(105, 111, 221, 1) 100%
    );
    color: #fff;
    display: flex;
    align-items: center;
    transform: scale(1.1);
    z-index: 1;
  }
  .pricing ul {
    margin: 2.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
  }
  .pricing ul li {
    list-style-type: none;
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 1rem 0;
  }
  .pricing ul li.price {
    font-size: 3rem;
    color: hsl(232, 13%, 33%);
    padding-bottom: 2rem;
  }
  .shadow {
    box-shadow: -5px 5px 15px 1px rgba(0, 0, 0, 0.1);
  }
  
  .card.active .price {
    color: #fff;
  }
  
  
  .active-btn {
    background: #fff;
    color: hsl(237, 63%, 64%);
  }
  .bottom-bar {
    border-bottom: 2px solid hsla(240, 8%, 85%, 0.582);
  }
  .card.active .bottom-bar {
    border-bottom: 2px solid hsla(240, 8%, 85%, 0.253);
  }
  .pack {
    font-size: 1.1rem;
  }
  
  @media (max-width: 280px) {
    
    ul {
      margin: 1rem;
    }
    h1 {
      font-size: 1.2rem;
    }
    .toggle {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      height: 80px;
    }
    .cards {
      margin: 0;
      display: flex;
      flex-direction: column;
    }
  
    .card {
      transform: scale(0.8);
      margin-bottom: 1rem;
    }
    .cards .card.active {
      transform: scale(0.8);
    }
  }
  
  @media (min-width: 280px) and (max-width: 320px) {
    /* ul {
      margin: 20px;
    } */
    .cards {
      display: flex;
      flex-direction: column;
    }
    .card {
      margin-bottom: 1rem;
    }
    .cards .card.active {
      transform: scale(1);
    }
    .single-heading{
      font-size: 30px;
    }
    
  }
  
  @media (min-width: 320px) and (max-width: 414px) {
	  .homebannerinner{
	padding-top:0px !important;
	padding-bottom:0px !important;
}
    .cards {
      display: flex;
      flex-direction: column;
    }
    .single-heading{
      font-size: 30px !important;
    }
    .card {
      margin-bottom: 1rem;
    }
    .cards .card.active {
      transform: scale(1);
    }
    .sec-title h2{
      font-size: 30px !important;
    }
    #bg-video {
      /* position: relative; */
      min-width: 100%;
      min-height: 300px;
      top: 0px !important;
      bottom: auto;
      max-width: 100%;
      max-height: 130vh;
      object-fit: cover;
      position: relative;
      z-index: -1;
  }
  .testimonial-area h2{
    font-size: 30px !important;
  }
  }
  @media (min-width: 414px) and (max-width: 768px) {
	  .homebannerinner{
	padding-top:0px !important;
	padding-bottom:0px !important;
}
    .card {
      margin-bottom: 1rem;
      margin-right: 1rem;
    }
    
    .single-heading{
      font-size: 30px !important;
    }
    .testimonial-area h2{
      font-size: 30px !important;
    }
    #bg-video {
      /* position: relative; */
      min-width: 100%;
      min-height: 300px;
      /* top: 88px; */
      bottom: auto;
      max-width: 100%;
      max-height: 130vh;
      object-fit: cover;
      position: relative;
      z-index: -1;
  }
    .cards .card.active {
      transform: scale(1);
    }
  }
  @media (min-width: 768px) and (max-width: 1046px) {
    .cards {
      display: flex;
    }
    .single-heading{
      font-size: 30px !important;
    }
    .sec-title h2{
      font-size: 30px !important;
    }
    
    .card {
      margin-bottom: 1rem;
      margin-right: 1rem;
    }
    .cards .card.active {
      transform: scale(1);
    }
  }
  .position-absolute {
    position: absolute;
}

.d-flex {
    display: flex;
}

.bottom-20 {
    bottom: 20px;
}

.de-marquee-list {
    width: 100%;
    overflow: hidden;
    background-color: #000;
}

.d-item {
    display: inline-flex;
    white-space: nowrap;
    animation: marquee 20s linear infinite;
    padding-right: 20px; /* Adjust as needed to create space between items */
}
/* Adjust animation delay for "Exotic Cars" to create continuous marquee */
.d-item:nth-child(12) {
    animation: marquee 15s linear infinite -50s; /* Negative delay to create continuity */
}
.de-marquee-list .d-item-txt{
  color: white;
  font-size: 25px;
}
.d-item-display i{
  color:white
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
.counter-box {
  display: block;
  background: #f6f6f6;
  padding: 40px 20px 37px;
  text-align: center
}

.counter-box p {
  margin: 5px 0 0;
  padding: 0;
  color: #2d2d2d;
  font-size: 18px;
  font-weight: 500
}

.counter-box i {
  font-size: 60px;
  margin: 0 0 15px;
  color: #191919
}

.counter {
  display: block;
  font-size: 32px;
  font-weight: 700;
  color: #060606;
  line-height: 28px
}

.counter-box.colored {
  background: #3acf87
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
  color: #fff
}
:focus-visible{
outline: none !important;
}
.h-70{
  height: 600px;
}
.postbanner{
  padding-top: 300px;
  padding-bottom: 200px;
}
.postbanner h1{
  font-size: 60px;
}
.postimg{
  padding-top: 300px;
  padding-bottom: 300px;
}
.fp::first-letter {
  
  color: #0091ff;
  font-size: 60px;
  line-height: 1;


}
article p{
  font-size: 18px;
}
.sidepan{
  margin-top: -200px !important;
}
.dropdown:hover .dropdown-menu {
  display: block !important;
  animation: slideDown 0.3s ease !important;
 
}
.dropdown .dropdown-menu {
  display: none !important;
}

@media(max-width:993px){
  .sidepan {
    margin-top: 0px !important;
}
.boxbg img{
  width: 40% !important;
}
}

.footer-section {
  background: #151414;
  position: relative;
}
.footer-cta {
  border-bottom: 1px solid #373636;
}
.single-cta i {
  color: #00c2e4;
  font-size: 30px;
  float: left;
  margin-top: 8px;
}
.cta-text {
  padding-left: 15px;
  display: inline-block;
}
.cta-text h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 2px;
}
.cta-text span {
  color: #757575;
  font-size: 15px;
}
.footer-content {
  position: relative;
  z-index: 2;
}
.footer-pattern img {
  position: absolute;
  top: 0;
  left: 0;
  height: 330px;
  background-size: cover;
  background-position: 100% 100%;
}
.footer-logo {
  margin-bottom: 30px;
}
.footer-logo img {
    max-width: 200px;
}
.footer-text p {
  margin-bottom: 14px;
  font-size: 14px;
      color: #7e7e7e;
  line-height: 28px;
}
.footer-social-icon span {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 20px;
}
.footer-social-icon a {
  color: #fff;
  font-size: 16px;
  margin-right: 15px;
}
.footer-social-icon i {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
}
.facebook-bg{
  background: #3B5998;
}
.twitter-bg{
  background: #55ACEE;
}
.google-bg{
  background: #DD4B39;
}
.footer-widget-heading h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
  position: relative;
}
.footer-widget-heading h3::before {
  content: "";
  position: absolute;
	padding-left :30px;
  left: 0;
  bottom: -15px;
  height: 2px;
  width: 50px;
  background: #00c2e4;
}
.footer-widget ul li {
  display: inline-block;
  float: left;
  width: 50%;
  margin-bottom: 12px;
}
.footer-widget ul li a:hover{
  color: #00c2e4;
}
.footer-widget ul li a {
  color: #878787;
  text-transform: capitalize;
}
.subscribe-form {
  position: relative;
  overflow: hidden;
}
.subscribe-form input {
  width: 100%;
  padding: 14px 28px;
  background: #2E2E2E;
  border: 1px solid #2E2E2E;
  color: #fff;
}
.subscribe-form button {
    position: absolute;
    right: 0;
    background: #00c2e4;
    padding: 13px 20px;
    border: 1px solid #00c2e4;
    top: 0;
}
.subscribe-form button i {
  color: #fff;
  font-size: 22px;
  transform: rotate(-6deg);
}
.copyright-area{
  background: #202020;
  padding: 25px 0;
}
.copyright-text p {
  margin: 0;
  font-size: 14px;
  color: #878787;
}
.copyright-text p a{
  color: #00c2e4;
}
.footer-menu li {
  display: inline-block;
  margin-left: 20px;
}
.footer-menu li:hover a{
  color: #00c2e4;
}
.footer-menu li a {
  font-size: 14px;
  color: #878787;
}
span,.input-group-text,select,input{
  border-radius: 0px !important;
}


/* Style the radio button labels when checked */
.radio-img input[type="radio"]:checked + label {
  background-color: #00849b; /* Change this to your desired background color */
  color: white; /* Change text color if needed */
}