/*-----------------------------------------------------------------------------------

    Template Name: Landbox Multipurpose HTML Template
    Template URI: http://bootexperts.com
    Description: This is html5 template
    Author: BootExperts
    Author URI: http://bootexperts.com
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    1. Theme Default CSS (body, link color, section etc)
    2.  header & Menu
        2.1  header-1
        2.2  header-2
        2.3  header-3
        2.4  header-4
        2.5  mainmenu
            2.5.1  megamenu
            2.5.2  sub-menu
            2.5.3  sub-dropdown
            2.5.4  mainmenu-1
            2.5.5  mainmenu-2
            2.5.6  mainmenu-3
            2.5.7  mainmenu-4
            2.5.8  mainmenu-5
            2.5.9  mainmenu-6
            2.5.10  sticky-menu
            2.5.11  homepage-5-menu
            2.5.12  homepage-7-menu
    3.  slider
    4.  service
    5.  skill
    6.  portfolio
        6.1 portfolio-menu
        6.2 portfolio-items
    7.  counter
    8.  team
    9.  mobile-section
    10.  mobile-caoursel
    11.  price-table
    12.  twitter-caoursel
    13.  blog
    14.  newsletter
    15.  menu-modal-expand
    16.  buy-online
    17.  video-background
    18.  product-place
    19.  provide-template
    20.  google map
    21.  about-work
    22.  testimonial
    23.  client
    24.  start-project
    25.  mission
    26.  we-do
    27.  landbox-goal
    28.  features-style
    29.  support-forum
    30.  why-best
    31.  gallery-style
    32.  place-think
    33.  constructor
    34.  product
    35.  popular-item
    36.  banner
    37.  trend-sample
    38.  brand
    39.  opinion
    40.  text-banner
    41.  view-download
    42.  video-presentation
    43.  contact-map
    44.  featured-products
    45.  combined-area
    46.  pages
            46.1  contact-us
            46.2  client-testimonial
            46.3  help-center
            46.4  faq
            46.5  question-answer
            46.6  about-us
            46.7  our-office
            46.8  meet-team-1
            46.9  meet-team-2
            46.10  meet-team-3
            46.11  meet-team-4
            46.12  plan-pricing
            46.13  page-location
    47.  shop
    48.  single-shop
    49.  checkout , cart & wishlist
    50.  footer-top
    51.  footer

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/

@import 'https://fonts.googleapis.com/css?family=Dosis:300,400|Lato:300,400,700|Open+Sans:300,400,600,700|Oswald:300,400|Roboto+Condensed:300,400';

html, body {height: 100%;}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {margin:0 0 15px;}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px;
}
a {text-decoration:none;}
a:hover {
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
a {
    transition: all 0.3s cubic-bezier(0, 0, 0, 1) 0s;
}
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}
.clear {
    clear:both
}
::-moz-selection {
    background: #e6bC85;
    text-shadow: none;
}
::selection {
    background: #e6bC85;
    text-shadow: none;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
body {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    color: #666;
}
.home-3 {
    font-family: "Oswald",sans-serif;
}
.home-8 {
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.section-heading.home-3 {
    font-family: "Oswald",sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-family: 'Dosis', sans-serif;
    font-weight: 400;
}

h3 {
    color: #333;
    font-family: 'Roboto', sans-serif; /* or 'Roboto', sans-serif */
    font-weight: 250; /* Montserrat and Roboto have better visual weight at 400 */
    font-size: 14px; /* Increase the font size for better readability */
    letter-spacing: 0px; /* Add slight spacing to improve clarity */
    line-height: 1.3; /* Adjust line height for better readability */
}


.home-3 h1, .home-3 h2, .home-3 h3, .home-3 h4, .home-3 h5, .home-3 h6 {
    font-family: "Oswald",sans-serif;
}
h1, h2, h3 {
    letter-spacing: 5px;
}
.section-padding {
    padding-top: 150px;
    padding-bottom: 150px;
}
.img-full{
    display: block;
    width: 100%;
}



/*----------------------------------------*/
/*  2.1  header-1
/*----------------------------------------*/

.header-1 {
    background-color: transparent;
    position: fixed;
    width: 100%;
    z-index: 99999;
    height: 110px; 
}

.header-1 .logo img {
    display: block;
    line-height: 80px;
    max-width: 270px;
    height: 68px; 
    width: auto; 
    margin-top: 5px; 
}

/* Tablet View (768px - 1024px) */
@media (max-width: 1024px) {
    .header-1 .logo img {
        max-width: 200px;
        height: 75px;
    }
}

/* Mobile View (up to 767px) */
@media (max-width: 767px) {
    .header-1 .logo img {
        max-width: 150px;
        height: 75px;
    }
}

.header-1 .first-row {
    font-size: 5px; /* Adjust to your desired font size */
    margin-bottom: 1px; /* Adjust the space below the first row */
    margin-top: 1px;
}

/* Optional: Add padding adjustments to create a tighter layout */
.header-1 .first-row ul li a {
    padding: 1px 1px; /* Adjust padding as needed */
}

.header-1 .second-row {
    margin-top: 0;
    padding-top: 0;
}


.header-1.home-6 {
    position: relative;
}


.header-1.home-10 {
    background-color: #fff;
}
.home-10 .mainmenu.mainmenu-1 > ul li > a::before {
    /*background-color: #4f87c7;*/
    background-color: #fdd700;
}
.home-10.pages .mainmenu.mainmenu-1 > ul li > a::before {
    /*background-color: #4f87c7;*/
    background-color: #fdd700;
}

.home-10 .mainmenu.mainmenu-1 ul li.active-page > a {
    position: relative;
    color: #fdd700 !important;
    text-decoration: none !important;
}

.home-10 .mainmenu.mainmenu-1 ul li.active-page > a::after {
    content: "";
    position: absolute;
    /*bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;*/
    background-color: #fdd700 !important;
}

.home-10.pages .mainmenu.mainmenu-1 ul li.active-page > a {
    position: relative;
    color: #fdd700 !important;
    text-decoration: none !important;
}

.home-10.pages .mainmenu.mainmenu-1 ul li.active-page > a::after {
    content: "";
    position: absolute;
    /*bottom: -4px;*/
    left: 0;
    /*width: 100%;*/
    /*height: 2px;*/
    background-color: #fdd700 !important;
}


.home-11 .mainmenu.mainmenu-1 > ul li > a::before {
    background-color: #2ECC71;
}
.home-10 .mainmenu-1 ul li a {
    /*color: #888;*/
      color: #212359;
      /*left: 250px;*/
    /*color: #4f87c7;*/
}
.home-10 .mainmenu.mainmenu-1 > ul > li:hover > a {
    color: #212359;
    /*color: #fdd700;*/
}
.home-10 .mainmenu .menu-modal a,
.home-10 .mainmenu .menu-search button {
    /*color: #888;*/
      color: #212359;
    /*color: #4f87c7;*/
}

/*----------------------------------------*/
/*  2.2  header-2
/*----------------------------------------*/

.header-2 .top-link {
    border-bottom: 1px solid #f2f2f2;
}
.header-2 .logo img {
    width: 120px;
}
.header-2 .logo a {
    display: inline-block;
    line-height: 80px;
}
.header-2 .top-link-social ul li {
    display: inline-block;
}
.header-2 .top-link-social a {
    /*color: #888888;*/
    color: #212359;
    font-size: 16px;
    height: 20px;
    line-height: 80px;
    padding: 0 10px;
    width: 40px;
}
.home-18.header-2 .top-link-social a {
    border-left: 1px solid #ddd;
    color: #212359;
    font-size: 12px;
    text-transform: uppercase;
}
.home-18.header-2 .top-link-social ul li:first-child a {
    border-left: 1px solid transparent;
}
.header-2 .menu-search,
.header-2 .menu-modal,
.header-2 .menu-cart {
    float: right;
    margin-left: 6px;
}
.header-2 .menu-modal a,
.header-2 .menu-search button,
.header-2 .menu-cart a {
    line-height: 70px;
    padding: 0 12px;
    display: block;
    /*color: #666;*/
    color: #212359;
}
.header-2 .mainmenu ul {
    text-align: left;
}
.header-2 .mainmenu ul li .mega-menu.portfolio {
    left: -180px;
}
.header-2 .mainmenu ul li .mega-menu.shop {
    left: -425px;
}
.header-2 .mainmenu ul li .mega-menu.pages {
    left: -485px;
}
.header-2 .mainmenu ul li .mega-menu.portfolio ul li ul li a,
.header-2 .mainmenu ul li .mega-menu.shop ul li a {
    color: #2ecc71;
}
.header-2.home-18 .mainmenu ul li .mega-menu.portfolio ul li ul li a,
.header-2.home-18 .mainmenu ul li .mega-menu.shop ul li a,
.header-2.home-18 #sticker.stick .mainmenu ul li .mega-menu.portfolio ul li ul li a,
.header-2.home-18 #sticker.stick .mainmenu ul li .mega-menu.shop ul li a {
    color: #e8263a;
}
.header-2 .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
.header-2 .mainmenu ul li .mega-menu.shop ul li a:hover {
    color: #2ea259;
}
.header-2.home-18 .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
.header-2.home-18 .mainmenu ul li .mega-menu.shop ul li a:hover {
    color: #ed5464;
}
.header-2 .mainmenu-3 ul li .mega-menu.portfolio ul li ul li a,
.header-2 .mainmenu-3 ul li .mega-menu.shop ul li a,
.header-2 #sticker.stick .mainmenu-3 ul li .mega-menu.portfolio ul li ul li a,
.header-2 #sticker.stick .mainmenu-3 ul li .mega-menu.shop ul li a {
    color: #beca3b;
}
.header-2 .mainmenu-3 ul li .mega-menu.portfolio ul li ul li a:hover,
.header-2 #sticker.stick .mainmenu-3 ul li .mega-menu.portfolio ul li ul li a:hover,
.header-2 .mainmenu-3 ul li .mega-menu.shop ul li a:hover,
.header-2 #sticker.stick .mainmenu-3 ul li .mega-menu.shop ul li a:hover {
    color: #cbd463;
}
.header-2 .mainmenu.violet ul li .mega-menu.portfolio ul li ul li a,
.header-2 .mainmenu.violet ul li .mega-menu.shop ul li a {
    color: #493faf;
}
.header-2 .mainmenu.violet ul li .mega-menu.portfolio ul li ul li a:hover,
.header-2 .mainmenu.violet ul li .mega-menu.shop ul li a:hover,
.header-2 #sticker.stick .mainmenu.violet ul li .mega-menu.portfolio ul li ul li a,
.header-2 #sticker.stick .mainmenu.violet ul li .mega-menu.shop ul li a,
.header-2 #sticker.stick .mainmenu.violet ul li .mega-menu.portfolio ul li ul li a:hover,
.header-2 #sticker.stick .mainmenu.violet ul li .mega-menu.shop ul li a:hover {
    color: #473B88;
}

/*----------------------------------------*/
/*  2.3  header-3
/*----------------------------------------*/

.header-3 .menu-modal, .header-3 .menu-search {
    text-align: center;
}
.header-3 .menu-modal a, .header-3 .menu-search button {
    /*color: #888;*/
    color: #212359;
    display: inline-block;
    line-height: 90px;
}

/*----------------------------------------*/
/*  2.4  header-4
/*----------------------------------------*/

.header-4 .logo {
    position: relative;
    text-align: center;
}
.header-4 .logo::before {
    background-color: #1abc9c;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    width: 500%;
    z-index: -1;
}
.header-4 .logo a {
    line-height: 90px;
}
.header-4 .logo img {
    width: 115px;
}

/*----------------------------------------*/
/*  2.5  Mainmenu
/*----------------------------------------*/

.mainmenu ul {
    text-align: right;
}
.mainmenu .menu-search,
.mainmenu .menu-cart,
.mainmenu .menu-modal {
    float: right;
    margin-left: 6px;
}
.mainmenu .menu-modal a, .mainmenu .menu-search button {
    color: rgba(255, 255, 255, 0.8);
    padding: 0 12px;
}
.menu-search {
    position: relative;
}
.menu-search button {
    background-color: transparent;
    border: medium none;
}
.search-box {
    height: 40px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 220px;
    z-index: 999;
}
#search-here {
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #343434;
    height: 100%;
    padding: 10px;
    width: 100%;
    display: none;
    color: #fff;
}
.menu-cart {
    position: relative;
}
.cart-menu {
    background-color: #fff;
    position: absolute;
    right: 0;
    width: 350px;
    z-index: 999;
    transform-origin: 0 0 0;
    transform: scaleY(0);
    transition: .4s;
    opacity: 0;
    visibility: hidden;
}
.menu-cart:hover .cart-menu {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
}
.cart-menu th,
.cart-menu tr {
    border-bottom: 1px solid #f1f1f1;
}
.cart-menu tr th {
    font-size: 12px;
    font-weight: 700;
    padding: 15px;
    text-transform: uppercase;
}
.cart-menu tr td {
    padding: 10px;
}
.cart-menu td a {
    color: #444 !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px !important;
    width: 120px;
}
.cart-menu td a:hover {
    color: #ff6c2c !important;
}
.cart-menu td input {
    padding: 10px 15px;
    width: 42px;
}
.cart-menu td.price {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
}
.cart-menu .checkout {
    background-color: #f2f2f2;
}
.cart-menu .checkout td {
    padding: 15px 10px;
}
.cart-menu .checkout a {
    background-color: #ff5a14;
    border-radius: 2px;
    color: #fff !important;
    font-size: 11px;
    margin-left: -75px;
    padding: 7px 5px;
    text-transform: uppercase;
}
.home-18 .cart-menu .checkout a {
    background-color: #E8263A;
}
.cart-menu .checkout a:hover {
    color: #fff !important;
}
.home-18 .cart-menu .checkout a:hover {
    background-color: #ED5464;
}
.cart-menu .checkout .total {
    color: #a5a5a5;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.home-6 .mainmenu .menu-modal a,
.home-6 .mainmenu .menu-search button,
#sticker.stick.home-6 .mainmenu .menu-modal a,
#sticker.stick.mainmenu .menu-search button  {
    /*color: #888;*/
    color: #212359;
}
.mainmenu > ul > li {
    display: inline-block;
    line-height: 90px;
    position: relative;
}
.mainmenu ul li a {
    /*color: #888888;*/
    color: #212359;
    display: block;
    font-size: 14px;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
}

/*----------------------------------------*/
/*  2.5.1  megamenu
/*----------------------------------------*/

.mainmenu ul li .mega-menu,
.mainmenu ul li .sub-menu,
.mainmenu ul li .sub-menu ul li .sub-sub-menu,
.mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu {
    left: 0;
    opacity: 0;
    padding: 25px 0;
    position: absolute;
    top: 100%;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
    visibility: hidden;
}
.mainmenu ul li:hover .mega-menu {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
}
.mainmenu ul li .mega-menu {
    background-color: rgba(10, 10, 10, 0.95);
    z-index: 999;
}
.mainmenu ul li .mega-menu.homepage {
    width: 520px !important;
}
.mainmenu ul li .mega-menu.homepage div {
    border-left: 1px solid rgba(235, 235, 235, 0.7);
    float: left;
    padding: 0 25px;
    width: 50%;
}
.mainmenu.mainmenu-1 ul li .mega-menu.homepage div {
    border-left: 1px solid rgba(235, 235, 235, 0.2);
}
.mainmenu ul li .mega-menu.homepage div:first-child {
    border-left: 0px;
}
.mainmenu ul li .mega-menu ul li {
    border-bottom: 1px solid rgba(235, 235, 235, 0.1);
    line-height: 20px;
    text-align: left;
}
.mainmenu ul li .mega-menu ul li a,
.mainmenu ul li .sub-menu ul li a,
.mainmenu ul li .sub-menu ul li .sub-sub-menu ul li a,
.mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu ul li a {
    /*color: #888;*/
    color: #212359;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 1em;
    margin: 0;
    padding: 10px 0;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-weight: 300;
}
.mainmenu ul li .mega-menu.homepage ul li a div {
    border: 0 none;
    /*color: #757575;*/
    color: #212359;
    display: block;
    float: none;
    font-size: 13px;
    line-height: 19px;
    padding: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.mainmenu ul li .mega-menu.homepage ul li:hover a,
.mainmenu ul li .mega-menu.homepage ul li:hover a div {
    color: #fff;
}
.static {
    position: static !important;
}

.menu-position {
    position: relative;
    margin: 0 auto; /* Centers the element within its container */
    right: 0; /* Remove right offset */
    left: 0; /* Remove left offset */
}

.menu-position-1 {
    position: relative;
    right: 0; /* Remove right offset */
    left: 0; /* Remove left offset */
    top: 1px;
}


.mega-menu {
    left: 0 !important;
    width: 100% !important;
}
.mega-menu.shortcode ul {
    float: left;
    width: 20%;
    padding: 0px 20px !important;
    border-left: 1px solid rgba(235, 235, 235, 0.2);
}
.mega-menu.shortcode ul:first-child {
    border-left: 0px;
}
.mega-menu.shortcode ul li:last-child {
    border-bottom: 0 none;
}
.mega-menu.shortcode ul li a {
    font-size: 14px !important;
    padding: 5px !important;
}
.mainmenu ul li .mega-menu.portfolio,
.mainmenu ul li .mega-menu.shop,
.mainmenu ul li .mega-menu.pages{
    left: -645px;
    width: 1140px;
}
.header-2 .mainmenu-3 ul li .mega-menu.portfolio,
.header-2 .mainmenu-3 ul li .mega-menu.shop,
.header-2 .mainmenu-3 ul li .mega-menu.pages {
    width: 1140px;
}
.mainmenu ul li .mega-menu.portfolio div,
.mainmenu ul li .mega-menu.shop div,
.mainmenu ul li .mega-menu.pages ul {
    float: left;
    padding: 0 25px;
    width: 16.66%;
    border-right: 1px solid rgba(235, 235, 235, 0.7);
}
.mainmenu.mainmenu-1 ul li .mega-menu.portfolio div,
.mainmenu.mainmenu-1 ul li .mega-menu.shop div,
.mainmenu.mainmenu-1 ul li .mega-menu.pages ul {
    border-right: 1px solid rgba(235, 235, 235, 0.2);
}
.mainmenu ul li .mega-menu.portfolio div:first-child,
.mainmenu ul li .mega-menu.shop div:first-child,
.mainmenu ul li .mega-menu.portfolio div:first-child,
.mainmenu ul li .mega-menu.shop div:first-child {
    border-left: 0px;
}
.mainmenu ul li .mega-menu.portfolio ul {
    text-align: left;
}
.mainmenu ul li .mega-menu.portfolio ul li,
.mainmenu ul li .mega-menu.shop ul li,
.header-1.home-10 .mainmenu ul li .mega-menu.portfolio ul li,
.header-1.home-10 .mainmenu ul li .mega-menu.shop ul li {
    border-bottom: 0px;
}
.mainmenu ul li .mega-menu.portfolio ul li a.portfolio-menu-title:hover {
    color: #fff;
}
.mainmenu ul li .mega-menu.shop ul li.shop-menu-title {
    border-bottom: 1px solid rgba(235, 235, 235, 0.7) !important;
}
.mainmenu.mainmenu-1 ul li .mega-menu.shop ul li.shop-menu-title {
    border-bottom: 1px solid rgba(235, 235, 235, 0.2) !important;
}
.mainmenu ul li .mega-menu.portfolio ul li ul li a,
.mainmenu ul li .mega-menu.shop ul li a {
    color: #e6bc85;
    font-size: 13px;
    padding: 2px 0;
}
.home-17 .mainmenu ul li .mega-menu.portfolio ul li ul li a,
.home-17 .mainmenu ul li .mega-menu.shop ul li a {
    color: #9ECC9C;
}
.home-10 .mainmenu ul li .mega-menu.portfolio ul li ul li a,
.home-10 .mainmenu ul li .mega-menu.shop ul li a,
#sticker.stick.home-10 .mainmenu ul li .mega-menu.portfolio ul li ul li a,
#sticker.stick.home-10 .mainmenu ul li .mega-menu.shop ul li a {
    color: #9FCD9D;
}
.home-10.pages .mainmenu ul li .mega-menu.portfolio ul li ul li a,
.home-10.pages .mainmenu ul li .mega-menu.shop ul li a,
#sticker.stick.home-10.pages .mainmenu ul li .mega-menu.portfolio ul li ul li a,
#sticker.stick.home-10.pages .mainmenu ul li .mega-menu.shop ul li a {
    color: #e6bc85;
}
.home-13 .mainmenu ul li .mega-menu.portfolio ul li ul li a,
.home-13 .mainmenu ul li .mega-menu.shop ul li a,
#sticker.stick.home-13 .mainmenu ul li .mega-menu.portfolio ul li ul li a,
#sticker.stick.home-13 .mainmenu ul li .mega-menu.shop ul li a {
    color: #1abc9c;
}
.home-14 .mainmenu ul li .mega-menu.portfolio ul li ul li a,
.home-14 .mainmenu ul li .mega-menu.shop ul li a,
#sticker.stick.home-14 .mainmenu ul li .mega-menu.portfolio ul li ul li a,
#sticker.stick.home-14 .mainmenu ul li .mega-menu.shop ul li a {
    color: #ffc94c;
}
.home-11 .mainmenu ul li .mega-menu.portfolio ul li ul li a,
.home-11 .mainmenu ul li .mega-menu.shop ul li a,
#sticker.stick.home-11 .mainmenu ul li .mega-menu.portfolio ul li ul li a,
#sticker.stick.home-11 .mainmenu ul li .mega-menu.shop ul li a {
    color: #2ECC71;
}
.mainmenu.mainmenu-4 ul li .mega-menu.portfolio ul li ul li a,
.mainmenu.mainmenu-4 ul li .mega-menu.shop ul li a {
    color: #1ABC9C;
}
.header-3 .mainmenu.mainmenu-4 ul li .mega-menu.portfolio ul li ul li a,
.header-3 .mainmenu.mainmenu-4 ul li .mega-menu.shop ul li a,
#sticker.stick.header-3 .mainmenu.mainmenu-4 ul li .mega-menu.portfolio ul li ul li a,
#sticker.stick.header-3 .mainmenu.mainmenu-4 ul li .mega-menu.shop ul li a {
    color: #23c6ec;
}
.darkorange .mainmenu.mainmenu-6 ul li .mega-menu.portfolio ul li ul li a,
.darkorange .mainmenu.mainmenu-6 ul li .mega-menu.shop ul li a {
    color: #ff6c2c;
}

.home-6 .mainmenu.mainmenu-4 ul li .mega-menu.portfolio ul li ul li a,
#sticker.stick.home-6 .mainmenu.mainmenu-4 ul li .mega-menu.portfolio ul li ul li a,
#sticker.stick.home-6 .mainmenu.mainmenu-4 ul li .mega-menu.shop ul li a,
.home-6 .mainmenu.mainmenu-4 ul li .mega-menu.shop ul li a {
    color: #23C6EC;
}
.mainmenu ul li .mega-menu.shop ul li a {
    text-transform: uppercase;
}
.mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
.mainmenu ul li .mega-menu.shop ul li a:hover {
    color: #dbaf76;
}
.home-17 .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
.home-17 .mainmenu ul li .mega-menu.shop ul li a:hover {
    color: #8FC58D;
}
.home-10 .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
.home-10 .mainmenu ul li .mega-menu.shop ul li a:hover,
#sticker.stick.home-10 .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
#sticker.stick.home-10 .mainmenu ul li .mega-menu.shop ul li a:hover {
    color: #8fc58d;
}
.home-10.pages .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
.home-10.pages .mainmenu ul li .mega-menu.shop ul li a:hover,
#sticker.stick.home-10.pages .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
#sticker.stick.home-10.pages .mainmenu ul li .mega-menu.shop ul li a:hover {
    color: #dbaf76;
}
.home-13 .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
.home-13 .mainmenu ul li .mega-menu.shop ul li a:hover,
#sticker.stick.home-13 .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
#sticker.stick.home-13 .mainmenu ul li .mega-menu.shop ul li a:hover {
    color: #149077;
}
.home-14 .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
.home-14 .mainmenu ul li .mega-menu.shop ul li a:hover,
#sticker.stick.home-14 .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
#sticker.stick.home-14 .mainmenu ul li .mega-menu.shop ul li a:hover {
    color: #ffb400;
}
.home-11 .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
.home-11 .mainmenu ul li .mega-menu.shop ul li a:hover,
#sticker.stick.home-11 .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
#sticker.stick.home-11 .mainmenu ul li .mega-menu.shop ul li a:hover {
    color: #63A95F;
}
.mainmenu.mainmenu-4 ul li .mega-menu.portfolio ul li ul li a:hover,
.mainmenu.mainmenu-4 ul li .mega-menu.shop ul li a:hover {
    color: #149077;
}
.header-3 .mainmenu.mainmenu-4 ul li .mega-menu.portfolio ul li ul li a:hover,
.header-3 .mainmenu.mainmenu-4 ul li .mega-menu.shop ul li a:hover,
#sticker.stick.header-3 .mainmenu.mainmenu-4 ul li .mega-menu.portfolio ul li ul li a:hover,
#sticker.stick.header-3 .mainmenu.mainmenu-4 ul li .mega-menu.shop ul li a:hover {
    color: #13bbe2;
}
.home-6 .mainmenu.mainmenu-4 ul li .mega-menu.portfolio ul li ul li a:hover,
.home-6 .mainmenu.mainmenu-4 ul li .mega-menu.shop ul li a:hover {
    color: #0EB2E7;
}
.mainmenu ul li .mega-menu.shop div,
.mainmenu ul li .mega-menu.pages ul {
    width: 25%;
}
.mainmenu ul li .mega-menu.shop ul li.shop-menu-title {
    color: #999;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.mainmenu ul li .hot,
.mainmenu ul li .new,
.mainmenu ul li .popular {
    position: relative;
}
.mainmenu ul li .hot:after,
.mainmenu ul li .new:after,
.mainmenu ul li .popular:after {
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    z-index: -1;
}
.mainmenu ul li .hot:after {
    content: "hot";
    background-color: #f14b51;
}
.mainmenu ul li .new:after {
    content: "new";
    background-color: #8dd538;
}
.mainmenu ul li .popular:after {
    content: "popular";
    background-color: #f39C12;
}
.mainmenu ul li .mega-menu.pages ul li:last-child {
    border-bottom: 0px;
}
.mainmenu ul li .mega-menu.pages ul li a:hover {
    color: #fff;
}

/*----------------------------------------*/
/*  2.5.2  sub-menu
/*----------------------------------------*/

.mainmenu ul li .sub-menu,
.mainmenu ul li .sub-menu ul li .sub-sub-menu,
.mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu {
    background-color: rgba(10, 10, 10, 0.95);
    width: 260px;
    z-index: 999;
}
.mainmenu ul li:hover .sub-menu,
.mainmenu ul li .sub-menu ul li:hover .sub-sub-menu,
.mainmenu ul li .sub-menu ul li .sub-sub-menu ul li:hover .sub-sub-sub-menu {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
}
.mainmenu ul li .sub-menu ul {
    padding: 0px 25px;
}
.mainmenu ul li .sub-menu ul li {
    border-bottom: 1px solid rgba(235, 235, 235, 0.1);
    line-height: 20px;
    position: relative;
    text-align: left;
}
.mainmenu ul li .sub-menu ul li:last-child {
    border: 0px;
}
.mainmenu ul li .sub-menu ul li.menu-title {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 0px;
    color: #999999;
}
.mainmenu ul li .sub-menu ul li.sub-dropdown::after {
    background-color: rgba(230, 188, 133, 0.3);
    content: "";
    height: 3px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 3px;
}
.mainmenu ul li .sub-menu ul li:hover a,
.mainmenu ul li .sub-menu ul li .sub-sub-menu ul li:hover a,
.mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu ul li:hover a {
    color: #fff;
}

/*----------------------------------------*/
/*  2.5.3  sub-dropdown
/*----------------------------------------*/

.mainmenu ul li .sub-menu ul li .sub-sub-menu,
.mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu {
    left: auto;
    right: -285px;
    top: 0;
}
.mainmenu ul li .sub-menu ul li .sub-sub-menu ul li a,
.mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu ul li a {
    font-size: 13px;
}

/*----------------------------------------*/
/*  2.5.4  mainmenu-1
/*----------------------------------------*/

.mainmenu-1 ul li a {
    color: rgba(255,255,255,0.8);
    font-family: 'Dosis', sans-serif;
    margin-left: 6px;
    padding-right: 18px;
}
.mainmenu-1 ul li a.last-child {
    padding-right: 0;
}
.mainmenu.mainmenu-1 > ul li > a::before {
    background-color: #e6bc85;
    bottom: 31px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: width 0.5s cubic-bezier(0.06, 0.68, 0.57, 1.07) 0s;
    width: 0;
}

.home-17 .mainmenu.mainmenu-1 > ul li > a::before {
    background-color: #9FCD9D;
}
.mainmenu.mainmenu-1 > ul >li:hover > a:before {
    width: 100%;
}
.mainmenu.mainmenu-1 > ul > li:hover > a {
    color: #fff;
}
.mainmenu .menu-modal a,
.mainmenu .menu-search button,
.mainmenu .menu-cart a,
.header-4 .mainmenu .menu-modal a,
.header-4 .mainmenu .menu-search button {
    line-height: 90px;
    display: block;
    transition: all 0.3s ease 0s;
}

/*----------------------------------------*/
/*  2.5.5  mainmenu-2
/*----------------------------------------*/

.mainmenu-2 ul li a {
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0 12px;
}
.mainmenu.mainmenu-2 > ul > li:after,
.mainmenu.mainmenu-2 ul > li:before {
    background-color: #2ecc71;
    content: "";
    height: 32px;
    top: 50%;
    position: absolute;
    transform: scale3d(1, 0, 1);
    width: 2px;
    margin-top: -16px;
    transition: transform 0.1s cubic-bezier(1, 0.68, 0.16, 0.9) 0s;
}
.home-18 .mainmenu.mainmenu-2 > ul > li:after,
.home-18 .mainmenu.mainmenu-2 ul > li:before {
    background-color: #E8263A;
}
.mainmenu.mainmenu-2.violet > ul > li:after,
.mainmenu.mainmenu-2.violet ul > li:before {
    background-color: #473B87;
}
.mainmenu.mainmenu-2 > ul > li:after {
    right: 0;
    transform-origin: 50% 0 0;
}
.mainmenu.mainmenu-2 > ul > li:before {
    left: 0;
    transform-origin: 50% 100% 0;
    transition-delay: 0.2s;
}
.mainmenu.mainmenu-2 > ul > li > a::after,
.mainmenu.mainmenu-2 ul > li > a::before {
    background-color: #2ecc71;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transform: scale3d(0, 1, 1);
    width: 100%;
    transition: transform 0.1s cubic-bezier(1, 0.68, 0.16, 0.9) 0s;
}
.home-18 .mainmenu.mainmenu-2 > ul > li > a::after,
.home-18 .mainmenu.mainmenu-2 ul > li > a::before {
    background-color: #E8263A;
}
.mainmenu.mainmenu-2.violet > ul > li > a::after,
.mainmenu.mainmenu-2.violet ul > li > a::before {
    background-color: #473B87;
}
.mainmenu.mainmenu-2 > ul > li a::after {
    bottom: 19.5px;
    transform-origin: 100% 50% 0;
    transition-delay: 0.3s;
}
.mainmenu.mainmenu-2 > ul > li a::before {
    top: 18.5px;
    transform-origin: 0 50% 0;
    transition-delay: 0.1s;
}
.mainmenu.mainmenu-2 > ul > li:hover:before,
.mainmenu.mainmenu-2 > ul > li:hover:after,
.mainmenu.mainmenu-2 > ul > li:hover > a:after,
.mainmenu.mainmenu-2 > ul > li:hover > a:before{
    transform: scale3d(1, 1, 1);
    visibility: visible;
}
.mainmenu.mainmenu-2 > ul > li:hover > a:before {
    transition-delay: 0.3s;
}
.mainmenu.mainmenu-2 > ul > li:hover > a:after {
    transition-delay: 0.1s;
}
.mainmenu-2 .mega-menu {
    left: auto !important;
    width: 1140px !important;
}
.mainmenu-2 .mega-menu.portfolio {
    left: -180px !important;
}
.mainmenu-2 .mega-menu.shortcode {
    left: -260px !important;
}
.mainmenu-2 .mega-menu.shop {
    left: -450px !important;
}
.mainmenu-2 .mega-menu.pages {
    left: -510px !important;
}

/*----------------------------------------*/
/*  2.5.6  mainmenu-3
/*----------------------------------------*/

.mainmenu-3 ul li a {
    font-family: "Oswald",sans-serif;
    padding: 0 24px;
}
.header-2 .mainmenu-3 ul li a {
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0 12px;
}
.mainmenu-3 ul,
.mainmenu-5 ul {
    text-align: center;
}
.mainmenu-3 .logo,
.mainmenu-5 .logo {
    display: inline-block;
    width: 160px;
}
.mainmenu-3 .logo a {
    display: block;
    line-height: 89px;
    text-align: center;
}
.mainmenu-3 .logo img,
.mainmenu-5 .logo img,
.header-3 .mainmenu-4 .logo img{
    width: 110px;
}
.header-3 .mainmenu-3 ul li .mega-menu.portfolio ul li ul li a,
.header-3 .mainmenu-3 ul li .mega-menu.shop ul li a {
    color: #e6bc85;
}
.header-3 .mainmenu-5 ul li .mega-menu.portfolio ul li ul li a,
.header-3 .mainmenu-5 ul li .mega-menu.shop ul li a {
    color: #e8263a;
}
.header-3 .mainmenu-5 ul li .mega-menu.portfolio ul li ul li a:hover,
.header-3 .mainmenu-5 ul li .mega-menu.shop ul li a:hover {
    color: #ed5464;
}
.mainmenu-3 ul li:hover a {
    /*color: #666;*/
    color: #212359;
}
.mainmenu-3 > ul > li > a::before {
    background-color: rgba(0, 0, 0, 0.2);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    width: 0;
}
.mainmenu-3 > ul > li > a::after {
    background-color: #ffb400;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 1s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    width: 0;
}
.mainmenu-3 > ul > li:hover > a::before {
    width: 100%;
}
.mainmenu-3 > ul > li:hover > a::after {
    width: 100%;
}
.mainmenu-3 > ul > li.logo > a:hover::before {
    width: 0%;
}
.mainmenu-3 > ul > li.logo > a:hover::after {
    width: 0%;
}

/*----------------------------------------*/
/*  2.5.7  mainmenu-4
/*----------------------------------------*/

.header-3 .mainmenu-4 ul {
    text-align: center;
}
.mainmenu-4 ul li a {
    font-family: "Dosis",sans-serif;
    padding: 0px 12px;
}
.header-3 .mainmenu-4 ul li a {
    padding: 0px 24px;
    font-family: "Roboto Condensed";
}
.header-4 .mainmenu .menu-modal a,
.header-4 .mainmenu .menu-cart a,
.header-4 .mainmenu .menu-search button {
    color: #949494;
}
.mainmenu .menu-modal a:hover,
.mainmenu .menu-cart a:hover,
.mainmenu .menu-search button:hover {
    /*color: #666;*/
    color: #212359;
}
.mainmenu-4 > ul > li > a:after, .mainmenu-4 > ul > li > a:before {
    position: absolute;
    content: "";
    background-color: #1ABC9C;
    width: 0;
    height: 2px;
    transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
}
.header-3 .mainmenu-4 > ul > li > a:after,
.header-3 .mainmenu-4 > ul > li > a:before {
    background-color: #23C6EC;
}
.mainmenu-4.darkblue > ul > li > a:after, .mainmenu-4.darkblue > ul > li > a:before {
    background-color: #23C6EC;
}
.mainmenu-4 ul li a:after {
    top: 24px;
    right: 0;
}
.mainmenu-4 ul li a:before {
    bottom: 24px;
    left: 0;
}
.mainmenu-4 > ul > li:hover > a:after,
.mainmenu-4 > ul > li:hover > a:before {
    width: 100%;
}
.mainmenu-4 > ul > li.logo:hover > a::after, .mainmenu-4 > ul > li.logo:hover > a::before {
    width: 0%;
}

/*----------------------------------------*/
/*  2.5.8  mainmenu-5
/*----------------------------------------*/

.mainmenu-5 ul li a {
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0 22px;
}
.mainmenu-5 > ul > li > a::after, .mainmenu-5 > ul > li > a::before {
    content: "]";
    opacity: 0;
    position: absolute;
    transform: translateX(-20px);
    transition: all 0.3s ease 0s;
}
.mainmenu-5 > ul > li > a::before {
    content: "[";
    transform: translateX(8px);
}
.mainmenu-5 ul li.logo > a:after,
.mainmenu-5 ul li.logo > a:before {
    content: "";
}
.mainmenu-5 > ul > li:hover > a {
   /* color: #666;*/
   color: #212359;
}
.mainmenu-5 > ul > li:hover > a::after, .mainmenu-5 > ul > li:hover > a::before {
    color: #f00;
    opacity: 1;
    transform: translateX(6px);
}
.mainmenu-5 > ul > li:hover > a::before {
    transform: translateX(-10px);
}

/*----------------------------------------*/
/*  2.5.9  mainmenu-6
/*----------------------------------------*/

.mainmenu-6 ul li a {
    font-family: 'Dosis', sans-serif;
}
.mainmenu-6 >ul > li:hover > a {
    background-color: rgba(0, 0, 0, 0.05);
    /*color: #666;*/
    color: #212359;
}

/*----------------------------------------*/
/*  2.5.10  sticky-menu
/*----------------------------------------*/

#sticker.stick {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
    background-color: #fff;
}
.header-2.home-18 #sticker {
    border-bottom: 1px solid #eee;
}
#sticker.stick .logo a {
    line-height: 70px;
}
#sticker.stick .mainmenu-1 ul li a,
#sticker.stick .mainmenu ul li .mega-menu ul li a,
#sticker.stick .mainmenu ul li .sub-menu ul li a,
#sticker.stick .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li a,
#sticker.stick .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu ul li a,
#sticker.stick .mainmenu .menu-modal a,
#sticker.stick .mainmenu .menu-search button,
.header-2 .mainmenu ul li .mega-menu ul li a,
.header-2 .mainmenu ul li .sub-menu ul li a,
.header-2 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li a,
.header-2 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu ul li a,
.header-3 .mainmenu ul li .mega-menu ul li a,
.header-3 .mainmenu ul li .sub-menu ul li a,
.header-3 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li a,
.header-3 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu ul li a,
.header-4 .mainmenu ul li .mega-menu ul li a,
.header-4 .mainmenu ul li .sub-menu ul li a,
.header-4 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li a,
.header-4 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu ul li a {
    /*color: #666666;*/
    color: #212359;
}
#sticker.stick .mainmenu.mainmenu-1 .menu-modal a,
#sticker.stick .mainmenu.mainmenu-4 .menu-modal a,
#sticker.stick .mainmenu.mainmenu-1 .menu-search button,
#sticker.stick .mainmenu.mainmenu-4 .menu-search button {
    line-height: 70px;
}
#sticker.stick .mainmenu > ul > li,
.header-2 .mainmenu > ul > li {
    line-height: 70px;
}
#sticker.stick .mainmenu.mainmenu-1 > ul li > a::before {
    bottom: 23px;
}
#sticker.stick .mainmenu.mainmenu-1 > ul > li:hover > a,
.header-4 .mainmenu.mainmenu-4 > ul > li:hover > a {
    color: #333;
}
#sticker.stick .mainmenu ul li .mega-menu,
.header-2 .mainmenu ul li .mega-menu,
.header-3 .mainmenu ul li .mega-menu,
.header-4 .mainmenu ul li .mega-menu,
.header-1.home-6 .mainmenu ul li .mega-menu,
.header-1.home-10 .mainmenu ul li .mega-menu {
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 9999999;
}
#sticker.stick .mainmenu ul li .sub-menu,
.header-2 .mainmenu ul li .sub-menu,
.header-3 .mainmenu ul li .sub-menu,
.header-4 .mainmenu ul li .sub-menu,
.header-1.home-6 .mainmenu ul li .sub-menu,
.header-1.home-10 .mainmenu ul li .sub-menu,
#sticker.stick .mainmenu ul li .sub-menu ul li .sub-sub-menu,
.header-2 .mainmenu ul li .sub-menu ul li .sub-sub-menu,
.header-3 .mainmenu ul li .sub-menu ul li .sub-sub-menu,
.header-4 .mainmenu ul li .sub-menu ul li .sub-sub-menu,
.header-1.home-6 .mainmenu ul li .sub-menu ul li .sub-sub-menu,
.header-1.home-10 .mainmenu ul li .sub-menu ul li .sub-sub-menu,
#sticker.stick .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu,
.header-2 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu,
.header-3 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu,
.header-4 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu,
.header-1.home-6 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu,
.header-1.home-10 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu {
    background-color: rgba(255, 255, 255, 0.95);
    width: 260px;
    z-index: 999;
}
#sticker.stick .mainmenu ul li .mega-menu.homepage ul li:hover a,
.header-2 .mainmenu ul li .mega-menu.homepage ul li:hover a,
.header-3 .mainmenu ul li .mega-menu.homepage ul li:hover a,
.header-4 .mainmenu ul li .mega-menu.homepage ul li:hover a,
.header-1.home-6 .mainmenu ul li .mega-menu.homepage ul li:hover a,
.header-1.home-10 .mainmenu ul li .mega-menu.homepage ul li:hover a,
#sticker.stick .mainmenu ul li .mega-menu.homepage ul li:hover a div,
.header-2 .mainmenu ul li .mega-menu.homepage ul li:hover a div,
.header-3 .mainmenu ul li .mega-menu.homepage ul li:hover a div,
.header-4 .mainmenu ul li .mega-menu.homepage ul li:hover a div,
.header-1.home-6 .mainmenu ul li .mega-menu.homepage ul li:hover a div,
.header-1.home-10 .mainmenu ul li .mega-menu.homepage ul li:hover a div,
#sticker.stick .mainmenu ul li .mega-menu.pages ul li a:hover,
.header-2 .mainmenu ul li .mega-menu.pages ul li a:hover,
.header-3 .mainmenu ul li .mega-menu.pages ul li a:hover,
.header-4 .mainmenu ul li .mega-menu.pages ul li a:hover,
.header-1.home-6 .mainmenu ul li .mega-menu.pages ul li a:hover,
.header-1.home-10 .mainmenu ul li .mega-menu.pages ul li a:hover,
#sticker.stick .mainmenu ul li .sub-menu ul li:hover a,
.header-2 .mainmenu ul li .sub-menu ul li:hover a,
.header-3 .mainmenu ul li .sub-menu ul li:hover a,
.header-4 .mainmenu ul li .sub-menu ul li:hover a,
.header-1.home-6 .mainmenu ul li .sub-menu ul li:hover a,
.header-1.home-10 .mainmenu ul li .sub-menu ul li:hover a,
#sticker.stick .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li:hover a,
.header-2 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li:hover a,
.header-3 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li:hover a,
.header-4 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li:hover a,
.header-1.home-6 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li:hover a,
.header-1.home-10 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li:hover a,
#sticker.stick .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu ul li:hover a,
.header-2 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu ul li:hover a,
.header-3 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu ul li:hover a,
.header-4 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu ul li:hover a,
.header-1.home-6 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu ul li:hover a,
.header-1.home-10 .mainmenu ul li .sub-menu ul li .sub-sub-menu ul li .sub-sub-sub-menu ul li:hover a,
#sticker.stick .mainmenu ul li .mega-menu.portfolio ul li a.portfolio-menu-title:hover,
.header-2 .mainmenu ul li .mega-menu.portfolio ul li a.portfolio-menu-title:hover,
.header-3 .mainmenu ul li .mega-menu.portfolio ul li a.portfolio-menu-title:hover,
.header-4 .mainmenu ul li .mega-menu.portfolio ul li a.portfolio-menu-title:hover,
.header-1.home-6 .mainmenu ul li .mega-menu.portfolio ul li a.portfolio-menu-title:hover,
.header-1.home-10 .mainmenu ul li .mega-menu.portfolio ul li a.portfolio-menu-title:hover {
    color: #333;
}
#sticker.stick .mainmenu ul li .mega-menu.portfolio ul li,
.header-2 .mainmenu ul li .mega-menu.portfolio ul li,
.header-3 .mainmenu ul li .mega-menu.portfolio ul li,
.header-4 .mainmenu ul li .mega-menu.portfolio ul li,
.header-1.home-6 .mainmenu ul li .mega-menu.portfolio ul li,
#sticker.stick .mainmenu ul li .mega-menu.shop ul li,
.header-2 .mainmenu ul li .mega-menu.shop ul li,
.header-3 .mainmenu ul li .mega-menu.shop ul li,
.header-4 .mainmenu ul li .mega-menu.shop ul li,
.header-1.home-6 .mainmenu ul li .mega-menu.shop ul li {
    border-bottom: 0 none;
}
#sticker.stick .mainmenu ul li .mega-menu ul li,
.header-2 .mainmenu ul li .mega-menu ul li,
.header-3 .mainmenu ul li .mega-menu ul li,
.header-4 .mainmenu ul li .mega-menu ul li,
.header-1.home-6 .mainmenu ul li .mega-menu ul li,
.header-1.home-10 .mainmenu ul li .mega-menu ul li,
#sticker.stick .mainmenu ul li .sub-menu ul li,
.header-2 .mainmenu ul li .sub-menu ul li,
.header-3 .mainmenu ul li .sub-menu ul li,
.header-4 .mainmenu ul li .sub-menu ul li,
.header-1.home-6 .mainmenu ul li .sub-menu ul li,
.header-1.home-10 .mainmenu ul li .sub-menu ul li {
    border-bottom: 1px solid rgba(20, 20, 20, 0.05);
}
#sticker.stick .mainmenu ul li .mega-menu.portfolio ul li ul li a,
#sticker.stick .mainmenu ul li .mega-menu.shop ul li a ,
#sticker.stick.pages.home-10 .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
#sticker.stick.pages.home-10 .mainmenu ul li .mega-menu.shop ul li a:hover {
    color: #e6bc85;
}
.home-17#sticker.stick .mainmenu ul li .mega-menu.portfolio ul li ul li a,
.home-17#sticker.stick .mainmenu ul li .mega-menu.shop ul li a {
    color: #9ECC9C;
}
#sticker.stick.dark-orange .mainmenu ul li .mega-menu.portfolio ul li ul li a,
#sticker.stick.dark-orange .mainmenu ul li .mega-menu.shop ul li a,
.dark-orange .mainmenu ul li .mega-menu.portfolio ul li ul li a,
.dark-orange .mainmenu ul li .mega-menu.shop ul li a {
    color: #FF6C2C;
}
#sticker.stick .mainmenu-4 ul li .mega-menu.portfolio ul li ul li a,
#sticker.stick .mainmenu-4 ul li .mega-menu.shop ul li a {
    color: #1ABC9C;
}
#sticker.stick .mainmenu-5 ul li .mega-menu.portfolio ul li ul li a,
#sticker.stick .mainmenu-5 ul li .mega-menu.shop ul li a {
    color: #e8263a;
}
#sticker.stick .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
#sticker.stick .mainmenu ul li .mega-menu.shop ul li a:hover {
    color: #f39C12;
}
#sticker.stick.dark-orange .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
#sticker.stick.dark-orange .mainmenu ul li .mega-menu.shop ul li a:hover {
    color: #ff5a14;
}
#sticker.stick .mainmenu-5 ul li .mega-menu.portfolio ul li ul li a:hover,
#sticker.stick .mainmenu-5 ul li .mega-menu.shop ul li a:hover {
    color: #ed5464;
}
#sticker.stick .mainmenu-4 ul li .mega-menu.portfolio ul li ul li a:hover,
#sticker.stick .mainmenu-4 ul li .mega-menu.shop ul li a:hover {
    color: #149077;
}
#sticker.stick .header-2 .mainmenu ul li .mega-menu.portfolio ul li ul li a,
#sticker.stick .header-2 .mainmenu ul li .mega-menu.shop ul li a {
    color: #2ecc71;
}
#sticker.stick .header-2 .mainmenu ul li .mega-menu.portfolio ul li ul li a:hover,
#sticker.stick .header-2 .mainmenu ul li .mega-menu.shop ul li a:hover {
    color: #2ea259;
}
#sticker.stick.header-3 .menu-modal a,
#sticker.stick.header-3 .menu-search button,
#sticker.stick.header-4 .menu-modal a,
#sticker.stick.header-4 .menu-cart a,
#sticker.stick.header-4 .menu-search button,
#sticker.stick.header-1 .menu-modal a,
#sticker.stick.header-1 .menu-search button {
    line-height: 70px;
}

/*----------------------------------------*/
/*  2.5.11  homepage-5-menu
/*----------------------------------------*/

.header-4.orange .logo::before {
    background-color: #FFC94C;
}
.header-4.dark-orange .logo::before {
    background-color: #FF6C2C;
}
.mainmenu-3 > ul > li > a::after {
    background-color: #FFC94C;
}
.dark-orange .mainmenu-3 > ul > li > a::after {
    background-color: #FF6C2C;
}
.header-2 .mainmenu-3 > ul > li > a::after {
    background-color: #BECA3B;
}
.header-4 .mainmenu-3 ul {
    text-align: right;
}
.header-4 .mainmenu-3 ul li a {
    font-family: "Dosis";
}
.header-4 .mainmenu-3 ul li a,
.mainmenu-6 ul li a {
    padding: 0px 12px;
}

/*----------------------------------------*/
/*  2.5.12  homepage-7-menu
/*----------------------------------------*/

.header-4.darkorange .logo::before {
    background-color: #FF6C2C;
}

/*----------------------------------------*/
/*  3.  slider
/*----------------------------------------*/

.slider-wrap.home-10,
.slider-wrap.home-11 {
    padding-top: 90px;
}
.fullwidthbanner h1,
.fullwidthbanner-2 h1,
.fullwidthbanner-3 h1,
.fullwidthbanner-4 h1,
.fullwidthbanner-5 h1,
.fullwidthbanner-6 h1,
.fullwidthbanner-7 h1,
.fullwidthbanner-9 h1,
.fullwidthbanner-10 h1,
.fullwidthbanner-11 h1,
.fullwidthbanner-12 h1,
.fullwidthbanner-13 h1,
.fullwidthbanner-14 h1,
.fullwidthbanner-15 h1 {
    color: #fff;
    letter-spacing: 20px !important;
    margin-bottom: 17px !important;
    display: block;
    font-weight: 400;
}
.fullwidthbanner-16 .shopHeadingLargeWhite h1 {
    color: #fff;
    font-weight: 700;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
    word-spacing: 4px;
}
.fullwidthbanner-18 h1.bold-text {
    color: #000;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
    font-weight: 700;
    font-size: 46px;
}
.fullwidthbanner-18 h1.bold-text.white {
    color: #fff;
    word-spacing: 4px;
}
.fullwidthbanner-18 h2.light-text {
    color: #aeaeae;
    font-size: 20px !important;
    word-spacing: -5px;
    margin-top: -7px !important;
}
.fullwidthbanner-18 h2.light-text.white {
    color: #fff;
}
.fullwidthbanner-18 a {
    background-color: #e8263a;
    border: 1px solid #000 !important;
    color: #fff;
    display: inline-block;
    font-size: 14px !important;
    font-weight: 400;
    letter-spacing: 2px !important;
    padding: 12px 35px !important;
}
.fullwidthbanner-18 a:hover {
    background-color: #ED5464;
    color: #fff;
}
.fullwidthbanner-18 a.black {
    background-color: transparent;
    color: #000;
}
.fullwidthbanner-18 a.black:hover {
    background-color: #444444;
    color: #fff;
}
.fullwidthbanner-18 a.white {
    background-color: transparent;
    border: 1px solid #E8263A !important;
}
.fullwidthbanner-18 a.white:hover {
    background-color: #ED5464;
}
.fullwidthbanner-5 h2,
.fullwidthbanner-7 h2,
.fullwidthbanner-9 h2,
.fullwidthbanner-10 h2,
.fullwidthbanner-11 h2,
.fullwidthbanner-12 h2,
.fullwidthbanner-13 h2,
.fullwidthbanner-14 h2,
.fullwidthbanner-15 h2 {
    color: #fff;
}
.fullwidthbanner p,
.fullwidthbanner-2 p,
.fullwidthbanner-9 p,
.fullwidthbanner-10 p,
.fullwidthbanner-11 p,
.fullwidthbanner-12 p,
.fullwidthbanner-13 p,
.fullwidthbanner-14 p,
.fullwidthbanner-15 p {
    color: #fff;
    font-weight: 300;
}
.fullwidthbanner-16 .detailText  p {
    color: #fff;
}
.fullwidthbanner-2 a,
.fullwidthbanner-3 a,
.fullwidthbanner-4 a,
.fullwidthbanner-5 a,
.fullwidthbanner-6 a,
.fullwidthbanner-7 a,
.fullwidthbanner-9 a,
.fullwidthbanner-11 a,
.fullwidthbanner-12 a,
.fullwidthbanner-13 a,
.fullwidthbanner-14 a,
.fullwidthbanner-15 a {
    border: 1px solid #2ecc71 !important;
    border-radius: 4px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 2px !important;
    padding: 10px 40px !important;
    text-transform: uppercase;
}
.fullwidthbanner-4 a {
    background-color: #1abc9c;
    border-color: #1abc9c !important;
}
.fullwidthbanner-4 a:hover {
    background-color: #149077;
    color: #fff;
    border-color: #149077 !important;
}
.fullwidthbanner-9 a {
    background-color: transparent;
    border-color: #ED5464 !important;
}
.fullwidthbanner-9 a:hover {
    background-color: #ED5464;
    color: #fff;
    border-color: #ED5464 !important;
}
.fullwidthbanner-3 a,
.fullwidthbanner-5 a {
    border-color: #FFA800 !important;
}
.fullwidthbanner-7 .bg-darkorange {
    background-color: transparent;
    border-color: #ff6c2c !important;
}
.fullwidthbanner-7 .bg-darkorange:hover {
    background-color: #ff6c2c;
    color: #fff;
}
.fullwidthbanner-2 a:hover{
    background-color: #2ecc71;
    color: #fff;
}
.fullwidthbanner-11 a {
    border-color: #25A259 !important;
}
.fullwidthbanner-11 a:hover {
    background-color: #25A259;
    color: #fff;
}
.fullwidthbanner-12 a {
    border-color: #CBD463 !important;
}
.fullwidthbanner-12 a:hover {
    background-color: #CBD463 !important;
    color: #fff;
}
.fullwidthbanner-13 a {
    border-color: #1abc9c !important;
    background-color: #1abc9c !important;
}
.fullwidthbanner-13 a:hover {
    background-color: #149077 !important;
    color: #fff;
}
.fullwidthbanner-14 a {
    border-color: #FFB400 !important;
}
.fullwidthbanner-14 a:hover {
    background-color: #FFB400 !important;
    color: #fff;
}
.fullwidthbanner-3 a:hover,
.fullwidthbanner-5 a:hover {
    background-color: #FFA800;
    color: #fff;
}
.fullwidthbanner-6 a,
.fullwidthbanner-15 a {
    border-color: #13BBE2 !important;
    font-size: 12px;
    padding: 10px 30px !important;
}
.fullwidthbanner-6 a:hover,
.fullwidthbanner-15 a:hover {
    background-color: #13BBE2;
    color: #fff;
}
.fullwidthbanner-6 h2 {
    color: #fff;
}
.fullwidthbanner-16 .third h1 {
    font-size: 46px !important;
}
.fullwidthbanner-16 .third p {
    text-align: center;
}
.fullwidthbanner-16 .third a {
    background-color: transparent;
    border: 1px solid #ff6c2c !important;
    color: #fff;
    padding: 12px 35px !important;
}
.fullwidthbanner-16 .second a {
    background-color: #ff6c2c;
    border: 1px solid #ff6c2c !important;
    color: #fff;
    padding: 12px 35px !important;
}
.fullwidthbanner-16 .second .two a {
    background-color: transparent;
    border: 1px solid #ff6c2c !important;
    color: #fff;
    padding: 12px 35px !important;
}
.fullwidthbanner-16 .third a:hover {
    background-color: #ff6c2c;
}
.fullwidthbanner-16 .second a:hover {
    background-color: #FF5A14;
}

.home-slider-8.owl-theme .owl-controls .owl-page span,
.home-slider-17.owl-theme .owl-controls .owl-page span {
    width: 80px;
    height: 50px;
    border-radius: 0px;
}
.home-slider-8.owl-theme .owl-controls .owl-page:first-child span {
    background-image: url(img/slider/slider-8/pagination-1.jpg);
}
.home-slider-8.owl-theme .owl-controls .owl-page:nth-child(2) span {
    background-image: url(img/slider/slider-8/pagination-2.jpg);
}
.home-slider-8.owl-theme .owl-controls .owl-page:last-child span {
    background-image: url(img/slider/slider-8/pagination-3.jpg);
}
.home-slider-17.owl-theme .owl-controls .owl-page:first-child span {
    background-image: url(img/slider/slider-17/1-small.jpg);
}
.home-slider-17.owl-theme .owl-controls .owl-page:nth-child(2) span {
    background-image: url(img/slider/slider-17/2-small.jpg);
}
.home-slider-17.owl-theme .owl-controls .owl-page:last-child span {
    background-image: url(img/slider/slider-17/3-small.jpg);
}
.home-slider-8.about-us-slider.owl-theme .owl-controls .owl-page:first-child span {
    background-image: url(img/gallery/pagination-5.jpg);
}
.home-slider-8.about-us-slider.owl-theme .owl-controls .owl-page:nth-child(2) span {
    background-image: url(img/gallery/pagination-6.jpg);
}
.home-slider-8.about-us-slider.owl-theme .owl-controls .owl-page:nth-child(3) span {
    background-image: url(img/gallery/pagination-7.jpg);
}
.home-slider-8.about-us-slider.owl-theme .owl-controls .owl-page:last-child span {
    background-image: url(img/gallery/pagination-8.jpg);
}
.home-slider-8.owl-theme .owl-controls,
.home-slider-17.owl-theme .owl-controls {
    text-align: inherit;
}
.home-slider-8.owl-theme .owl-controls .owl-pagination,
.home-slider-17.owl-theme .owl-controls .owl-pagination {
    bottom: 20px;
    position: absolute;
}
.home-slider-8.owl-theme .owl-controls .owl-buttons div,
.home-slider-17.owl-theme .owl-controls .owl-buttons div,
.gallery-slider.owl-theme .owl-controls .owl-buttons div {
    background-color: #555;
    font-size: 24px;
    height: 40px;
    left: 30px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 40px;
    border-radius: 0px;
}
.home-slider-8.owl-theme .owl-controls .owl-buttons div.owl-next,
.home-slider-17.owl-theme .owl-controls .owl-buttons div.owl-next,
.gallery-slider.owl-theme .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: 30px;
}
.about-us {
    background-color: #f3f3f3;
}
.about-us-slider {
    width: 50%;
    float: left;
}
.about-us-content {
    overflow: hidden;
    padding: 53px 20px 53px 120px;
}
.about-us-content .section-heading-style-4 h1 {
    color: #fff;
    margin-bottom: 18px;
}
.about-us-content h2 {
    font-size: 24px;
    letter-spacing: 10px;
    text-transform: uppercase;
}
.about-us-content p {
    margin-top: 20px;
}
.about-us.home-17 {
    background-color: #9fcd9d;
    color: #fff;
}
.about-us-content .read-more a {
    background-color: #f8f6f6;
    border-radius: 4px;
    color: #444;
    display: inline-block;
    margin-top: 10px;
    padding: 7px 15px;
    text-transform: capitalize;
}

.about-us-link u {
    position: relative;
    text-decoration: none; /* Remove the default underline */
    color: inherit; /* Use the existing text color */
}

.about-us-link u::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px; /* Space between text and the line */
    width: 100%;
    height: 2px; /* Thickness of the underline */
    background-color: yellow; /* Color of the underline */
}


/*----------------------------------------*/
/*  4.  service
/*----------------------------------------*/

.service-area {
    overflow: hidden;
    background-color: #fdfdfd;
}
.service-area.home-2,
.service-area.home-5 {
    background-color: transparent;
}
.service-area.home-7,
.service-area.home-9 {
    background-color: #fcfcfc;
}
.service-area.home-10 {
    background-color: #F9F9F9;
}
.service-area.home-12 {
    background-color: #F8F8F8;
}
.section-heading-style-3 {
    margin-bottom: 45px;
}
.home-8 .section-heading-style-3 h1 {
    font-family: 'Lato', sans-serif;
}
.section-heading.home-10 h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    line-height: 26px;
    color: #212359;
}
.section-heading h1,
.section-heading-style-2 h1,
.section-heading-style-3 h1 {
    /*color: #000;*/
    color: #212359;
    display: inline-block;
    font-size: 22px;
    letter-spacing: 10px;
    line-height: 22px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase;
}
.home-11 .section-heading h1 {
    font-size: 24px;
    line-height: 24px;
}
.section-heading-style-5 h1 {
    color: #444;
    display: inline-block;
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 35px;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase;
}
.newsletter-area.home-9 .section-heading-style-5 h1 {
    color: #fff;
    letter-spacing: 10px;
}
.newsletter-area.home-9 .section-heading-style-5 h1::before {
    background-color: #fff;
}
.why-best-content .section-heading-style-5 h1 {
    text-transform: capitalize;
}
.section-heading-style-5 h1::before {
    background-color: #e8263a;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    width: 30px;
    left: 0;
    right: 0;
    margin: auto;
}
.why-best-content .section-heading-style-5 h1::before {
    left: 0;
    right: auto;
    margin: auto;
}
.service-area.home-2 .section-heading-style-2 h1 {
    font-size: 32px;
    line-height: 32px;
}
.section-heading-style-3 h1 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 45px;
}
.section-heading-style-3 p {
    margin-bottom: 0;
}
.section-heading h1::after,
.section-heading-style-2 h1:after {
    /*background-color: #444;*/
    /*background-color: #ffc00c;*/
    background-color: #fdd700;;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 100px;
}
.home-11 .section-heading h1::after,
.home-11 .section-heading-style-2 h1:after {
    right: auto;
}
.section-heading-style-2 h1:after {
    left: 0;
    margin: auto;
    right: auto;
}
.section-heading-style-2 p {
    /*color: #000;*/
    /*background-color: #ffc00c;*/
    background-color: #fdd700;;
}
.section-heading h3 {
    font-size: 18px;
}
.section-heading h4 {
    letter-spacing: 3px;
    font-size: 17px;
    text-transform: capitalize;
}
.section-heading-style-6 {
    margin-bottom: 60px;
}
.section-heading-style-6 .section-title {
    position: relative;
    margin-bottom: 20px;
}
.section-heading-style-6 .section-title::after {
    background-color: #eee;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.section-heading-style-6 .section-title h1 {
    color: #000;
    display: inline-block;
    font-size: 24px;
    letter-spacing: 10px;
    line-height: 24px;
    margin-bottom: 0;
    text-transform: uppercase;
    padding-bottom: 15px;
    position: relative;
}
.single-combined .section-heading-style-6 .section-title h1 {
    font-size: 18px;
    font-weight: 400;
}
.section-heading-style-6 .section-title h1::after {
    background-color: #ccc;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.section-heading-style-6 .section-title h1 span {
    font-weight: 700;
}
.single-combined .section-heading-style-6 .section-title h1 span {
    padding-right: 10px;
}
.section-heading-style-6 p {
    margin-bottom: 0px;
}
.single-service {
    margin-top: 75px;
}
.single-service .icon {
    margin-bottom: 40px;
}
.single-service:hover .icon,
.single-mobile-list:hover .mobile-list-icon,
.single-service-style-3:hover .icon,
.single-service-style-4:hover .icon {
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    animation-name: push;
    animation-timing-function: linear;
}
.home-2 .single-service:hover .icon,
.single-service-style-4:hover .icon {
    animation-name: pop;
}
.home-7 .single-service:hover .icon{
    animation-name: wobble-bottom;
    animation-duration: 1s;
}
.home-6 .single-service:hover .icon,
.home-12 .single-service:hover .icon {
    animation-name: buzz-out;
    animation-duration: 0.75s;
}
.single-service-style-3:hover .icon {
    animation-name: icon-drop;
    animation-duration: 0.5s;
    animation-delay: 0.2s;
}
.single-service .icon i {
    font-size: 42px;
    color: #000;
}
.single-service .icon img {
    width: 48px;
    height: 48px;
}
.single-service h3 {
    font-size: 22px;
    font-weight: 300;
}
.single-service.home-2 h3 {
    font-size: 18px;
}
.single-service p {
    color: #999;
}
.single-service.home-2 p {
    color: #444;
}
.service-area.home-2 .section-heading-style-2,
.single-service.home-2 {
    background-color: #f5f5f5;
    float: left;
    margin-left: 1.5%;
    margin-top: 1.5%;
    padding: 90px 30px 60px;
    width: 31.4%;
}
.service-area.home-2 .section-heading-style-2.single-service, .single-service.home-2 {
    height: 375px;
}
.single-service.home-2 .icon i,
.single-service-style-4 .icon i {
    background-color: #3f3f3f;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    height: 80px;
    line-height: 80px;
    width: 80px;
}
.single-service-style-4 .icon i {
    background-color: #9FCD9D;
}
.section-heading-style-4 h1,
.video-inner-content h2 {
    font-size: 24px;
    letter-spacing: 10px;
    line-height: 24px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
}
.about-us-slider .section-heading-style-4 h1 {
    color: #fff;
    margin-bottom: 18px;
}
.home-17 .section-heading-style-4 h1 {
    font-size: 22px;
}
.section-heading-style-4 h1::after,
.video-inner-content h2:after {
    background-image: url("img/other/rectangle.svg");
    content: "";
    height: 8px;
    position: absolute;
    width: 33px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.about-us-slider .section-heading-style-4 h1::after {
    right: auto;
}
.single-service-style-2 {
    background-color: #f5f5f5;
    margin-bottom: 30px;
    padding: 40px 40px 0px 40px;
    height: 205px;
}
.single-service-style-2 .icon {
    float: left;
    text-align: center;
    width: 25%;
}
.single-service-style-2 .icon i {
    border: 5px solid #fff;
    border-radius: 50%;
    color: #333;
    font-size: 26px;
    height: 90px;
    line-height: 80px;
    width: 90px;
}
.single-service-style-2 .info {
    padding-left: 140px;
}
.single-service-style-2 .info h3 {
    font-size: 18px;
    font-weight: 300;
}
.single-service-style-2 .info a {
    color: #FFC94C;
    text-transform: uppercase;
}
.single-service-style-2 .info a:hover {
    text-decoration: underline;
    /*color: #ffc00c;*/
    color: #fdd700;
}
.single-service.home-7 h3 {
    color: #444;
    font-size: 15px;
}
.single-service.home-7 .icon i {
    border: 1px solid #999;
    border-radius: 50%;
    color: #999;
    display: inline-block;
    font-size: 32px;
    height: 90px;
    line-height: 90px;
    width: 90px;
}
.single-service.home-7 p {
    margin-bottom: 0;
}
.corporate-system {
    padding-top: 80px;
}
.part-1 .single-service-style-3 {
    margin-bottom: 40px;
}
.single-service-style-3 i {
    display: inline-block;
    font-size: 42px;
    margin-bottom: 25px;
}
.single-service-style-3 .info h3 {
    color: #444;
    font-size: 18px;
    margin-bottom: 15px;
}
.single-service-style-3 .info p {
    margin-bottom: 0;
}
.single-service-style-4 h3 {
    font-size: 22px;
    font-weight: 300;
    margin-top: 15px;
}
.service-area.home-11 .part-1 {
    margin-bottom: 50px;
    overflow: hidden;
}
.single-service-style-5 .icon {
    color: #2ecc71;
    float: left;
    font-size: 24px;
    margin-right: 15px;
}
.single-service-style-5 .info h3 {
    font-size: 16px;
    font-weight: 300;
}
.single-service-style-5:hover .icon,
.single-service-style-6:hover .icon {
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-name: buzz-out;
    animation-timing-function: ease-in-out;
}
.single-service-style-6 {
    text-align: center;
}
.single-service-style-6 .frame {
    background-color: #ffc94c;
    border-radius: 50%;
    color: #fff;
    font-size: 40px;
    height: 90px;
    line-height: 100px;
    margin: auto;
    text-align: center;
    width: 90px;
}
.single-service-style-6:hover .icon {
    animation-name: icon-drop;
}
.single-service-style-6 h3 {
    font-size: 15px;
    font-weight: 300;
    margin-top: 20px;
}
.home-15 .single-service .icon {
    background-color: #ff6a56;
    box-shadow: 5px 4px #ebebeb;
    height: 80px;
    line-height: 80px;
    margin: auto;
    width: 80px;
}
.home-15 .single-service.second .icon {
    background-color: #23c6ec;
}
.home-15 .single-service.third .icon {
    background-color: #8d65b3;
}
.home-15 .single-service i {
    color: #fff;
    font-size: 24px;
}
.home-15 .single-service h3 {
    font-size: 18px;
    margin-top: 25px;
}
.home-15 .single-service p {
    color: #777;
}
.service-icon {
    border-radius: 50%;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
    display: inline-block;
    font-size: 60px;
    height: 160px;
    line-height: 160px;
    width: 160px;
}
.single-service-style-7 h3 {
    color: #5a5247;
    font-size: 18px;
    margin-top: 30px;
    text-transform: uppercase;
}
.service-icon i {
    color: #f43c43;
}
.single-service-style-7 p {
    color: #877d6d;
}

/*----------------------------------------*/
/*  5.  skill
/*----------------------------------------*/

.skill-area.home-7 {
    background-color: #fcfcfc;
}
.skill-progress {
    float: left;
    margin-right: 6%;
    width: 47%;
}
.office-skill-area.page .skill-progress {
    width: auto;
}
.page .skill-progress {
    margin-right: 0%;
}
.skill-progress.style-2 {
    margin-top: 50px;
}
.skill-testimonial {
    margin-top: 54px;
    overflow: hidden;
}
.skill-progress-bar {
    margin-top: 30px;
}
.progress {
    height: 30px;
}
.progress-bar {
    position: relative;
}
.progress-bar h5 {
    float: left;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 30px;
    margin-bottom: 0;
    margin-left: 20px;
}
.progress-bar h5 span {
    background-color: #799478;
    border-radius: 5px;
    color: #fff;
    font-weight: 400;
    line-height: 24px;
    margin-top: 3px;
    padding: 0 3px;
    position: absolute;
    right: 10px;
}
.progress-bar-bg {
    background-color: #9FCD9D;
}
.jqbar.horizontal {
    position: relative;
}
.jqbar.horizontal span.bar-label {
    color: #444;
    left: 0;
    position: absolute;
    text-transform: capitalize;
    top: 8px;
    font-size: 16px;
}
#bar-1 span.bar-level,
#bar-5 span.bar-level,
#bar-9 span.bar-level {
    width: 415px !important;
}
#bar-2 span.bar-level,
#bar-4 span.bar-level,
#bar-6 span.bar-level,
#bar-8 span.bar-level,
#bar-10 span.bar-level,
#bar-12 span.bar-level {
    width: 370px !important;
}
#bar-3 span.bar-level,
#bar-7 span.bar-level,
#bar-11 span.bar-level {
    width: 480px !important;
}
.jqbar.horizontal span.bar-percent {
    background-color: #000;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    margin-left: -28px;
    padding: 3px 4px;
    position: relative;
    vertical-align: 22px;
}
.jqbar.horizontal span.bar-percent::after {
    background-color: #000;
    bottom: -5px;
    content: "";
    height: 10px;
    left: 35%;
    position: absolute;
    transform: rotate(45deg);
    width: 10px;
}
.skill-testimonial .skill-testimonial-content {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    padding: 40px 40px 40px 70px;
    position: relative;
}
.skill-testimonial-content .quote::after,
.test-spech .quote::after
{
    color: rgba(0, 0, 0, 0.06);
    content: "\f10d";
    font-family: fontawesome;
    font-size: 32px;
    left: 25px;
    position: absolute;
    top: 37px;
}
.skill-testimonial .skill-testimonial-content::before {
    border-right: 22px solid transparent;
    border-top: 22px solid #000;
    bottom: -22px;
    content: "";
    left: 49px;
    position: absolute;
}
.skill-testimonial .skill-testimonial-content::after {
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    bottom: -20px;
    content: "";
    left: 50px;
    position: absolute;
}
.skill-testimonial-info {
    margin-top: 30px;
}
.skill-test-img {
    float: left;
    margin-left: 25px;
    width: 50px;
}
.skill-test-img img {
    border-radius: 50%;
}
.skill-test-about {
    overflow: hidden;
}
.skill-test-about h4 {
    /*color: #666;*/
    color: #212359;
    font-family: "Roboto Condensed";
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 18px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.skill-test-about p {
    color: #4f87c7;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    opacity: 0.8;
    text-transform: uppercase;
}

.skill-test-about a {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    opacity: 0.8;
}
.skill-testimonial-info-2 {
    margin-top: 15px;
}
.skill-test-img-2 {
    float: left;
    padding: 0 30px;
    width: 30%;
    /*margin: 0 auto; */
}
.skill-spech p {
    color: #000;
    margin-bottom: 0;
    padding-right: 50px;
}
.skill-spech {
    overflow: hidden;
}
.skill-testimonial-content-2 {
    border-bottom: 5px solid #9fcd9d;
    display: inline-block;
    position: relative;
    padding-bottom: 30px;
}

/*----------------------------------------*/
/*  6.  portfolio
/*----------------------------------------*/

.portfolio-area {
    background-image: url(img/portfolio/portfolio-bg.jpg);
}
.portfolio-area.home-2,
.portfolio-area.home-2,
.portfolio-area.home-7,
.portfolio-area.home-9 {
    background-image: none;
}
.portfolio-area.home-3 {
    background-color: #fdfdfd;
}
.portfolio-area.home-7,
.portfolio-area.home-9 {
    background-color: #fff;
}
.portfolio-area.home-11 {
    background-image: url(img/portfolio/portfolio-bg-2.jpg);
}
.portfolio-area.home-12 {
    background-image: url(img/portfolio/portfolio-bg-3.jpg);
}

/*----------------------------------------*/
/*  6.1 portfolio-menu
/*----------------------------------------*/

.portfolio-sort-menu {
    margin-bottom: 40px;
    margin-top: 15px;
}
.portfolio-sort-menu ul li {
    /*color: #888;*/
    color: #4f87c7;
    /*color: #fdd700;*/
    border: 1px solid #ececec;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    line-height: 32px;
    margin-right: 6px;
    padding: 0 17px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.portfolio-sort-menu ul li.active,
.portfolio-sort-menu ul li:hover {
    border-color: #e6bc85;
    color: #e6bc85;
}

.portfolio-sort-menu.home-10 ul li:hover {
    /*border-color: #9FCD9D;*/
    border-color: #4f87c7;
    /*color: #9FCD9D;*/
    color: #212359;
}

.portfolio-sort-menu.home-10 ul li.active {
    /*border-color: #9FCD9D;*/
    border-color: #fdd700;
    /*color: #9FCD9D;*/
    color: #212359;
    background-color: #fdd700;
}

.home-9 .portfolio-sort-menu ul li.active,
.home-9 .portfolio-sort-menu ul li:hover {
    border-color: #E8263A;
    background-color: #E8263A;
    color: #fff;
}
.home-12 .portfolio-sort-menu ul li.active,
.home-12 .portfolio-sort-menu ul li:hover {
    border-color: #BECA3B;
    background-color: #BECA3B;
    color: #fff;
}
.home-9 .portfolio-sort-menu ul li:hover {
    color: #fff;
}
.portfolio-sort-menu ul li:hover {
    color: #5d5d5d;
}
.portfolio-sort-menu-style-2,
.portfolio-sort-menu-style-3 {
    margin-bottom: 40px;
}
.portfolio-sort-menu-style-2 ul li,
.portfolio-sort-menu-style-3 ul li {
    /*color: #949494;*/
    color: #4f87c7;
    /*color: #fdd700;*/
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    padding-right: 26px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    line-height: 21px;
    font-family: 'Dosis', sans-serif;
}
.portfolio-sort-menu-style-3 ul li {
    color: #575757;
    font-family: "Oswald",sans-serif;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 3px;
}
.portfolio-sort-menu-style-2 ul li::after,
.portfolio-sort-menu-style-3 ul li:after {
    content: "|";
    position: absolute;
    right: 12px;
    top: -1px;
}
.portfolio-sort-menu-style-3 ul li:after {
    content: "/";
}
.portfolio-sort-menu-style-2 ul li:last-child::after,
.portfolio-sort-menu-style-3 ul li:last-child:after {
    content: "";
}
.portfolio-sort-menu-style-2 ul li:hover::after,
.portfolio-sort-menu-style-3 ul li:hover::after,
.portfolio-sort-menu-style-2 ul li.active::after,
.portfolio-sort-menu-style-3 ul li.active::after {
    color: #000;
}
.portfolio-sort-menu-style-2 ul li:hover,
.portfolio-sort-menu-style-3 ul li:hover,
.portfolio-sort-menu-style-2 ul li.active,
.portfolio-sort-menu-style-3 ul li.active {
    /*color: #444;*/
    color: #4f87c7;
    /*color: #fdd700;*/
}
.portfolio-sort-menu-style-4 ul li {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 11px;
    line-height: 37px;
    transition: all 0.4s ease 0s
}
.portfolio-sort-menu-style-4 ul li.active,
.portfolio-sort-menu-style-4 ul li:hover {
    background-color: #FFC94C;
    color: #fff;
}
.portfolio-sort-menu-style-4.darkblue ul li.active,
.portfolio-sort-menu-style-4.darkblue ul li:hover {
    background-color: #23C6EC;
}
.portfolio-sort-menu.darkblue ul li.active {
    border-color: #23C6EC;
}
.portfolio-sort-menu-style-4.red-color ul li.active,
.portfolio-sort-menu-style-4.red-color ul li:hover {
    background-color: #E8263A;
}
.portfolio-sort-menu.red-color ul li.active {
    border-color: #E8263A;
}
.portfolio-sort-menu-style-5 ul li {
    border-right: 1px solid #2ecc71;
    color: #444;
    display: inline-block;
    font-size: 12px;
    margin-left: -4px;
    padding: 7px 10px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    cursor: pointer;
}
.home-14 .portfolio-sort-menu-style-5 ul li {
    border-right: 1px solid #FFC94C;
}
.portfolio-sort-menu-style-5 ul li:last-child {
    border: none;
}
.portfolio-sort-menu-style-5 ul {
    border: 1px solid #2ecc71;
    display: inline-block;
    margin-bottom: 40px;
    margin-top: 20px;
}
.home-14 .portfolio-sort-menu-style-5 ul {
    border: 1px solid #FFC94C;
}
.portfolio-sort-menu-style-5 ul li.active, .portfolio-sort-menu-style-5 ul li:hover {
    background-color: #2ecc71;
    color: #fff;
}
.home-14 .portfolio-sort-menu-style-5 ul li.active, .home-14 .portfolio-sort-menu-style-5 ul li:hover {
    background-color: #FFC94C;
    color: #fff;
}

/*----------------------------------------*/
/*  6.2 portfolio-items
/*----------------------------------------*/

.portfolio-items {
    overflow: hidden; /* Ensures no overflow */
    /*gap: 10;*/
  }
.massonary .column {
    float: left;
    width: 33.33%;
}
.mfp-wrap {
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 99999999;
}
.portfolio-items .mix{
    display: none;
}
.single-portfolio-content {
    position: relative;
    overflow: hidden;
    height: 400px;
}
.portfolio-items .single-portfolio {
    position: relative;
    overflow: visible !important;
    border: 1px solid #ddd; /* Optional: border around portfolio items */
    border-radius: 2px; /* Optional: rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: shadow for effect */
    box-sizing: border-box;
}

  /* Mobile-specific adjustments */
  @media (max-width: 768px) {
    .portfolio-items .single-portfolio {
        border: 1px solid #ddd; /* Reapply border */
        box-sizing: border-box; /* Ensure consistency */
        overflow: visible !important    ; /* Prevent content from spilling */
    }
}
.portfolio-items.massonary .single-portfolio {
    width: 100%;
    height: 100%;
}
.single-portfolio.portfolio-style-7 {
    padding: 8px;
}

.single-portfolio.portfolio-style-2,
.single-portfolio.portfolio-style-3 {
    margin: 0 1% 1% 0;
    width: 30%;
}

.single-portfolio.portfolio-style-2-new {
    margin: 0 1% 1% 0;
    width: 18%;
    height: 13%;
}

@media (max-width: 767px) {
    .single-portfolio.portfolio-style-2,
    .single-portfolio.portfolio-style-3,
    .single-portfolio.portfolio-style-2-new {
        width: 100%; /* Set width to full on mobile */
        margin: 0 0 2% 0; /* Adjust margins for spacing */
        height: 10%;
        overflow: visible !important;
    }
}

/* For larger mobile screens (like tablets in portrait) */
/*
@media (max-width: 991px) {
    .single-portfolio.portfolio-style-2-new {
        width: 45%; 
        margin: 1%;
        overflow: visible;
    }
}*/

/* For mobile screens, display two items per row */
/*
@media (max-width: 767px) {
    .single-portfolio.portfolio-style-2-new {
        width: 45%; Two items per row 
        margin: 1%;
        overflow: visible;
    }
}*/


@media (max-width: 991px) {
    .single-portfolio.portfolio-style-2,
    .single-portfolio.portfolio-style-3,
    .single-portfolio.portfolio-style-2-new {
        width: 100%; /* Full width on tablets and mobiles */
        margin: 0 0 2% 0; /* Adjust margins for spacing */
        height: 10%;
        overflow: visible;
    }
}


.portfolio-img-new img {
    width: 100%;  /* Set to full width within the container */
    height: 100px; /* Set a fixed height */
    object-fit: cover; /* Ensure the image scales without distortion */
}

.portfolio-items-new {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Adds space between the images */
}

.single-portfolio-new {
    flex: 1 1 calc(16.66% - 10px); /* 6 items per row */
    max-width: calc(16.66% - 10px);
    box-sizing: border-box;
    margin-bottom: 20px;
}




.portfolio-items .single-portfolio.portfolio-style-6 {
    width: 100%;
    padding: 0px 7px;
}
.portfolio-items .single-portfolio.portfolio-style-4 {
    padding: 5px;
}
.single-portfolio .portfolio-inner-content {
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 15px;
    left: 15px;
    margin: auto;
    opacity: 0;
    padding: 0 30px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 15px;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    /*height: 400px;*/
}
.single-portfolio.portfolio-style-7 .portfolio-inner-content {
    background-color: rgba(143, 76, 200, 0.75);
    bottom: -40px;
    left: 0;
    margin: auto;
    opacity: 0;
    right: 0;
    top: 98%;
    visibility: visible;
    opacity: 1;
}
.single-portfolio.portfolio-style-7:nth-child(2) .single-portfolio-content .portfolio-inner-content {
    background-color: rgba(243, 100, 118, 0.75);
}
.single-portfolio.portfolio-style-7:nth-child(3) .single-portfolio-content .portfolio-inner-content {
    background-color: rgba(250, 112, 72, 0.75);
}
.single-portfolio.portfolio-style-7:nth-child(4) .single-portfolio-content .portfolio-inner-content {
    background-color: rgba(250, 213, 89, 0.75);
}
.single-portfolio.portfolio-style-7:nth-child(5) .single-portfolio-content .portfolio-inner-content {
    background-color: rgba(27, 168, 192, 0.75);
}
.single-portfolio.portfolio-style-7:nth-child(6) .single-portfolio-content .portfolio-inner-content {
    background-color: rgba(153, 199, 88, 0.75);
}
.single-portfolio.portfolio-style-7:nth-child(7) .single-portfolio-content .portfolio-inner-content {
    background-color: rgba(75, 135, 225, 0.75);
}
.single-portfolio.portfolio-style-7:nth-child(8) .single-portfolio-content .portfolio-inner-content {
    background-color: rgba(190, 46, 64, 0.75);
}
.single-portfolio.portfolio-style-7:nth-child(9) .single-portfolio-content .portfolio-inner-content {
    background-color: rgba(49, 59, 64, 0.75);
}
.single-portfolio.portfolio-style-7:nth-child(10) .single-portfolio-content .portfolio-inner-content {
    background-color: rgba(250, 213, 89, 0.75);
}
.single-portfolio.portfolio-style-7:hover .portfolio-inner-content {
    bottom: 0px;
    top: 0;
}
.single-portfolio.portfolio-style-2 .portfolio-inner-content,
.single-portfolio.portfolio-style-3 .portfolio-inner-content,
.single-portfolio.portfolio-style-6 .portfolio-inner-content,
.single-portfolio.portfolio-style-2-new .portfolio-inner-content {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
/*
.single-portfolio.portfolio-style-2-new .portfolio-inner-content {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: absolute; 
    display: flex; 
    align-items: center;
    justify-content: center;
}*/


.single-portfolio.portfolio-style-3 .portfolio-inner-content {
    background-color: rgba(100, 100, 100, 1);
}
.portfolio-style-6 .portfolio-title {
    background-color: #fff;
    padding-top: 20px;
    position: relative;
}
.portfolio-style-6 .portfolio-title::after {
    background-color: #fff;
    content: "";
    height: 15px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -7px;
    transform: rotate(45deg);
    width: 15px;
}
.single-portfolio.portfolio-style-2 .portfolio-title h4,
.single-portfolio.portfolio-style-3 .portfolio-title h4,
.single-portfolio.portfolio-style-6 .portfolio-title h4 {
    color: #eee;
    font-weight: 400;
    transform: translateY(0px);
    transition: none 0s ease 0s ;
}

.single-portfolio.portfolio-style-2-new .portfolio-title h4 {
    color: #eee;
    font-weight: 300;
    transform: translateY(0px);
    transition: none 0s ease 0s ;
}

.single-portfolio.portfolio-style-6 .portfolio-title h4 {
    color: #444;
    font-weight: 300;
    visibility: visible;
    opacity: 1;
    font-size: 15px;
}
.single-portfolio.portfolio-style-2 .portfolio-title p,
.single-portfolio.portfolio-style-3 .portfolio-title p,
.single-portfolio.portfolio-style-6 .portfolio-title p {
    color: #ddd;
    transform: translateY(0px);
    transition: none 0s ease 0s ;
}

.single-portfolio.portfolio-style-2-new .portfolio-title p {
    color: #ddd;
    transform: translateY(0px);
    transition: none 0s ease 0s ;
}

.single-portfolio.portfolio-style-6 .portfolio-title p {
    color: #777;
    visibility: visible;
    opacity: 1;
}
.single-portfolio.portfolio-style-2:hover .portfolio-details,
.single-portfolio.portfolio-style-2-new:hover .portfolio-details,
.single-portfolio.portfolio-style-4:hover .portfolio-details {
    transform: translateY(20px);
    transition: none 0s ease 0s ;
}
.single-portfolio.portfolio-style-6:hover .portfolio-details {
    transform: translateY(0px);
    transition: none .4s ease 0s ;
}
.single-portfolio.portfolio-style-3:hover .portfolio-details {
    transform: translateY(0px);
    transition: all 400ms ease 0s ;
}
.single-portfolio.portfolio-style-2 .portfolio-details a,
.single-portfolio.portfolio-style-2-new .portfolio-details a,
.single-portfolio.portfolio-style-3 .portfolio-details a {
    background-color: #ddd;
    border-color: #ddd;
}
.single-portfolio.portfolio-style-6 .portfolio-details a {
    background-color: #444;
    border-color: #444;
    color: #fff;
}
.single-portfolio.portfolio-style-2 .portfolio-details a:hover,
.single-portfolio.portfolio-style-2-new .portfolio-details a:hover,
.single-portfolio.portfolio-style-3 .portfolio-details a:hover,
.single-portfolio.portfolio-style-6 .portfolio-details a:hover {
    background-color: #fff;
    color: #444;
}
.single-portfolio.portfolio-style-3 .portfolio-img {
    transform: rotateY(0deg);
    transition: all 500ms ease 0s;
}
.single-portfolio.portfolio-style-6:hover .portfolio-img,
.single-portfolio.portfolio-style-7:hover .portfolio-img
{
    transform: scale(1.3);
    transition: all 500ms ease 0s;
}

.overlay-text h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff !important; /* Ensures white text */
    font-size: 2rem;  /* Adjust the font size as needed */
    text-align: center;
    font-weight: bold;
    /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); Optional: for better visibility */
}


.portfolio-style-3 .portfolio-inner-content {
    transform: rotateY(180deg);
    transition: all 500ms ease 0s;
}
.portfolio-content {
    position: relative;
    overflow: hidden;
}
.single-portfolio.portfolio-style-4 .portfolio-inner-content {
    background-color: rgba(0, 0, 0, 0.2);
    bottom: 0;
    left: 0;
    padding: 0px;
    right: 0;
    top: 0;
    transition: all 0.4s ease 0s;
}
.single-portfolio.portfolio-style-3:hover .portfolio-img {
    transform: rotateY(180deg);
}
.portfolio-style-3:hover .portfolio-inner-content {
    transform: rotateY(0deg);
}
.single-portfolio.portfolio-style-3 .portfolio-title h4 {
    transform: translateY(40px);
    transition: all 0.4s ease 200ms;
}
.single-portfolio.portfolio-style-3 .portfolio-title p {
    transform: translateY(40px);
    transition: all 0.4s ease 200ms;
}
.single-portfolio.portfolio-style-3:hover .portfolio-title h4 {
    transform: translateY(0px);
}
.single-portfolio.portfolio-style-3:hover .portfolio-title p {
    transform: translateY(0px);
}
.portfolio-style-4 .portfolio-inner-content::after {
    border-top: 1px solid #fff;
    content: "";
    left: 20px;
    top: 40px;
    border-bottom: 1px solid #fff;
    right: 20px;
    bottom: 40px;
    position: absolute;
    transition: all 0.4s ease 0s;
    transform-origin: 0 0 0;
    transform: scale(0, 1);
}
.portfolio-style-4 .portfolio-inner-content::before {
    border-left: 1px solid #fff;
    content: "";
    left: 40px;
    top: 20px;
    border-right: 1px solid #fff;
    right: 40px;
    bottom: 20px;
    position: absolute;
    transition: all 0.4s ease 0s;
    transform-origin: 0 0 0;
    transform: scale(1, 0);
}
.portfolio-style-4:hover .portfolio-inner-content:after {
    transform: scale(1, 1);
}
.portfolio-style-4:hover .portfolio-inner-content:before {
    transform: scale(1, 1);
}
.portfolio-info-table {
    display: table;
    width: 100%;
    height: 100%;
}
.porfolio-info-cell {
    display: table-cell;
    vertical-align: middle;
}
.portfolio-details {
    margin-bottom: 10px;
    transition: all 0.4s ease 400ms;
    transform: translateY(-50px);
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
.portfolio-style-7 .portfolio-details {
    transform: translateY(100px);
}
.portfolio-style-7 .portfolio-details a,
.portfolio-style-7 .portfolio-details a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #444;
}
.portfolio-details a {
    border: 1px solid #444;
    border-radius: 50%;
    color: #444;
    display: inline-block;
    font-size: 14px;
    height: 3em;
    line-height: 3em;
    margin: 0 2px;
    transition: all 0.4s ease 0s;
    width: 3em;
}
.portfolio-details a:hover {
    background-color: #444;
    color: #fff;
}
.portfolio-title h4 {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 0;
    text-transform: uppercase;
    transform: translateY(40px);
    transition: all 0.4s ease 200ms;
    visibility: hidden;
    opacity: 0;
}
.portfolio-style-7 .portfolio-title {
    padding: 15px 0px 20px 15px
}
.portfolio-style-7 .portfolio-title h4,
.portfolio-style-7 .portfolio-title p {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
    font-weight: 300;
}
.portfolio-title p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 3px;
    text-transform: capitalize;
    transform: translateY(40px);
    transition: all 0.4s ease 350ms;
    visibility: hidden;
    opacity: 0;
}
.single-portfolio:hover .portfolio-inner-content {
    visibility: visible;
    opacity: 1;
}
.single-portfolio:hover .portfolio-details {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}
.single-portfolio:hover .portfolio-title h4 {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}
.single-portfolio:hover .portfolio-title p {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}
.portfolio-style-4 .portfolio-details a {
    color: #fff;
    border-color: #fff;
}
.portfolio-style-4 .portfolio-details a:hover {
    background-color: #fff;
    color: #444;
}
.portfolio-title-style-2 h4 {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 5px;
    margin-top: 15px;
}
.portfolio-title-style-2 p {
    margin-bottom: 5px;
    font-size: 12px;
    opacity: 0.7;
}
.portfolio-area.home-7 .owl-buttons,
.blog-area.home-7 .owl-buttons {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
}
.portfolio-area.home-7 .section-heading p {
    margin-bottom: 0px;
}
.portfolio-items.home-7,
.portfolio-items.blog-items {
    padding-top: 60px;
}
.portfolio-area.home-7 .owl-theme .owl-controls .owl-buttons div,
.blog-area.home-7 .owl-theme .owl-controls .owl-buttons div {
    background-color: transparent;
    color: #444;
    font-size: 18px;
    opacity: 1;
    margin: 5px 3px;
}
.portfolio-area.home-7 .owl-theme .owl-controls .owl-page span,
.blog-area.home-7 .owl-theme .owl-controls .owl-page span {
    height: 10px;
    width: 10px;
}
.show-more button {
    background-color: #fff;
    border: 1px solid #dedede;
    color: #7e7b7b;
    font-size: 12px;
    line-height: 36px;
    margin-top: 40px;
    padding: 0 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.show-more button:hover {
    color: #999;
}

/*----------------------------------------*/
/*  7.  counter
/*----------------------------------------*/

.counter-area {
    background-image: url(img/counter/counter-bg.jpg);
    padding: 100px 0px;
}
.counter-area.home-5 {
    background-image: url(img/counter/counter-bg-02.jpg);
    padding: 100px 0px;
}
.counter-area.home-6 {
    background-image: url(img/counter/counter-bg-03.jpg);
}
.counter-area.home-7 {
    background-image: none;
    background-color: #fcfcfc;
}
.counter-area.home-9 {
    background-image: url(img/counter/counter-bg-04.png);
}
.counter-area.home-12 {
    background-image: none;
}
.counterup-area.home-12 {
    background-image: url(img/counter/counter-bg.jpg);
}
.counter-area.home-14 {
    background-image: url(img/counter/counter-bg-04.jpg);
}
.counter-area.home-18 {
    background-image: none;
    padding: 150px 0px;
}
.counter-area.home-10 {
    padding: 175px 0px;
}
.counter-area.home-3 {
    padding: 150px 0px;
}
.single-counter .icon {
    position: absolute;
}
.single-counter .icon i {
    color: #fff;
    font-size: 36px;
}
.home-7 .single-counter .icon i {
    color: #999;
}
.home-5 .single-counter .icon i {
    font-size: 56px;
}
.single-counter .icon-info {
    padding-left: 60px;
}
.home-5 .single-counter .icon-info {
    padding-left: 80px;
}
.icon-info h1 {
    color: #fff;
    font-size: 36px;
    margin-bottom: 5px;
    letter-spacing: 1px;
}
.single-counter-style-3 {
    border: 5px solid #797979;
    padding: 30px 0px;
}
.single-counter-style-3 .icon-info h1 {
    font-size: 56px;
}
.home-7 .icon-info h1 {
    color: #444;
}
.home-5 .icon-info h1 {
    font-size: 56px;
}
.icon-info h4 {
    color: #ddd;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 16px;
}
.single-counter-style-3 .icon-info h4 {
    font-size: 18px;
}
.home-5 .icon-info h4 {
    font-size: 18px;
}
.home-7 .icon-info h4,
.home-9 .icon-info h4 {
    color: #999;
}
.home-9 .icon-info h4 {
    text-transform: capitalize;
}
.single-counter-style-2 i {
    color: #fff;
    font-size: 56px;
}
.single-counter-style-2 h1 {
    font-size: 55px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.home-9 .single-counter-style-2 h1 {
    color: #444;
}
.single-counter-1,
.single-counter-2,
.single-counter-3,
.single-counter-4,
.single-counter-5,
.single-counter-6,
.single-counter-7,
.single-counter-8 {
    float: left;
    width: 25%;
}
.home-10 .icon-info h1 {
    font-size: 42px;
}
.home-10 .icon-info h4 {
    font-size: 14px;
}
.home-10 .single-counter .icon {
    top: 10px;
}
.svg-container {
    position: relative;
}
.svg-container span {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}
.home-18 .single-counter .counter {
    font-size: 80px;
}
.single-counter .counter.purple {
    color: #ed3471;
}
.single-counter .counter.green {
    color: #8DD66E;
}
.single-counter .counter.orange {
    color: #FF8B6C;
}
.single-counter .counter.blue {
    color: #1BB8EC;
}
.home-18 .icon-info h4 {
    /*color: #666;*/
    color: #212359;
    font-size: 18px;
}

/*----------------------------------------*/
/*  8.  team
/*----------------------------------------*/

.team-area {
    background-image: url(img/team/team-bg.jpg);
}
.team-area.home-2,
.team-area.home-6,
.team-area.home-7,
.team-area.home-9,
.team-area.home-10,
.team-area.home-11,
.team-area.home-12 {
    background-image: none;
}
.team-area.home-7 {
    background-color: #f5f5f5;
}
.team-area.home-9 {
    background-color: #fcfcfc;
}
.team-area.home-2,
.team-area.home-10 {
    background-color: #f9f9f9;
}
.team-area.home-11 {
    background-color: #fff;
}
.team-area.home-12 {
    background-color: #f9f9f9;
}
.team-area.white-bg {
    background-color: #fff;
    background-image: none;
    padding-bottom: 100px;
}
.team-area .section-heading {
    padding-bottom: 55px;
}
.team-area .section-heading-style-2 {
    margin-bottom: 50px;
}
.single-team {
    border: 1px solid #eee;
    transition: all 0.4s ease 0s;
    background-color: #fff;
    position: relative;
}
.single-team.team-style-2.home-17 {
    border-color: transparent;
}
.single-team.home-17 {
    margin-top: 60px;
}
.single-team.team-style-2,
.single-team.team-style-6 {
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.single-team.team-style-3.team-style-5 {
    padding: 35px;
}
.single-team.team-style-2:hover,
.single-team.team-style-6:hover {
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.single-team.team-style-2:hover {
    border-color: transparent;
}
.single-team:hover {
    border: 1px solid #000;
}
.team-style-2 .team-img {
    position: relative;
}
.team-style-2 .team-img::after {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    opacity: 0;
}
.team-style-2:hover .team-img:after {
    visibility: visible;
    opacity: 1;
}
.single-team .team-info {
    padding: 30px;
}
.home-9 .single-team .team-info {
    padding: 30px;
}
.team-info h4 {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 6px;
    text-transform: uppercase;
}
.single-team .team-info h5 {
    font-size: 13px;
    margin-bottom: 15px;
    opacity: 0.5;
    text-transform: uppercase;
}
.home-9 .single-team .team-info h5 {
    margin-bottom: 10px;
}
.team-info p {
    margin-bottom: 0;
}
.single-team .team-social {
    padding: 0 30px 30px;
}
.single-team.team-style-6 .team-social {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    transform: translateY(-40px);
    transition: all 0.4s ease 0s;
    opacity: 0;
    visibility: hidden;
}
.single-team.team-style-6:hover .team-social {
    visibility: visible;
    opacity: 1;
}
.team-social a {
    color: #000;
    font-size: 16px;
    margin-right: 16px;
}
.team-style-6 .team-social a {
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    margin: 0 -1px;
}
.team-style-6 .team-social a:hover {
    background-color: #fff;
}
.team-social a i {
    transition: all 0.4s ease 0s;
}
.team-social a:hover i.fa-facebook,
.team-style-3 .team-social a i.fa-facebook,
.team-style-3.team-style-5 .team-social a:hover i.fa-facebook {
    color: #3b5998;
}
.team-social a:hover i.fa-twitter,
.team-style-3 .team-social a i.fa-twitter,
.team-style-3.team-style-5 .team-social a:hover i.fa-twitter {
    color: #00aced;
}
.team-social a:hover i.fa-google-plus,
.team-style-3 .team-social a i.fa-google-plus,
.team-style-3.team-style-5 .team-social a:hover i.fa-google-plus {
    color: #dd4b39;
}
.team-style-3.team-style-5 .team-social a i {
    color: #333;
}
.team-social a:hover i.fa-pinterest {
    color: #c8473b;
}
.team-style-2 .team-social a:hover i.fa-facebook {
    background-color: #3b5998;
    color: #fff;
}
.team-style-2 .team-social a:hover i.fa-twitter {
    background-color: #00aced;
    color: #fff;
}
.team-style-2 .team-social a:hover i.fa-google-plus {
    background-color: #dd4b39;
    color: #fff;
}
.team-style-2 .team-info h4 {
    font-weight: 300;
    letter-spacing: normal;
    text-transform: capitalize;
}
.team-style-2 .team-info p {
    color: #333;
}
.single-team.team-style-2 .team-social {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 32%;
}
.team-style-2 .team-social a {
    margin-right: 5px;
}
.team-style-2:hover .team-social a i {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.team-style-2 .team-social a:nth-child(1) i {
    transition-delay: .1s;
}
.team-style-2 .team-social a:nth-child(2) i {
    transition-delay: .2s;
}
.team-style-2 .team-social a:nth-child(3) i {
    transition-delay: .3s;
}
.team-style-2 .team-social a i {
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease 0s;
    transform: scale(0);
}
.team-style-3 {
    background-color: #fff;
    min-height: 278px;
    border: 0px solid transparent;
    margin-bottom: 30px;
}
.home-11 .team-style-3 {
    background-color: #fbfbfb;
}
.team-style-3:hover,
.team-style-4,
.team-style-4:hover {
    border: 0px solid transparent;
}
.team-style-3 .team-img {
    width: 50%;
}
.team-style-3 .team-info {
    width: 50%;
}
.team-style-3.team-style-5 .team-img {
    width: 20%;
    line-height: 205px;
}
.home-9 .team-style-3.team-style-5 .team-img {
    width: 40%;
    margin: auto;
    line-height: normal;
    margin-bottom: 7px;
}
.team-style-3.team-style-5 .team-info {
    width: 80%;
}
.home-9 .team-style-3.team-style-5 .team-info {
    width: 100%;
    padding: 5px;
}
.team-style-3.team-style-5 .team-info h4 {
    font-family: 'Dosis', sans-serif;
}
.single-team.team-style-3 .team-social {
    padding: 20px 0px 0px;
}
.team-style-3 h4 {
    font-family: "Oswald",sans-serif;
    text-transform: capitalize;
    font-weight: 300;
}
.team-area.home-4 {
    background-color: #1abc9c;
    background-image: none;
    padding-top: 150px;
}
.team-area.home-4 .section-heading-style-4 h1 {
    color: #fff;
}
.single-team-content {
    padding: 0 70px;
    min-height: 130px;
}
.single-team-content h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 10px;
    line-height: 18px;
    margin-bottom: 25px;
}
.single-team-content h3 span {
    font-weight: 400;
}
.single-team-content p {
    color: #fff;
    font-weight: 400;
}
.team-tab-bar li {
    display: inline-block;
    opacity: 0.60;
    transition: all 0.4s ease 0s;
}
.team-tab-bar li.active {
    opacity: 1;
}
.single-team.team-style-4 {
    padding-top: 10px;
}
.team-inner-content {
    background-color: #fff;
    bottom: 15px;
    left: 15px;
    position: absolute;
    right: 15px;
}
.team-inner-content .team-info {
    padding: 15px;
}
.team-inner-content .team-info h3 {
    color: #000;
    font-size: 18px;
    letter-spacing: 0;
    margin-bottom: 0;
    text-transform: capitalize;
}
.team-inner-content .team-info h3 span {
    font-size: 14px;
    opacity: 0.5;
}
.single-team.team-style-4 .team-social {
    background-color: #00b7f1;
    padding: 10px;
}
.team-style-4 .team-social a {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 29px;
    margin: 0 5px;
    width: 30px;
}
.team-style-4 .team-social a:hover {
    background-color: #fff;
}
.team-style-4 .team-social a:hover i.fa-facebook,
.team-style-4 .team-social a:hover i.fa-twitter,
.team-style-4 .team-social a:hover i.fa-linkedin {
    color: #000;
}
.single-team.team-style-4:hover .team-info {
    padding-bottom: 30px;
}
.single-team.team-style-4 .team-info {
    transition: all 0.4s ease 0s;
}
.single-member img {
    border-radius: 8px 0 8px 8px;
}
.member-img {
    margin-right: 50px;
    position: relative;
}
.member-img:after {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 8px 0 8px 8px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.single-member:hover .member-img::after {
    background-color: rgba(0, 0, 0, 0.3);
}
.member-info {
    bottom: 0;
    left: 25px;
    padding-bottom: 20px;
    position: absolute;
}
.member-info > h4 {
    color: #fff;
}
.member-info > p {
    color: #ddd;
}
.member-icon {
    background-color: #BECA3B;
    border-radius: 0 8px;
    padding-top: 20px;
    position: absolute;
    right: 15px;
    top: 0;
    width: 50px;
}
.page .member-icon,
.page .member-icon:after,
.page .member-icon > a {
    background-color: #E6BC85;
}
.member-icon:after {
    background-color: #BECA3B;
    border-radius: 0 0 80px;
    bottom: -50px;
    content: "";
    height: 50px;
    position: absolute;
    left: 0;
    width: 50px;
}
.member-icon > a {
    background-color: #BECA3B;
    color: #fff;
    display: block;
    font-size: 18px;
    padding: 20px;
    text-align: center;
}

/*----------------------------------------*/
/*  9.  mobile-section
/*----------------------------------------*/

.mobile-section-area {
    background-image: url(img/mobile-section/mobile-section-bg.jpg);
    padding-top: 145px;
    padding-bottom: 120px;
}
.mobile-section-area.home-10 {
    background-image: url(img/mobile-section/mobile-section-bg-2.jpg);
    padding: 150px 0px;
}
.mobile-section-area.home-6 {
    background-color: #212359;
    background-image: none;
}
.mobile-section-sidebar {
    padding-top: 70px;
}
.mobile-lists {
    padding-right: 30px;
}
.col-md-4:nth-child(3) .mobile-lists {
    padding-left: 30px;
    padding-right: 0;
}
.single-mobile-list {
    position: relative;
}
.single-mobile-list.right .mobile-list-content {
    text-align: right;
}
.mobile-list-content {
    padding-bottom: 30px;
    padding-left: 75px;
}
.single-mobile-list.right .mobile-list-content {
    padding-bottom: 30px;
    padding-right: 75px;
    padding-left: 0px;
}
.single-mobile-list.right .mobile-list-icon {
    left: auto;
    right: 0;
}
.mobile-list-icon {
    background-color: #e6bc85;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
}
.mobile-list-icon-border {
    position: relative;
}
.mobile-list-icon-border::after {
    border-left: 1px dashed #e6bc85;
    content: "";
    height: 90px;
    left: 50%;
    position: absolute;
    top: 100%;
    width: 1px;
    margin-top: 3px;
    margin-left: -1px;
}
.mobile-list-content h3 {
    color: #fff;
    font-size: 19px;
    font-weight: 300;
    margin-top: 3px;
}
.mobile-list-content p {
    color: #cfcfcf;
    margin-bottom: 0;
}
.home-6 .mobile-section-sidebar {
    padding-top: 0px;
}
.mobile-section-area.home-6 .section-heading-style-3.darkblue h1,
.mobile-section-area.home-6 .section-heading-style-3.darkblue p {
    color: #fff;
}
.home-6 .mobile-list-icon i {
    font-size: 46px;
}
.home-6 .mobile-list-icon {
    background-color: transparent;
}
.mobile-style-2 .mobile-list-content h3 {
    color: #444;
}
.mobile-style-2 .mobile-list-content p {
    color: #999;
}
.mobile-style-2 .mobile-list-icon {
    background-color: #212359;
    border-radius: 0;
}
.mobile-style-2 .mobile-list-icon-border::after {
    visibility: hidden;
}
.mobile-style-2.molile-section-slider {
    padding-top: 80px;
}
.know-btn a {
    background-color: #000;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    padding: 4px 18px;
}
.know-btn a:hover {
    background-color: #212359;
}
.home-15 .mobile-list-content {
    padding-left: 100px;
}
.home-15 .mobile-list-icon i {
    font-size: 24px;
}
.home-15 .mobile-list-icon .icon {
    background-color: #4f4f4f;
    box-shadow: 4px 4px #3a3a3a;
    height: 70px;
    line-height: 75px;
    width: 70px;
}

/*----------------------------------------*/
/*  10.  mobile-caoursel
/*----------------------------------------*/

.mobile-main-section {
    padding: 0 10px;
}
.mobile-main {
    position: relative;
}
.molile-section-slider {
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 282px;
    padding-top: 100px;
    position: absolute;
    right: 0;
    top: 0;
}
.mobile-style-3.molile-section-slider {
    max-width: 266px;
    padding-top: 48px;
}
.mobile-style-3 .mobile-list-icon-border {
    font-size: 33px;
}
.mobile-style-3 .mobile-list-icon-border::after {
    border: medium none;
}
.mobile-style-3 .mobile-list-icon {
    background-color: transparent;
    margin-top: -10px;
}
.mobile-single-slider img {
    width: 100%;
}
.mobile-single-slider {
    position: relative;
}
.mobile-single-slider::after {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.25s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 0;
}
.mobile-single-slider:hover::after {
    opacity: 1;
    visibility: visible;
}
.zoom-mobile-slider a {
    background-color: rgba(255, 255, 255, 0.31);
    border-radius: 50%;
    bottom: 0;
    color: #fff;
    height: 46px;
    left: 0;
    line-height: 46px;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: translateY(20px);
    transition: all 0.4s ease 0s;
    visibility: hidden;
    width: 46px;
    z-index: 1;
}
.mobile-single-slider:hover .zoom-mobile-slider a {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}

.mobile-menu-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 10%;
    z-index: 1000; /* Ensures it stays above other content */
    background-color: #ffffff; /* Set background color if needed */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow for better visibility */
}

/*----------------------------------------*/
/*  11.  price-table
/*----------------------------------------*/

.price-table.home-10 {
    background-image: url(img/price/bg.png);
}
.single-price-table {
    margin-top: 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.home-13 .price-table-style-3 {
    width: 33.33%;
}
.price-table-style-2.price-most-popular::after,
.price-table-style-3.price-most-popular::after {
    background-color: #999999;
    border: 2px solid #808080;
    color: #eee;
    content: "MOST POPULAR";
    font-size: 11px;
    padding: 0 55px;
    position: absolute;
    right: -60px;
    top: 24px;
    transform: rotate(50deg);
}
.home-10 .price-table-style-3.price-most-popular::after {
    background-color: #9fcd9d;
    border: 2px solid #88c185;
    right: auto;
    left: -60px;
    transform: rotate(-50deg);
}
.single-price-table.price-table-style-2.price-most-popular {
    margin-top: 0;
}
.single-price-table.price-most-popular .price-features ul li .dotted-style {
    margin-top: 20px;
}
.single-price-table .price-title h2 {
    background-color: #000;
    color: #fff;
    font-size: 20px;
    padding: 20px 0;
    margin-bottom: 0;
    text-transform: uppercase;
}
.single-price-table .price-box h1 {
    color: #000;
    font-family: "Roboto Condensed";
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 0;
}
.single-price-table .price-box span {
    border-left: 1px solid #333;
    font-size: 14px;
    font-weight: 400;
    opacity: 0.7;
    padding-left: 7px;
    vertical-align: 6px;
}
.single-price-table .price-box span.dolar {
    border: 0 none;
    font-size: 24px;
    vertical-align: 3px;
}
.single-price-table .price-box {
    background-color: #eee;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 20px 0;
}
.single-price-table .price-features ul {
    background-color: #eee;
}
.single-price-table .price-features ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 15px 10px;
}
.single-price-table .price-features ul li .dotted-style {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    display: inline-block;
    margin-bottom: -3px;
    padding-bottom: 2px;
}
.single-price-table .price-features ul li span {
    font-weight: 700;
}
.single-price-table .price-sign-up {
    background-color: #eee;
    padding: 30px 25px;
}
.single-price-table .price-sign-up a,
.home-12 .single-price-table.price-table-style-4 .price-sign-up a {
    background-color: #000;
    border-radius: 2px;
    color: #fff;
    display: block;
    letter-spacing: 2px;
    padding: 10px 0;
    text-transform: uppercase;
}
.single-price-table .price-sign-up a:hover,
.home-12 .single-price-table.price-table-style-4 .price-sign-up a:hover {
    background-color: #444444;
    color: #fff;
}
.home-13 .single-price-table .price-sign-up a {
    background-color: #1ABC9C;
}
.home-13 .single-price-table .price-sign-up a:hover {
    background-color: #18A589;
}
.tooltip {
    font-size: 10px;
    line-height: 10px;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #444;
    border-width: 10px 5px 0;
    bottom: -5px;
}
.tooltip-inner {
    background-color: #444;
    border-radius: 0;
    padding: 10px 15px;
}
.price-table-style-3 {
    width: 25%;
    float: left;
    margin-top: 80px;
}
.price-table-style-3.price-most-popular {
    margin-top: 50px;
}
.price-table-style-3.price-most-popular .price-features ul li .dotted-style {
    margin-top: 0px;
}
.price-table-style-3 .price-title h2 {
    background-color: transparent;
    color: #000;
    font-weight: 300;
}
.price-table-style-3 {
    background-color: #eee;
    transition: all 0.4s ease 0s;
}
.price-table-style-3:hover {
    margin-top: 70px;
}
.price-table-style-3.price-most-popular:hover {
    margin-top: 40px;
}
.price-table-style-3 i {
    background-color: #e7e7e7;
    border-radius: 50%;
    font-size: 60px;
    height: 100px;
    line-height: 100px;
    width: 100px;
}
.home-10 .price-table-style-3 i {
    color: #9fcd9d;
}
.price-table-icon {
    padding-top: 35px;
}
.price-table-style-3.price-most-popular .price-table-icon {
    padding-top: 65px;
}
.price-table-style-3.odd {
    background-color: #f5f5f5;
}
.price-table-style-3 .price-box {
    background-color: transparent;
    border-bottom: 1px dotted rgba(221, 221, 221, 0.5);
}
.price-table-style-3 .price-box span {
    display: block;
    border: none;
}
.price-table-style-3 .price-features ul {
    background-color: transparent;
}
.price-table-style-3 .price-features ul li {
    border-bottom: 1px dotted rgba(221, 221, 221, 0.4);
    padding: 7px 10px;
    font-family: "Roboto Condensed";
}
.price-table-style-3 .price-sign-up {
    background-color: transparent;
}
.single-price-table.price-table-style-4 {
    width: 25%;
    float: left;
    border: 1px solid #eee;
}
.single-price-table.price-table-style-4.special {
    border-top: 4px solid #1ABC9C;
    margin-top: 0;
}
.home-11 .single-price-table.price-table-style-4 {
    border-top: 4px solid #000;
    margin-top: 105px;
}
.home-11 .single-price-table.price-table-style-4.special {
    margin-top: 68px;
}
.home-11 .single-price-table.price-table-style-4.special:after {
    position: absolute;
    content: "popular";
    color: #fff;
    background-color: #f00;
    top: 10px;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    width: 60px;
    border-radius: 5px;
    padding: 3px 0px;
}
.single-price-table.price-table-style-4 .price-box {
    background-color: transparent;
    border-bottom-color: #eee;
    padding: 50px 0;
}
.single-price-table.price-table-style-4 .price-box h2 {
    /*color: #666;*/
    color: #212359;
    font-size: 20px;
}
.single-price-table.price-table-style-4 .price-box h1 {
    /*color: #666;*/
    color: #212359;
}
.home-12 .single-price-table.price-table-style-4 .price-box h1 {
    color: #000;
}
.single-price-table.price-table-style-4 .price-features ul {
    background-color: transparent;
    padding: 20px 0;
}
.single-price-table.price-table-style-4.special .price-features ul {
    padding-bottom: 57px;
}
.single-price-table.price-table-style-4 .price-features ul li {
    border-bottom: 0 none;
    padding: 10px;
}
.single-price-table.price-table-style-4 .price-sign-up {
    background-color: transparent;
    border-top: 1px solid #eee;
}
.single-price-table.price-table-style-4 .price-sign-up a {
    background-color: transparent;
    color: #1abc9c;
    transition: all 0.4s ease 0s;
}
.single-price-table.price-table-style-4 .price-sign-up a:hover {
    color: #149077;
}
.home-10 .single-price-table .price-sign-up a {
    background-color: #9fcd9d;
}
.home-10 .single-price-table .price-sign-up a:hover {
    background-color: #add4ac;
}
.home-11 .single-price-table.price-table-style-4 .price-sign-up a {
    background-color: #000;
    color: #fff;
}
.home-11 .single-price-table.price-table-style-4 .price-sign-up a:hover {
    background-color: #444;
}
.home-10 .price-table-style-3 {
    background-color: #fff;
    opacity: 0.7;
}
.home-10 .price-table-style-3 .price-features ul li {
    border-bottom-color: transparent;
}
.single-price-table.price-table-style-4.odd {
    background-color: #f5f5f5;
}
.single-price-table.price-table-style-4.even {
    background-color: #eee;
}
.home-12 .single-price-table.price-table-style-4 {
    border-top: 4px solid #000;
    margin-top: 77px;
}
.home-12 .single-price-table.price-table-style-4.special {
    margin-top: 40px;
}
.home-12 .single-price-table.price-table-style-4.special::after {
    background-color: #999;
    border-radius: 10px;
    color: #fff;
    content: "MOST POPULAR";
    font-size: 11px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 15px;
    width: 100px;
}
.tr-icon {
    font-size: 110px;
    left: 0;
    margin: auto;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 40px;
    color: #aaa;
}
.price-table-style-5 {
    background-color: #9fcd9d;
    padding: 48px 32px;
}
.price-table-style-5.white-bg {
    background-color: #fff;
}
.price-table-style-5 p.user {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.price-table-style-5.white-bg p.user {
    color: #000;
}
.price-table-style-5 .price {
    color: #fff;
    display: inline-block;
    font-size: 72px;
    font-weight: 400;
    line-height: 60px;
}
.price-table-style-5.white-bg .price {
    color: #000;
}
.price-table-style-5 .period {
    color: #fff;
    margin-top: 20px;
}
.price-table-style-5.white-bg .period {
    color: #000;
}
.price-table-style-5 a {
    background-color: #9fcd9d;
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    margin: 20px 0;
    padding: 12px 30px;
    text-transform: uppercase;
}
.price-table-style-5.white-bg a {
    border: 2px solid transparent;
}
.price-table-style-5.white-bg a:hover {
    background-color: #8FC58D;
}
.price-table-style-5.white-bg p {
    color: #000;
}
.price-table-style-5 p {
    color: #fff;
}

/*----------------------------------------*/
/*  12.  twitter-caoursel
/*----------------------------------------*/

.twitter-slider {
    background-image: url(img/twitter/twitter-bg.jpg);
}
.twitter-slider.home-3 {
    background-color: #1ABC9C;
    background-image: none;
}
.twitter-slider-content {
    padding: 0 90px;
}
.twitter-slider-content h3 {
    color: #ddd;
    font-size: 19px;
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 15px;
}
.twitter-slider-content h3 a {
    display: inline-block;
}
.twitter-slider-content a {
    color: #dbaf76;
    font-size: 22px;
    line-height: 30px;
}
.home-3 .twitter-slider-content a {
    color: #fff;
}
.home-10 .twitter-slider-content a {
    color: #9FCD9D;
}
.home-12 .twitter-slider-content a {
    color: #cbd463;
}
.twitter-slider-content .twitter-time a {
    font-size: 16px;
}
.twitter-slider .owl-controls .owl-next {
    position: absolute;
    right: 120px;
    top: 35%;
}
.twitter-slider .owl-controls .owl-prev {
    left: 120px;
    position: absolute;
    top: 35%;
}
.twitter-slider .owl-theme .owl-controls .owl-buttons div {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    font-size: 30px;
    height: 50px;
    line-height: 35px;
    opacity: 0;
    transition: all 0.5s ease 0s;
    width: 50px;
    visibility: hidden;
}
.twitter-slider .owl-theme .owl-controls .owl-page span {
    background-color: #fff;
    height: 6px;
    margin: 5px;
    width: 6px;
    opacity: 1;
}
.twitter-slider .owl-theme .owl-controls .owl-page.active span,
.twitter-slider .owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 0.5;
}
.twitter-slider:hover .owl-controls .owl-next {
    right: 0;
}
.twitter-slider:hover .owl-controls .owl-prev {
    left: 0;
}
.twitter-slider:hover .owl-theme .owl-controls .owl-buttons div {
    opacity: 1;
    visibility: visible;
}

/*----------------------------------------*/
/*  13.  blog
/*----------------------------------------*/

.blog-area {
    overflow: hidden;
}
.blog-area.home-6,
.blog-area.home-12 {
    background-color: #f8f8f8;
}
.blog-area.home-16 {
    background-color: #f5f5f5;
}
.blog-area.home-18 {
    background-color: #fff;
}
.blog-area .single-blog {
    float: left;
    width: 25%;
    position: relative;
}
.blog-area .single-blog .blog-img::after {
    background-color: #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 99;
}
.blog-area .single-blog .blog-img {
    position: relative;
}
.blog-area .single-blog:hover .blog-img::after {
    opacity: 0.2;
}
.blog-post-content {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.8) 100%) repeat scroll 0 0;
    bottom: 0;
    padding: 40px 30px;
    position: absolute;
    width: 100%;
    z-index: 99;
}
.blog-post-content .post-title a {
    color: #fff;
    font-size: 20px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.blog-post-content .post-date,
.blog-post-content .post-date a {
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    opacity: 0.7;
    text-transform: uppercase;
}
.blog-post-content .post-date a {
    margin-left: 8px;
    opacity: 1;
    padding-left: 8px;
    position: relative;
}
.blog-post-content .post-date a:hover {
    text-decoration: underline;
    /*color: #ffc00c;*/
    color: #fdd700;
}
.blog-post-content .post-date a::before {
    background-color: #ddd;
    bottom: 2px;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    width: 1px;
}
.portfolio-style-5 {
    float: left;
    padding: 5px;
    width: 33.33%;
}
.home-7 .blog-items .portfolio-style-5 {
    width: 100%;
    padding: 0px 7px;
}
.portfolio-style-5:hover .portfolio-inner-content {
    visibility: visible;
    transform: translateY(0px);
}
.home-9 .portfolio-style-5:hover .portfolio-inner-content {
    height: 100%;
}
.home-9 .portfolio-style-5 .portfolio-inner-content {
    height: 0%;
}
.portfolio-style-5 .portfolio-inner-content {
    background-color: #333;
    bottom: 0;
    position: absolute;
    text-align: center;
    transition: all 0.25s cubic-bezier(0, 0, 0, 1) 0s;
    width: 100%;
    visibility: hidden;
    transform: translateY(60px);

}
.home-6 .portfolio-style-5 .portfolio-inner-content {
    height: 100%;
    transform: translateY(0);
    background-color: rgba(0 ,0 ,0 ,0.8);
}
.home-6 .portfolio-style-5:hover .portfolio-img {
    transform: translateY(0px);
}
.portfolio-style-5 .portfolio-inner-content a {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 60px;
    text-transform: uppercase;
}
.home-9 .portfolio-style-5 .portfolio-inner-content a {
    line-height: 200px;
}
.home-6 .portfolio-style-5 .portfolio-inner-content a {
    line-height: 275px;
}
.portfolio-style-5 .portfolio-img {
    transform: translateY(0px);
    transition: all 0.35s cubic-bezier(0, 0, 0, 1) 0s;
}
.portfolio-style-5:hover .portfolio-img {
    transform: translateY(-59px);
}
.home-9 .portfolio-style-5:hover .portfolio-img {
    transform: translateY(-100%);
}
.blog-title-style-2 a h4 {
    font-size: 18px;
    margin-top: 15px;
    transition: all 0.3s ease 0s;
}
.blog-title-style-2 a h4:hover {
    color: #ffc94c;
}
.home-6 .blog-title-style-2 a h4:hover {
    color: #23C6EC;
}
.home-12 .blog-title-style-2 a h4:hover {
    color: #BECA3B;
}
.home-18 .blog-title-style-2 a h4:hover {
    color: #333;
    opacity: 0.5;
}
.blog-title-style-2 h4 span {
    font-size: 12px;
    margin-right: 10px;
    opacity: 0.7;
    position: relative;
}
.blog-title-style-2 h4 span::after {
    background-color: #ccc;
    bottom: 2px;
    content: "";
    height: 12px;
    position: absolute;
    right: -4px;
    width: 2px;
}
.blog-title-style-2 h4 {
    font-size: 12px;
    opacity: 0.8;
}
.blog-title-style-2 p {
    opacity: 0.8;
}
.home-7 .blog-title-style-2 p {
    font-size: 13px;
}
.blog-posts .single-blog {
    padding: 0px 5px;
    width: 100%;
}
.blog-posts .single-blog a {
    display: block;
    overflow: hidden;
    position: relative;
}
.blog-posts .single-blog a img {
    transform: scale(1) rotate(0deg);
    transition: all 0.4s ease 0s;
    width: 100%;
}
.blog-posts .single-blog:hover a img {
    transform: scale(1.3) rotate(-10deg);
}
.blog-posts .single-blog > a::after {
    background-color: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.blog-posts .single-blog:hover > a::after {
    opacity: 0.4;
}
.blog-details {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 20%;
}
.blog-posts .single-blog .blog-details a {
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 55px;
    line-height: 55px;
    margin: 4px;
    opacity: 0;
    transform: scale(0.3);
    width: 55px;
}
.blog-posts .single-blog .blog-details a:hover {
    opacity: 0.5;
}
.blog-posts .single-blog:hover .blog-details a {
    opacity: 1;
    transform: scale(1);
}
.blog-posts .single-blog .blog-info {
    background-color: #fff;
    position: relative;
}
.blog-posts .single-blog .blog-info::after {
    background-color: #fff;
    content: "";
    height: 25px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -13px;
    transform: rotate(45deg);
    width: 25px;
}
.blog-posts .single-blog .blog-info a {
    color: #7f7f7f;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.blog-posts .single-blog .blog-info a:hover {
    color: #444;
}
.blog-posts .single-blog .blog-info {
    padding: 15px 20px;
}
.blog-posts .single-blog .blog-info h4 {
    color: #999;
    font-size: 11px;
    text-transform: uppercase;
}
.blog-posts .single-blog .blog-info span {
    padding-left: 4px;
    position: relative;
}
.blog-posts .single-blog .blog-info span::before {
    background-color: #999;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 1px;
}
.blog-posts .single-blog .blog-info p {
    color: #999;
}
.blog-posts.owl-theme .owl-controls .owl-page span {
    height: 8px;
    width: 8px;
    transition: all 0.3s ease 0s;
}
.blog-posts.owl-theme .owl-controls .owl-page.active span {
    width: 25px;
}

/*----------------------------------------*/
/*  14.  newsletter
/*----------------------------------------*/

.newsletter-area {
    padding: 100px 0;
}
.newsletter-area.home-8 {
    background-color: #473B88;
    padding-bottom: 0px;
    padding-top: 50px;
}
.newsletter-area.home-9 {
    background-color: #333;
}
.newsletter-area.home-17 {
    background-color: #f5f5f5;
}
.section-heading-style-3 h1::after, .section-heading-style-3 h1::before {
    /*background-color: #000;*/
    /*background-color: #ffc00c; */
    background-color: #fdd700;;
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 36px;
}
.section-heading-style-3.darkblue h1::after,
.section-heading-style-3.darkblue h1::before {
    background-color: #13BBE2;
}
.section-heading-style-3 h1::before {
    left: 42%;
    right: auto;
    width: 4px;
}
.home-17 .newsletter-content {
    margin-top: 50px;
}
.newsletter-content p {
    color: #000;
}
.home-9 .newsletter-content p {
    color: #ccc;
}
.newsletter-content p.welcome-text {
    margin-bottom: 20px;
}
.newsletter-content p.no-spam-text {
    margin-top: 10px;
}
.newsletter-form input {
    border: 1px solid #000;
    height: 50px;
    padding: 10px 20px;
    width: 385px;
}
.newsletter-form button {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 18px;
    margin-left: 2px;
    padding: 14px 75px;
    position: relative;
    top: 1px;
}
.newsletter-logo {
    margin-top: 35px;
}
.newsletter-logo a img {
    width: 120px;
}
.qtip-light {
    line-height: 20px;
}
.newsletter-social {
    margin-top: 30px;
}
.newsletter-social a {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.6);
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 38px;
    margin: 0px 8px;
    width: 40px;
}
.home-9 .newsletter-social a {
    background-color: #0F0F0F;
    color: #fff;
    border-radius: 5px;
}
.home-7 .newsletter-social a,
.home-10 .newsletter-social a,
.home-11 .newsletter-social a {
    background-color: #444;
    color: #fff;
}
.home-13 .newsletter-social a {
    border-radius: 5px;
    background-color: #eee;
}
.newsletter-social a:hover {
    opacity: 0.7;
}
.newsletter-display-table {
    display: table;
    height: 500px;
}
.newsletter-display-table .newsletter-content {
    display: table-cell;
    vertical-align: middle;
}
.home-8 .newsletter-content h3 {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 19px;
    letter-spacing: 10px;
    line-height: 19px;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.home-8 .newsletter-content p {
    color: #fff;
}
.newsletter-form input {
    border: 1px solid #000;
    background-color: transparent;
    width: 320px;
}
.newsletter-form button {
    padding: 13px 50px;
}

/*----------------------------------------*/
/*  15.  menu-modal-expand
/*----------------------------------------*/

#menumodal {
    background-color: #fff;
    z-index: 9999999;
    padding-top: 50px;
}
.menu-expand-modal-header {
    height: 40px;
}
.menu-expand-modal-header button.close {
    color: #2c3343;
    float: none;
    font-size: 36px;
    line-height: 30px;
    opacity: 1;
    font-weight: 300;
    transition: all 0.3s ease 0s;
}
.menu-expand-modal-header button.close:hover {
    font-size: 50px;
}
.modal-logo {
    padding: 50px 0;
    text-align: center;
}
.modal-logo a img {
    width: 200px; /*150*/
}
.single-modal-menu {
    float: left;
    padding: 15px;
    text-align: center;
    width: 25%;
    transition: all 0.3s ease 0s;
}
.single-modal-menu:hover {
    opacity: 0.7;
}
.modal-menu-icon i {
    color: #777;
    font-size: 24px;
}
.modal-menu-title h3 {
    /*color: #666;*/
    color: #212359;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: normal;
    margin-bottom: 0;
    margin-top: 20px;
    text-transform: uppercase;
}
.single-modal-menu a {
    border: 1px solid #212359;
    display: block;
    padding: 25px 0;
}

/*----------------------------------------*/
/*  16.  buy-online
/*----------------------------------------*/

.buy-online {
    background-color: #fdfdfd;
}
.single-buy-online i {
    color: #858585;
    font-size: 100px;
}
.single-buy-online.text-center h3 {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 40px;
}
.home-13 .single-buy-online.text-center h3 {
    letter-spacing: 10px;
}
.home-13 .single-buy-online a i {
    font-size: 14px;
    margin-left: 10px;
}
.home-13 .single-buy-online a:hover i {
    color: #eee;
}
.single-buy-online p {
    color: #000;
}
.single-buy-online a {
    background-color: transparent;
    border: 1px solid #1abc9c;
    color: #444;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 2px;
    margin-top: 10px;
    padding: 6px 25px;
    text-transform: uppercase;
}
.single-buy-online a:hover {
    background-color: #149077;
    color: #fff;
}
.single-buy-online:hover .icon {
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-name: wobble-bottom;
    animation-timing-function: ease-in-out;
}
.home-13 .single-buy-online .icon i {
    font-size: 60px;
}
.single-buy-online .icon .li-basic_alarm {
    color: #e60909;
}
.single-buy-online .icon .li-basic_calendar {
    color: #1abc9c;
}
.single-buy-online .icon .li-basic_calculator {
    color: #e65e0e;
}

/*----------------------------------------*/
/*  17.  video-background
/*----------------------------------------*/

.video-area {
    height: 470px;
    overflow: hidden;
    position: relative;
}
#bg-video {
    position: absolute;
    top: 0%;
    width: 100%;
    z-index: -1;
}
.video-overlay {
    background-image: url("img/other/video-overlay.png");
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
}
.video-inner-content {
    left: 0;
    position: absolute;
    right: 0;
    top: 150px;
}
.video-inner-content h2 {
    color: #fff;
}
.video-inner-content p {
    color: #fff;
    letter-spacing: 6px;
    word-spacing: 15px;
}
.video-inner-content.video-style-2 p {
    word-spacing: inherit;
    letter-spacing: 0px;
}
.video-inner-content.video-style-2 h2 {
    margin-bottom: 20px;
    padding: 0;
}
.video-inner-content.video-style-2 h2::after {
    background: rgba(0, 0, 0, 0) url("none.html") repeat scroll 0 0;
}
.video-inner-content a {
    background-color: transparent;
    border: 1px solid #149077;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    letter-spacing: 2px;
    padding: 10px 25px;
    text-transform: uppercase;
    margin-top: 20px;
}
.video-inner-content a:hover {
    background-color: #149077;
}
.video-inner-content.video-style-2 a {
    border: 1px solid #FFB400;
    color: #fff;
}
.video-inner-content.video-style-2 a:hover {
    background-color: #FFB400;
}
.orange .video-inner-content a {
    border-color: #FFB400;
}
.orange .video-inner-content a:hover {
    background-color: #FFB400;
}
.home-5 .video-inner-content h2:after {
    background-image: none;
}
.home-5 .video-inner-content h2 {
    margin-bottom: 10px;
}
.video-inner-content h1.type {
    color: #fff;
    font-size: 56px;
}
.video-inner-content h1.type span {
    font-weight: 700;
}
.home-18 .video-inner-content p {
    letter-spacing: 0;
    word-spacing: 0;
}
.home-18 .video-inner-content a {
    border-color: #ed5464;
    padding: 10px 35px;
    border-radius: 2px;
}
.home-18 .video-inner-content a:hover {
    background-color: #ed5464;
}

/*----------------------------------------*/
/*  18.  product-place
/*----------------------------------------*/

.product-place-area {

}
.single-product-page {
    border: 1px solid #ddd;
    padding: 20px;
    min-height: 255px;
}
.single-product-page i {
    background-color: #f5f5f5;
    font-size: 40px;
    height: 115px;
    line-height: 115px;
    width: 115px;
}
.single-product-page h3 {
    font-size: 18px;
    font-weight: 300;
    margin-top: 10px;
    text-transform: uppercase;
}

/*----------------------------------------*/
/*  19.  provide-template
/*----------------------------------------*/

.provide-template {
    background-color: #F9F9F9;
}
.provide-template.home-13,
.portfolio-area.home-14 {
    background-image: url(img/other/provide-template-bg.jpg);
}
.provide-template-content {
    position: relative;
}
.provide-template-slider {
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 70%;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 30px;
}
.provide-template-img img {
    width: 100% !important;
}
.provide-template-img {
    position: relative;
}
.provide-template .owl-theme .owl-controls .owl-buttons div {
    background-color: transparent;
    color: #fff;
    font-size: 36px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 38%;
}
.provide-template .owl-theme .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: 0;
}
.single-provide-template-inner-content {
    overflow: hidden;
    padding-bottom: 50px;
}
.single-provide-template-inner-content .icon {
    background-color: #fff;
    display: inline-block;
    float: left;
    text-align: center;
    width: 30%;
}
.single-provide-template-inner-content:hover .icon {
    animation-name: buzz-out;
    animation-duration: 0.75s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}
.single-provide-template-inner-content .info {
  padding-left: 35%;
}
.single-provide-template-inner-content .icon i {
    display: block;
    font-size: 24px;
    height: 110px;
    line-height: 50px;
    width: 100px;
}
.single-provide-template-inner-content .info h3 {
    font-size: 18px;
    font-weight: 300;
}
.no-padding {
    padding-bottom: 0;
}
.single-provide-template {
    padding-top: 100px;
    text-align: center;
}
.single-provide-template i {
    border: 1px solid #1abc9c;
    border-radius: 50%;
    color: #1abc9c;
    font-size: 45px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    width: 100px;
}
.single-provide-template:hover i {
    transform: rotate(360deg);
    transition: all 0.5s ease 0s;
}
.single-provide-template h3 {
    color: #444;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
}

/*----------------------------------------*/
/*  20.  google map
/*----------------------------------------*/

.google-map-area {
    background-color: #f5f5f5;
    position: relative;
}
#googleMap, #map {
    min-height: 350px;
    background-color: #eee;
    position: relative;
    width: 100%;
}
.contact-info {
    position: absolute;
    border: 1px solid #ddd;
    padding: 50px 30px;
    text-align: center;
    top: 35%;
    background-color: #fff;
    left: 120px;
}
.contact-info h3 {
    font-size: 18px;
    font-weight: 300;
}
.contact-info p {
    margin-bottom: 5px;
}

/*----------------------------------------*/
/*  21.  about-work
/*----------------------------------------*/

.about-work {
    background-color: #fdfdfd;
}
.about-work-content h4 {
    font-size: 16px;
    letter-spacing: 10px;
    line-height: 16px;
    margin-bottom: 25px;
}
.about-work-content p {
    margin-bottom: 0;
    margin-top: 20px;
}
.more-details a {
    background-color: #333;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    margin-top: 20px;
    padding: 4px 18px;
    text-transform: uppercase;
}
.more-details a:hover {
    background-color: #ffc94c;
}

/*----------------------------------------*/
/*  22.  testimonial
/*----------------------------------------*/

.testimonial-area.home-5 {
    background-image: url(img/testimonial/testimonials-bg-01.jpg);
}
.testimonial-area.home-6 {
    background-image: url(img/testimonial/testimonial-bg-02.jpg);
}
.testimonial-area.home-14 {
    background-image: url(img/testimonial/testimonial-bg-03.jpg);
}
.testimonial-area.home-9 {
    background-color: #f2f2f2;
}
.testimonial-area.home-15 {
    background-color: #F2F2F2;
}
.testimonial-area.home-5 .section-heading-style-3 h1 {
    color: #fff;
}
.testimonial-area.home-5 .section-heading-style-3 h1:before,
.testimonial-area.home-5 .section-heading-style-3 h1:after  {
    background-color: #fff;
}
.single-testimonial-slider {
    height: 250px;
    top: 50px;
    position: relative;
}
.testimonial-content {
    background-color: #fff;
    border-radius: 5px;
    float: left;
    margin-right: 2%;
    position: relative;
    width: 48%;
    padding: 40px 35px 40px 70px;
}
.single-testimonial-slider .testimonial-content:nth-child(2) {
    margin-left: 2%;
    margin-right: 0;
}
.testimonial-content:after {
    position: absolute;
    content: "";
    background-color: #fff;
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
    bottom: -12px;
    left: 50px;
}
.testimonial-content .test-photo {
    position: absolute;
    right: 40px;
    top: -50px;
    width: 90px;
}
.test-spech {
    font-style: italic;
    color: #333;
}
.test-author-info {
    bottom: -60px;
    position: absolute;
    left: 20px;
}
.test-author-info h4 {
    color: #ddd;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 3px;
}
.home-9 .test-author-info h4 {
    color: #444;
}
.test-author-info p {
    color: #ddd;
    font-size: 12px;
    margin-bottom: 0;
}
.home-9 .test-author-info p {
    color: #777;
}
.test-author-info p a {
    color: #FFC94C;
}
.home-9 .test-author-info p a {
    color: #E8263A;
}
.testimonial-area .owl-theme .owl-controls .owl-page span {
    background-color: #FFF;
    height: 10px;
    width: 10px;
}
.home-9.testimonial-area .owl-theme .owl-controls .owl-page span,
.home-15.testimonial-area .owl-theme .owl-controls .owl-page span {
    background-color: #aaa;
    height: 10px;
    width: 10px;
}

/*----------------------------------------*/
/*  23.  client
/*----------------------------------------*/

.client-area.home-7 {
    background-color: #f5f5f5;
}
.client-area.home-7 .section-heading {
    margin-bottom: 45px;
}
.client-area.home-7 .section-heading h1 {
    font-size: 26px;
}
.single-client {
    float: left;
    width: 20%;
    padding: 15px;
}
.single-client a {
    display: block;
    border: 1px solid #eee;
    padding: 15px 25px;
}
.testimonial-slider-contents {
    background-color: #fff;
}
.home-14 .testimonial-slider-contents {
    padding: 50px 200px;
    background-color: #414141;
}
.single-testimonial-content {
    padding: 35px 0;
}
.testimonial-slider-img img {
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    width: 70px;
}
.testimonial-slider-content {
    padding: 0 40px;
}
.testimonial-slider-content h3 {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 22px;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    margin-top: 20px;
}
.home-14 .testimonial-slider-content h3 {
    color: #fff;
}
.testimonial-slider-content h4 {
    font-weight: 700;
    font-size: 14px;
    color: #666;
}
.home-14 .testimonial-slider-content h4,
.home-14 .testimonial-slider-content p {
    color: #ddd;
}
.testimonial-slider-content p {
    font-size: 14px;
    color: #666;
    margin-bottom: 0;
}
.testimonial-slider-content p a {
    color: #00B7F1;
}
.testimonial-slider-content p a:hover {
    color: #666;
}
.home-14 .testimonial-slider-content p a {
    color: #FFC94C;
}
.home-14 .testimonial-slider-content p a:hover {
    color: #FFB400;
}
.testimonial-area.home-6 .owl-theme .owl-controls .owl-page span,
.testimonial-area.home-8 .owl-theme .owl-controls .owl-page span
{
    background-color: #ddd;
}
.testimonial-area.home-6 .owl-pagination,
.testimonial-area.home-8 .owl-pagination
{
    position: relative;
    top: -30px;
}

/*----------------------------------------*/
/*  24.  start-project
/*----------------------------------------*/

.start-project-area {
    background-image: url(img/other/cons-call-bg.jpg);
    padding: 100px 0px;
}
.start-project-area.home-6 {
    background-image: url(img/other/calltoaction-bg.jpg);
    padding: 70px 0px;
}
.start-project-area.home-14 {
    background-image: url(img/other/cons-call-bg2.jpg);
    padding: 70px 0px;
}
.start-project-area.home-15 {
    background-image: url(img/other/calltoaction-bg2.jpg);
}
.start-project-area.home-7,
.start-project-area.home-9 {
    background-image: none;
    background-color: #FF6C2C;
    padding: 70px 0px;
}
.start-project-area.home-9 {
    background-color: #E8263A;
}
.start-project-area .row {
    background-color: rgba(3, 0, 14, 0.12);
    padding: 20px;
}
.project-content h3 {
    color: #fff;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 5px;
}
.project-content p {
    color: #fff;
    margin-bottom: 0;
}
.project-button a {
    background-color: #333;
    color: #fff;
    display: inline-block;
    padding: 20px 30px;
    text-transform: uppercase;
}
.home-9 .project-button a {
    background-color: rgba(255, 255, 255, 0.6);
}
.home-9 .project-button a:hover {
    background-color: rgba(255, 255, 255, 0.3);
}
.home-6 .project-button a {
    background-color: #000;
}
.project-button a:hover {
    background-color: #444;
}

/*----------------------------------------*/
/*  25.  mission
/*----------------------------------------*/

.single-mission {
    border: 1px solid #eee;
    float: left;
    position: relative;
    overflow: hidden;
    width: 50%;
}
.single-mission .mission-title i {
    font-size: 46px;
}
.single-mission .mission-title h3 {
    font-size: 14px;
    letter-spacing: 10px;
    margin: 20px 0;
    text-transform: uppercase;
}
.home-15 .single-mission .mission-title h3 {
    font-size: 18px;
    letter-spacing: 5px;
}
.home-15 .single-mission .mission-title i {
    background-color: #fc0002;
    box-shadow: 4px 4px #eee;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    height: 70px;
    line-height: 70px;
    width: 70px;
}
.home-15 .single-mission:nth-child(2) .mission-title i {
    background-color: #7c00fc;
}
.home-15 .single-mission:nth-child(3) .mission-title i {
    background-color: #23c6ec;
}
.home-15 .single-mission:nth-child(4) .mission-title i {
    background-color: #fc0080;
}
.mission-info {
    background-color: #fff;
    height: 100%;
    left: 0;
    padding: 30px 20px;
    position: absolute;
    top: 0;
    transform: rotateY(180deg);
    transition: all 0.6s ease 0s;
    width: 100%;
    opacity: 0;
}
.mission-title {
    background-color: #fff;
    padding: 30px 20px;
    transform: rotateY(0deg);
    transition: all 0.6s ease 0s;
}
.single-mission:hover .mission-title {
    transform: rotateY(180deg);
}
.single-mission:hover .mission-info {
    transform: rotateY(0deg);
    opacity: 1;
}
.home-15 .mission-info {
    transform: rotateX(180deg);
}
.home-15 .mission-title {
    transform: rotateX(0deg);
}
.home-15 .single-mission:hover .mission-title {
    transform: rotateX(180deg);
}
.home-15 .single-mission:hover .mission-info {
    transform: rotateX(0deg);
}
.mission-info p {
    color: #000;
    font-weight: 400;
    margin-bottom: 0;
    opacity: 0.8;
    padding: 10px 20px;
    text-transform: capitalize;
}
.mission-info a {
    font-weight: 400;
    text-transform: uppercase;
}
.home-15 .mission-slider-2.owl-theme .owl-controls .owl-buttons div {
    border-radius: 0;
    font-size: 20px;
    height: 30px;
    left: 15px;
    position: absolute;
    top: 45%;
    width: 30px;
}
.home-15 .mission-slider-2.owl-theme .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: 15px;
}

/*----------------------------------------*/
/*  26.  we-do
/*----------------------------------------*/

.we-do {
    background-image: url(img/service/subtle_white_feathers.png);
}
.we-do.home-9 {
    background-image: none;
    background-color: #fcfcfc;
}
.we-do-content {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 65px 35px;
    overflow: hidden;
    margin-top: 60px;
}
.we-do-content .part-2 {
    margin-top: 35px;
    overflow: hidden;
}
.we-do-content .part-1 {
    overflow: hidden;
}
.single-we-do {
    float: left;
    width: 33.33%;
}
.single-we-do .icon i {
    display: inline-block;
    font-size: 60px;
    margin-bottom: 20px;
    padding: 20px;
}
.single-we-do h3 {
    font-size: 18px;
    text-transform: uppercase;
}
.single-we-do a {
    color: #ff6c2c;
    text-transform: capitalize;
}
.single-we-do a:hover {
    text-decoration: underline;
    /*color: #ffc00c;*/
    color: #fdd700;
}
.single-we-do:hover .icon,
.single-we-do-content:hover .icon {
    animation-duration: 0.75s;
    animation-iteration-count: 1;
    animation-name: buzz-out;
    animation-timing-function: linear;
}
.single-we-do-content:hover .icon {
    animation-name: push;
    animation-duration: 0.3s;
}
.single-we-do-content .icon {
    color: #eb4b5b;
    float: left;
    font-size: 40px;
    text-align: center;
    width: 80px;
}
.we-do-info {
    padding-left: 80px;
}
.single-we-do-content {
    margin-top: 30px;
}
.we-do-info h3 {
    color: #666;
    display: inline-block;
    font-size: 18px;
    letter-spacing: 5px;
    margin-top: 3px;
    font-weight: 300;
    text-transform: uppercase;
}

/*----------------------------------------*/
/*  27.  landbox-goal
/*----------------------------------------*/

.landbox-goal {
    background-color: #FDFDFD;
}
.single-goal {
    border: 1px solid #eee;
    padding: 35px 21px 0;
    background-color: #fff;
    margin-top: 28px; /* Adjust this value as needed */
}

.col-md-4:nth-child(2) .single-goal {
    background-color: #f6f6f6;
    border: 1px solid transparent;
}
.single-goal i {
    color: #000;
    font-size: 56px;
}

.single-goal:hover .icon {
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-name: pop;
    animation-timing-function: ease-in-out;
}
.single-goal h3 {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: capitalize;
    margin-top: 15px;
}
.single-goal p {
    letter-spacing: 0.5px;
}


/*----------------------------------------*/
/*  28.  features-style
/*----------------------------------------*/

.features-area.features-1 {
    background-color: #473B88;
}
.features-area.features-2 {
    background-color: #f5f5f5;
}
.feature-table-display {
    display: table;
    height: 600px;
}
.features-title {
    display: table-cell;
    vertical-align: middle;
}
.features-title h2 {
    font-size: 20px;
    letter-spacing: 10px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 20px;
}
.features-title p {
    margin-bottom: 15px;
}
.features-1 .features-title h2,
.features-1 .features-title p {
    color: #fff;
}
.features-2 .features-img {
    padding-bottom: 20px;
    position: relative;
}
.features-2 .features-img::before, .features-2 .features-img::after {
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.7);
    content: "";
    display: block;
    position: absolute;
    bottom: 40px;
    height: 20px;
    left: auto;
    right: 55px;
    transform: rotate(4deg);
    width: 60%;
}
.features-2 .features-img img {
    position: relative;
    z-index: 5;
}
.features-2 .features-img::before {
    left: 20px;
    transform: rotate(-4deg);
}

/*----------------------------------------*/
/*  29.  support-forum
/*----------------------------------------*/

.support-content h2 {
    font-family: "Lato";
    font-size: 24px;
    letter-spacing: 10px;
    margin-bottom: 20px;
}
.support-content p {
    color: #000;
    margin-bottom: 0px;
}
.support-counter {
    margin-top: 50px;
}
.support-counter h1 {
    color: #999;
    font-size: 32px;
}
.support-counter h4 {
    color: #666;
    font-size: 12px;
    letter-spacing: 3px;
}
.single-support h1 {
    color: #444;
    font-size: 56px;
    font-weight: 400;
}
.support-counter.single-support {
    margin-top: 20px;
}
.support-counter.single-support h4 {
    color: #999;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

/*----------------------------------------*/
/*  30.  why-best
/*----------------------------------------*/

.why-best-area .why-best-content:first-child .single-service-style-3 {
    padding-bottom: 35px;
}
.why-best-area .molile-section-slider {
    max-width: 445px;
    padding-top: 25px;
}
.why-best-area .owl-pagination {
    bottom: 110px;
    left: 0;
    position: absolute;
    right: 0;
}
.why-best-area .owl-theme .owl-controls .owl-buttons div {
    background-color: transparent;
    font-size: 18px;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 37%;
}
.why-best-area .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 15px;
    right: auto;
}
.why-best-area .owl-theme .owl-controls .owl-page span {
    height: 10px;
    opacity: 1;
    width: 10px;
    border: 2px solid #fff;
}

/*----------------------------------------*/
/*  31.  gallery-style
/*----------------------------------------*/

.gallery-slider.owl-theme .owl-controls .owl-page span {
    border-radius: 50%;
    height: 58px;
    width: 58px;
    opacity: 1;
    transform: scale(1);
    transition: .3s
}
.gallery-slider.owl-theme .owl-controls .owl-page.active span {
    transform: scale(1.3);
    border: 5px solid #fff;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.3) ;
}
.gallery-slider.owl-theme .owl-controls .owl-page:first-child span {
    background-image: url(img/gallery/pagination-1.jpg);
}
.gallery-slider.owl-theme .owl-controls .owl-page:nth-child(2) span {
    background-image: url(img/gallery/pagination-2.jpg);
}
.gallery-slider.owl-theme .owl-controls .owl-page:nth-child(3) span {
    background-image: url(img/gallery/pagination-3.jpg);
}
.gallery-slider.owl-theme .owl-controls .owl-page:last-child span {
    background-image: url(img/gallery/pagination-4.jpg);
}
.gallery-slider.owl-theme .owl-controls .owl-pagination {
    bottom: -35px;
    left: 0;
    position: absolute;
    right: 0;
}
.gallery-slider.owl-theme .owl-controls .owl-buttons div {
    background-color: transparent;
    top: 100%;
    color: #000;
}
.gallery-area .feature-table-display {
    height: 450px;
    padding-left: 50px;
}
.gallery-area .features-title h2 {
    letter-spacing: 5px;
}

/*----------------------------------------*/
/*  32.  place-think
/*----------------------------------------*/

.single-place {
    float: left;
    padding: 65px 75px;
    text-align: center;
    width: 33.33%;
}
.single-place i {
    color: #1bbc9b;
    font-size: 80px;
}
.single-place h3 {
    font-size: 18px;
    margin-top: 20px;
    font-weight: 300;
}
.single-place.even {
    background-color: #1bbc9b;
}
.single-place.even i {
    color: #fff;
}
.single-place.even h3 {
    color: #fff;
}
.single-place.even p {
    color: #fff;
}
.single-place.even:hover {
    background-color: #18a589;
}
.single-place.odd:hover {
    background-color: #f2f2f2;
}

/*----------------------------------------*/
/*  33.  constructor
/*----------------------------------------*/

.constructor-area {
    padding-top: 80px;
}
.constructor-person {
    margin-bottom: -160px;
    position: relative;
    top: -160px;
    z-index: 999;
}
.single-constructor {
    padding-bottom: 30px;
}
.single-constructor .icon i {
    color: #000;
    font-size: 32px;
}
.single-constructor .icon {
    width: 15%;
}
.single-constructor .info {
    padding-left: 15%;
}
.single-constructor.text-right .info {
    padding-left: 0;
    padding-right: 15%;
}
.single-constructor .info h3 {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 3px;
}
.single-constructor .info p {
    margin-bottom: 0;
}

/*----------------------------------------*/
/*  34.  product
/*----------------------------------------*/

.product-area {
    background-color: #fcfcfc;
    padding-bottom: 110px;
}
.single-product {
    position: relative;
    margin-bottom: 40px;
}
.single-product a {
    display: block;
    position: relative;
}
.product-info {
    position: relative;
}
.single-product .product-info:after {
    background-color: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.single-product:hover .product-info:after {
    opacity: 0.3;
}
.product-info {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    padding: 30px;
}
.product-info h3 {
    color: #000;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 28px;
    padding-top: 10px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.product-info h3 span {
    font-weight: 700;
}
.single-product:hover .product-info h3 {
    transform: translateY(20px);
}
.product-info p {
    color: #000;
    font-size: 13px;
    padding: 0px 20px;
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.3s ease 0s;
}
.single-product:hover .product-info p {
    transform: translateY(25px);
    opacity: 1;
}
.single-product a::after,
.single-product a::before {
    bottom: 30px;
    content: "";
    left: 30px;
    position: absolute;
    right: 30px;
    top: 30px;
    transition: all 0.3s ease 0s;
    z-index: 1;
}
.single-product a:after {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: scale(0, 1 );
}
.single-product a::before {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: scale(1, 0);
}
.single-product:hover a::after,
.single-product:hover a::before {
    transform: scale(1);
}

/*----------------------------------------*/
/*  35.  popular-item
/*----------------------------------------*/

.style-5.home-16 h1::before {
    background-color: #ff6c2c;
    right: auto;
}
.section-heading-style-5.home-16 h1 {
    margin-bottom: 20px;
    font-size: 24px;
    letter-spacing: 10px;
}
.section-heading-style-5.home-16 p {
    color: #999;
}
.trends-area .section-heading-style-5.home-16 p {
    color: #666;
}
.single-popular-product {
    position: relative;
}
.single-popular-product .add-cart {
    background-color: #ff6c2c;
    opacity: 0;
    position: absolute;
    transform: translateY(-40px);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
}
.single-popular-product:hover .add-cart {
    opacity: 1;
    transform: translateY(-40px);
    visibility: visible;
    z-index: 0;
}
.single-popular-product .add-cart ul {
    list-style: outside none none;
}
.single-popular-product .add-cart ul li {
    display: inline-block;
}
.single-popular-product .add-cart ul li:first-child {
    border-right: 1px solid #fff;
}
.single-popular-product .add-cart ul li:first-child a {
    color: #fff;
    display: block;
    font-size: 13px;
    padding: 10px 75px;
    text-transform: uppercase;
}
.single-popular-product .add-cart ul li:last-child a {
    color: #fff;
    padding: 10px;
    text-align: center;
}
.popular-item-info {
    text-align: center;
    padding: 15px;
}
.popular-item-info.text-left {
    text-align: left;
}
.popular-item-info p {
    margin: 0;
}
.popular-item-info a {
    color: #666;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.popular-item-info a:hover {
    color: #000;
}
.popular-item-info h3 {
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5;
    margin-bottom: 5px;
    margin-top: 5px;
    text-transform: uppercase;
}
.popular-item-info h3 span {
    font-size: 14px;
    font-weight: 300;
}
.popular-item-info p a {
    color: #a5a5a5;
    font-size: 12px;
    font-weight: 400;
}
.rate i {
    color: #e8263a;
}
.rate i.empty {
    color: #dfdfdf;
}

/*----------------------------------------*/
/*  36.  banner
/*----------------------------------------*/

.banner-area {
    padding: 50px 0px;
    background-color: #fcfcfc;
}
.banner-area.home-18 {
    padding: 150px 0px;
}
.banner-area .banner-part {
    float: left;
    padding: 0 10px;
}
.banner-area .banner-1 a:first-child {
    display: inline-block;
    padding-bottom: 15px;
}
.banner-area .banner-1, .banner-area .banner-3 {
    width: 25%;
}
.banner-area .banner-2 {
    width: 50%;
}

/*----------------------------------------*/
/*  37.  trend-sample
/*----------------------------------------*/

.trends-sample {
    margin-bottom: 25px;
    margin-top: 40px;
}
.trends-sample ul li {
    display: block;
    list-style: outside none none;
    padding: 4px 0 4px 28px;
}
.trends-sample ul li i {
    color: #8cd63b;
    left: 15px;
    margin-top: 3px;
    position: absolute;
}
.purchase-btn a {
    color: #000;
    text-transform: uppercase;
    border: 2px solid #000;
    display: block;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
}
.purchase-btn a:hover {
    background-color: #ff6c2c;
    color: #fff;
    border-color: #ff6c2c
}

/*----------------------------------------*/
/*  38.  brand
/*----------------------------------------*/

.brand-area {
    background-color: #fcfcfc;
}
.single-brand {
    float: left;
    padding: 20px;
    width: 33.33%;
}
.home-18 .single-brand {
    border: 1px solid #ddd;
    margin: 1%;
    width: 18%;
}
.single-brand a {
    display: block;
    opacity: 0.5;
    padding: 15px;
    transition: all 0.3s ease 0s;
}
.single-brand a:hover {
    opacity: 1;
}

/*----------------------------------------*/
/*  39.  opinion
/*----------------------------------------*/

.opinions {
    position: relative;
}
.single-opinion {
    position: relative;
    margin: 0px 5px;
}
.opinion-text {
    border: 1px solid #ff6c2c;
    padding: 40px 40px 40px 70px;
    position: relative;
    background-color: #fff;
}
.single-opinion .quote:before {
    content: "\f10d";
    position: absolute;
    color: #f0f0f0;
    font-family: "fontawesome";
    left: 25px;
    font-size: 30px;
}
.opinion-text::before {
    border-bottom: 30px solid transparent;
    border-left: 30px solid #f00;
    bottom: -30px;
    content: "";
    left: 50px;
    position: absolute;
}
.opinion-text::after {
    border-bottom: 28px solid transparent;
    border-left: 28px solid #fff;
    bottom: -28px;
    content: "";
    left: 51px;
    position: absolute;
}
.opinion-info {
    padding-top: 40px;
}
.opinion-info h3 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.opinion-info h4 {
    color: #999;
    font-size: 12px;
}
.opinion-info h4 a {
    color: #ff6c2c;
}
.opinion-info h4 a:hover {
    text-decoration: underline;
    /*color: #ffc00c;*/
    color: #fdd700;
}
.opinions.owl-theme .owl-controls {
    background-color: #ccc;
    position: absolute;
    right: 15px;
    top: 0;
}
.opinions.owl-theme .owl-controls .owl-buttons div {
    background-color: #ddd;
    border-radius: 0;
    color: #000;
    font-size: 16px;
    margin: 0;
    padding: 0 10px;
    width: 10px;
}

/*----------------------------------------*/
/*  40.  text-banner
/*----------------------------------------*/

.banner-text-area {
    background-color: #ff6c2c;
}
.single-text-banner {
    background-color: #ff6c2c;
    float: left;
    width: 33.33%;
}
.single-text-banner a {
    display: block;
    padding: 35px 30px;
    border-left: 1px solid #FF905F;
}
.single-text-banner a:hover {
    background-color: #FF7E46;
}
.single-text-banner:last-child a {
    border-right: 1px solid #FF905F;
}
.banner-text .title-1 {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
}
.banner-text .title-2 {
    color: #ddd;
    display: inline-block;
    font-size: 17px;
    margin-top: 3px;
}
.single-text-banner .icon {
    color: #fff;
    float: right;
    font-size: 34px;
    height: 34px;
    margin-top: -15px;
    width: 34px;
}

/*----------------------------------------*/
/*  41.  view-download
/*----------------------------------------*/

.view-download-tab-nav li {
    display: inline-block;
    list-style: outside none none;
}
.view-download-tab-nav li a {
    color: #444;
    display: inline-block;
    font-weight: 400;
    margin: 0 4px 20px;
    padding-bottom: 8px;
    position: relative;
    text-transform: uppercase;
}
.view-download-tab-nav {
    text-align: center;
}
.view-download-tab-nav li a::after {
    background-color: #000;
    bottom: 0;
    content: "";
    height: 1px;
    left: 2px;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 0;
}
.view-download-tab-nav li:hover a::after {
    width: 25px;
}
.view-download-tab-nav li.active a::after {
    width: 100%;
}
.view-download-tab-nav li a:focus {
    text-decoration: none;
}
.view-download-tab-content h2 {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 15px;
    letter-spacing: 10px;
    text-transform: uppercase;
}
.view-download-tab-content p {
    color: #333;
    margin-bottom: 20px;
    margin-right: 6px;
}
.view-download-tab-content p:nth-child(2) {
    margin-bottom: 40px;
}

/*----------------------------------------*/
/*  42.  video-presentation
/*----------------------------------------*/

.video-presentation-area {
    background-image: url("img/other/video-bg.jpg");
    background-position: center center;
    background-size: cover;
    text-align: center;
}
.video-popup {
    display: inline-block;
}
.video-popup:focus {
    text-decoration: none;
}
.video-popup i {
    color: #fff;
    font-size: 50px;
}
.video-popup h3 {
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
    text-transform: uppercase;
}

/*----------------------------------------*/
/*  43.  contact-map
/*----------------------------------------*/

.contact-map-area {
    background-image: url("img/contact/contact-bg.jpg");
    background-size: cover;
    padding: 100px 0px;
}
#map {
    min-height: 275px;
    background-color: #eee;
    position: relative;
    width: 100%;
}
.contact-form .input-box {
    float: left;
    padding-right: 5px;
    width: 33.33%;
    margin-bottom: 10px;
}
.contact-form .input-box input {
    border: 1px solid #212359;
    color: #212359;
    font-size: 14px;
    padding: 8px 10px;
    width: 100%;
}
.contact-form .input-box:nth-child(4) {
    width: 100%;
}
.contact-form .input-box:nth-child(4) textarea {
    border: 1px solid #ccc;
    width: 100%;
    font-size: 14px;
    padding: 10px;
}
.contact-form .submit-button {
    text-align: right;
}
.contact-form .submit-button a {
    background-color: #9fcd9d;
    color: #fff;
    display: inline-block;
    margin-right: 6px;
    padding: 7px 16px;
    text-transform: capitalize;
}
.contact-form .submit-button a:hover {
    background-color: #8fc58d;
}

/*----------------------------------------*/
/*  44.  featured-products
/*----------------------------------------*/

.upcoming-product-area {
    background-color: #FCFCFC;
}
.featured-item-area .single-popular-product .add-cart,
.upcoming-product-area .single-popular-product .add-cart,
.shop-page .single-popular-product .add-cart {
    background-color: #E8263A;
}
.featured-item-area .single-popular-product .add-cart ul li,
.upcoming-product-area .single-popular-product .add-cart ul li,
.shop-page .single-popular-product .add-cart ul li {
    border: 0px;
    width: 100%;
}
.single-popular-product .new:after {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #E8263A;
    content: "NEW";
    padding: 5px 20px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
}

/*----------------------------------------*/
/*  45.  combined-area
/*----------------------------------------*/

.combined-area {
    background-color: #fcfcfc;
}
.single-combined {
    width: 33.33%;
    float: left;
}
.single-combined .popular-item-info {
    padding: 0 0 0 95px;
}
.single-combined .popular-item-info a {
    text-transform: capitalize;
}
.single-combined ul li {
    border-bottom: 1px solid #eee;
    padding: 30px 0;
}
.single-combined ul li:hover .popular-item-info a {
    color: #E8263A;
}
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

/*----------------------------------------*/
/*  46.  pages
/*----------------------------------------*/

.page-title-area-1 {
    background-image: url("img/pages/page-bg-1.jpg");
    padding: 180px 0 90px;
}


/* Default styles for .page-title-area */
.page-title-area {
    background-position: center;
    background-size: cover; /* Ensures the image covers the full container area */
    background-repeat: no-repeat;
    min-height: 650px; /* Set a minimum height for desktop view */
    padding: 0; /* Remove default padding to avoid blank spaces */
    display: flex; /* Use flex to center content */
    align-items: center; /* Vertically center the content */
    justify-content: center; /* Horizontally center the content */
    text-align: center; /* Center text for mobile view */
}

/* Specific background images for each section */
.page-title-area.air-freight { background-image: url("EMPL images/empl-services-air-freight.jpg"); }
.page-title-area.ocean-freight { background-image: url("EMPL images/empl-services-ocean-freight.jpg"); }
.page-title-area.warehouse { background-image: url("EMPL images/empl-services-warehousing.jpg"); }
.page-title-area.distribution { background-image: url("EMPL images/empl-services-distribution.jpg"); }
.page-title-area.packing { background-image: url("EMPL images/empl-services-packing.jpg"); }
.page-title-area.logistics { background-image: url("EMPL images/empl-services-project-logistics.jpg"); }
.page-title-area.insurance { background-image: url("EMPL images/empl-services-insurance-brokerage.jpg"); }
.page-title-area.custom { background-image: url("EMPL images/empl-services-customs.jpg"); }
.page-title-area.bespoke { background-image: url("EMPL images/empl-services-bespoke.jpg"); }
.page-title-area.service { background-image: url("EMPL images/empl-all-one-logistics.jpg"); }
.page-title-area.trust { background-image: url("EMPL images/empl-trust.jpg"); }
.page-title-area.news { background-image: url("EMPL images/empl-page-banner-news.jpg"); }
.page-title-area.tracking { background-image: url("EMPL images/empl-banner-tracking.jpg"); }
.page-title-area.about { background-image: url("EMPL images/empl-professional.jpg"); }
.page-title-area.resources { background-image: url("EMPL images/empl-banner-resource.jpg"); }
.page-title-area.premium { background-image: url("EMPL images/world-logistics-alliance.png"); width: 150px;}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    .page-title-area {
        min-height: 300px; /* Reduce the height for mobile view */
    }
}





.page-title-area.about-us-1,
.page-title-area.about-us-2,
.page-title-area.shop {
    background-image: url("img/pages/page-bg-2.jpg");
    background-position: left top;
    padding: 210px 0 120px;
}
.page-title-area.shop {
    background-image: url(img/pages/page-bg-4.jpg);
}
.page-title-area.about-us-2 {
    background-image: url("img/pages/page-bg-3.jpg");
}
.page-title-area.contact-us {
    background-image: url("img/pages/contact01.jpg");
    padding: 210px 0 120px;
}
.page-title h2 {
   /* color: #fff;*/
    color: #1a61f7;
    /*font-family: "Dosis";*/
    font-size: 52px;
    line-height: 45px;
    font-weight: 700;
    /*text-transform: uppercase;*/
    /*font-family: "Roboto Condensed";*/
    /*font-family: "fontawesome";*/
    /*font-family: "Oswald",sans-serif;*/
    font-family: "Open Sans",sans-serif;
}

/*.page-title h1 {
    color: #fff;
    letter-spacing: 20px !important;
    margin-bottom: 17px !important;
    display: block;
    font-weight: 400;
    font-size: 34px;
}*/

/* Default styles (desktop) */
.page-title h1 {
    color: #fff;
    letter-spacing: 20px;
    margin-bottom: 17px;
    display: block;
    font-weight: 400;
    font-size: 37px;
}

/* Tablet view */
@media (max-width: 768px) {
    .page-title h1 {
        font-size: 30px;
        letter-spacing: 10px;
        margin-bottom: 15px;
    }
}

/* Mobile view */
@media (max-width: 480px) {
    .page-title h1 {
        font-size: 30px;
        letter-spacing: 10px;
        margin-bottom: 10px;
    }
}



.contact-us .page-title h2 {
    color: #000;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 8px;
    line-height: 45px;
    margin-bottom: 0px;
}
.page-title p {
    color: #ddd;
    font-size: 18px;
    letter-spacing: 2px;
}
.portfolio-2-col-area,
.portfolio-3-col-area,
.portfolio-4-col-area,
.portfolio-5-col-area,
.portfolio-6-col-area {
    padding: 70px 0px;
}
.portfolio-2-col-area .portfolio-items .single-portfolio {
    width: 50%;
}
.portfolio-3-col-area .portfolio-items .single-portfolio {
    width: 31.33%;
    margin: 0.5%;
}
.portfolio-4-col-area .portfolio-items .single-portfolio {
    width: 24%;
    margin: 0.5%;
}
.portfolio-5-col-area .portfolio-items .single-portfolio {
    width: 19%;
    margin: 0.5%;
}
.portfolio-6-col-area .portfolio-items .single-portfolio {
    width: 15.66%;
    margin: 0.5%;
}
.portfolio-6-col-area .portfolio-items .single-portfolio.portfolio-style-6 {
    padding: 0px;
}

/*----------------------------------------*/
/*  46.1  contact-us
/*----------------------------------------*/

.contact-us-1-area,
.contact-us-2-area {
    padding-top: 70px;
    padding-bottom: 50px;
}
.contact-us-accordion .panel-title a {
    color: #e6bc85;
    font-size: 16px;
    letter-spacing: 5px;
    padding-left: 25px;
    position: relative;
}
.contact-us-accordion .panel-title a[aria-expanded="true"]::after,
.contact-us-accordion .panel-title a[aria-expanded="false"]::after {
    background-color: #fff;
    content: "\f056";
    font-family: "fontawesome";
    left: 0;
    position: absolute;
    top: 3px;
    color: #e6bc85;
}
.contact-us-accordion .panel-title a[aria-expanded="false"]::after {
    content: "\f055";
}
.contact-us-accordion .panel-body {
    padding: 20px 20px 20px 30px;
}
.contact-us-accordion .title {
    font-family: "Roboto Condensed";
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
}
.contact-us-accordion .address .icon {
    float: left;
    margin-right: 10px;
}
.contact-us-accordion .address .icon i {
    font-size: 16px;
}
.contact-us-accordion .address .info {
    padding-left: 25px;
}
.contact-us-accordion .address .info p {
    line-height: 20px;
    margin-bottom: 17px;
}
.contact-us-accordion .address .info p.link {
    margin-bottom: 0px;
}
.contact-us-accordion .address .info.details p {
    margin-bottom: 5px;
}
.contact-us-accordion .address .info.details p:last-child {
    margin-bottom: 20px;
}
.contact-us-accordion .address a {
    color: #e6bc85;
}
.contact-us-accordion .panel-title a:hover,
.contact-us-accordion .address a:hover {
    color: #212359;
}
.contact-form-title p {
    display: inline-block;
    position: relative;
    padding-bottom: 3px;
}
.contact-form-title p::after {
    background-color: #ccc;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.contact-us-accordion .contact-input-box {
    float: left;
    margin-bottom: 10px;
    width: 100%;
    padding: 0px 4px;
}
.contact-message {
    margin-bottom: 10px;
}
.contact-input-box input,
.contact-message textarea {
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
}



.contact-message label {
    display: block;         /* Ensures the label is on its own line */
    margin-bottom: 5px;     /* Adds some space below the label */
    font-weight: bold;      /* Optional: Make the label stand out */
}

.contact-us-accordion .submit-button button {
    background-color: #fdd700;
    border: 1px solid #fdd700;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    padding: 6px 25px;
    text-transform: uppercase;
    color: #444;
    border-radius: 2px;
}
.contact-us-accordion .submit-button button:hover {
    background-color: #4f87c7;
    border-color: #4f87c7;
    color: #fdd700;
}
.accordion-title h2 {
    color: #666;
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 25px;
}
.contact-us-1-area #googleMap {
    margin-top: 15px;
}
.contact-us-1-area .map-title {
    margin-top: 25px;
}
.map-title h3 {
    font-size: 18px;
}
.contact-us-2-map  #googleMap {
    height: 400px;
}

/*----------------------------------------*/
/*  46.2  client-testimonial
/*----------------------------------------*/

.client-testimonial {
    padding-bottom: 150px;
}
.client-testimonial .testimonial-slider {
    padding: 200px 0;
    background-color: #fdfdfd;
}
.testimonial-slider .testimonial-slider-contents {
    background-color: #f6f6f6;
    border: 1px solid #ddd;
}
.client-testimonial .section-heading h2 {
    font-weight: 300;
}
.client-testimonial .skill-testimonial-content-2 {
    position: relative;
    background-color: #f6f6f6;
    /*border-bottom-color: #e6bc85;*/
    border-bottom-color: #fdd700;
    border-bottom: 3.5px solid #fdd700; /* Set a thinner border-bottom with specific width */
    border-radius: 0px;
    padding-top: 30px;
}

/* Small white triangle (overlap effect) */
.client-testimonial .skill-testimonial-content-2::after {
    background-color: #f6f6f6; /* Same as the main background color */
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 8%; /* Center horizontally */
    bottom: -10px;
    transform: translateX(-50%) rotate(45deg);
}

/* Yellow triangle (for the base layer) */
.client-testimonial .skill-testimonial-content-2::before {
    background-color: #fdd700; /* Yellow color */
    content: "";
    position: absolute;
    width: 24px; /* Slightly larger than ::after */
    height: 24px;
    left: 8%; /* Center horizontally */
    bottom: -16px;
    transform: translateX(-50%) rotate(45deg);
}

.client-testimonial .skill-testimonial-info-2 {
    margin-top: 25px;
}
.testimonial-contact {
    background-color: #f6f6f6;
    border: 1px solid #212359;
    margin-top: 70px;
    padding: 40px 20px;
}
.testimonial-contact .section-heading h2 {
    margin-bottom: 40px;
    color: #212359;
}
.testimonial-contact .submit-button {
    text-align: right;
}

/*----------------------------------------*/
/*  46.3  help-center
/*----------------------------------------*/

.help-center-area {
    padding: 70px 0px;
}
.help-center-area .single-mission {
    border: 1px solid #f5f5f5;
    width: 100%;
}
.help-center-area .single-mission .mission-title h3 {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 5px;
}
.help-center-area .mission-info {
    background-color: #f5f5f5;
    padding-top: 50px;
}
.help-center-area .mission-info h3 {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 6px;
}
.help-center-area .mission-info p {
    color: #444;
    font-weight: 400;
}
.help-center-area .mission-info a {
    background-color: #e6bc85;
    color: #444;
    display: inline-block;
    font-weight: 300;
    margin-top: 10px;
    padding: 6px 25px;
}
.help-accordion {
    margin-top: 70px;
}
.help-accordion .title h2 {
    color: #666;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 20px;
}
.help-accordion .panel-group .panel-default {
    border-color: #c8e3ea;
}
.help-accordion .panel-heading {
    padding: 0;
}
.help-accordion .panel-title a {
    background-color: #eafbff;
    display: block;
    padding: 12px 15px;
}
.help-accordion .panel-body {
    border-top-color: #c8e3ea !important;
}
.help-accordion h4.panel-title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 5px;
}
.help-accordion .panel-body {
    color: #333;
}
.help-accordion .panel-title a {
    position: relative;
    padding-left: 35px;
}
.help-accordion .panel-title a[aria-expanded="true"]:before,
.help-accordion .panel-title a[aria-expanded="false"]:before {
    content: "\f068";
    font-family: "fontawesome";
    left: 15px;
    position: absolute;
    top: 15px;
    color: #444;
}
.help-accordion .panel-title a[aria-expanded="false"]:before {
    content: "\f067";
}
.help-center-area .section-heading h3 {
    color: #666;
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 50px;
    text-transform: uppercase;
}
.help-center-area .section-heading h2 {
    color: #666;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 6px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}
.help-center-sidebar {
    background-color: #f5f5f5;
    padding: 20px 30px;
}
.help-time .title h3 {
    color: #666;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.help-time .time h1 {
    color: #666;
    font-size: 65px;
    padding: 15px;
    margin-bottom: 0px;
}
.help-time .open-time h3 {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 19px;
    margin-bottom: 3px;
}
.help-time .open-time {
    margin-top: 30px;
}
.single-help-time .section-heading {
    margin-top: 50px;
}
.single-help-time .section-heading h3 {
    color: #666;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.single-help-time .section-heading p {
    margin-bottom: 10px;
}
.single-help-time .section-heading a {
    color: #e6bc85;
}
.single-help-time .section-heading a:hover {
    text-decoration: underline;
    /*color: #ffc00c;*/
    color: #fdd700;
}

/*----------------------------------------*/
/*  46.4  faq
/*----------------------------------------*/

.help-center {
    margin-top: 80px;
}
.faq-area .panel-title span {
    font: 500 15px/23px "Roboto",sans-serif;
}
.faq-area .panel-title span i {
    margin-right: 10px;
}
.faq-tab-bar {
    margin-bottom: 30px;
}
.faq-tab-bar li {
    display: inline-block;
}
.faq-tab-bar li a {
    border-bottom: 3px solid transparent;
    color: #444;
    display: block;
    font: 600 14px/21px "Open Sans",sans-serif;
    margin: 0 20px 10px 0;
    padding: 8px 10px;
    text-transform: uppercase;
}
.faq-tab-bar li.active a {
    border-color: #666;
}
.helpfull-link-contact-form {
    padding-top: 60px;
}
.helpfull-link-contact-form .helpfull-link,
.helpfull-link-contact-form .contact-form {
    border: 1px solid #212359;
    padding: 20px;
}
.helpfull-link ul li a {
    border-bottom: 1px solid #e5e5e5;
    color: #dbaf76;
    display: block;
    margin: 4px 0;
    padding-bottom: 4px;
}
.login-area {
    background-color: #eefaff;
    margin-top: 50px;
    padding: 20px;
}
.login-area .contact-input-box {
    margin-bottom: 10px;
}
.login-area .contact-form-title {
    font-size: 24px;
    text-align: center;
}
.helpfull-link-contact-form .submit-button button, .login-area .submit-button button {
    background-color: #e6bc85;
    border: 1px solid #e6bc85;
    color: #fff;
    padding: 8px 15px;
    text-transform: uppercase;
}

/*----------------------------------------*/
/*  46.5  question-answer
/*----------------------------------------*/

.question-answer-area {
    padding: 70px 0;
}
.question-answer-sidebar {
    background-color: #f5f5f5;
    padding: 30px 20px;
}
.question-menu .title h2 {
    font-size: 24px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.question-menu ul li a {
    border-bottom: 1px solid #eee;
    color: #444;
    display: block;
    font-size: 14px;
    padding: 5px 20px 4px 10px;
    text-transform: uppercase;
}
.question-menu ul li a i {
    float: right;
    margin-top: 5px;
}
.question-menu ul li ul li a {
    color: #e5bc85;
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 2px;
    text-transform: capitalize;
}

/*----------------------------------------*/
/*  46.6  about-us
/*----------------------------------------*/

.page-about-us {
    float: left;
    margin-right: 6%;
    width: 47%;
}
.page-about-us p {
    margin-bottom: 0;
    margin-top: 30px;
    margin-left: 200px;
    /*text-align: justify;*/
}
.makes-great-area {
    background-color: #f9f9f9;
    padding: 100px 0;
}
.simple-text p {
    line-height: 22px;
}
.we-do.page {
    background-color: #f5f5f5;
    background-image: url("none.html");
}
.testimonial-area.page {
    background-color: #f5f5f5;
}
.counter-area.page {
    background-color: #fff;
    background-image: url("none.html");
}
.page .counter {
    color: #666;
    font-size: 32px;
}
.page .icon-info h4 {
    color: #444;
    font-size: 24px;
}
.single-counter-style-2 h1 {
    margin-bottom: 5px;
}
.page .single-we-do-content .icon {
    color: #e6bc85;
    border: 1px solid #777;
    width: 60px;
    font-size: 28px;
    height: 65px;
    line-height: 65px;
}

/*----------------------------------------*/
/*  46.7  our-office
/*----------------------------------------*/

.office-location-area, .office-skill-area {
    padding: 100px 0;
}
.office-location-area {
    background-color: #fff;
}
.office-skill-area {
    background-color: #f5f5f5;
}
#page-map {
    height: 180px;
    width: 100%;
}
.contact-address.pages ul li i {
    border: 1px solid #999;
    padding: 2px;
    width: 22px;
    height: 22px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 2px;
    font-size: 12px;
}
.page-contact h3 {
    color: #444;
    font-size: 16px;
    margin-top: 15px;
    letter-spacing: 10px;
}

.page .skill-progress-bar,
.meet-team .skill-progress-bar {
    margin-top: 5px;
}
.team-area.pages {
    padding: 100px 0px;
    background-image: none;
}
.we-do.pages {
    background-color: #f5f5f5;
    background-image: none;
    padding: 100px 0;
}
.pages .single-we-do-content .icon {
    color: #666;
    font-size: 30px;
}
.our-office-workplace-area.pages {
    padding: 100px 0px;
}

/*----------------------------------------*/
/*  46.8  meet-team-1
/*----------------------------------------*/

.meet-team {
    border: 4px solid #eeeeee;
    margin: 100px 0;
    overflow: hidden;
}
.meet-tab-nav {
    background-color: #eeeeee;
}
.meet-tab-nav li {
    display: inline-block;
}
.meet-tab-nav li a {
    color: #666;
    display: block;
    padding: 10px 15px;
}
.meet-tab-nav li.active a {
    background-color: #fff;
}
.meet-single-img {
    float: left;
    width: 33.33%;
}
.meet-single-content {
    float: left;
    width: 66.66%;
    padding-top: 100px;
}
.meet-team .skill-progress {
    width: 100%;
}
.meet-team-social {
    margin-bottom: 45px;
    margin-top: 20px;
}
.meet-team-social ul li {
    display: inline-block;
}
.meet-team-social ul li a {
    background-color: #eee;
    border: 1px solid #ddd;
    color: #e9534f;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    text-align: center;
    width: 30px;
}
.meet-single-content .name h2 {
    color: #666;
    font-size: 20px;
}
.meet-single-content .post h4 {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}

/*----------------------------------------*/
/*  46.9  meet-team-2
/*----------------------------------------*/

.meet-team-slider {
    padding: 100px 0px;
}
.meet-slider.owl-theme .owl-controls .owl-buttons div {
    background-color: #fff;
    border-radius: 2px;
    color: #000;
    height: 35px;
    left: 0;
    line-height: 35px;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 35px;
    font-size: 15px;
}
.meet-slider.owl-theme .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: 0;
}
.has-border {
    border-right: 1px solid #ddd;
}
.pages .border {
    display: block;
    height: 120px;
    position: relative;
}
.pages .border::after {
    background-color: #ddd;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
}
.pages.team-member-2 .info {
    padding: 28px;
    text-align: center;
}
.pages .info .name h3 {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.pages .info .position h4 {
    font-size: 13px;
    letter-spacing: 2px;
    opacity: 0.5;
    text-transform: uppercase;
}
.join-with-us {
    padding: 100px 0;
}
.join-with-us-btn a {
    background-color: #e6bc85;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 35px;
    line-height: 35px;
    padding: 20px 50px;
}
.join-with-us-btn a:hover {
    background-color: #d8aa6f;
}

/*----------------------------------------*/
/*  46.10  meet-team-3
/*----------------------------------------*/

.meet-team-area.pages {
    padding: 100px 0;
}
.pages .section-title h1 {
    color: #666;
    font-size: 18px;
    letter-spacing: 5px;
}
.pages .special-team-img {
    float: left;
    width: 50%;
}
.pages .special-team {
    border: 1px solid #ddd;
    overflow: hidden;
}
.pages .special-team .meet-single-content {
    padding: 20px;
    width: 50%;
}
.pages .special-team .text {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    color: #444;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px 0;
}
.pages .special-team .text p {
    margin: 0;
}
.special-team .meet-single-content .name h2 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.special-team .meet-single-content .post {
    opacity: 0.5;
}
.special-team .meet-team-social {
    margin-bottom: 0;
    margin-top: 30px;
}
.pages .skill-progress.style-2 {
    margin-top: 0px;
}
.pages .skill-team {
    float: left;
    width: 47%;
}
.counter-area.pages {
    background-image: none;
    padding: 100px 0;
}
.pages .single-counter-style-2 i {
    color: #e6bc85;
    font-size: 30px;
}
.pages .single-counter-style-2 {
    border: 1px solid #ddd;
    padding: 40px;
}
.pages .single-counter-style-2 h1 {
    color: #666;
    font-size: 32px;
    margin-top: 5px;
}
.pages .single-counter-style-2 .icon-info h4 {
    color: #666;
    font-size: 14px;
}

/*----------------------------------------*/
/*  46.11  meet-team-4
/*----------------------------------------*/

.pages .team-inner-content {
    background-color: #2bcdc0;
}
.pages .team-inner-content .team-info h3 {
    color: #fff;
}
.pages .single-team.team-style-4 .team-social {
    background-color: #22a399;
}
.padding {
    display: block;
    height: 80px;
}
.middle {
    display: table;
    height: 100%;
    margin-top: 10px;
    width: 100%;
}
.join-us {
    display: table-cell;
    vertical-align: middle;
    background-color: #f8f8f8;
    height: 352px;
    text-align: center;
}
.join-us h3 {
    color: #666;
    font-size: 39px;
    line-height: 45px;
    text-transform: uppercase;
}
.join-us a {
    background-color: #e6bc85;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    padding: 10px 25px;
    text-transform: uppercase;
}
.pages .single-counter .icon i {
    color: #E6BC85;
}

/*----------------------------------------*/
/*  46.12  plan-pricing
/*----------------------------------------*/

.pages .single-product-page i {
    color: #e6bc85;
    background-color: transparent;
    font-size: 60px;
}
.price-table.pages, .service.pages {
    padding: 100px 0;
}
.price-table.pages {
    background-color: #f5f5f5;
}

/*----------------------------------------*/
/*  46.13  page-location
/*----------------------------------------*/

.page-location-area {
    background-color: #f7f7f7;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    padding: 20px 0;
}
.page-location ul li {
    display: inline-block;
    list-style-type: none; 
    font-size: 12px;
    text-transform: uppercase;
    margin-right: 10px;
    /*color: #ffc00c; */
    /*color: #fdd700;*/
    color: #212359;
}
.page-location ul li:first-child {
    font-weight: 700;
    letter-spacing: 1px;
    color: #212359;
}

/*.page-location p {
    list-style-type: none; 
    font-size: 12px;
    margin-top: 10px;
    color: #ffc00c; 
    color: #fdd700;

}*/

.page-location p {
    display: inline-block;
    list-style-type: none; 
    font-size: 12px;
    text-transform: uppercase;
    margin-right: 10px;
    font-weight: 500;
    /*color: #ffc00c; */
    color: #fdd700;
}

/* Style for date and time display */
#current-date-time {
    font-weight: 300; /* Medium boldness */
    /*color: #b0b0b0;  Light grey color */
    color: #d0d0d0;
    text-align: center;
    margin: 0 auto;
    font-size: 27px; /* Responsive font size based on viewport width */
    
    /* Centering the element */
    line-height: 1; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Small screens (e.g. phones) */
@media (max-width: 767px) {
    #current-date-time {
        font-size: 15px; /* Fixed font size for smaller screens */
    }
}

@media (min-width: 768px) {
    #current-date-time {
        font-size: 20px; /* Medium size for tablets */
    }
}

@media (min-width: 1024px) {
    #current-date-time {
        font-size: 30px; /* Smaller size for larger screens */
    }
}






.page-location ul li i {
    font-size: 14px;
    margin-right: 10px;
}
.page-location i {
   /* color: #e6bc85;*/
   /*color: #1a61f7; */
   color: #212359;
}

.page-location a {
    /* color: #e6bc85;*/
    /*color: #1a61f7; */
    color: #212359;
    font-weight: 500;
 }

/*----------------------------------------*/
/*  47.  shop
/*----------------------------------------*/

.shop-page {
    padding-bottom: 55px;
    padding-top: 70px;
}
.shop-pagination {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    overflow: hidden;
    padding: 40px 0;
}
.pagination-shop{
    float: left;
}
.pagination-shop ul li.display {
    padding-right:10px;
}
.pagination-shop ul li.page-one {
    padding-left:10px;
}
.pagination-shop ul li {
    display:inline-block;
}
.pagination-shop ul li a {
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
    /*color: #888;*/
    color: #212359;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    vertical-align: middle;
    text-decoration:none;
    font-weight:700;
}
.page-right{
    float: right;
    margin-top: 8px;
}
.pagination-bottom {
    padding-top: 20px;
    text-align: center;
    margin-bottom: 25px;
}
.pagination-bottom a {
    color: #e5e5e5;
    font-size: 12px;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
}
.pagination-bottom a:hover {
    /*color:#888;*/
    color: #212359;
}

/*----------------------------------------*/
/*  48.  single-shop
/*----------------------------------------*/

.product-area {
    padding-bottom: 0;
    padding-top: 70px;
}
.product-left {
    float: left;
    margin-right: 12px;
    width: 14%;
}
.product-left span {
    display: block;
    margin-bottom: 12px;
}
.product-right {
    overflow: hidden;
}
.product-desc h3 {
    margin-bottom: 10px;
}
.product-desc>span {
    /*color: #888;*/
    color: #212359;
    font-size: 12px;
}
.product-price-full {
    margin-top: 15px;
}
.product-price-full span.p-price-full {
    font-size: 18px;
    font-weight: 700;
}
.product-price-full span.p-price-g {
    display: block;
}
.product-rating-full {
    margin: 15px 0;
}
.product-rating-full a i {
    color: #e8263a;
}
.color-size {
    margin-top: 40px;
}
.color-size-list {
    float: left;
    margin-right: 10px;
    width: 140px;
}
.color-size-list h4 {
    color: #666;
    font-size: 16px;
}
ul.color-s-menu {
    background:#fff;
}
ul.color-s-menu li {
    position:relative;
}
ul.color-s-menu li a {
    border: 1px solid #aaa;
    color: #444;
    display: block;
    font-weight: 700;
    padding: 10px 15px;
    text-decoration: none;
}
ul.color-s-menu li a:hover {
    background:#e8263a;
    color:#fff;
}
ul.color-s-menu li ul {
    opacity: 0;
    position: absolute;
    top: 130%;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: -99;background:#fff;
}
ul.color-s-menu li:hover ul {
    opacity:1;
    z-index:999;
    top:100%;
}
ul.color-s-menu li ul li a {
    border:0;
    border-bottom:1px solid #aaa;
    border-left:1px solid #aaa;
    border-right:1px solid #aaa;
    padding: 8px;
}
.contact-us-for-more {
    margin-top: 20px;
}
.contact-us-for-more a {
    background-color: #eee;
    color: #444444 !important;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    padding: 5px 20px;
    text-decoration: none;
}
.contact-us-for-more a:hover {
    background:#D5D5D5;
}
.clear {
    clear:both;
}
.no-stock {
    margin-top: 35px;
}
.number-select input[type=number]{
    border: 1px solid #aaa;
    height: 40px;
    margin-right: 15px;
    text-align: center;
    width: 54px;
}
.number-select input[type="button"] {
    background: #e8263a;
    border: medium none;
    color: #fff;
    height: 40px;
    padding: 0 15px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.number-select input[type=button]:hover{
    background: #ED5464;
}
.product-tab {
    margin-top: 30px;
}
.product-tab ul.nav.nav-tabs {
    margin-bottom: 30px;
}
.product-tab ul {
    border: medium none;
}
.product-tab ul li {
    margin-right: 15px;
}
.product-tab ul li.active a {
    border: medium none;
}
.product-tab ul li a {
    border: 0 none;
    color: #444;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-transform: uppercase;position:relative
}
.product-tab .nav > li > a:focus,
.product-tab .nav > li > a:hover {
    background-color: inherit;
    border: medium none;
    text-decoration: none;
}
.product-tab .nav-tabs > li > a:hover {
    border: 0 none;
}
.product-tab ul li a:after {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    width: 0;
}
.product-tab ul li a:hover:after {
    width: 40px;
}
.product-tab ul li.active a:after {
    width: 100%;
}
ul.desc-tav-p {
    list-style: inside none disc;
    margin-left: 35px;
    margin-top: 25px;
    padding: inherit;
}
ul.desc-tav-p li {
    color:#666;
}
.product-tab-content p {
    color:#666
}
.speci-content p {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 8px;
    padding-bottom: 7px;
}
.speci-content p:last-child {
    border-bottom:0;
}
.speci-content p a {
    color: #e8263a;
}
.tab-comments{
    border: 1px solid #aaa;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 30px;
}
.tab-admin{
    float: left;
    width: 25%;
}
.tab-admin h4{
    color: #444;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
.tab-admin span{
    color: #999;
}
.tab-p-rating{
    float: left;
    text-align: center;
    width: 25%;
}
.tab-p-rating a i {
    color: #e8263a;
}
.list-note{
    float: left;
    text-align: center;
    width: 25%;
}
.list-note span{
    color: #999;
}
.like-icon-tab{
    float: right;
    text-align: right;
    width: 25%;
}
span.like-button i {
    color: #e8263a;
    font-size: 16px;
}
span.dislike-button{
    margin-left: 10px;
}
span.dislike-button i{
    color: #D14233;
    font-size: 16px;
}
span.list-comments{
    color: #444;
    display: block;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 30px;
}
.comments-text-p {
    display: block;
    float: left;
    margin-top: 20px;
}
.comments-text-p  p{
    margin-bottom:0;
    font-size:15px;
}
.result-comments{
    text-align:center;
}
.result-comments p{
    color: #999;
    margin: 0;
}
.related-product-list-title {
    margin-top: 100px;
}
.related-product-list-title h3{
    border-bottom: 1px solid #ddd;
    border-color: #f0f0f0 #f0f0f0 #ddd;
    color: #444;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 35px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.fancybox-overlay {
    z-index: 9999;
}
.product-area .shop-pagination {
    margin-top: 50px;
}

/*----------------------------------------*/
/*  49.  checkout , cart & wishlist
/*----------------------------------------*/

.checkout-area {
    padding-top: 50px;
}
.cart-area,
.wishlist-area {
    padding-top: 30px;
}
.checkout-content table {
    text-align:center;
}
.checkout-content thead th {
    text-align:center;
}
.checkout-content thead tr {
    color: #555555;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}
.checkout-content thead tr th,
.checkout-content table td {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 1px solid #f0f0f0 !important;
    margin: 0;
    padding: 15px 20px !important;
}
.checkout-content thead tr th.cart-img-title,
.checkout-content table tr td.cart_product_image_value {
    width: 15%;
}
.checkout-content table tr.table-row1:hover,
.checkout-content table tr.table-row2:hover {
    background:#F8F8F8;
}
tr.table-row3 td.cart_empty_footer {
    border-bottom: 0 none !important;
    border-left: 0 none !important;
}
tr.table-row3 td.cart_final_total_title {
    font-weight: 700;
    text-transform: uppercase;
}
tr.table-row3 td.cart_total_value {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}
.pro-photo-checkout > img {
    width: 100%;
}
p.cart_product_name a {
    color: #666;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
}
p.cart_product_name a span {
    color: #999 !important;
    display: block;
    font-size: 14px;
    font-weight: 400;
}
span.product_price {
    color: #444;
    font-weight: 700;
}
p.cart_product_name a:hover {
    color:#000
}
.product-quantity-t input[type=text] {
    border: 1px solid #aaa;
    height: 35px;
    text-align: center;
    width: 50px;
}
.product-quantity-t a i {
    color: #444;
    font-size: 17px;
    margin-left: 5px;
}
.convert-cart {
    border-bottom: 1px solid #ddd;
    margin-top: 30px;
    padding-bottom: 40px;
}
.convert-cart input[type="button"] {
    background: #e8263a none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 15px;
    padding: 6px 15px;
    text-transform: uppercase;
}
.convert-cart input[type=button]:hover,
.add-wishlist input[type=button]:hover {
    background: #ed5464;
}
.convert-cart p {
    margin-top: 30px;
}
.convert-cart p span {
    background: #e8263a none repeat scroll 0 0;
    border-radius: 8px;
    color: #fff;
    padding: 1px 5px;
}
span.cart-bottom-link a {
    color: #999;
    text-decoration: none;
}
span.cart-bottom-link {
    display: block;
    margin-top: 20px;
    text-align: center;
}
span.cart-bottom-link a:hover {
    color:#444;
}
.add-delete i {
    color: #444;
    font-size: 17px;
}
.cart_empty_total {
    font-weight: 700;
}
.add-wishlist input[type="button"] {
    background: #e8263a none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-weight: 400;
    padding: 6px 10px;
    text-transform: uppercase;
}
.cart-search {
    background: #eeeeee none repeat scroll 0 0;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 20px 0;
    text-align: center;
}
.cart-search p {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
}
.cart-search input[type=text] {
    border: medium none;
    height: 35px;
    padding-left: 10px;
    width: 200px;
}
.cart-search:hover {
    background:#ddd;
}
.wish-cart-title h3 {
    font-size: 18px;
    font-weight: 300;
    margin: 13px 0 0;
}
.wish-cart-icon {
    text-align: right;
}
.wish-cart-icon a i {
    border: 1px solid #999;
    color: #999;
    font-size: 20px;
    height: 35px;
    padding-top: 6px;
    text-align: center;
    width: 35px;
}
.wish-m {
    padding:15px 0;
}



/*----------------------------------------*/
/*  50.  footer-top
/*----------------------------------------*/

.footer-top-area {
    background-color: #444444;
}
.footer-top-area.home-16 {
    padding: 100px 0px;
    background-image: url(img/other/footer-bg.jpg);
}
.footer-top-area.home-18 {
    padding: 100px 0px;
    background-image: url(img/other/footer-bg-2.jpg);
}
.single-footer-top {
    border-right: 1px solid #000;
    float: left;
    padding: 50px 35px;
    width: 25%;
}
.single-footer-top:last-child {
    border-right: 0 none;
}
.single-footer-top .logo a {
    display: block;
    width: 150px;
}
.single-footer-top .logo p {
    color: #ccc;
    line-height: 24px;
    margin: 20px 0;
}
.footer-top-title {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.single-footer-top ul li {
    border-bottom: 1px solid #555;
    color: #ccc;
    line-height: 26px;
    padding: 5px 0;
    text-transform: capitalize;
}
.single-footer-top ul li a {
    color: #ccc;
}
.single-footer-top ul li a:hover {
    color: #eee;
}
.single-footer-top ul li:last-child,
.single-footer-top .working-hour ul li:last-child {
    border: 0 none;
}
.single-footer-top ul li span {
    float: right;
}
.single-footer-top .working-hour ul li {
    border-bottom: 1px dashed #555;
}
.single-footer-top .working-hour ul li:hover {
    color: #23C6EC;
}
.single-footer-top .working-hour ul li.closed:hover {
    color: #F13E3E;
}
.single-footer-top .working-hour ul li.closed span {
    background-color: #f13e3e;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    padding: 1px 5px;
    text-transform: lowercase;
}
.contact-address ul li i {
    margin-right: 10px;
    font-size: 16px;
}
.footer-top-style-2 {
    padding: 50px 0;
}
.footer-logo a {
    display: block;
    padding-bottom: 25px;
    width: 150px;
}
.footer-title h3 {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.home-16 .footer-title h3 {
    font-weight: 400;
}
.footer-menu ul li a {
    color: #636363;
    display: inline-block;
    margin-bottom: 15px;
}
.home-16 .footer-menu ul li a {
    border-bottom: 1px solid #fff;
    display: block;
    margin-bottom: 8px;
    padding-bottom: 7px;
}
.single-footer-gallery a {
    border-radius: 2px;
    float: left;
    margin: 2px;
    width: 52px;
}
.single-footer-gallery a:hover {
    opacity: 0.8;
}
.footer-menu ul li a:hover {
    opacity: 0.8;
}
.footer-social a {
    background-color: #306199;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 40px;
}
.footer-social a:first-child {
    text-transform: uppercase;
    width: 130px;
}
.footer-social a:first-child:hover {
    background-color: #244872;
}
.footer-social a:first-child i {
    background-color: #fff;
    color: #306199;
    line-height: 17px;
    margin-right: 10px;
}
.footer-social a:nth-child(2) {
    background-color: #e93f2e;
}
.footer-social a:nth-child(3) {
    background-color: #26c4f1;
}
.footer-social a:nth-child(4) {
    background-color: #32506d;
}
.footer-social a:nth-child(2):hover {
    background-color: #CE2616;
}
.footer-social a:nth-child(3):hover {
    background-color: #0EAAD6;
}
.footer-social a:nth-child(4):hover {
    background-color: #22364A;
}
.footer-try > a {
    background-color: #000;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-bottom: 40px;
    opacity: 0.3;
    padding: 7px 50px;
}
.footer-try p a {
    color: #66c3da;
    text-transform: capitalize;
    word-spacing: 2px;
}
.footer-try p a:hover {
    text-decoration: underline;
    /*color: #ffc00c;*/
    color: #fdd700;
}
.footer-try p {
    margin-bottom: 30px;
}
.footer-social-2 a {
    color: #666;
    padding: 0 15px 0 0;
}
.footer-top-area.home-18 .footer-social-2 a {
    color: #fff;
}
.footer-social-2 a:hover {
    opacity: 0.7;
}
.footer-top-area.home-18 p {
    color: #ccc;
}
.footer-top-area .footer-menu ul li a {
    color: #ccc;
}
.footer-top-area.home-18 .footer-menu ul li a:hover {
    color: #fff;
    opacity: 1;
}
.footer-top-area.home-18 .footer-title h3 {
    color: #fff;
}
.footer-top-area.home-18 .footer-try > a {
    background-color: #eee;
    color: #000;
}

/*----------------------------------------*/
/*  51.  footer
/*----------------------------------------*/

.footer-area {
    padding: 35px 0px;
    /*border-top: 1px solid #e6bc85;*/
    border-top: 1px solid #212359;
    position: relative;
}
.footer-area.home-2 {
    border-top: 1px solid #2ecc71;
}
.footer-area.home-4 {
    border-top: 1px solid #1ABC9C;
}
.home-6 {
    border-top: 1px solid #23C6EC;
    background-color: #333333;
}
.footer-area.home-7 {
    border-top: 1px solid #FF6C2C;
}
.footer-area.home-8 {
    border-top: 1px solid #473b87;
}
.footer-area.home-9 {
    border-top: 1px solid #E8263A;
    background-color: #222;
}
.footer-area.home-10,
.footer-area.home-17 {
    border-top: 1px solid #9FCD9D;
}
.footer-area.home-11 {
    border-top: 1px solid #2ECC71;
}
.footer-area.home-12 {
    border-top: 1px solid #BECA3B;
}
.footer-area.home-13 {
    border-top: 1px solid #1ABC9C;
}
.footer-area.home-14 {
    border-top: 1px solid #FFC94C;
}
.footer-area.home-16 {
    border-top: 1px solid #FF6C2C;
}
.footer-area.home-18 {
    border-top: 1px solid #E72639;
}
.footer-copyright p {
    /*color: #444;*/
    margin-bottom: 0;
    /*color: #B22222;*/
    color: #555555;
    font-weight: 500;
}
.home-9 .footer-copyright p,
.home-9 .footer-copyright a {
    color: #ccc;
}
.footer-copyright a {
    /*color: #444;*/
    color: #B22222;
}
.home-6 .footer-copyright p,
.home-6 .footer-copyright a {
    color: #aaa;
}
.footer-copyright a:hover {
    text-decoration: underline;
    /*color: #ffc00c;*/
    color: #fdd700;
}
#scrollUp {
    background-color: #fff;
    border-left: 1px solid #212359;
    border-top: 1px solid #212359;
    /*color: #e6bc85;*/
    color:  #fdd700;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: -51px;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
    width: 30px;
}
.home-2 #scrollUp {
    border-left: 1px solid #2ecc71;
    border-top: 1px solid #2ecc71;
    color: #2ecc71;
}
.home-4 #scrollUp {
    border-left: 1px solid #1ABC9C;
    border-top: 1px solid #1ABC9C;
    color: #1ABC9C;
}
.home-6 #scrollUp {
    background-color: #333;
    border-left: 1px solid #23C6EC;
    border-top: 1px solid #23C6EC;
    color: #23C6EC;
}
.home-7 #scrollUp {
    border-left: 1px solid #FF6C2C;
    border-top: 1px solid #FF6C2C;
    color: #FF6C2C;
}
.home-8 #scrollUp {
    border-left: 1px solid #473b87;
    border-top: 1px solid #473b87;
    color: #473b87;
}
.home-9 #scrollUp {
    border-left: 1px solid #E8263A;
    border-top: 1px solid #E8263A;
    color: #E8263A;
    background-color: #222;
}
.home-10 #scrollUp {
    border-left: 1px solid #212359;
    border-top: 1px solid #212359;
    color: #212359;
}
.home-11 #scrollUp {
    border-left: 1px solid #2ECC71;
    border-top: 1px solid #2ECC71;
    color: #2ECC71;
}
.home-12 #scrollUp {
    border-left: 1px solid #BECA3B;
    border-top: 1px solid #BECA3B;
    color: #BECA3B;
}
.home-13 #scrollUp {
    border-left: 1px solid #1ABC9C;
    border-top: 1px solid #1ABC9C;
    color: #1ABC9C;
}
.home-14 #scrollUp {
    border-left: 1px solid #FFC94C;
    border-top: 1px solid #FFC94C;
    color: #FFC94C;
}
.home-17 #scrollUp {
    border-left: 1px solid #9FCD9D;
    border-top: 1px solid #9FCD9D;
    color: #9FCD9D;
}
.home-18 #scrollUp {
    border-left: 1px solid #E72639;
    border-top: 1px solid #E72639;
    color: #E72639;
}
#scrollUp i {
    transform: rotate(-45deg);
}

#custom_translate_wrapper {
    display: inline-flex;
    align-items: center;
    background-color: #fff; /* Light background for contrast */
    padding: 0;
    font-family: Arial, sans-serif;
}

/* Styling for the globe icon */
#custom_translate_wrapper::before {
    content: "\1F310"; /* Globe Unicode character */
    font-size: 16px;
    margin-right: 0;
    color: #212359; /* Dark color for icon */
}

/* Styling the custom dropdown */
#custom_translate_dropdown {
    border: none;
    background-color: transparent;
    font-size: 14px;
    color: #212359;
    font-weight: 100;
    outline: none;
    cursor: pointer;
}



/* Hide the widget on mobile 
@media (max-width: 768px) {
    #custom_translate_wrapper {
        display: none;
    }
}*/

#map {
    height: 500px;
    width: 100%;
}

#search-container {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    background: white;
}

#search-label {
    background: #212359;
    color: white;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
}

#location-search {
    border: none;
    padding: 10px;
    font-size: 14px;
    outline: none;
    flex: 1;
    min-width: 200px;
}