/*
@File: Trice Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

******************************************* 
** - DEFAULT AREA STYLE - **

** - Default Btn Area Style
** - Read More Area Style

** - HOME PAGE STYLE - **

** - Header Area Style
** - Nav Area
** - Hero Slider Area Style
** - Feature Area Style
** - About Area Style
** - Services Area Style
** - Prevent Area Style
** - Process Area Style
** - Project Area Style
** - Product Area Style
** - Appointment Area Style
** - Blog Area Style
** - Blog Area Style
** - Footer Top Area Style
** - Footer Bottom Area Style
** - Sidebar Area Style

** - OTHER STYLE AREA - **

** - Preloader Area Style
** - Go Top Style
** - Video wave Style
** - Section Title Area Style
** - Nice select Area

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


/*
Default Style
============================*/
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,100;1,300&display=swap");
body {
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  /*font-family: "Lato", sans-serif;*/
  font-family: 'Montserrat', sans-serif;
/*  color: #5d5d5d;*/
/*  background:#f8e098;*/
  /*background:#e0d9c7;*/
}

a {
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none;
  color: #190f3c;
}

a:hover {
  text-decoration: none;
  color: #232350;
}

a:focus {
  text-decoration: none;
}

button {
  outline: 0 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}

button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #232350;
  font-weight: 700;
  /*font-family: "Roboto", sans-serif;*/
  font-family: 'Montserrat', sans-serif;
  text-transform: capitalize;
}

h3 {
  font-size: 20px;
  text-transform: capitalize;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

p {
  font-size: 16px;
  margin-bottom: 15px;
/* */

    co1a1a1a:#1a1a1a;
}

p:last-child {
  margin-bottom: 0;
}

img {
  max-width: 100%;
  height: auto;
}

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

.form-control {
  height: 50px;
  color: #232350;
  border: 1px solid #e8e8e8;
  background-color: #f2f9fc;
  border-radius: 4px;
  font-size: 14px;
  padding: 10px 20px;
  width: 100%;
}


.organizer-header
{
  padding:50px 0;
  background:#FFF4E1;
}

.contact-header
{
  padding:50px 0;
  background:#fff;
/*  background:#FFF4E1;*/
}

.contact-name
{
  padding:50px 0;
  background-color: #fff;
}

.contact-address
{
  padding:25px 0;
  background:#FFF4E1;
}

.contact-map
{
  padding:50px 0;
  background-color: #fff;
}

.contact-map h3
{
  color: #b81c62;
    font-weight: 700;
  font-size:24px;
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: 'Montserrat', sans-serif;
}

.contact-header h1
{
  color: #00a3d3;
    font-weight: 700;
  font-size:32px;
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: 'Montserrat', sans-serif;
}

.organizer-content
{
  padding: 0 15px 15px 15px;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin: 30px 0;
}

.organizer-banner
{
  padding:50px 0;
  background:#f8f8f8;
}

.organizer-banner p
{
  text-align:center;
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: 'Montserrat', sans-serif;
  font-size:22px;
  letter-spacing:2px;
  margin-bottom:25px;
}

.organizer-header h1
{
  color: #00a3d3;
    font-weight: 700;
  font-size:38px;
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: 'Montserrat', sans-serif;
  margin-bottom:0;
}

.organizer-header h2
{
  color: #35689f;
  font-size:20px;
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: 'Montserrat', sans-serif;
  font-weight:400;
  margin-top:0;
}

/*akchhaya 07-11-2023*/
.organizer-content .organizer-header img {
    height: 90px;
}
.organizer-content .organizer-header h2 {
    font-size: 20px;
    margin-top: 10px;
}

.category-header
{
  padding:25px 0;
  text-align:center;
  background-color: #fff;
}

.category-header h1
{
  color: #4e5077;
    font-weight: 700;
  font-size:28px;
}


.catogries-list 
{

background-color:#fff;
padding:50px 0;

}


.catalogue 
{
  padding:25px 0;
  background: #fff4e1;
}


.catalogue-details
{
  padding:25px 0;
  background-color: #fff;
  
}

.catalogue-details-links
{
  letter-spacing:4px;
  font-size:16px;
  
}

.catalogue-details-links a
{
  font-size:16px;
  
}

.catalogue h2
{
  color:#4e5077;
  font-weight:700;
/*font-family: 'Open Sans', sans-serif;*/
font-family: 'Montserrat', sans-serif;
font-size:22px;
text-align:center;
margin-bottom:25px;
}



.catalogue ul li
{
  width:19%;
  display:inline-block;
  text-align:center;
}


.catalogue ul li a
{
  color:#00a3d3;
font-weight:700;
/*font-family: 'Open Sans', sans-serif;*/
font-family: 'Montserrat', sans-serif;
font-size:16px;
}


.catogries-list p
{
color:#4e5077;
font-weight:700;
/*font-family: 'Open Sans', sans-serif;*/
font-family: 'Montserrat', sans-serif;
font-size:16px;
  
}

.catogries-list img
{
margin-bottom:10px;
  
}

.navbar-expand-md .navbar-nav {
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
}

.form-control::-webkit-input-placeholder {
  color: #495057;
}

.form-control:-ms-input-placeholder {
  color: #495057;
}

.form-control::-ms-input-placeholder {
  color: #495057;
}

.form-control::placeholder {
  color: #495057;
}

.form-control:focus {
  color: #1a1a1a000;
  background-color: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  outline: 0;
  border: 1px solid #190f3c;
}

.form-control:hover:focus, .form-control:focus {
  -webkit-box-shadow: unset;
          box-shadow: unset;
}

textarea.form-control {
  height: auto;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.ptb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}


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

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

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


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

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

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

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


.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}
.mb-10 {
  margin-bottom: 10px!important;
}

.mt-100 {
  margin-top: -100px;
}

.bg-color {
  background-color: #eefbfc;
}

/*
Default Btn Area Style*/
.default-btn {
  font-size: 16px;
  color: #fff;
  padding: 15px 30px;
  line-height: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-transform: capitalize;
  position: relative;
  cursor: pointer;
  border-radius: 50px;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  background-color: #d99e2a;
/*  background-color: #6d87c6;*/
/*  background-color: #56c3bc;*/
}

.default-btn::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0%;
  width: 100%;
  height: 50%;
  background-color: #4e5077;
  z-index: -1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.default-btn::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0%;
  width: 100%;
  height: 50%;
  background-color: #4e5077;
  z-index: -1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.default-btn.active {
  margin-left: 20px;
  color: #232350;
  background-color: #4e5077;
}

.default-btn:hover {
  color: #ffffff;
}

.default-btn:hover::before {
  top: 0;
  background-color: #04b8e5;
}

.default-btn:hover::after {
  bottom: 0;
  background-color: #04b8e5;
}

/*
Read More Area Style*/
.read-more {
  line-height: 1;
  color: #190f3c;
  font-weight: 500;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: block;
  font-size: 13px;
  font-weight: 600;
}

.read-more i {
  position: relative;
  top: 2px;
}

.read-more:hover {
  color: #04b8e5;
}

.read-more:hover i {
  color: #04b8e5;
  -webkit-animation: rotation 0.5s linear infinite;
          animation: rotation 0.5s linear infinite;
}

/*===== DEFAULT STYLE END ======*/
/*====================================================
HOME PAGE ONE STYLE
======================================================*/
/*
Header Area Style
======================================================*/

.social-area-header ul li {
    display: inline-block;
	color: #ffffff;
	margin-left:3px;
	margin-right:3px;
    
}

.social-area-header ul li a {
    
  font-size: 19px;
	color:#35689f;
  /*color:#f45d8a;*/
}



.header-area .top-header-area {
  padding: 10px 0;
  background-color: #d7eaee;
  /*  background-image: linear-gradient(to right, #d3edf9 , #f66ab0);*/
  /*  background-color: #ead9e2;*/
  /*  background-color: #f8e098;*/
  /*background-color: #e0d9c7;*/
}

.header-area .top-header-area .header-content-left li {
  display: inline-block;
  padding-right: 20px;
  color: #ffffff;
}

.header-area .top-header-area .header-content-left li:last-child {
  padding-right: 0;
}

.header-area .top-header-area .header-content-left li a {
  color: #ffffff;
  display: inline-block;
}

.header-area .top-header-area .header-content-left li a i {
  color: #ffffff;
  margin-right: 5px;
  font-size: 15px;
  position: relative;
  top: 2px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.header-area .top-header-area .header-content-left li:hover a {
  color: #04b8e5;
}

.header-area .top-header-area .header-content-left li:hover a i {
  color: #04b8e5;
}

.header-area .top-header-area .header-content-right {
  float: right;
}

.header-area .top-header-area .header-content-right li {
  display: inline-block;
  color: #ffffff;
  padding-left: 20px;
}

.header-area .top-header-area .header-content-right li a {
  color: #ffffff;
}

.header-area .top-header-area .header-content-right li:hover a {
  color: #04b8e5;
}

.header-area .top-header-area .header-content-right li:hover a i {
  color: #04b8e5;
}

/*
Nav Area Style
======================================================*/
.nav-area .navbar-area .main-nav {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-top: 0;
  padding-bottom: 0;
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a {
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  text-transform: capitalize;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-left: 0;
  margin: 0 10px;
  position: relative;
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a i {
  font-size: 20px;
  line-height: 0;
  position: relative;
  top: 5px;
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a:hover {
  color: #04b8e5;
/*  color: #0e0e0e;*/
/*  color: #04b8e5;*/
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a.active {
  color: #04b8e5;
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu {
  background-color: #ffffff;
  border: none;
  border-radius: 0;
  top: 100%;
  left: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  font-size: 13px;
  color: #232350;
  position: relative;
  padding: 10px 15px;
  border-bottom: 1px dashed #eeeeee;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 0;
  height: 1px;
  background-color: #04b8e5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a i {
  float: right;
  top: 12px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 20px;
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
  color: #04b8e5;
  background-color: #f3f3f3;
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #04b8e5;
  background-color: #f3f3f3;
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: 100%;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  top: 0;
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child a {
  border-bottom: none;
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  top: 0px !important;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

/*akchhaya 02-12-2023*/
.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li {
    padding: 0 0!important;
}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item:hover ul {
  opacity: 1;
  visibility: visible;
  top: 100%;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.nav-area .navbar-area.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 999;
  background-color: #232350;
  -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
          box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-transition: all .5s;
  transition: all .5s;
  width: 100% !important;
}

.nav-area .others-option {
  position: relative;
  top: 4px;
}

.nav-area .others-option .get-quote {
  display: inline-block;
  position: relative;
}

.nav-area .others-option .get-quote .default-btn {
  padding: 12px 20px;
}

.nav-area .others-option .burger-menu {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}

.nav-area .others-option .burger-menu i {
  font-size: 40px;
  color: #ffffff;
  position: relative;
  top: -2px;
}

/*
Hero Slider Area Style
======================================================*/
.hero-slider-area {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.hero-slider-area .slider-item {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 452px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.hero-slider-area .slider-item.slider-item-bg-1 {
  background-image: url(../../assets/img/home-slider/SLIDER-57-01.jpg);
}

.hero-slider-area .slider-item.slider-item-bg-2 {
  background-image: url(../../assets/img/home-slider/SLIDER-57-02.jpg);
}

.hero-slider-area .slider-item.slider-item-bg-3 {
  background-image: url(../../assets/img/categories.jpg);
}

.hero-slider-area .slider-item.slider-item-bg-4 {
  background-image: url(../../assets/img/home-slider/4.jpg);
}
.hero-slider-area .slider-item.slider-item-bg-5 {
  background-image: url(../../assets/img/home-slider/5.jpg);
}
.hero-slider-area .slider-item.slider-item-bg-6 {
  background-image: url(../../assets/img/home-slider/SLIDES_01.jpg);
}
.hero-slider-area .slider-item.slider-item-bg-7 {
  background-image: url(../../assets/img/home-slider/SLIDES_02.jpg);
}
.hero-slider-area .slider-item.slider-item-bg-8 {
  background-image: url(../../assets/img/home-slider/SLIDES_03.jpg);
}
.hero-slider-area .slider-item.slider-item-bg-9 {
  background-image: url(../../assets/img/home-slider/SLIDES_04.jpg);
}
.hero-slider-area .slider-item.slider-item-bg-10 {
  background-image: url(../../assets/img/home-slider/SLIDES_05.jpg);
}
.hero-slider-area .slider-item.slider-item-bg-11 {
  background-image: url(../../assets/img/home-slider/11.jpg);
}

/*add by akchhaya 23-12-2023*/
.hero-slider-area .slider-item.slider-item-bg-Home {
  background-image: url(../../assets/img/home-slider/Home-Decor.png);
}
.hero-slider-area .slider-item.slider-item-bg-Lifestyle {
  background-image: url(../../assets/img/home-slider/Lifestyle-Accessories.png);
}
.hero-slider-area .slider-item.slider-item-bg-Fashion {
  background-image: url(../../assets/img/home-slider/Fashion-Accessories.png);
}
.hero-slider-area .slider-item.slider-item-bg-furnishing {
  background-image: url(../../assets/img/home-slider/furnishing.png);
}
.hero-slider-area .slider-item.slider-item-bg-furniture {
  background-image: url(../../assets/img/home-slider/furniture.png);
}
/*add by akchhaya 23-12-2023*/


.hero-slider-area .slider-item .slider-text {
  position: relative;
  max-width: 690px;
  z-index: 1;
  overflow: hidden;
}

.hero-slider-area .slider-item .slider-text span {
  color: #ffffff;
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
}

.hero-slider-area .slider-item .slider-text h1 {
  font-size: 60px;
  color: #ffffff;
  margin-bottom: 30px;
}

.hero-slider-area .slider-item .slider-text p {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 35px;
}

.hero-slider-area .slider-item .video-btn {
  margin: auto;
  display: block;
}

.hero-slider-area .owl-item.active .slider-item::before {
  -webkit-animation: 3s .3s fadeInUp both;
          animation: 3s .3s fadeInUp both;
}

.hero-slider-area .owl-item.active .slider-item::after {
  -webkit-animation: 3s .3s fadeInDown both;
          animation: 3s .3s fadeInDown both;
}

.hero-slider-area .owl-item.active .slider-text.overflow-hidden {
  overflow: hidden;
}

.hero-slider-area .owl-item.active .slider-text.one h1 {
  -webkit-animation: 2s .2s fadeInUpBig both;
          animation: 2s .2s fadeInUpBig both;
}

.hero-slider-area .owl-item.active .slider-text.one p {
  -webkit-animation: 3s .3s fadeInUpBig both;
          animation: 3s .3s fadeInUpBig both;
}

.hero-slider-area .owl-item.active .slider-text.one .slider-btn {
  -webkit-animation: 4s .4s fadeInUpBig both;
          animation: 4s .4s fadeInUpBig both;
}

.hero-slider-area .owl-item.active .slider-text.two h1 {
  -webkit-animation: 2s .2s fadeInLeft both;
          animation: 2s .2s fadeInLeft both;
}

.hero-slider-area .owl-item.active .slider-text.two p {
  -webkit-animation: 2s .2s fadeInRight both;
          animation: 2s .2s fadeInRight both;
}

.hero-slider-area .owl-item.active .slider-text.two .slider-btn {
  -webkit-animation: 2s .2s fadeInUpBig both;
          animation: 2s .2s fadeInUpBig both;
}

.hero-slider-area .owl-item.active .one.video-btn-animat {
  -webkit-animation: 2s .2s zoomIn both;
          animation: 2s .2s zoomIn both;
}

.hero-slider-area .owl-item.active .two.video-btn-animat {
  -webkit-animation: 2s .2s zoomIn both;
          animation: 2s .2s zoomIn both;
}

.hero-slider-area .owl-prev i {
  background-color: transparent !important;
  border-radius: 50%;
  border: 1px solid #ffffff;
}

.hero-slider-area .owl-prev i:hover {
  border-color: #04b8e5;
}

.hero-slider-area .owl-next i {
  background-color: transparent !important;
  border-radius: 50%;
  border: 1px solid #ffffff;
}

.hero-slider-area .owl-next i:hover {
  border-color: #04b8e5;
}

.hero-slider-area .owl-next {
  position: absolute;
  top: 50%;
  right: 30px;
  margin: 0 !important;
  border-radius: 0 !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.hero-slider-area .owl-next i {
  background-color: #190f3c;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 26px;
  border-radius: 4px;
}

.hero-slider-area .owl-next i:hover {
  background-color: #04b8e5 !important;
}

.hero-slider-area .owl-prev {
  position: absolute;
  top: 50%;
  left: 30px;
  margin: 0 !important;
  border-radius: 0 !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.hero-slider-area .owl-prev i {
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 26px;
  border-radius: 4px;
}

.hero-slider-area .owl-prev i:hover {
  background-color: #04b8e5 !important;
}

.hero-slider-area:hover .owl-prev {
  opacity: 1;
}

.hero-slider-area:hover .owl-next {
  opacity: 1;
}

.hero-slider-area .owl-theme .owl-nav {
  margin-top: 0 !important;
}

.hero-slider-area .owl-theme .owl-nav [class*=owl-]:hover {
  background-color: transparent;
}

.hero-slider-area .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

/*
Feature Area Style
======================================================*/
.feature-area {
  margin-top: -100px;
  position: relative;
  z-index: 1;
}

.feature-area .feature-wrap {
  background-color: #04b8e5;
  border-radius: 10px;
}

.feature-area .feature-wrap .single-feature {
  padding: 28px;
  position: relative;
  padding-left: 75px;
}

.feature-area .feature-wrap .single-feature i {
  font-size: 45px;
  color: #ffffff;
  position: absolute;
  left: 20px;
  top: 14px;
}

.feature-area .feature-wrap .single-feature h3 {
  color: #ffffff;
  color: #ffffff;
}

.feature-area .feature-wrap .single-feature p {
  color: #ffffff;
}

.feature-area .hot-line {
  text-align: center;
  background-color: #190f3c;
  padding: 20px;
  border-radius: 10px;
}

.feature-area .hot-line span {
  color: #ffffff;
  font-size: 15px;
  display: block;
  margin-bottom: 5px;
}

.feature-area .hot-line h3 {
  color: #ffffff;
  margin-bottom: 0;
}

.feature-area .hot-line a {
  color: #ffffff;
  font-size: 25px;
  font-weight: 700;
  /*font-family: "Roboto", sans-serif;*/
  font-family: 'Montserrat', sans-serif;
}

.feature-area .hot-line a:hover {
  color: #04b8e5;
}

/*
About Area Style
======================================================*/
.about-content {
  margin-top: -8px;
  margin-bottom: -8px;
}

.about-content span {
  color: #04b8e5;
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}

.about-content h2 {
  font-size: 40px;
  margin-bottom: 25px;
}

.about-content p {
  margin-bottom: 10px;
}

.about-content ul {
  margin-top: 14px;
}

.about-content ul li {
  font-weight: 600;
  font-size: 16px;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}

.about-content ul li:last-child {
  margin-bottom: 0;
}

.about-content ul li i {
  color: #04b8e5;
  position: absolute;
  top: -1px;
  left: 0;
}

.about-content .block-content {
  background-color: #f6fcfe;
  padding: 20px;
  margin-top: 20px;
}

.about-content .default-btn {
  margin-top: 30px;
}

.about-img {
  border: 10px solid #232350;
  border-radius: 50%;
  position: relative;
}

.about-img .about-child {
  position: absolute;
  bottom: 0;
  left: -20px;
  border: 10px solid #232350;
  border-radius: 50%;
}

.about-img .about-child img {
  border-radius: 50%;
  padding: 5px;
}

.about-img img {
  border-radius: 50%;
  padding: 5px;
}

/*
Services Area Style
======================================================*/
.single-services {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  border-radius: 4px;
  padding: 15px;
  position: relative;
  z-index: 1;
}

.single-services::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #190f3c;
  z-index: -1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 4px;
}

.single-services img {
  border-radius: 4px;
}

.single-services .services-content {
  padding: 15px;
  position: relative;
  padding-top: 30px;
}

.single-services .services-content h3 {
  margin-bottom: 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-services .services-content p {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-services .services-content span {
  position: absolute;
  top: -15px;
  right: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  color: #232350;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  font-size: 18px;
  background-color: #ffffff;
}

.single-services:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.single-services:hover::before {
  height: 100%;
  bottom: 0;
  top: auto;
}

.single-services:hover .services-content h3 {
  color: #ffffff;
}

.single-services:hover .services-content p {
  color: #ffffff;
}

.single-services:hover .services-content .read-more {
  color: #04b8e5;
}

.single-services:hover .services-content .read-more i {
  color: #04b8e5;
}

/*
Prevent Area Style
======================================================*/
.prevent-content {
  margin-top: -8px;
  margin-bottom: -8px;
}

.prevent-content span {
  color: #04b8e5;
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}

.prevent-content h2 {
  font-size: 40px;
  margin-bottom: 25px;
}

.prevent-content ul {
  margin-top: 30px;
}

.prevent-content ul li {
  position: relative;
  padding-left: 60px;
  margin-bottom: 30px;
}

.prevent-content ul li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 30px;
  height: 30px;
  background-color: #04b8e5;
}

.prevent-content ul li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: #bcf0fd;
  z-index: -1;
}

.prevent-img {
  border: 10px solid #232350;
  border-radius: 50%;
  position: relative;
}

.prevent-img .prevent-child {
  position: absolute;
  bottom: 0;
  left: -20px;
  border: 10px solid #232350;
  border-radius: 50%;
  -webkit-animation: rotation 30s linear infinite;
          animation: rotation 30s linear infinite;
}

.prevent-img .prevent-child img {
  border-radius: 50%;
  padding: 5px;
}

.prevent-img img {
  border-radius: 50%;
  padding: 5px;
}

/*
Process Area Style
======================================================*/
.single-process {
  text-align: center;
  padding: 12px;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #ffffff;
/*  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);*/
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  min-height: 180px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
}

.single-process img {
  max-width: 50px;
  margin-bottom: 15px;
}

.single-process h3 {
  margin-bottom: 15px;
}

.single-process p {
  margin-bottom: 18px;
}

.single-process span {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: #04b8e5;
  border-radius: 50%;
  color: #ffffff;
  font-weight: 600;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-process:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.single-process:hover span {
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border-radius: 0 0 0 50px;
  font-size: 20px;
  line-height: 60px;
}

/*
Project Area Style
======================================================*/
.project-area {
  position: relative;
  overflow: hidden;
}

.project-area .owl-next {
  position: absolute;
  top: 50%;
  right: 30px;
  margin: 0 !important;
  border-radius: 0 !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}

.project-area .owl-next i {
  background-color: #190f3c;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 26px;
  border-radius: 50%;
}

.project-area .owl-next i:hover {
  background-color: #04b8e5 !important;
}

.project-area .owl-prev {
  position: absolute;
  top: 50%;
  left: 30px;
  margin: 0 !important;
  border-radius: 0 !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}

.project-area .owl-prev i {
  background-color: #190f3c;
  color: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 26px;
  border-radius: 50%;
}

.project-area .owl-prev i:hover {
  background-color: #04b8e5 !important;
}

.project-area:hover .owl-prev {
  opacity: 1;
}

.project-area:hover .owl-next {
  opacity: 1;
}

.project-area .owl-theme .owl-nav {
  margin-top: 0 !important;
}

.project-area .owl-theme .owl-nav [class*=owl-]:hover {
  background-color: transparent;
}

.project-area .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.single-project {
  margin-bottom: 30px;
}

.single-project img {
  border-radius: 4px;
}

.single-project .project-content {
  background-color: #190f3c;
  position: relative;
  padding: 30px;
  border-radius: 30px;
  max-width: 350px;
  margin: -60px auto 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-project .project-content h3 a {
  color: #ffffff;
}

.single-project .project-content h3:hover a {
  color: #04b8e5;
}

.single-project .project-content span {
  color: #04b8e5;
}

.single-project .project-content i {
  position: absolute;
  top: 50%;
  right: 30px;
  background-color: #ffffff;
  color: #232350;
  width: 30px;
  height: 30px;
  line-height: 31px;
  text-align: center;
  border-radius: 50%;
  font-size: 25px;
  -webkit-transform: translateY(-12px);
          transform: translateY(-12px);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-project .project-content i:hover {
  background-color: #04b8e5;
  color: #ffffff;
}

.single-project:hover .project-content {
  max-width: 100%;
  border-radius: 0 0 30px 30px;
}

/*
Product Area Style
======================================================*/
.single-product {
  text-align: center;
  margin-bottom: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-product .product-content {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
}

.single-product .product-content h3 {
  margin-bottom: 10px;
}

.single-product .product-content h3:hover a {
  color: #04b8e5;
}

.single-product .product-content ul li {
  display: inline-block;
  padding: 0 10px;
  font-weight: 600;
  font-size: 16px;
  color: #04b8e5;
}

.single-product .product-content ul li del {
  color: #232350;
  font-weight: 500;
}

.single-product .product-img {
  position: relative;
  overflow: hidden;
}

.single-product .product-img .default-btn {
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 150px;
}

.single-product:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.single-product:hover .product-img .default-btn {
  bottom: 20px;
}

/*
Appointment Area Style
======================================================*/
.appointment-area {
  //background-image: url(../../assets/img/appointment-bg.jpg);
  //background-position: center center;
  //background-repeat: no-repeat;
  //background-size: cover;
  height: 100%;
/*  background-color:#f8e098;*/
}


.appointment-area h4 {
  font-weight:normal;
/* */

    co1a1a1a:#1a1a1a;
}


.appointment-area a {
  font-weight:normal;
/*  color:#000;*/
  color:#1a1a1a;
  font-size: 1.5rem;
}

.appointment-here-form {
  position: relative;
  z-index: 1;
}

.appointment-here-form h2 {
  font-size: 40px;
  margin-bottom: 40px;
  text-align: center;
}

.appointment-here-form span {
  text-align: center;
  display: block;
}

.appointment-here-form label {
  font-weight: 600;
  font-size: 15px;
  color: #1a1a1a;
}

.appointment-here-form .form-group {
  position: relative;
  margin-bottom: 30px;
}

.appointment-here-form .form-group i {
  position: absolute;
  top: 17px;
  right: 20px;
  line-height: 1;
  font-size: 18px;
  color: #04b8e5;
}

.appointment-here-form .form-group .form-control {
  padding: 10px 20px;
  border: 1px solid #1a1a1a;
  color: #1a1a1a;
  border-radius: 50px !important;
  background-color: rgba(255, 255, 255, 0.2);
}

.appointment-here-form .form-group .form-control::-webkit-input-placeholder {
  color: #1a1a1a;
  text-align:center;
  font-size:1em;
}

.appointment-here-form .form-group .form-control:-ms-input-placeholder {
  color: #1a1a1a;
  text-align:center;
  font-size: 17px;
}

.appointment-here-form .form-group .form-control::-ms-input-placeholder {
  color: #1a1a1a;
  text-align:center;
  font-size: 17px;
}

.appointment-here-form .form-group .form-control::placeholder {
  color: #1a1a1a;
  text-align:center;
  font-size: 17px;
}

.appointment-here-form .default-btn {
  display: block;
  margin: 15px auto 0;
  padding: 20px 85px;
}

.appointment-here-form .nice-select {
  height: 50px;
  width: 100%;
  line-height: 48px;
  font-size: 15px;
  margin-bottom: 30px;
  padding-left: 20px;
  border: 1px dashed #ffffff;
  color: #ffffff;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.2);
}

.appointment-here-form .nice-select span {
  text-align: left;
}

.appointment-here-form .nice-select::after {
  height: 8px;
  width: 8px;
  border-color: #04b8e5;
  right: 23px;
}

.appointment-here-form .nice-select.open .list {
  height: 250px;
  overflow-y: scroll;
}

.appointment-here-form .nice-select .list {
  background-color: #04b8e5;
}

.table-condensed {
  border-collapse: collapse;
  width: 350px;
  text-align: center;
}

.table-condensed .prev {
  background-color: #f2f9fc;
  border-radius: 4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}

.table-condensed .prev:hover {
  background-color: #04b8e5;
  color: #ffffff;
}

.table-condensed .next {
  background-color: #f2f9fc;
  border-radius: 4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}

.table-condensed .next:hover {
  background-color: #04b8e5;
  color: #ffffff;
}

.table-condensed .day {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
  transition: all 0.5s;
  border-radius: 4px;
  font-size: 14px;
}

.table-condensed .day:hover {
  background-color: #04b8e5;
  color: #ffffff;
}

/*
Blog Area Style
======================================================*/
.single-blog {
  margin-bottom: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
}

.single-blog img {
  width: 100%;
}

.single-blog .blog-content {
  margin-top: 25px;
}

.single-blog .blog-content ul {
  line-height: 1;
  margin-bottom: 10px;
}

.single-blog .blog-content ul li {
  display: inline-block;
  color: #78a9e3;
  border-right: 1px solid #78a9e3;
  line-height: 1;
  padding: 0 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-blog .blog-content ul li:last-child {
  border-right: none;
  padding-right: 0;
}

.single-blog .blog-content ul li:first-child {
  padding-left: 0;
}

.single-blog .blog-content ul li a {
  color: #78a9e3;
}

.single-blog .blog-content ul li a:hover {
  color: #190f3c;
}

.single-blog .blog-content h3 {
  margin-bottom: 15px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 1.5;
}

.single-blog .blog-content p {
  margin-bottom: 15px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: -8px;
}

.single-blog:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.single-blog:hover .blog-content a h3 {
  color: #04b8e5;
}

.single-blog:hover .blog-content .read-more {
  color: #04b8e5;
}

.single-blog:hover .blog-content .read-more i {
  color: #04b8e5;
}

/*
Footer Top Area Style
======================================================*/
.footer-top-area {
  //background-image: url(../../assets/img/footer-bg.jpg);
  //background-position: center center;
  //background-repeat: no-repeat;
  //background-size: cover;
  height: 100%;
  position: relative;
  z-index: 1;

}

.footer-top-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*  background-color: #767676;*/
  /*  background-color: #4e5077;*/
  /*background-color: #f45d8a;*/
/*  background-color: #917abd;*/
  background-color: #1a1a1a;
  opacity: 1;
  z-index: -1;
  margin-bottom: 1px !important;
}

.single-widget {
  margin-bottom: 30px;
}

.single-widget img {
  margin-bottom: 30px;
}

.single-widget h3 {
  font-size: 20px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  display: inline-block;
  color: #fff;
  position: relative;
}

.single-widget h3::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 2px;
  background-color: #ffffff;
}

.single-widget p {
  margin-bottom: 0;
  color: #fff;
}

.single-widget ul li {
  color: #fff;
  margin-bottom: 8px;
  font-size: 13px;
}

.single-widget ul li:last-child {
  margin-bottom: 0;
}

.single-widget ul li span {
  color: #1a1a1a;
}

.single-widget ul li a {
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-widget ul li a i {
  display: inline-block;
  margin-right: 2px;
  font-size: 24px;
  color: #fff;
  position: relative;
  top: 3px;
}

.single-widget ul li a:hover {
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}

.single-widget .social-area {
  margin-top: 20px;
}

.single-widget .social-area ul {
  line-height: 1;
}

.single-widget .social-area ul li {
  display: inline-block;
}

.single-widget .social-area ul li a {
  margin-right: 5px;
  width: 30px;
  height: 30px;
  line-height: 34px;
  background-color: #04b8e5;
  border-radius: 4px;
  text-align: center;
  border-radius: 50%;
}

.single-widget .social-area ul li a i {
  color: #ffffff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-right: 0;
  font-size: 18px;
  top: 0;
}

.single-widget .social-area ul li a:hover {
  border-color: #190f3c;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.single-widget .social-area ul li a:hover i {
  color: #ffffff;
}

.single-widget.contact ul li {
  position: relative;
  padding-left: 30px;
}

.single-widget.contact ul li a i {
  position: absolute;
  top: 4px;
  left: 0;
  color: #04b8e5;
  font-size: 20px;
}

.single-widget.contact ul li i {
  position: absolute;
  left: 0;
  top: 4px;
  color: #fff;
  font-size: 20px;
}

.single-widget.contact ul li span {
  display: block;
  font-weight: 600;
  color: #fff;
}

.single-widget.scan-me-box img {
/*    width: 60%;*/
    width: 150px;
    text-align: right;
}
/*
Footer Bottom Area Style
======================================================*/
.footer-bottom-area {
  background-color: #1a1a1a !important;
  padding: 20px 0!important;
  /*  background-color: #ee570e;*/
}

.footer-bottom-area .copy-right {
  text-align: center;
}

.footer-bottom-area .copy-right p {
  text-transform: capitalize;
  margin-bottom: 0;
  color: #ffffff;
}

.footer-bottom-area .copy-right p i {
  position: relative;
  top: 1px;
}

.footer-bottom-area .copy-right p a {
  color: #ffffff;
}

.footer-bottom-area .copy-right p a:hover {
  color: #04b8e5;
}

/*
Sidebar Area Style
======================================================*/
.sidebar-modal {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
  text-align: center;
}

.sidebar-modal .sidebar-modal-inner {
  position: absolute;
  right: -100%;
  top: 0;
  width: 30%;
  overflow-y: scroll;
  height: 100%;
  background-color: #ffffff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 1;
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 40px;
  padding-right: 40px;
}

.sidebar-modal .sidebar-modal-inner .close-btn {
  display: inline-block;
  position: absolute;
  right: 35px;
  top: 20px;
  font-size: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
  width: 30px;
  height: 30px;
  line-height: 32px;
  background-color: #232350;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
}

.sidebar-modal .sidebar-modal-inner .close-btn:hover {
  color: #ffffff;
  background-color: #04b8e5;
}

.sidebar-modal .sidebar-about-area {
  margin-bottom: 40px;
}

.sidebar-modal .sidebar-about-area .title h2 {
  margin-bottom: 0;
  font-size: 24px;
}

.sidebar-modal .sidebar-about-area .title p {
  margin-top: 15px;
  font-size: 15px;
}

.sidebar-modal .sidebar-instagram-feed {
  margin-bottom: 40px;
}

.sidebar-modal .sidebar-instagram-feed h2 {
  margin-bottom: 25px;
  font-size: 24px;
}

.sidebar-modal .sidebar-instagram-feed ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  list-style-type: none;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 0;
  margin-top: -10px;
}

.sidebar-modal .sidebar-instagram-feed ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
}

.sidebar-modal .sidebar-instagram-feed ul li a {
  display: block;
  position: relative;
}

.sidebar-modal .sidebar-instagram-feed ul li a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a000;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
}

.sidebar-modal .sidebar-instagram-feed ul li a:hover::before {
  opacity: .50;
  visibility: visible;
}

.sidebar-modal .sidebar-contact-area .contact-info {
  text-align: center;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 {
  margin-bottom: 0;
  font-size: 24px;
  text-transform: lowercase;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 a {
  display: inline-block;
  color: #190f3c;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 a:hover {
  color: #5d5d5d;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 a:not(:first-child) {
  color: #5d5d5d;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 a:not(:first-child):hover {
  color: #190f3c;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content h2 span {
  display: block;
  color: #5d5d5d;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 20px;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social li {
  display: inline-block;
  margin: 0 1px;
  padding-left: 0;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social li a {
  width: 35px;
  height: 35px;
  line-height: 34px;
  border: 1px solid #dadada;
  border-radius: 50%;
  color: #5d5d5d;
  display: block;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social li a i {
  font-size: 14px;
}

.sidebar-modal .sidebar-contact-area .contact-info .contact-info-content .social li a:hover {
  color: #ffffff;
  border-color: #190f3c;
  background-color: #190f3c;
}

.sidebar-modal.active {
  opacity: 1;
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.9);
}

.sidebar-modal.active .sidebar-modal-inner {
  right: 0;
}

/*====================================================
HOME STYLE TWO
======================================================*/
/*
Banner Area Style
======================================================*/
.main-banner-area {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 800px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-image: url(../../assets/img/home-banner/1.jpg);
}

.main-banner-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #232350;
  opacity: 0.6;
  z-index: -1;
}

.main-banner-area.three {
  background-image: url(../../assets/img/home-banner/2.jpg);
}

.main-banner-area.three::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #04b8e5;
  opacity: 0.5;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%);
          clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%);
  z-index: -1;
}

.main-banner-area.three::after {
  display: none;
}

.main-banner-area .banner-text {
  position: relative;
  max-width: 690px;
  z-index: 1;
  overflow: hidden;
}

.main-banner-area .banner-text h1 {
  font-size: 60px;
  color: #ffffff;
  margin-bottom: 30px;
}

.main-banner-area .banner-text p {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 35px;
}

.main-banner-area .video-btn {
  margin: auto;
  display: block;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

/*
Response Time Area Style
======================================================*/
.response-wrap {
  background-color: #190f3c;
  text-align: center;
  padding: 50px;
  max-width: 900px;
  margin: auto;
  border-radius: 4px;
  margin-top: -70px;
  position: relative;
  z-index: 1;
}

.response-wrap h3 {
  color: #ffffff;
}

.response-wrap h3 a {
  color: #ffffff;
  margin-left: 50px;
}

.response-wrap h3 a:hover {
  color: #04b8e5;
}

.response-wrap .shape {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 130px;
  opacity: 0.5;
  z-index: -1;
}

/*
About Area Two Style
======================================================*/
.about-area-two .about-content-two {
  margin-top: -8px;
  margin-bottom: -8px;
}

.about-area-two .about-content-two span {
  color: #04b8e5;
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}

.about-area-two .about-content-two h2 {
  font-size: 40px;
  margin-bottom: 25px;
}

.about-area-two .about-content-two p {
  margin-bottom: 10px;
}

.about-area-two .about-content-two ul {
  margin-top: 14px;
  margin-top: 20px;
}

.about-area-two .about-content-two ul li {
  font-weight: 600;
  font-size: 16px;
  position: relative;
  padding-left: 25px;
  margin-bottom: 20px;
  margin-right: 20px;
  width: 45%;
  display: inline-block;
  background-color: #f0f0fe;
  padding: 10px 20px;
  padding-left: 45px;
  cursor: pointer;
  border-radius: 4px;
  z-index: 1;
  color: #232350;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.about-area-two .about-content-two ul li::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background-color: #04b8e5;
  z-index: -1;
  border-radius: 4px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.about-area-two .about-content-two ul li:last-child {
  margin-bottom: 0;
}

.about-area-two .about-content-two ul li i {
  color: #232350;
  position: absolute;
  top: 10px;
  left: 20px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.about-area-two .about-content-two ul li:hover {
  color: #ffffff;
}

.about-area-two .about-content-two ul li:hover i {
  color: #ffffff;
}

.about-area-two .about-content-two ul li:hover::before {
  width: 100%;
  left: 0;
  right: auto;
}

.about-area-two .about-content-two .default-btn {
  margin-top: 20px;
}

.about-area-two .about-img-two {
  position: relative;
}

.about-area-two .about-img-two .block-p {
  background-color: #190f3c;
  padding: 20px;
  width: 400px;
  position: absolute;
  bottom: 30px;
  left: -30px;
  color: #ffffff;
}

/*
Services Area Two Style
======================================================*/
.services-area-two .single-services {
  text-align: center;
  background-color: #190f3c;
}

.services-area-two .single-services::before {
  background-color: #ffffff;
}

.services-area-two .single-services .services-content {
  padding-top: 15px;
}

.services-area-two .single-services .services-content span {
  position: unset;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 30px;
  margin-bottom: 20px;
  font-weight: 500;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.services-area-two .single-services .services-content h3 {
  color: #ffffff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.services-area-two .single-services .services-content p {
  color: #ffffff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.services-area-two .single-services .services-content .read-more {
  color: #04b8e5;
}

.services-area-two .single-services .services-content .read-more i {
  color: #04b8e5;
}

.services-area-two .single-services:hover .services-content span {
  background-color: #190f3c;
  color: #ffffff;
}

.services-area-two .single-services:hover .services-content h3 {
  color: #232350;
}

.services-area-two .single-services:hover .services-content p {
  color: #5d5d5d;
}

.services-area-two .single-services:hover .services-content .read-more {
  color: #04b8e5;
}

.services-area-two .single-services:hover .services-content .read-more i {
  color: #04b8e5;
}

/*
Prevent Area Style
======================================================*/
.prevent-content-two {
  margin-top: -8px;
  margin-bottom: -8px;
  background-color: #190f3c;
  margin-right: -80px;
  padding: 50px;
  z-index: 1;
  position: relative;
}

.prevent-content-two span {
  color: #04b8e5;
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}

.prevent-content-two h2 {
  font-size: 40px;
  margin-bottom: 25px;
  color: #ffffff;
}

.prevent-content-two p {
  color: #ffffff;
}

.prevent-content-two .default-btn {
  margin-top: 25px;
}

/*
Prevent Area Style
======================================================*/
.important-content {
  margin-top: -8px;
  margin-bottom: -8px;
  background-color: #190f3c;
  margin-right: -80px;
  padding: 50px;
  z-index: 1;
  position: relative;
}

.important-content span {
  color: #04b8e5;
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}

.important-content h2 {
  font-size: 40px;
  margin-bottom: 25px;
  color: #ffffff;
}

.important-content p {
  color: #ffffff;
}

.important-content .default-btn {
  margin-top: 20px;
}

/*
important Area Style
======================================================*/
.important-area {
  background-color: #f5f5f5;
  overflow: hidden;
  position: relative;
}

.important-area .important-img {
  background-image: url(../../assets/img/prevent-bg-img.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
}

.important-area .pr-0 {
  padding-right: 0;
}

.important-content {
  max-width: 620px;
  margin-left: auto;
}

/*
Counter Area Style
======================================================*/
.counter-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 100px;
  padding-bottom: 70px;
  margin-left: 30px;
}

.counter-wrap .single-counter {
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
  position: relative;
}

.counter-wrap .single-counter p {
  color: #190f3c;
  line-height: 1;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.counter-wrap .single-counter h2 {
  color: #04b8e5;
  line-height: 1;
  font-size: 40px;
  margin-top: -8px;
  margin-bottom: 10px;
}

.counter-wrap .single-counter:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.counter-wrap .single-counter:hover i {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

/*
FAQ Area CSS
======================================================*/
.faq-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-item {
  border-radius: 5px;
  display: block;
  background-color: #ffffff;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-title {
  padding: 20px 60px 17px 25px;
  color: #232350;
  text-decoration: none;
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 600;
}

.faq-accordion .accordion .accordion-title i {
  position: absolute;
  right: 25px;
  top: 23px;
  font-size: 25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.faq-accordion .accordion .accordion-title.active i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  margin-top: -5px;
  padding-bottom: 30px;
  padding-right: 30px;
  padding-left: 30px;
}

.faq-accordion .accordion .accordion-content p {
  line-height: 1.8;
}

.faq-accordion .accordion .accordion-content.show {
  display: block;
}

/*
Blog Area Style
======================================================*/
.blog-area.two .single-blog .blog-content {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  padding: 30px;
  margin-top: 0;
}

/*====================================================
HOME STYLE THREE
======================================================*/
/*
Nav Area Three
======================================================*/
.nav-area.nav-area-three .main-nav {
  background-color: #ffffff;
/*  background-color: #6d87c6;*/
/*  background-color: #4e5077;*/
  /*background-color: #f45d8a;*/
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.nav-area.nav-area-three .main-nav nav .navbar-nav .nav-item a {
/*  color: #fff;*/
/*  color: #1a1a1a;*/
  color: #d99e2a;
}

.nav-area.nav-area-three .others-option .burger-menu i {
  color: #fff;
}

/*
Location Area Three
======================================================*/
.location-search-area {
  position: relative;
  z-index: 1;
  margin-top: -70px;
}

.location-search-area .location-search-wrap {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 50px;
  border-radius: 4px;
  max-width: 960px;
  margin: auto;
}

.location-search-area .location-search-wrap .form-group {
  position: relative;
  margin-bottom: 0;
}

.location-search-area .location-search-wrap .form-group .form-control {
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #5d5d5d;
  border-radius: 0;
  padding: 0;
}

.location-search-area .location-search-wrap .form-group i {
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 20px;
}

.location-search-area .location-search-wrap .nice-select {
  width: 100%;
  height: 50px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #5d5d5d;
  padding: 0;
}

.location-search-area .location-search-wrap .nice-select::after {
  width: 10px;
  height: 10px;
  right: 4px;
}

.location-search-area .location-search-wrap .search .form-control {
  background-color: #04b8e5;
  border-radius: 50px;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
}

.location-search-area .location-search-wrap .search .form-control::-webkit-input-placeholder {
  color: #ffffff;
}

.location-search-area .location-search-wrap .search .form-control:-ms-input-placeholder {
  color: #ffffff;
}

.location-search-area .location-search-wrap .search .form-control::-ms-input-placeholder {
  color: #ffffff;
}

.location-search-area .location-search-wrap .search .form-control::placeholder {
  color: #ffffff;
}

.location-search-area .location-search-wrap .search .search-btn {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
}

.location-search-area .location-search-wrap .search .search-btn i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 50%;
  top: 11px;
  right: 11px;
}

/*
Feature Area Three
======================================================*/
.single-feature-three {
  text-align: center;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 30px;
  border-radius: 4px;
  overflow: hidden;
}

.single-feature-three span {
  font-size: 35px;
  color: #04b8e5;
  display: inline-block;
  border: 1px solid #04b8e5;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  margin-bottom: 15px;
}

.single-feature-three span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #dcfcfe;
  margin: 5px;
  border-radius: 50%;
  z-index: -1;
}

.single-feature-three .services-shape {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0.5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: -1;
}

.single-feature-three:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.single-feature-three:hover .services-shape {
  opacity: 1;
}

.single-feature-three:hover::before {
  right: -500px;
}

.single-feature-three:hover::after {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.single-feature-three:hover .read-more {
  color: #232350;
}

.single-feature-three:hover .read-more i {
  color: #232350;
}

/*
Process Area Three
======================================================*/
.single-process-three {
  text-align: center;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 30px;
}

.single-process-three img {
  border-radius: 50%;
  margin-bottom: 20px;
}

.single-process-three h3 {
  margin-bottom: 5px;
}

.single-process-three p {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0;
}

.single-process-three span {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #04b8e5;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
}

.single-process-three:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

/*
Pricing Area Three
======================================================*/
.pricing-area {
  background-color: #190f3c;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.pricing-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../../assets/img/shape/2.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  opacity: 0.5;
  -webkit-animation: heartBeat 9s infinite linear;
          animation: heartBeat 9s infinite linear;
}

.pricing-area.pricing-page {
  background-image: unset;
  background-color: #ffffff;
}

.pricing-area.pricing-page::before {
  display: none;
}

.single-pricing {
  margin-bottom: 30px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.single-pricing .pric-logo {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  background-color: #190f3c;
  color: #ffffff;
  margin-bottom: 10px;
}

.single-pricing .pric-logo i {
  font-size: 40px;
  color: #04b8e5;
}

.single-pricing span {
  display: block;
  color: #04b8e5;
  font-weight: 600;
  margin-bottom: 5px;
}

.single-pricing h2 {
  margin-bottom: 0;
}

.single-pricing ul li {
  font-weight: 600;
  color: #232350;
  margin-bottom: 5px;
}

.single-pricing ul li:last-child {
  margin-bottom: 0;
}

.single-pricing ul li i {
  color: #04b8e5;
  margin-right: 5px;
}

.single-pricing .default-btn {
  margin-bottom: -7px;
  margin-top: 25px;
}

.single-pricing:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.single-pricing.active {
  background-color: #04b8e5;
}

.single-pricing.active .pric-logo {
  background-color: #ffffff;
}

.single-pricing.active span {
  color: #ffffff;
}

.single-pricing.active h2 {
  color: #ffffff;
}

.single-pricing.active p {
  color: #ffffff;
}

.single-pricing.active ul li {
  color: #ffffff;
}

.single-pricing.active ul li i {
  color: #ffffff;
}

.single-pricing.active .default-btn {
  background-color: #ffffff;
  color: #04b8e5;
}

/*
Client Area Style
======================================================*/
.single-client {
  background-color: #f2fbfd;
  padding: 30px;
  margin-top: 30px;
  position: relative;
  text-align: center;
}

.single-client img {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  border: 1px solid #04b8e5;
  border-radius: 4px;
  margin: auto;
}

.single-client p {
  margin-top: 20px;
}

.single-client ul {
  line-height: 1;
  margin-bottom: 5px;
  margin-top: 20px;
}

.single-client ul li {
  display: inline-block;
}

.single-client ul li i {
  color: #04b8e5;
}

.single-client h3 {
  margin-bottom: 0;
}

.single-client .quate {
  position: absolute;
  right: 30px;
  bottom: 30px;
  line-height: 1;
  font-size: 50px;
  opacity: 0.1;
}

.client-area .owl-carousel .owl-item img {
  display: block;
  width: auto;
}

.client-area.client-page .single-client img {
  position: unset;
}

.client-area.client-page .page-navigation-area {
  margin: 40px auto 0;
}

/*
Appointment Area Style
======================================================*/
.appointment-area-three::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: #ffffff;
}

.appointment-area-three .appointment-here-form {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  max-width: 700px;
  padding: 50px;
  margin: auto;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.appointment-area-three .appointment-here-form .form-group .form-control {
  background-color: #f6f6f6;
  border: none;
  color: #232350;
}

.appointment-area-three .appointment-here-form .form-group .form-control::-webkit-input-placeholder {
  color: #232350;
}

.appointment-area-three .appointment-here-form .form-group .form-control:-ms-input-placeholder {
  color: #232350;
}

.appointment-area-three .appointment-here-form .form-group .form-control::-ms-input-placeholder {
  color: #232350;
}

.appointment-area-three .appointment-here-form .form-group .form-control::placeholder {
  color: #232350;
}

.appointment-area-three .appointment-here-form .form-group .nice-select {
  background-color: #f6f6f6;
  border: none;
  color: #232350;
}

.appointment-area-three .table-condensed {
  width: 280px !important;
}

/*
Get Offer Wrap Area Style
======================================================*/
.get-offer-wrap {
  background-color: #190f3c;
  padding: 50px;
  border-radius: 4px;
}

.get-offer-wrap h3 {
  color: #ffffff;
}

.get-offer-wrap .color {
  color: #04b8e5;
  margin-bottom: 0;
}

.get-offer-wrap .get-offer {
  text-align: right;
  margin-top: -7px;
}

/*====================================================
INNER PAGE STYLE AREA
======================================================*/
/* 

Page Title Area Style
=====================================================*/
.page-title-area {
  position: relative;
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  /*z-index: 1;*/
}

.page-title-area.bg-1 {
  background-image: url(../../assets/img/page-bg/1.jpg);
}

.page-title-area.bg-2 {
  background-image: url(../../assets/img/page-bg/2.jpg);
}

.page-title-area.bg-3 {
  background-image: url(../../assets/img/page-bg/3.jpg);
}

.page-title-area.bg-4 {
  background-image: url(../../assets/img/page-bg/4.jpg);
}

.page-title-area.bg-5 {
  background-image: url(../../assets/img/page-bg/5.jpg);
}

.page-title-area.bg-6 {
  background-image: url(../../assets/img/page-bg/6.jpg);
}

.page-title-area.bg-7 {
  background-image: url(../../assets/img/page-bg/7.jpg);
}

.page-title-area.bg-8 {
  background-image: url(../../assets/img/page-bg/8.jpg);

}

.page-title-area.bg-9 {
  background-image: url(../../assets/img/page-bg/9.jpg);
}

.page-title-area.bg-10 {
  background-image: url(../../assets/img/page-bg/10.jpg);
}

.page-title-area.bg-11 {
  background-image: url(../../assets/img/page-bg/11.jpg);
}

.page-title-area.bg-12 {
  background-image: url(../../assets/img/page-bg/12.jpg);
}

.page-title-area.bg-13 {
  background-image: url(../../assets/img/page-bg/13.jpg);
}

.page-title-area.bg-14 {
  background-image: url(../../assets/img/page-bg/14.jpg);
}

.page-title-area.bg-15 {
  background-image: url(../../assets/img/page-bg/15.jpg);
}

.page-title-area.bg-16 {
  background-image: url(../../assets/img/page-bg/16.jpg);
}

.page-title-area.bg-17 {
  background-image: url(../../assets/img/page-bg/17.jpg);
}

.page-title-area.bg-18 {
  background-image: url(../../assets/img/page-bg/18.jpg);
}

.page-title-area.bg-19 {
  background-image: url(../../assets/img/page-bg/19.jpg);
}

.page-title-area.bg-20 {
  background-image: url(../../assets/img/page-bg/20.jpg);
}

.page-title-area.bg-21 {
  background-image: url(../../assets/img/page-bg/21.jpg);
}

.page-title-area.bg-22 {
  background-image: url(../../assets/img/page-bg/22.jpg);
}

.page-title-area.bg-23 {
  background-image: url(../../assets/img/page-bg/23.jpg);
}

.page-title-area.bg-24 {
  background-image: url(../../assets/img/page-bg/24.jpg);
}

.page-title-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  background-color: #232350;
  z-index: -1;
}


.page-title-area .page-title-content h2 {
  margin-bottom: 15px;
  color: #ffffff;
  font-size: 40px;
  font-weight: 700;
}

.page-title-area .page-title-content ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 10px;
  margin-bottom: 0;
}

.page-title-area .page-title-content ul li {
  display: inline-block;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  padding-right: 10px;
  padding-left: 10px;
  color: #ffffff;
}

.page-title-area .page-title-content ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  right: -7px;
  background-color: #04b8e5;
  width: 10px;
  height: 10px;
  -webkit-clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
          clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
}

.page-title-area .page-title-content ul li:last-child::before {
  display: none;
}

.page-title-area .page-title-content ul li a {
  color: #ffffff;
}

.page-title-area .page-title-content ul li a:hover {
  color: #04b8e5;
}

.page-title-area .page-title-content ul .active {
  color: #04b8e5;
}

/*
Contact Area Style
======================================================*/
.main-contact-area.contact .contact-form {
  padding: 50px;
}

.main-contact-area .contact-form {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  padding: 30px;
}

.main-contact-area .contact-form .form-group {
  margin-bottom: 20px;
}

.main-contact-area .contact-form label {
  font-weight: 600;
  font-size: 15px;
}

.main-contact-area .contact-form .contact-num span {
  font-weight: 600;
  font-size: 16px;
}

.main-contact-area .contact-form .default-btn {
  float: right;
  margin-top: 15px;
}

.main-contact-area #msgSubmit {
  position: absolute;
  bottom: 54px;
  font-size: 15px;
  right: 15px;
}

.main-contact-area .text-danger {
  color: #dc3545 !important;
}

.main-contact-area .text-success {
  color: #28a745 !important;
}

.main-contact-area .list-unstyled {
  margin-top: 10px;
  color: #dc3545 !important;
}

/* 
Faq Contact Area Style
=====================================================*/
.faq-contact-area .contact-wrap {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 50px;
}

.faq-contact-area .contact-wrap .form-group {
  margin-bottom: 20px !important;
}

.faq-contact-area .contact-wrap label {
  font-weight: 600;
  font-size: 16px;
}

.faq-contact-area .contact-wrap .default-btn {
  display: table;
  margin: 20px auto -20px;
}

.faq-contact-area .list-unstyled {
  margin-top: 10px;
  color: #dc3545 !important;
}

.faq-contact-area #msgSubmit {
  margin: 20px auto 0;
  text-align: center;
}

/*
Sign In & Log In  Area Style
=====================================================*/
.user-area-all-style {
  position: relative;
  z-index: 1;
}

.user-area-all-style .contact-form-action {
  background-color: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 40px;
  margin: auto;
}

.user-area-all-style .contact-form-action form .submit-btn {
  margin-top: 24px;
}

.user-area-all-style .contact-form-action form .default-btn {
  font-size: 14px;
  padding: 15px 40px;
  margin-bottom: 30px;
}

.user-area-all-style .contact-form-action form .default-btn.btn-two {
  display: table;
  margin: 0 auto 0;
  padding: 15px 40px;
}

.user-area-all-style .contact-form-action form .col-lg-4:nth-child(1) .default-btn {
  background-color: #FF5733;
}

.user-area-all-style .contact-form-action form .col-lg-4:nth-child(2) .default-btn {
  background-color: #3955bc;
  display: table;
  margin: 0 auto 30px;
}

.user-area-all-style .contact-form-action form .col-lg-4:nth-child(3) .default-btn {
  background-color: #190f3c;
  float: right;
}

.user-area-all-style .contact-form-action form .reset-btn {
  margin-top: 0;
}

.user-area-all-style .contact-form-action form .form-condition {
  margin-bottom: 20px;
}

.user-area-all-style .contact-form-action form .form-condition .agree-label {
  font-weight: 600;
}

.user-area-all-style .contact-form-action form .form-condition .agree-label a {
  color: #190f3c;
}

.user-area-all-style .contact-form-action form .form-group {
  margin-bottom: 30px;
}

.user-area-all-style .contact-form-action .account-desc {
  margin: 25px auto 0;
  display: table;
  font-weight: 600;
}

.user-area-all-style .contact-form-action .account-desc a {
  color: #190f3c;
  margin-left: 10px;
  font-weight: 600;
}

.user-area-all-style .contact-form-action #chb1 {
  position: relative;
  top: 2px;
  margin-right: 4px;
}

.user-area-all-style .contact-form-action #chb2 {
  position: relative;
  top: 2px;
  margin-right: 4px;
}

.user-area-all-style .contact-form-action .forget {
  float: right;
  color: #190f3c;
  font-weight: 600;
}

.user-area-all-style .contact-form-action .now-register {
  font-weight: 600;
  float: right;
  margin-bottom: 30px;
}

.user-area-all-style .contact-form-action .now-register a {
  color: #190f3c;
}

.user-area-all-style .contact-form-action .now-log-in {
  color: #190f3c;
  font-weight: 600;
}

.user-area-all-style .contact-form-action .now-log-in .font-q {
  font-weight: 600;
}

.user-area-all-style .log-in-img {
  background-image: url(../../assets/img/log-in-img.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.user-area-all-style .sign-in-img {
  background-image: url(../../assets/img/sign-in-img.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.recover-password-area .contact-form-action {
  max-width: 570px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.recover-password-area .contact-form-action .form-heading h3 {
  font-size: 30px;
  margin-bottom: 20px;
}

.recover-password-area .contact-form-action .form-heading p {
  margin-bottom: 30px;
  font-weight: 600;
}

/* 
Coming Soon Area Style
=====================================================*/
.coming-soon-area {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.coming-soon-area .coming-soon-content {
  text-align: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  padding: 70px 30px;
}

.coming-soon-area .coming-soon-content h1 {
  margin-bottom: 0;
  color: #232350;
  font-size: 60px;
  margin-top: -18px;
}

.coming-soon-area .coming-soon-content p {
  font-size: 16px;
  max-width: 600px;
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.coming-soon-area .coming-soon-content #timer {
  margin-top: 30px;
}

.coming-soon-area .coming-soon-content #timer div {
  display: inline-block;
  color: #232350;
  position: relative;
  margin-left: 35px;
  margin-right: 35px;
  font-size: 45px;
  font-weight: 700;
}

.coming-soon-area .coming-soon-content #timer div span {
  display: block;
  text-transform: capitalize;
  margin-top: -15px;
  font-size: 16px;
  font-weight: normal;
}

.coming-soon-area .coming-soon-content #timer div:last-child {
  margin-right: 0;
}

.coming-soon-area .coming-soon-content #timer div:last-child::before {
  display: none;
}

.coming-soon-area .coming-soon-content #timer div:first-child {
  margin-left: 0;
}

.coming-soon-area .coming-soon-content #timer div::before {
  content: "";
  position: absolute;
  right: -50px;
  top: -10px;
  font-size: 70px;
  color: #ffffff;
}

.coming-soon-area .coming-soon-content .newsletter-form {
  position: relative;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
  display: block;
  width: 100%;
  height: 60px;
  border: none;
  background-color: rgba(255, 255, 255, 0.3);
  padding-left: 15px;
  color: #ffffff;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 10px;
  border-radius: 50px;
  border: 1px solid #232350;
  color: #5d5d5d;
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus {
  border-color: #190f3c;
}

.coming-soon-area .coming-soon-content .newsletter-form button {
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  padding: 0 30px;
  text-transform: uppercase;
  outline: 0;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
}

.coming-soon-area .coming-soon-content .newsletter-form button::after {
  border-radius: 0;
}

.coming-soon-area .coming-soon-content .newsletter-form button::before {
  border-radius: 0;
}

.coming-soon-area .coming-soon-content .newsletter-form button:hover {
  color: #ffffff;
  background-color: #190f3c;
}

.coming-soon-area .coming-soon-content .newsletter-form #validator-newsletter {
  color: #ffffff;
  font-size: 14px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: 0 auto;
}

.coming-soon-area .coming-soon-content ul {
  margin-top: 30px;
}

.coming-soon-area .coming-soon-content ul li {
  display: inline-block;
  margin: 0 5px;
}

.coming-soon-area .coming-soon-content ul li a {
  width: 30px;
  height: 30px;
  line-height: 36px;
  background-color: #190f3c;
  border-radius: 50%;
  color: #ffffff;
}

.coming-soon-area .coming-soon-content ul li a i {
  font-size: 18px;
}

.coming-soon-area #validator-newsletter {
  text-align: left;
  color: #dc3545 !important;
}

/*
404 Error Area Style
=====================================================*/
.error-area {
  padding: 50px 0;
  height: 100vh;
  text-align: center;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
}

.error-area .error-content-wrap {
  z-index: 1;
  position: relative;
}

.error-area .error-content-wrap h1 {
  font-size: 300px;
  line-height: 1;
  color: #232350;
}

.error-area .error-content-wrap h1 .a {
  -webkit-animation: bounce 3s infinite linear;
          animation: bounce 3s infinite linear;
  display: inline-block;
}

.error-area .error-content-wrap h1 .red {
  color: #ff0000;
  -webkit-animation: bounce 2s infinite linear;
          animation: bounce 2s infinite linear;
  display: inline-block;
}

.error-area .error-content-wrap h1 .b {
  -webkit-animation: bounce 3s infinite linear;
          animation: bounce 3s infinite linear;
  display: inline-block;
}

.error-area .error-content-wrap h3 {
  margin: 30px 0 0;
  position: relative;
  color: #ff0000;
}

.error-area .error-content-wrap p {
  margin: 20px 0 20px;
  font-size: 19px;
  color: #232350;
}

/*
Blog Details Area Style
=====================================================*/
.blog-details-area {
  /*
	Sidebar Widget Area Style
	================================*/
}

.blog-details-area .blog-details-desc .article-image {
  position: relative;
  background-color: #232350;
}

.blog-details-area .blog-details-desc .article-content {
  margin-top: 30px;
}

.blog-details-area .blog-details-desc .article-content .entry-meta {
  margin-bottom: -10px;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li {
  position: relative;
  display: inline-block;
  color: #190f3c;
  margin-right: 21px;
  font-size: 14px;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li span {
  display: inline-block;
  color: #190f3c;
  font-weight: 500;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li a {
  display: inline-block;
  color: #666666;
  font-size: 13px;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li a:hover {
  color: #190f3c;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li i {
  color: #190f3c;
  margin-right: 2px;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li::before {
  content: '';
  position: absolute;
  top: 11px;
  right: -15px;
  width: 6px;
  height: 1px;
  background: #190f3c;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li:last-child {
  margin-right: 0;
}

.blog-details-area .blog-details-desc .article-content .entry-meta ul li:last-child::before {
  display: none;
}

.blog-details-area .blog-details-desc .article-content h3 {
  margin-bottom: 13px;
  margin-top: 25px;
  font-size: 30px;
}

.blog-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 {
  padding-left: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.blog-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333%;
          flex: 0 0 33.3333%;
  max-width: 33.3333%;
  padding-right: 10px;
  padding-left: 10px;
}

.blog-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
  margin-bottom: 0;
}

.blog-details-area .blog-details-desc .article-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
}

.blog-details-area .blog-details-desc .article-footer .article-tags {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.blog-details-area .blog-details-desc .article-footer .article-tags span {
  display: inline-block;
  color: #190f3c;
  font-size: 20px;
  margin-right: 5px;
  position: relative;
  top: 4px;
}

.blog-details-area .blog-details-desc .article-footer .article-tags a {
  display: inline-block;
  color: #666666;
  font-weight: 600;
}

.blog-details-area .blog-details-desc .article-footer .article-tags a:hover {
  color: #190f3c;
}

.blog-details-area .blog-details-desc .article-footer .article-share {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.blog-details-area .blog-details-desc .article-footer .article-share .social {
  padding-left: 0;
  list-style-type: none;
  text-align: right;
  margin-bottom: 0;
}

.blog-details-area .blog-details-desc .article-footer .article-share .social li {
  display: inline-block;
}

.blog-details-area .blog-details-desc .article-footer .article-share .social li span {
  display: inline-block;
  margin-right: 2px;
  font-weight: 500;
  color: #666666;
}

.blog-details-area .blog-details-desc .article-footer .article-share .social li a {
  display: block;
  color: #ffffff;
  width: 32px;
  height: 32px;
  line-height: 33px;
  border-radius: 50%;
  background-color: #190f3c;
  text-align: center;
  font-size: 14px;
}

.blog-details-area .blog-details-desc .article-footer .article-share .social li a:hover {
  -webkit-animation: rubberBand 1s linear;
          animation: rubberBand 1s linear;
}

.blog-details-area .blog-details-desc .post-navigation {
  margin-top: 30px;
}

.blog-details-area blockquote {
  overflow: hidden;
  background-color: #f7f7f7;
  padding: 50px !important;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  margin-top: 20px;
  border-radius: 4px;
}

.blog-details-area blockquote p {
  color: #232350;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 600;
  font-size: 17px !important;
  text-align: center;
}

.blog-details-area blockquote cite {
  display: none;
}

.blog-details-area blockquote::before {
  color: #190f3c;
  content: "\ed67";
  position: absolute;
  left: 50px;
  top: -50px;
  z-index: -1;
  /*font-family: 'boxicons';*/
  font-family: 'Montserrat', sans-serif;
  font-size: 140px;
  font-weight: 900;
  opacity: 0.5;
}

.blog-details-area blockquote::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #190f3c;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-details-area .post-navigation {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding-top: 20px;
  padding-bottom: 20px;
}

.blog-details-area .post-navigation .navigation-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.blog-details-area .post-navigation .navigation-links .nav-previous {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.blog-details-area .post-navigation .navigation-links .nav-previous a i {
  margin-right: 0;
  font-size: 20px;
  position: relative;
  top: 4px;
}

.blog-details-area .post-navigation .navigation-links .nav-next {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  text-align: right;
}

.blog-details-area .post-navigation .navigation-links .nav-next a i {
  margin-left: 0;
  font-size: 20px;
  position: relative;
  top: 4px;
}

.blog-details-area .post-navigation .navigation-links div a {
  display: inline-block;
  font-weight: 600;
  color: #232350;
}

.blog-details-area .post-navigation .navigation-links div a:hover {
  color: #190f3c;
}

.blog-details-area .comments-area {
  padding: 25px;
  margin-top: 30px;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
  background-color: #ffffff;
}

.blog-details-area .comments-area .comments-title {
  position: relative;
  margin-bottom: 30px;
  line-height: initial;
  font-size: 22px;
}

.blog-details-area .comments-area .comments-title::before {
  content: '';
  height: 25px;
  width: 3px;
  left: -25px;
  position: absolute;
  background: #190f3c;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.blog-details-area .comments-area ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.blog-details-area .comments-area ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.blog-details-area .comments-area .comment-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.blog-details-area .comments-area .children {
  margin-left: 40px;
}

.blog-details-area .comments-area .comment-body {
  border-bottom: 1px solid #eeeeee;
  padding-left: 65px;
  font-size: 14px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.blog-details-area .comments-area .comment-body .reply {
  margin-top: 15px;
}

.blog-details-area .comments-area .comment-body .reply a {
  border: 1px solid #ded9d9;
  color: #232350;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 30px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  font-size: 13px;
  font-weight: 600;
}

.blog-details-area .comments-area .comment-body .reply a:hover {
  color: #ffffff;
  background-color: #190f3c;
  border-color: #190f3c;
}

.blog-details-area .comments-area .comment-meta {
  margin-bottom: .8em;
}

.blog-details-area .comments-area .comment-author {
  font-size: 16px;
  margin-bottom: 0.4em;
  position: relative;
  z-index: 2;
}

.blog-details-area .comments-area .comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
  border-radius: 50%;
}

.blog-details-area .comments-area .comment-author .fn {
  font-weight: 600;
  color: #232350;
  font-size: 18px;
}

.blog-details-area .comments-area .comment-author .says {
  display: none;
}

.blog-details-area .comments-area .comment-metadata {
  color: #666666;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}

.blog-details-area .comments-area .comment-metadata a {
  color: #666666;
  font-size: 11px;
}

.blog-details-area .comments-area .comment-metadata a:hover {
  color: #190f3c;
}

.blog-details-area .comments-area .comment-content p {
  font-size: 14px;
}

.blog-details-area .comments-area .comment-respond {
  margin-top: 30px;
}

.blog-details-area .comments-area .comment-respond .comment-reply-title {
  margin-bottom: 15px;
  position: relative;
  font-size: 22px;
}

.blog-details-area .comments-area .comment-respond .comment-reply-title::before {
  content: '';
  height: 25px;
  width: 3px;
  left: -25px;
  position: absolute;
  background: #190f3c;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.blog-details-area .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
  display: inline-block;
}

.blog-details-area .comments-area .comment-respond .comment-form {
  overflow: hidden;
}

.blog-details-area .comments-area .comment-respond .comment-form-comment {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}

.blog-details-area .comments-area .comment-respond label {
  display: block;
  font-weight: 500;
  color: #232350;
  margin-bottom: 5px;
}

.blog-details-area .comments-area .comment-respond input[type="datetime-local"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-details-area .comments-area .comment-respond input[type="datetime-local"]:focus {
  border-color: #190f3c;
}

.blog-details-area .comments-area .comment-respond input[type="week"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-details-area .comments-area .comment-respond input[type="week"]:focus {
  border-color: #190f3c;
}

.blog-details-area .comments-area .comment-respond input[type="month"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-details-area .comments-area .comment-respond input[type="month"]:focus {
  border-color: #190f3c;
}

.blog-details-area .comments-area .comment-respond input[type="text"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-details-area .comments-area .comment-respond input[type="text"]:focus {
  border-color: #190f3c;
}

.blog-details-area .comments-area .comment-respond input[type="email"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-details-area .comments-area .comment-respond input[type="email"]:focus {
  border-color: #190f3c;
}

.blog-details-area .comments-area .comment-respond input[type="url"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-details-area .comments-area .comment-respond input[type="url"]:focus {
  border-color: #190f3c;
}

.blog-details-area .comments-area .comment-respond input[type="password"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-details-area .comments-area .comment-respond input[type="password"]:focus {
  border-color: #190f3c;
}

.blog-details-area .comments-area .comment-respond input[type="search"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-details-area .comments-area .comment-respond input[type="search"]:focus {
  border-color: #190f3c;
}

.blog-details-area .comments-area .comment-respond input[type="tel"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-details-area .comments-area .comment-respond input[type="tel"]:focus {
  border-color: #190f3c;
}

.blog-details-area .comments-area .comment-respond input[type="number"] {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-details-area .comments-area .comment-respond input[type="number"]:focus {
  border-color: #190f3c;
}

.blog-details-area .comments-area .comment-respond textarea {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eeeeee;
  padding: 0.625em 0.7375em;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-details-area .comments-area .comment-respond textarea:focus {
  border-color: #190f3c;
}

.blog-details-area .comments-area .comment-respond .comment-form-author {
  float: left;
  width: 50%;
  padding-right: 10px;
  margin-bottom: 20px;
}

.blog-details-area .comments-area .comment-respond .comment-form-email {
  float: left;
  width: 50%;
  padding-left: 12px;
  margin-bottom: 20px;
}

.blog-details-area .comments-area .comment-respond .comment-form-url {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.blog-details-area .comments-area .comment-respond .comment-form-cookies-consent {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}

.blog-details-area .comments-area .comment-respond .comment-form-cookies-consent input {
  position: absolute;
  left: 0;
  top: 6px;
}

.blog-details-area .comments-area .comment-respond .comment-form-cookies-consent label {
  display: inline-block;
  margin: 0;
  color: #666666;
  font-weight: normal;
}

.blog-details-area .comments-area .comment-respond .form-submit {
  float: left;
  width: 100%;
}

.blog-details-area .comments-area .comment-respond .form-submit input {
  background: #190f3c;
  border: none;
  color: #ffffff;
  padding: 14px 30px 12px;
  display: inline-block;
  cursor: pointer;
  outline: 0;
  border-radius: 0;
  text-transform: uppercase;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-weight: 500;
  font-size: 14px;
}

.blog-details-area .comments-area .comment-respond .form-submit input:hover {
  color: #ffffff;
  background-color: #232350;
}

.blog-details-area .comments-area .comment-respond .form-submit input:focus {
  color: #ffffff;
  background-color: #190f3c;
}

.blog-details-area .widget-area .widget {
  margin-top: 35px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);
}

.blog-details-area .widget-area .widget .post-wrap {
  padding: 20px;
}

.blog-details-area .widget-area .widget:first-child {
  margin-top: 0;
}

.blog-details-area .widget-area .widget .widget-title {
  text-transform: capitalize;
  position: relative;
  font-size: 20px;
  margin-bottom: 0;
  background-color: #ececec;
  padding: 10px 20px;
  color: #232350;
  position: relative;
}

.blog-details-area .widget-area .widget .widget-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #190f3c;
}

.blog-details-area .widget-area .widget_search form {
  position: relative;
}

.blog-details-area .widget-area .widget_search form label {
  display: block;
  margin-bottom: 0;
}

.blog-details-area .widget-area .widget_search form .screen-reader-text {
  display: none;
}

.blog-details-area .widget-area .widget_search form .search-field {
  background-color: transparent;
  height: 50px;
  padding: 6px 15px;
  border: 1px solid #eeeeee;
  width: 100%;
  display: block;
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.blog-details-area .widget-area .widget_search form .search-field:focus {
  border-color: #190f3c;
}

.blog-details-area .widget-area .widget_search form button {
  position: absolute;
  right: 0;
  outline: 0;
  bottom: 0;
  height: 50px;
  width: 50px;
  border: none;
  color: #ffffff;
  background-color: #190f3c;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

.blog-details-area .widget-area .widget_search form button:hover {
  background-color: #232350;
}

.blog-details-area .widget-area .widget-peru-posts-thumb {
  position: relative;
  overflow: hidden;
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item {
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #efefef;
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb {
  float: left;
  height: 80px;
  overflow: hidden;
  position: relative;
  width: 80px;
  margin-right: 15px;
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
  position: relative;
  background-color: #232350;
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg1 {
  background-image: url(../../assets/img/blog-details/popular-posts-1.png);
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg2 {
  background-image: url(../../assets/img/blog-details/popular-posts-2.png);
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg3 {
  background-image: url(../../assets/img/blog-details/popular-posts-3.png);
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg4 {
  background-image: url(../../assets/img/blog-details/popular-posts-4.png);
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .info {
  overflow: hidden;
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .info span {
  display: block;
  color: #666666;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 500;
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .info .title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 600;
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .info .title a {
  display: inline-block;
  color: #474c40;
}

.blog-details-area .widget-area .widget-peru-posts-thumb .item .info .title a:hover {
  color: #190f3c;
}

.blog-details-area .widget-area .widget_recent_entries ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.blog-details-area .widget-area .widget_recent_entries ul li {
  position: relative;
  margin-bottom: 12px;
  color: #666666;
  padding-left: 17px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 600;
}

.blog-details-area .widget-area .widget_recent_entries ul li:last-child {
  margin-bottom: 0;
}

.blog-details-area .widget-area .widget_recent_entries ul li::before {
  background: #190f3c;
  position: absolute;
  height: 7px;
  width: 7px;
  content: '';
  left: 0;
  top: 7px;
}

.blog-details-area .widget-area .widget_recent_entries ul li .post-date {
  display: block;
  font-size: 13px;
  color: #666666;
  margin-top: 4px;
}

.blog-details-area .widget-area .widget_categories ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.blog-details-area .widget-area .widget_categories ul li {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #666666;
  padding-left: 20px;
  font-size: 15px;
  font-weight: 600;
  border-bottom: 1px solid #efefef;
}

.blog-details-area .widget-area .widget_categories ul li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.blog-details-area .widget-area .widget_categories ul li::before {
  background: #190f3c;
  position: absolute;
  height: 10px;
  width: 10px;
  content: '';
  left: 0;
  top: 8px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.blog-details-area .widget-area .widget_categories ul li a {
  display: block;
  color: #666666;
  font-weight: normal;
  font-size: 14px;
}

.blog-details-area .widget-area .widget_categories ul li a span {
  float: right;
  font-size: 13px;
}

.blog-details-area .widget-area .widget_categories ul li a:hover {
  color: #190f3c;
}

.blog-details-area .widget-area .widget_categories ul li .post-count {
  float: right;
}

.blog-details-area .widget-area .widget_meta ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.blog-details-area .widget-area .widget_meta ul li {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #666666;
  padding-left: 17px;
  font-size: 15px;
  font-weight: 500;
  border-bottom: 1px solid #efefef;
}

.blog-details-area .widget-area .widget_meta ul li a {
  color: #5d5d5d;
}

.blog-details-area .widget-area .widget_meta ul li a:hover {
  color: #190f3c;
}

.blog-details-area .widget-area .widget_meta ul li:last-child {
  margin-bottom: 0;
}

.blog-details-area .widget-area .widget_meta ul li::before {
  background: #190f3c;
  position: absolute;
  height: 10px;
  width: 10px;
  content: '';
  left: 0;
  top: 8px;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.blog-details-area .widget-area .widget_tag_cloud .widget-title {
  margin-bottom: 0;
}

.blog-details-area .widget-area .tagcloud a {
  display: inline-block;
  color: #666666;
  font-weight: normal;
  font-size: 14px !important;
  padding: 7px 10px;
  border: 1px dashed #eeeeee;
  margin-top: 10px;
  margin-right: 10px;
  text-transform: capitalize;
}

.blog-details-area .widget-area .tagcloud a:hover {
  background-color: #190f3c;
  color: #ffffff;
}

.blog-details-area .widget-area .tagcloud a:focus {
  background-color: #190f3c;
  color: #ffffff;
  border-color: #190f3c;
}

.blog-details-area .widget-area .widget_services_list ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);
          box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);
  background-color: #ffffff;
}

.blog-details-area .widget-area .widget_services_list ul li a {
  display: block;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 35px;
  color: #5d6576;
  z-index: 1;
  font-weight: 500;
}

.blog-details-area .widget-area .widget_services_list ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #252920;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.blog-details-area .widget-area .widget_services_list ul li a i {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.blog-details-area .widget-area .widget_services_list ul li a:hover {
  background-color: #190f3c;
  color: #ffffff;
  padding-left: 20px;
}

.blog-details-area .widget-area .widget_services_list ul li a:hover::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}

.blog-details-area .widget-area .widget_services_list ul li a.active {
  background-color: #190f3c;
  color: #ffffff;
  padding-left: 20px;
}

.blog-details-area .widget-area .widget_services_list ul li a.active::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}

.blog-details-area .widget-area .widget_services_list ul li:last-child a {
  border-bottom: none;
}

.blog-details-area .widget-area .widget_download ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);
          box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);
  background-color: #ffffff;
}

.blog-details-area .widget-area .widget_download ul li a {
  display: block;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 35px;
  color: #5d6576;
  z-index: 1;
  font-weight: 500;
}

.blog-details-area .widget-area .widget_download ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #252920;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.blog-details-area .widget-area .widget_download ul li a i {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.blog-details-area .widget-area .widget_download ul li a:hover {
  background-color: #190f3c;
  color: #ffffff;
  padding-left: 20px;
}

.blog-details-area .widget-area .widget_download ul li a:hover::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}

.blog-details-area .widget-area .widget_download ul li a.active {
  background-color: #190f3c;
  color: #ffffff;
  padding-left: 20px;
}

.blog-details-area .widget-area .widget_download ul li a.active::before {
  opacity: 1;
  visibility: visible;
  width: 5px;
}

.blog-details-area .widget-area .widget_download ul li:last-child a {
  border-bottom: none;
}

.blog-details-area .widget-area .info time {
  font-size: 13px;
  color: #929292;
  display: block;
  margin-bottom: 4px;
}

/*
Services Details Area Style
=====================================================*/
.services-sidebar .services-img {
  text-align: center;
  margin-bottom: 30px;
}

.services-sidebar .services-img img {
  border-top: 3px solid #190f3c;
  border-left: 3px solid #190f3c;
  border-right: 3px solid #190f3c;
}

.services-sidebar .services-img ul {
  line-height: 1;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
}

.services-sidebar .services-img ul li {
  display: inline-block;
  margin: 0 5px;
}

.services-sidebar .services-img ul li a {
  width: 30px;
  height: 30px;
  line-height: 38px;
  background-color: #190f3c;
  color: #ffffff;
  border-radius: 4px;
  text-align: center;
}

.services-sidebar .services-img ul li a i {
  font-size: 20px;
}

.services-sidebar .services-img ul li a:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}

.services-sidebar .availability {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  padding: 30px;
  margin-bottom: 30px;
}

.services-sidebar .availability h3 {
  text-align: center;
  margin-bottom: 20px;
}

.services-sidebar .availability h3 i {
  margin-right: 5px;
  position: relative;
  top: 1px;
}

.services-sidebar .availability ul li {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.services-sidebar .availability ul li span {
  float: right;
}

.services-sidebar .availability ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.services-sidebar .availability .default-btn {
  margin: auto;
  display: table;
}

.services-sidebar .services-feedback {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.services-sidebar .services-feedback .single-client {
  margin: 0;
}

.services-sidebar .services-feedback .single-client img {
  position: unset;
}

.services-detailss .borders {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-left: 1px;
  margin-right: 1px;
}

.services-detailss .services-history {
  padding: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
}

.services-detailss .services-history h2 {
  font-size: 35px;
}

.services-detailss .services-history span {
  font-weight: 600;
  color: #190f3c;
  font-size: 20px;
  display: block;
  margin-bottom: 15px;
}

.services-detailss .services-history p {
  margin-bottom: 30px;
}

.services-detailss .left-title h3 {
  font-size: 17px;
}

.services-detailss .right-title ul li {
  font-weight: 600;
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
}

.services-detailss .right-title ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.services-detailss .right-title ul li i {
  position: absolute;
  top: 6px;
  left: 0;
}

/*
Services Details Area Style
=====================================================*/
.services-details-area .scrives-item-3 .social-link {
  line-height: 1;
}

.services-details-area .scrives-item-3 .social-link li {
  display: inline-block;
  margin-right: 5px;
}

.services-details-area .scrives-item-3 .social-link li a {
  width: 30px;
  height: 30px;
  line-height: 38px;
  background-color: #190f3c;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
}

.services-details-area .scrives-item-3 .social-link li a i {
  font-size: 20px;
}

.services-details-area .scrives-item-3 .social-link li a:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}

.services-details-area .scrives-item-3 .share {
  float: right;
}

.services-details-area .scrives-item-3 .share a {
  font-size: 20px;
  font-weight: 600;
}

.services-details-area .scrives-item-3 .share a i {
  font-size: 20px;
  position: relative;
  top: 3px;
}

.services-details-area .owl-theme .owl-dots {
  line-height: 1;
}

.services-details-area .owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 6px;
  background-color: #5d5d5d;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0 5px;
}

.services-details-area .owl-theme .owl-dots .owl-dot.active span {
  background-color: #190f3c;
  width: 25px;
}

.services-details-area .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #190f3c;
  width: 25px;
}

/*
Team Area Style
======================================================*/
.single-team {
  text-align: center;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 30px;
  z-index: 1;
  border: 5px solid #04b8e5;
  padding: 10px;
  border-radius: 4px;
}

.single-team .team-img {
  position: relative;
  z-index: 1;
}

.single-team .team-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #190f3c;
  opacity: 0.5;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-team .team-img .team-link {
  left: 0;
  right: 0;
  bottom: 5%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-top: 1px solid #eeeeee;
  padding-top: 20px;
}

.single-team .team-img .team-link li {
  display: inline-block;
}

.single-team .team-img .team-link li a {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  text-align: center;
  border-radius: 50%;
  margin: 0 5px;
  background-color: #04b8e5;
  color: #ffffff;
  width: 30px;
  height: 30px;
  line-height: 31px;
}

.single-team .team-img .team-link li a:hover {
  background-color: #190f3c;
  color: #ffffff;
}

.single-team .team-content {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 25px;
  z-index: 1;
  position: relative;
}

.single-team .team-content span {
  color: #190f3c;
  margin-bottom: 18px;
  display: block;
}

.single-team:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.single-team:hover .team-img .team-link {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.single-team:hover .team-img::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

/*
Appointment Area Style
======================================================*/
.appointment-page {
  background-image: unset;
}

.appointment-page::before {
  display: none;
}

/*
Contact Area Style
=====================================================*/
.contact-area .section-title {
  margin-bottom: 30px;
}

.contact-area .section-title h2 {
  font-size: 30px;
}

.contact-area .contact-wrap {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 40px;
  text-align: center;
}

.contact-area .contact-wrap .form-group {
  margin-bottom: 30px;
}

.contact-area .contact-wrap .text-danger {
  color: #dc3545 !important;
  margin-top: 30px;
}

.contact-area .contact-wrap .text-success {
  color: #28a745 !important;
}

.contact-area .contact-wrap .list-unstyled {
  text-align: left;
  margin-top: 10px;
  color: #dc3545 !important;
}

.contact-area .quick-contact {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding: 30px;
}

.contact-area .quick-contact h3 {
  font-size: 28px;
  margin-bottom: 20px;
  margin-top: -4px;
}

.contact-area .quick-contact ul li {
  font-size: 18px;
  position: relative;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 15px;
  background-color: #190f3c;
  padding: 19px 20px;
  padding-left: 65px;
}

.contact-area .quick-contact ul li:last-child {
  margin-bottom: 0;
}

.contact-area .quick-contact ul li i {
  position: absolute;
  left: 25px;
  top: 23px;
  font-size: 30px;
}

.contact-area .quick-contact ul li span {
  display: block;
  font-weight: 400;
  font-size: 15px;
}

.contact-area .quick-contact ul li a {
  display: block;
  font-weight: 400;
  font-size: 15px;
  color: #ffffff;
}

.single-contact-map iframe {
  height: 395px;
  width: 100%;
}

.project-page .container-fluid {
  max-width: 1500px;
}

/*
Product Area Style
=====================================================*/
.product-area .woocommerce-topbar {
  margin-bottom: 40px;
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering {
  text-align: right;
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select {
  background-color: #ffffff;
  color: #190f3c;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
          box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
  float: unset;
  height: unset;
  line-height: initial;
  padding: 17px 35px 13px 20px;
  font-size: 16px;
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
          box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option {
  -webkit-transition: .6s;
  transition: .6s;
  font-size: 16px;
  padding-left: 20px;
  padding-right: 20px;
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option:hover {
  background-color: #190f3c !important;
  color: #ffffff;
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option.selected {
  font-weight: 700;
  color: #04b8e5;
}

.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select:after {
  right: 20px;
}

.product-area .single-product-box {
  text-align: center;
  margin-bottom: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
}

.product-area .single-product-box .product-image {
  overflow: hidden;
  position: relative;
  text-align: left;
}

.product-area .single-product-box .product-image a img {
  -webkit-transition: .6s;
  transition: .6s;
}

.product-area .single-product-box .product-image .add-to-cart-btn {
  position: absolute;
  bottom: -46px;
  left: 0;
  width: 100%;
  background-color: #232350;
  color: #ffffff;
  padding: 18px 20px 13px;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
}

.product-area .single-product-box .product-image .add-to-cart-btn i {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.product-area .single-product-box .product-image .add-to-cart-btn:hover {
  background-color: #190f3c;
  color: #ffffff;
}

.product-area .single-product-box .product-image .sale-btn {
  position: absolute;
  left: 20px;
  top: 20px;
  background-color: #190f3c;
  color: #ffffff;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  border-radius: 50%;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}

.product-area .single-product-box .product-content {
  padding: 30px 25px;
}

.product-area .single-product-box .product-content h3 {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
}

.product-area .single-product-box .product-content h3 a {
  display: inline-block;
  color: #232350;
  text-decoration: none;
}

.product-area .single-product-box .product-content .price {
  color: #232350;
  font-weight: 600;
  font-size: 15px;
}

.product-area .single-product-box .product-content .price span {
  padding: 0 5px;
}

.product-area .single-product-box .product-content .price .old {
  text-decoration: line-through;
  color: #190f3c;
  font-size: 14px;
}

.product-area .single-product-box .product-content .rating {
  margin-top: 8px;
  color: #ffb708;
  font-size: 15px;
}

.product-area .single-product-box .product-content .rating i {
  margin-right: -1px;
}

.product-area .single-product-box:hover .product-image .add-to-cart-btn {
  bottom: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: .6s;
  transition: .6s;
  text-decoration: none;
}

/* 
Cart Area Style
=====================================================*/
.cart-area .cart-table table {
  margin-bottom: 0;
}

.cart-area .cart-table table thead tr th {
  border-bottom-width: 0px;
  vertical-align: middle;
  padding: 0 0 15px;
  text-transform: uppercase;
  border: none;
  font-weight: 700;
  font-size: 16px;
}

.cart-area .cart-table table tbody tr td {
  vertical-align: middle;
  color: #666666;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  border-color: #eaedff;
  border-left: none;
  border-right: none;
}

.cart-area .cart-table table tbody tr td.product-thumbnail img {
  width: 60px;
  height: 60px;
}

.cart-area .cart-table table tbody tr td.product-thumbnail a {
  display: block;
}

.cart-area .cart-table table tbody tr td.product-name a {
  color: #666666;
  font-weight: 600;
  display: inline-block;
}

.cart-area .cart-table table tbody tr td.product-name a:hover {
  color: #232350;
}

.cart-area .cart-table table tbody tr td.product-price span {
  font-weight: 500;
}

.cart-area .cart-table table tbody tr td.product-subtotal {
  overflow: hidden;
}

.cart-area .cart-table table tbody tr td.product-subtotal .remove {
  color: #666666;
  float: right;
  position: relative;
  top: 1px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.cart-area .cart-table table tbody tr td.product-subtotal .remove i {
  font-size: 22px;
}

.cart-area .cart-table table tbody tr td.product-subtotal .remove:hover {
  color: red;
}

.cart-area .cart-table table tbody tr td.product-subtotal span {
  font-weight: 500;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter {
  max-width: 130px;
  min-width: 130px;
  text-align: center;
  display: inline-block;
  position: relative;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter span {
  position: absolute;
  top: 0;
  background-color: transparent;
  cursor: pointer;
  color: #232350;
  width: 40px;
  height: 100%;
  line-height: 48px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter span:hover {
  color: #190f3c;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter span.minus-btn {
  left: 0;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter span.plus-btn {
  right: 0;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter input {
  height: 45px;
  color: #232350;
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
  font-size: 17px;
  font-weight: 600;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder {
  color: #232350;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder {
  color: #232350;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder {
  color: #232350;
}

.cart-area .cart-table table tbody tr td.product-quantity .input-counter input::placeholder {
  color: #232350;
}

.cart-area .cart-buttons {
  margin-top: 30px;
}

.cart-area .cart-totals {
  background: #ffffff;
  padding: 40px;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  border-radius: 0;
  margin: auto;
  margin-top: 50px;
}

.cart-area .cart-totals h3 {
  margin-bottom: 25px;
  font-weight: 700;
}

.cart-area .cart-totals ul {
  padding: 0;
  margin: 0 0 25px;
  list-style-type: none;
}

.cart-area .cart-totals ul li {
  border: 1px solid #eaedff;
  padding: 10px 15px;
  color: #323232;
  overflow: hidden;
  font-weight: 700;
}

.cart-area .cart-totals ul li:first-child {
  border-bottom: none;
}

.cart-area .cart-totals ul li:last-child {
  border-top: none;
}

.cart-area .cart-totals ul li span {
  float: right;
  color: #666666;
  font-weight: normal;
}

.cart-area .cart-area .nice-select {
  height: 50px;
  line-height: 49px;
  border-radius: 0;
  width: 100%;
  margin-bottom: 18px;
}

.cart-area .cart-wraps {
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
  padding: 40px;
}

.cart-area .coupon-wrap {
  margin-top: 50px;
  background-color: #ffffff;
  padding: 40px;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
}

.cart-area .coupon-wrap .nice-select {
  background-color: #f2f9fc;
}

.cart-area .coupon-wrap .nice-select .list {
  width: 100%;
}

.cart-area .coupon-wrap .nice-select .option {
  color: #232350 !important;
}

.cart-area .coupon-wrap .nice-select .option:hover {
  color: #ffffff !important;
  background-color: #1089d4 !important;
}

.cart-area .coupon-wrap select .option.focus, .cart-area .coupon-wrap .nice-select .option.selected.focus {
  background-color: #1089d4 !important;
  color: #ffffff !important;
}

.cart-area .coupon-wrap h3 {
  padding-bottom: 25px;
}

.cart-area .coupon-wrap .form-group {
  margin-bottom: 18px;
}

.cart-area .coupon-wrap .nice-select {
  height: 50px;
  width: 100%;
  margin-bottom: 19px;
  border-radius: 0;
}

.cart-area .coupon-wrap .nice-select .current {
  position: relative;
  top: 4px;
}

/* 
Checkout Area Style 
=====================================================*/
.checkout-area .user-actions {
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  background: #ffffff;
  padding: 18px 20px 15px;
  margin-bottom: 65px;
  border-top: 3px solid #190f3c;
  position: relative;
  color: #190f3c;
}

.checkout-area .user-actions::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: -35px;
  width: 100%;
  height: 1px;
  background: #eeeeee;
}

.checkout-area .user-actions i {
  color: #190f3c;
  margin-right: 2px;
  font-size: 20px;
  position: relative;
  top: 4px;
}

.checkout-area .user-actions span {
  display: inline-block;
  font-weight: 500;
  color: #232350;
}

.checkout-area .user-actions span a {
  display: inline-block;
  color: #190f3c;
  font-size: 15px;
}

.checkout-area .user-actions span a:hover {
  color: #190f3c;
}

.checkout-area .user-actions span a:focus {
  color: #190f3c;
}

.checkout-area .checkout-area .title {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 700;
}

.checkout-area .billing-details {
  background-color: #ffffff;
  padding: 30px;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
}

.checkout-area .billing-details .form-group {
  margin-bottom: 20px;
}

.checkout-area .billing-details .form-group label {
  display: block;
  color: #232350;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
}

.checkout-area .billing-details .form-group label .required {
  color: red;
}

.checkout-area .billing-details .form-group .nice-select {
  float: unset;
  line-height: 45px;
  color: #232350;
  padding-top: 0;
  padding-bottom: 0;
}

.checkout-area .billing-details .form-group .nice-select .list {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
          box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
  border-radius: 0;
  margin-top: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.checkout-area .billing-details .form-group .nice-select .list .option {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding-left: 20px;
  padding-right: 20px;
}

.checkout-area .billing-details .form-group .nice-select .list .option:hover {
  background-color: #190f3c !important;
  color: #ffffff;
}

.checkout-area .billing-details .form-group .nice-select .list .option.selected {
  background-color: transparent;
}

.checkout-area .billing-details .form-group .nice-select:after {
  right: 20px;
}

.checkout-area .billing-details .form-group .nice-select .option:hover, .checkout-area .billing-details .form-group .nice-select .option.focus, .checkout-area .billing-details .form-group .nice-select .option.selected.focus {
  background-color: #190f3c !important;
  color: #ffffff !important;
}

.checkout-area .billing-details .form-group textarea {
  padding-top: 13px;
}

.checkout-area .billing-details .form-check {
  margin-bottom: 20px;
}

.checkout-area .billing-details .form-check .form-check-label {
  color: #232350;
}

.checkout-area .billing-details .form-check label {
  position: relative;
  top: 1px;
  font-size: 14px;
  font-weight: 500;
}

.checkout-area .billing-details .col-lg-12:last-child .form-group {
  margin-bottom: 0;
}

.checkout-area .order-details .order-table {
  background-color: #ffffff;
  padding: 30px;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
}

.checkout-area .order-details .order-table table {
  margin-bottom: 0;
}

.checkout-area .order-details .order-table table thead tr th {
  border-bottom-width: 0;
  vertical-align: middle;
  border-color: #eaedff;
  padding-left: 20px;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  font-weight: 700;
}

.checkout-area .order-details .order-table table tbody tr td {
  vertical-align: middle;
  color: #232350;
  border-color: #eaedff;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
}

.checkout-area .order-details .order-table table tbody tr td.product-name a {
  color: #232350;
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
}

.checkout-area .order-details .order-table table tbody tr td.product-name a:hover {
  color: #232350;
}

.checkout-area .order-details .order-table table tbody tr td.order-subtotal span {
  color: #232350;
  font-weight: 600;
}

.checkout-area .order-details .order-table table tbody tr td.order-shipping span {
  color: #232350;
  font-weight: 600;
}

.checkout-area .order-details .order-table table tbody tr td.total-price span {
  color: #232350;
  font-weight: 600;
}

.checkout-area .order-details .order-table table tbody tr td.shipping-price {
  font-weight: 600;
}

.checkout-area .order-details .order-table table tbody tr td.order-subtotal-price {
  font-weight: 600;
}

.checkout-area .order-details .order-table table tbody tr td.product-subtotal {
  font-weight: 600;
}

.checkout-area .order-details .payment-box {
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  margin-top: 30px;
  padding: 30px;
}

.checkout-area .order-details .payment-box .payment-method p [type="radio"]:checked {
  display: none;
}

.checkout-area .order-details .payment-box .payment-method p [type="radio"]:checked + label {
  padding-left: 27px;
  cursor: pointer;
  display: block;
  font-weight: 600;
  color: #190f3c;
  position: relative;
  margin-bottom: 8px;
}

.checkout-area .order-details .payment-box .payment-method p [type="radio"]:checked + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  background: #ffffff;
}

.checkout-area .order-details .payment-box .payment-method p [type="radio"]:checked + label::after {
  content: '';
  width: 12px;
  height: 12px;
  background: #190f3c;
  position: absolute;
  top: 6px;
  left: 3px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.checkout-area .order-details .payment-box .payment-method p [type="radio"]:not(:checked) {
  display: none;
}

.checkout-area .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label {
  padding-left: 27px;
  cursor: pointer;
  display: block;
  font-weight: 600;
  color: #232350;
  position: relative;
  margin-bottom: 8px;
}

.checkout-area .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  background: #ffffff;
}

.checkout-area .order-details .payment-box .payment-method p [type="radio"]:not(:checked) + label::after {
  content: '';
  width: 12px;
  height: 12px;
  background: #190f3c;
  position: absolute;
  top: 6px;
  left: 3px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.checkout-area .order-details .payment-box .btn.order-btn {
  display: block;
  margin-top: 25px;
}

.checkout-area .order-details .payment-box .default-btn {
  margin-top: 20px;
  display: block;
  text-align: center;
}

/*
Shop Details Style
=====================================================*/
.product-details-area .product-details-desc h3 {
  margin-bottom: 12px;
  font-weight: 700;
}

.product-details-area .product-details-desc p {
  margin-bottom: 0;
}

.product-details-area .product-details-desc .price {
  margin-bottom: 10px;
  color: #333333;
  font-weight: 700;
}

.product-details-area .product-details-desc .price span {
  padding: 0 5px;
}

.product-details-area .product-details-desc .price .old-price {
  text-decoration: line-through;
  color: #828893;
  font-size: 13px;
}

.product-details-area .product-details-desc .product-review {
  margin-bottom: 15px;
}

.product-details-area .product-details-desc .product-review .rating {
  display: inline-block;
  padding-right: 5px;
  font-size: 14px;
}

.product-details-area .product-details-desc .product-review .rating i {
  color: #ffba0a;
}

.product-details-area .product-details-desc .product-review .rating-count {
  display: inline-block;
  color: #333333;
  border-bottom: 1px solid #333333;
  line-height: initial;
}

.product-details-area .product-details-desc .product-review .rating-count:hover {
  color: #190f3c;
  border-color: #190f3c;
}

.product-details-area .product-details-desc .product-add-to-cart {
  margin-top: 20px;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter {
  max-width: 130px;
  min-width: 130px;
  margin-right: 10px;
  text-align: center;
  display: inline-block;
  position: relative;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter span {
  position: absolute;
  top: 0;
  background-color: transparent;
  cursor: pointer;
  color: #d0d0d0;
  width: 40px;
  height: 100%;
  line-height: 48px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter span:hover {
  color: #232350;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter span.minus-btn {
  left: 0;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter span.plus-btn {
  right: 0;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter input {
  height: 45px;
  color: #333333;
  outline: 0;
  display: block;
  border: none;
  background-color: #f8f8f8;
  text-align: center;
  width: 100%;
  font-size: 17px;
  font-weight: 600;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter input::-webkit-input-placeholder {
  color: #333333;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter input:-ms-input-placeholder {
  color: #333333;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter input::-ms-input-placeholder {
  color: #333333;
}

.product-details-area .product-details-desc .product-add-to-cart .input-counter input::placeholder {
  color: #333333;
}

.product-details-area .product-details-desc .product-add-to-cart .default-btn {
  border: none;
  cursor: pointer;
  float: right;
}

.product-details-area .product-details-desc .product-add-to-cart .btn {
  height: 45px;
  top: -2px;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}

.product-details-area .product-details-desc .product-add-to-cart .btn i {
  margin-right: 2px;
}

.product-details-area .product-details-desc .buy-checkbox-btn {
  margin-top: 20px;
}

.product-details-area .product-details-desc .buy-checkbox-btn .default-btn::before {
  display: none;
}

.product-details-area .product-details-desc .buy-checkbox-btn input {
  display: none;
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx {
  margin: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx span {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  -webkit-transform: scale(1);
          transform: scale(1);
  vertical-align: middle;
  border: 1px solid #ebebeb;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #333333;
  display: block;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 1;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx span:last-child {
  padding-left: 4px;
  color: #57647c;
}

.product-details-area .product-details-desc .buy-checkbox-btn .cbx:hover span:first-child {
  border-color: #333333;
}

.product-details-area .product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child {
  background: #333333;
  border-color: #333333;
  -webkit-animation: wave 0.4s ease;
          animation: wave 0.4s ease;
}

.product-details-area .product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.product-details-area .product-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child:before {
  -webkit-transform: scale(3.5);
          transform: scale(3.5);
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.product-details-area .product-details-desc .buy-checkbox-btn .item:not(:first-child) {
  margin-top: 15px;
}

.product-details-area .product-details-desc .buy-checkbox-btn .btn {
  display: block;
  width: 100%;
}

.product-details-area .product-details-desc .buy-checkbox-btn .default-btn {
  text-transform: uppercase;
  display: block;
  text-align: center;
}

.product-details-area .product-details-desc .custom-payment-options {
  margin-top: 20px;
}

.product-details-area .product-details-desc .custom-payment-options span {
  display: block;
  color: #57647c;
  margin-bottom: 15px;
}

.product-details-area .product-details-desc .custom-payment-options .payment-methods a {
  display: inline-block;
}

.product-details-area .product-details-desc .custom-payment-options .payment-methods a img {
  width: 40px;
  margin-right: 5px;
}

.product-details-area .product-details-image {
  text-align: center;
  background-color: #f7f7f7;
}

.product-details-area .tab .tabs_item {
  display: none;
}

.product-details-area .tab .tabs_item:first-child {
  display: block;
}

.product-details-area .products-details-tab {
  margin-top: 50px;
}

.product-details-area .products-details-tab .tabs {
  list-style-type: none;
  margin-bottom: -1px;
  padding-left: 0;
}

.product-details-area .products-details-tab .tabs li {
  display: inline-block;
  line-height: initial;
  margin-right: 5px;
}

.product-details-area .products-details-tab .tabs li a {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  color: #333333;
  border: 1px solid #eeeeee;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 30px;
  padding-left: 48px;
  font-weight: 700;
}

.product-details-area .products-details-tab .tabs li a .dot {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 30px;
  width: 12px;
  height: 12px;
  border: 1px solid #333333;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 50%;
}

.product-details-area .products-details-tab .tabs li a .dot::before {
  position: absolute;
  top: 0;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  background: #333333;
  margin: 2px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.product-details-area .products-details-tab .tabs li a:hover {
  color: #ffffff;
  background-color: #190f3c;
  border-color: #190f3c;
}

.product-details-area .products-details-tab .tabs li a:hover .dot {
  border-color: #ffffff;
}

.product-details-area .products-details-tab .tabs li a:hover .dot::before {
  background: #ffffff;
}

.product-details-area .products-details-tab .tabs li a:focus {
  color: #ffffff;
  background-color: #190f3c;
  border-color: #190f3c;
}

.product-details-area .products-details-tab .tabs li a:focus .dot {
  border-color: #ffffff;
}

.product-details-area .products-details-tab .tabs li a:focus .dot::before {
  background: #ffffff;
}

.product-details-area .products-details-tab .tabs li:last-child {
  margin-right: 0;
}

.product-details-area .products-details-tab .tabs li.current a {
  color: #ffffff;
  background-color: #190f3c;
  border-color: #190f3c;
}

.product-details-area .products-details-tab .tabs li.current a .dot {
  border: 1px solid #ffffff;
}

.product-details-area .products-details-tab .tabs li.current a .dot::before {
  background: #ffffff;
}

.product-details-area .products-details-tab .tab_content {
  border: 1px solid #eeeeee;
  padding: 30px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content p {
  margin-bottom: 20px;
  font-size: 14px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content p:last-child {
  margin-bottom: 0;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  text-align: left;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li {
  border: 1px solid #eeeeee;
  border-bottom: none;
  padding: 10px 15px;
  color: #57647c;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li:last-child {
  border-bottom: 1px solid #eeeeee;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span {
  display: inline-block;
  width: 30%;
  color: #333333;
  font-size: 16px;
  font-weight: 600;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content h3 {
  margin-bottom: 15px;
  font-weight: 700;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title {
  position: relative;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating {
  display: inline-block;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating .fas.fa-star {
  color: #ffba0a;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating i {
  color: #ffba0a;
  font-size: 14px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title p {
  margin-bottom: 0;
  display: inline-block;
  padding-left: 5px;
  line-height: initial;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn {
  position: absolute;
  right: 0;
  bottom: 10px;
  padding: 10px 11px;
  font-size: 11px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn:focus {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border: 4px;
  background-color: #232350;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments {
  margin-top: 35px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {
  margin-top: 30px;
  position: relative;
  padding-right: 200px;
  border-top: 1px dashed #eeeeee;
  padding-top: 30px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating .fas.fa-star {
  color: #ffba0a;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating i {
  font-size: 14px;
  color: #ffba0a;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span {
  margin-bottom: 10px;
  font-size: 13px;
  display: block;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span strong {
  font-weight: 600;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item p {
  margin-bottom: 0;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {
  position: absolute;
  right: 0;
  color: #57647c;
  top: 40px;
  text-decoration: underline;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover {
  color: #ff4800;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form {
  margin-top: 30px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group {
  margin-bottom: 20px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group label {
  color: #444444;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group textarea {
  padding-top: 15px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group .form-control {
  font-size: 14px;
}

.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-radius: 0;
}

/*
Preloader Area Style*/
.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  overflow: hidden;
  z-index: 9999;
}

.loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
/*  background: #190f3c;*/
  background: #1A1A1A;
  z-index: 10;
}

.loader-wrapper .loader-section.section-left {
  left: 0;
}

.loader-wrapper .loader-section.section-right {
  right: 0;
}

.loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #16a085;
  -webkit-animation: spin 1.7s linear infinite;
          animation: spin 1.7s linear infinite;
  z-index: 11;
}

.loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  -webkit-animation: spin-reverse .6s linear infinite;
          animation: spin-reverse .6s linear infinite;
}

.loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

.loaded .loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

.loaded .loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded .loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded .loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

/*
Go Top Style*/
.go-top {
  position: fixed;
  cursor: pointer;
  top: 93%;
  right: -10%;
  /*  background-color: #04b8e5;*/
/*  background-color: #6d87c6;*/
  background-color: #d99e2a;
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .9s;
  transition: .9s;
}

.go-top i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 20px;
}

.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

.go-top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #04b8e5;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.go-top:hover {
  color: #ffffff;
  background-color: #232350;
}

.go-top:hover::before {
  opacity: 1;
  visibility: visible;
}

.go-top:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top:focus {
  color: #ffffff;
}

.go-top:focus::before {
  opacity: 1;
  visibility: visible;
}

.go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.go-top.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
  right: 3%;
  top: 93%;
}

/*
Video wave Style*/
.video-btn {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 69px;
  text-align: center;
  border-radius: 50%;
  color: #190f3c;
  position: relative;
  top: 3px;
  z-index: 1;
  background-color: #04b8e5;
}

.video-btn i {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 3px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 30px;
  height: 100%;
}

.video-btn::after, .video-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background-color: #04b8e5;
}

.video-btn::before {
  -webkit-animation: ripple 1.6s ease-out infinite;
          animation: ripple 1.6s ease-out infinite;
}

.video-btn::after {
  -webkit-animation: ripple 1.6s ease-out infinite;
          animation: ripple 1.6s ease-out infinite;
}

.video-btn:hover {
  background-color: #190f3c;
}

.video-btn:hover i {
  color: #ffffff;
}

.video-btn:hover::after, .video-btn:hover::before {
  background-color: #190f3c;
}

@-webkit-keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

@keyframes ripple {
  0%, 35% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}


.why-us

{
	/*color:#cdd520;*/
/*  color:#1a1a1a;*/
  color:#1a1a1a;
	font-size:40px;
	font-weight:700;
	line-height:34px;
}

.why-us span

{
/*	color:#1a1a1a;*/
  color:#1a1a1a;
	font-size:26px;
	font-weight:700;
	line-height:34px;
}


.main-heading

{
	font-size:34px;
	font-weight:normal;
	/*color:#f45d8a;*/
  /*  color:#35689f;*/
  color:#1a1a1a;
	margin-bottom: 30px;
}

span.small-heading 

{
	font-size:22px;
	font-weight:normal;
/*	color:#1a1a1a;*/
  color:#1a1a1a;
	letter-spacing: 2px;
}

span.maroon 

{
	color:#35689f;
}

/*
Section Title Area Style*/
.section-title {
  max-width: 660px;
  margin: -8px auto 30px;
  text-align: center;
  position: relative;
}

.section-title span {
  color: #04b8e5;
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}

.section-title h2 {
  font-size: 40px;
  margin-bottom: 15px;
  position: relative;
  display: block;
  text-transform: capitalize;
}

.section-title h2:last-child {
  margin-bottom: 0;
}

.section-title.white-title span {
  color: #1a1a1a;
}

.section-title.white-title h2 {
  color: #1a1a1a;
}

.section-title.white-title p {
  color: #1a1a1a;
}

/*
Nice select Area Style*/
.nice-select .list {
  width: 100%;
}

.nice-select .option:hover {
  background-color: #232350;
  color: #ffffff;
}

.nice-select .option.selected.focus {
  color: #232350;
}

/*
Page-navigation Area Style*/
.page-navigation-area {
  text-align: center;
  margin: 20px auto 0;
  display: table;
}

.page-navigation-area .page-link {
  color: #190f3c;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 15px #d0d0d0;
          box-shadow: 0 0 15px #d0d0d0;
  width: 40px;
  height: 40px;
  border: 1px solid #ffffff;
  line-height: 24px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-weight: 700;
}

.page-navigation-area .page-link i {
  margin-right: -4px;
  font-size: 21px;
}

.page-navigation-area .page-link:hover {
  color: #ffffff;
  background-color: #190f3c;
  border: 1px solid #190f3c;
}

.page-navigation-area .page-link:focus {
  z-index: 2;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.page-navigation-area .page-link.page-links i::before {
  margin-left: -4px;
}

.page-navigation-area .page-item {
  padding: 0 8px 0;
}

.page-navigation-area .page-item:first-child .page-link {
  border-radius: none;
}

.page-navigation-area .page-item:last-child .page-link {
  border-radius: none;
}

.page-navigation-area .page-item.active .page-link {
  z-index: 1;
  color: #ffffff;
  background-color: #190f3c;
  border-color: #190f3c;
}

.bg-color {
  background-color: #f4fbfe;
}

.navbar-area.is-sticky .navbar-expand-md .navbar-collapse ul.navbar-nav {
    margin: 0 auto;
}
.nav-area .navbar-area.is-sticky li.nav-item {
    padding: 0;
}

.navbar{
    padding-top: 0rem;
    padding-bottom: 0rem;
}
.nav-item{
  position: relative;
  padding: 10px 0!important;
}
img.ihgf-date-img{
  height: 70px;
}
img.ihgf-logo-img{
  height: 90px;
}
img.ihgf-g2o-img{
  height: 50px;

}
img.ihgf-logo-fair-org{
  height: 100px!important;
  margin-bottom: 20px;
}
.text-right{
  text-align: right!important;
}
/*# sourceMappingURL=style.css.map */

.heading_h5{
    color: black;
    text-align: center;
    margin-bottom: 25px;
    line-height: 30px;
}

.heading_h5small{
    color: black;
    text-align: center;
    margin-bottom: 25px;
    line-height: 30px;
    text-transform: none;
}

.video-slider-area-box {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

section.video-slider-area-box.container {
    max-width: 100%!important;
    width: 100%!important;
    padding: 0;
}
section.video-slider-area-box.container video.custom-hero-video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.social-media-top {
  margin-bottom: 0px!important;
}
.social-media-top ul li a i{
  color: #ffffff;
/*  color: #35689f;*/
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.social-media-top ul li a{
  color: #ffffff;
/*  color: #35689f;*/
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

img.ihgf-ufi-img {
    height: 60px!important;
    vertical-align: bottom;
    padding-left: 60px;
}


h2.about-us-heading {
    font-size: 18px;
    margin-top: 15px;
}

#clockdiv span {
    margin: 10px 10px 0 10px;
}

.marquee-box {
  /*background-color: #e6f1f4;*/
  background-color: #f89d60;
  /*margin-top: 10px;*/
}
.marquee-box marquee a {
  color: #1a1a1a!important;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
  padding: 8px 10px 0px 10px;
}


.cookie-popup {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgb(173 156 106 / 82%);
  color: #fff;
  padding: 10px;
  text-align: center;
  z-index: 999999;
}

.cookie-button{
  margin-top: 15px;
  text-align: right;
}
.cookie-popup button {
  background: #4e5077;
  color: #fff;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 10px;
}
.blur {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); /* Adjust the alpha value for transparency */
  filter: blur(5px);
  z-index: 999; /* Ensure the background is above other elements */
  display: none; /* Initially hide the background */
}
.cookie-content p a {
font-weight: bold;
font-size: 12px;
line-height: 150%;
text-decoration: underline;
color: #fefefe;
display: inline-block;
}
.cookie-popup h2 {
font-size: 2rem;
margin-bottom: 10px;
padding-bottom: 10px;
/*display: inline-block;*/
color: #fff;
position: relative;
text-align: left;
}


footer.footer-top-area {
/*    border-top: 5px solid #3d3f6c!important;*/
}
.footer-bottom-area {
   background-color: #1a1a1a !important;
    padding: 10px 0!important;
/*    border-top: 1px solid #fff!important;*/
}

.catogries-list a {
    padding: 40px 20px;
    min-width: 100%;
    background: #f9f9f9;
    border: 1px dashed #ababab;
    min-height: 100%;
}
.catogries-list a:hover {
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background: #fff;
    border: 1px dashed #fff;
}
.catogries-list img {
    margin-bottom: 20px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.catogries-list a:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.catogries-list a:hover p {
    color: #1a1a1a000;
}
.gene-query{
  font-size: 20px;
   color: #1A1A1A;
}



.email-mobile{
/*  font-weight: 600;*/
}

h2.bg-title{
  color: #ffffff; 
  font-size: 35px;
}
h3.bg-sub-title{
  color: #fff;
  font-size: 24px;
  text-transform: none !important; 
  line-height: 29px;
}
.register-bg-outerbox{
  padding-bottom: 3px;
  padding-top: 2px;

}
.register-radio-name{
    font-size: 14px!important;
}


.social {
  position: fixed;
  top: 30%;
  right: 0;
  z-index: 9999;
}

.social ul {
  list-style-type: none;
  padding: 0;
  transform: translateX(135px);
}

.social ul li {
   display: flex; /* Use flexbox for better alignment control */
  justify-content: space-between; /* Align items to left and right */
  align-items: center; /* Vertically center items */
  margin: 5px;
  background-color: rgba(0, 0, 0, 0.35);
  width: 165px;
  padding: 5px;
  border-radius: 30px 0 0 30px;
  transition: all 1s;
}

.social ul li:hover {
  transform: translateX(-110px);
}

.social ul li.twitter:hover {
  background-color: #1a1a1a;
}

.social ul li.facebook:hover {
  background-color: #3b5999;
}

.social ul li.instagram:hover {
  background-color: #e4405f;
}

.social ul li.linkedin:hover {
  background-color: #0077B5;
}

.social ul li.youtube:hover {
  background-color: #FF0000;
}

.social ul li.instagram:hover {
  background-color: #E4405F;
}

.social ul li.pinterest:hover {
  background-color: #BD081C;
}

.social ul li a {
   color: white;
  text-decoration: none;
  display: flex; /* Align text and icon horizontally */
  align-items: center; 
}

.social ul li i {
  text-align: center;
  margin: 0 5px 0 0px;
  color: black;
  background-color: white;
  padding: 3px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  font-size: 20px;
  transform: rotate(0deg);
}

.social ul li:hover i svg {
  transform: rotate(360deg);
  transition: all 1s;
}

.social i.i-twitter{
  font-size: 10px!important;
}

.swal2-popup .swal2-content {
    font-size: 16px!important;
    line-height: 1.5rem!important;
}
.swal2-popup .swal2-title {
    font-size: 22px!important;
}
.swal2-icon {
    margin: 0px auto 10px!important;
}
button.swal2-confirm.swal2-styled {
    background-color: rgb(52 117 113)!important;
}

.bouchures 
{
  padding:25px 0;
}

.bouchures h2
{
  color:#4e5077;
  font-weight:700;
font-family: 'Montserrat', sans-serif;
font-size:22px;
text-align:center;
margin-bottom:25px;
}



.bouchures ul li
{
  margin: 5px 5px;
  display:inline-block;
  text-align:center;
}


.bouchures ul li a
{
  color:#fff;
  font-weight:600;
  font-family: 'Montserrat', sans-serif;
  font-size:14px;
}
.btn-warning {
    color: #1a1a1a;
    background-color: #4e5077;
    border-color: #4e5077;
}
.bouchures-outerbox{
  text-align: center;
}

/*.blink {
    -webkit-animation: blink 1000ms step-end infinite;
            animation: blink 1000ms step-end infinite;
}
@-webkit-keyframes blink { 50% { color: #FFFF00; }}
        @keyframes blink { 50% { color: #FFFF00; }}*/

.blink {
    -webkit-animation: blink 3000ms step-end infinite;
            animation: blink 3000ms step-end infinite;
}

@-webkit-keyframes blink {
    0%, 100% { color: #6e97cf; }
    33.33% { color: #1A1A1A; }
/*    66.66% { color: #f45d8a; }*/
    66.66% { color: #ee8bc2; }
}

@keyframes blink {
    0%, 100% { color: #6e97cf; }
    33.33% { color: #1A1A1A; }
/*    66.66% { color: #f45d8a; }*/
    66.66% { color: #ee8bc2; }
}


.ihgf-qr-outer-box{
  flex-direction: column;
    display: flex;

}

.download-link {
  position: relative;
  display: inline-block;
}

/* Style for the image */
.download-link img {
  width: 158px!important; /* Adjust the width as needed */
  height: auto;
  transition: transform 0.3s ease-in-out; /* Add a smooth transition effect */
}

/* Hover effect for the image */
.download-link:hover img {
  transform: scale(1.1); /* Increase the size of the image on hover */
}

/* Text styling for the hover effect */
.download-link::before {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 18px;
  text-align: center;
  z-index: 2;
}

/* Display text on hover */
.download-link:hover::before {
  display: block;
}


.logo.date-outer-box img.ihgf-date-img {
    height: 72px;
    margin: 19px 0;
}
.logo.ihgf-logo-outer-box img.ihgf-logo-img {
     height: 55px;
    margin: 27px 0;
}
.ihgf-ufi-outer-box img.ihgf-ufi-img {
    margin-bottom: 0;
    height: 45px!important;
    margin-top: 15px;
}
.ihgf-ufi-outer-box ul li {
    margin-bottom: 4px;
}

.header-area .top-header-area {
    padding: 0 0 0 0;
    /* background-image: linear-gradient(to right, #d3edf9 , #f66ab0); */
    /* background-color: #ead9e2; */
    /* background-color: #f8e098; */
    /* background-color: #e0d9c7; */
/*    background: url(../../assets/img/BACKGROUND-58th-box-new.png) no-repeat;*/
    background-size: cover;
    height: 110px;
}

.fair-inner-box {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 25px 15px 25px 15px;
  /* border: 1px solid #e0e0e0; */
  text-align: center;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
   background-color: #fafbff!important; 
}

.fair-inner-box p {
  margin-top: 20px;
}

.fair-inner-box:hover img {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.fair-inner-box:hover p {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.fair-image-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fair-image-box:before {
  content: "";
  display: block;
  padding-top: 50%;
  background: #f3f3f3;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  width: 200px;
}
.fair-image-box img {
  margin: 0;
}
.fair-inner-box a {
  position: absolute;
  z-index: 9;
}
.fair-outer-box-list a{
padding: 40px 20px;
  min-width: 100%;
  border: 1px dashed #ababab;
  min-height: 100%;
}
.fair-outer-box-list {

background-color:#fff;
padding:50px 0;

}
.fair-outer-box-list a:hover {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 1px dashed #fff;
}
.fair-outer-box-list img {
  margin-bottom: 20px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.fair-outer-box-list a:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.fair-outer-box-list a:hover p {
  color: #1a1a1a000;
}
.fair-outer-box-list .col-lg-4.text-center {
  margin-bottom: 20px;
}

.fair-outer-box-list p
{
color:#4e5077;
font-weight:700;
/*font-family: 'Open Sans', sans-serif;*/
font-family: 'Montserrat', sans-serif;
font-size:16px;

}

.fair-outer-box-list img
{
margin-bottom:10px;

}

@media (max-width: 991px) {

  header.header-area .top-header-area .container {
    max-width: 100%;
  }
  .single-widget.scan-me-box img{
    width: 150px!important; 
  }
   .mean-container .mean-bar {
      height: 45px!important;
      background-color: #1A1A1A!important;
  }

}

@media (max-width: 767px) {
  header.header-area .top-header-area .col-lg-3.col-sm-6.col-md-3.text-right{
    display: none;
  }
  header.header-area .top-header-area .col-lg-2.col-sm-4.col-md-3.text-right{
    display: none;
  }
  .mean-container .mean-bar {
      height: 45px!important;
      background-color: #1A1A1A!important;
  }
  .mean-container a.meanmenu-reveal {
      padding: 10px 15px 0 0!important;
  }
  .mobile-nav.mean-container .mean-nav {
      margin-top: 47px!important;
  }
  .mobile-nav.mean-container nav.mean-nav li.nav-item {
    padding: 0!important;
  }
  .mobile-nav.mean-container nav.mean-nav li.nav-item a.nav-link {
      padding: 5px 20px!important;
      color: #d99e2a;
  }
  .mean-container .mean-nav ul li a.mean-expand { margin-top: -10px;}
  .mobile-nav.mean-container nav.mean-nav li.nav-item ul.dropdown-menu li.nav-item {
    background: #ededed;
    border-bottom: 1px solid #dfdfdf;
  }
  .mobile-nav.mean-container nav.mean-nav li.nav-item ul.dropdown-menu li.nav-item a.nav-link {
      padding: 5px 20px 5px 40px!important;
      border-top: none;
      font-size: 13px;
  }
  section.video-slider-area-box.container { margin-top: 46px;}
  .hero-slider-area { margin-top: 15px!important;
  }

  section.video-slider-area-box.container video.custom-hero-video {
    height: auto;!important;
  }

  .register-buyer-outerbox .col-md-4 {
    text-align: left!important;
  }
  .daysDiv, .hoursDiv {
      margin-bottom: 20px;
  }
  .blinkerDiv {
      display: none!important;
  }

  .categories-outerbox {
    margin-top: 50px;
  }
  .catalogue-outerbox ul li {
      width: auto;
      margin: 5px;
      text-align: center;
      display: block;
  }
  .catogries-list .col-lg-4.text-center {
    margin-bottom: 20px;
  }

  /*  .cookie-popup {
      left: 10%!important;
      width: 75%;
  }*/
  .col-pt30{
    margin-top: 30px;
  }
   
  .col-pt60{
      margin-top: 60px;
  } 
  .flipbook{
    padding-left: 25px;
    padding-right: 25px;
  }

  .flipbook iframe, .flipbook span {
    width: 100%!important;
  }

  .page-title-area {
    padding-top: 63px!important;
    padding-bottom: 75px!important;
  }
  h3.bg-sub-title {
  font-size: 18px;
  line-height: 20px;
  }
  .register-buyer-outerbox{
    padding-top: 5px!important;
/*    padding-bottom: 30px!important;*/
  }
  .register-radio-name{
    font-size: 14px!important;
  }
  #clockdiv>div {
    padding: 0px!important;
  }
  #clockdiv {
    font-size: 14px!important;
  }
  .smalltext{
    font-size: 14px!important;
  }
  .register-bg-outerbox{
    padding-bottom: 0px!important;
    padding-top: 50px!important;
  }

  h2.bg-title {
    color: #ffffff;
    font-size: 18px;
  }
  h3.bg-sub-title{
    color: #fff;
    font-size: 14px;
    text-transform: none !important; 
    line-height: 20px;
  }
  .bouchures ul li {
    width: 155px!important;
  }
  .bouchures ul li a {
    display: block!important;
    margin-bottom: 10px!important;
  }

  .iframe-container iframe{
    width: 100%;
  }

 /* .blink {
    -webkit-animation: blink 1000ms step-end infinite;
            animation: blink 1000ms step-end infinite;
  }
  @-webkit-keyframes blink { 50% { color: #ffb300; }}
          @keyframes blink { 50% { color: #ffb300; }}*/

  .blink {
    -webkit-animation: blink 3000ms step-end infinite;
            animation: blink 3000ms step-end infinite;
  }

  @-webkit-keyframes blink {
      33.33% { color: #ffb300; }
      66.66% { color: #f45d8a; }
  }

  @keyframes blink {
      33.33% { color: #ffb300; }
      66.66% { color: #f45d8a; }
  }
  .social ul li:hover {
    transform: translateX(0px)!important;
  }
  .social ul li {
    width: 115px!important;
  }
  .social ul {
    transform: translateX(85px)!important;
  }
  .single-widget.scan-me-box img{
    width: 150px!important;
  }
}

@media (max-width: 575px) {

  img.ihgf-ufi-img {
      display: none;
  }
  header.header-area .top-header-area .row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: nowrap;
  }
  header.header-area .top-header-area .row .col-lg-3.col-sm-4.col-md-3 {
      flex-shrink: 0;
      width: 30%;
      max-width: 30%;
  }
  header.header-area .top-header-area .row .col-lg-6.col-sm-8.col-md-6.text-right {
      flex-shrink: 0;
      width: 50%;
      max-width: 50%;
  }
  img.ihgf-date-img {
      height: 45px;
  }
  img.ihgf-logo-img {
      height: 46px;
  }
  
}

/*@media only screen and  (max-width: 600px) {

  .header-area .top-header-area {
     height: auto;
  }
  .logo.date-outer-box img.ihgf-date-img {
      height: auto;
      margin: 10px 0;
  }
  .logo.ihgf-logo-outer-box img.ihgf-logo-img {
      height: auto;
      margin: 10px 0;
  }

 
}*/

@media only screen and (max-width: 600px) {

.top-header-area .logo.date-outer-box img.ihgf-date-img {  height: auto !important;}

.top-header-area .logo.ihgf-logo-outer-box img.ihgf-logo-img {  height: auto !important;}
.header-area .top-header-area{height: auto;}

}

.epchlogo-outer-box {
    margin-bottom: 10px;
    width: 275px;
}

.epchlogo-outer-box img {
    margin: 0 !important;
}

.nav-item.active {
  background-color: #1A1A1A;
} 
.nav-item.active a.nav-link {
    color: #fff !important;
}

.custom-footer-list {
    list-style: none; /* Remove bullet points */
    padding: 0;
    margin: 0;
    display: flex; /* Make items align in a row */
    justify-content: center; /* Center items horizontally */
    gap: 15px; /* Space between items */
  }

  .custom-footer-list li a {
    font-size: 14px;
    color: #fff; /* Set text color to white */
    text-decoration: none; /* Remove underline */
  }

  .custom-footer-list li a:hover {
      text-decoration: underline; /* Optional: Add underline on hover */
  }

  /* Optional: Style the main area if needed */
.page-title-area {
    /* background-color: #f0f0f0; /* Example background */
    /* Add other styles as required */
}



/* 1. The Container - Fixed Height */
.video-height-container {
    position: relative;    /* Crucial for absolute positioning of children */
    overflow: hidden;      /* Hide anything spilling out */
    width: 100%;           /* Take full available width */
    height: 150px;         /* *** FIXED Height as requested *** */
    background-color: #333; /* Fallback background if video fails */
}

/* 1.5 The Video Mask Overlay (UPDATED for Darker Foggy Blue) */
.video-height-container::before {
    content: '';          /* Required for pseudo-elements */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Covers the full 400px height */

    /* --- Darker Foggy Blue Layer --- */
    /* Adjust the RGBA values for the desired darkness and opacity */
    /* Examples: */
    /* background-color: rgba(70, 130, 180, 0.45); /* Steel Blue at 45% opacity 
    /* background-color: rgba(0, 0, 139, 0.4);    /* DarkBlue at 40% opacity */
    /* background-color: rgba(65, 105, 225, 0.5);  /* Royal Blue at 50% opacity */
    /* background-color: rgba(25, 25, 112, 0.55);  /* Midnight Blue at 55% opacity */

    /* Optional: Gradient using darker blues */
    /* background: linear-gradient(to bottom, rgba(70, 130, 180, 0.4), rgba(25, 25, 112, 0.6)); */
    /* --- End Foggy Layer --- */

     /* --- Light Grey Layer --- */
    /* Adjust the RGBA values for the desired grey shade and opacity */
    /* Examples: */
    /* background-color: rgba(211, 211, 211, 0.5); /* Standard LightGrey at 50% opacity */
    /* background-color: rgba(192, 192, 192, 0.45); /* Silver at 45% opacity */
    /* background-color: rgba(220, 220, 220, 0.55); /* Gainsboro (very light grey) at 55% opacity */
    /* background-color: rgba(169, 169, 169, 0.4);  /* DarkGray (less light, more mid-grey) at 40% opacity */

    /* Optional: Subtle Gradient */
     background: linear-gradient(to bottom, rgba(220, 220, 220, 0.4), rgba(192, 192, 192, 0.6)); 
    /* --- End Light Grey Layer --- */

    z-index: 1;           /* Sit between video (0) and title (2) */
    pointer-events: none; /* Allow clicks to pass through the mask if needed */
}

/* 2. The Video Styling - Adjusted z-index */
.video-height-container .constrained-height-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;       /* Make video element match container height (400px) */
    object-fit: cover;  /* Scale video content to cover, maintain aspect ratio, clip excess */
    z-index: 0;         /* Behind the mask and title */
}

/* 3. The Title Overlay - Adjusted z-index and Responsive Font */
.video-height-container .bg-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Span the full 400px height */
    z-index: 2;   /* Place it above the mask (1) and video (0) */

    /* --- Centering Text --- */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    /* --- End Centering --- */

    /* --- Text Styling --- */
    margin: 0;
    padding: 20px; /* Padding for breathing room */
    box-sizing: border-box;
    color: white; /* White text should contrast well with darker blue */
    font-size: 2.8rem; /* Base font size for larger screens */
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); /* Shadow remains important */
}

/* --- Media Queries for Responsive TEXT within FIXED Container --- */

/* Tablets and Smaller Desktops */
@media (max-width: 992px) {
    .video-height-container .bg-title {
        font-size: 2.4rem; /* Reduce font size */
    }
}

/* Landscape Phones and Tablets */
@media (max-width: 768px) {
    .video-height-container .bg-title {
        font-size: 2.0rem; /* Further reduce font size */
        padding: 15px;
    }
}

/* Portrait Phones */
@media (max-width: 576px) {
    .video-height-container .bg-title {
        font-size: 1.6rem; /* Smallest font size */
        padding: 10px;
    }
}

/*ARTISANAL CRAFTS start*/
.tagline {
    font-weight: 300;
    font-size: 24px;
    letter-spacing: 2px;
    color: #1a1a1a;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.section-title2 {
    font-weight: 600;
    font-size: 30px;
    color: #1A1A1A;
    letter-spacing: 2.5px;
    line-height: 1.1;
    margin-bottom: 5px;
    text-transform: uppercase;
    text-align: left;
}

.main-title-block {
    position: relative;
    line-height: 0.9;
}

.title-line-1,
.title-line-2 {
    display: flex;
    align-items: baseline;
}

.ordinal {
    font-weight: 600;
    font-size: 36px;
    color: #d99e2a;
    margin-right: 10px;
    align-self: center;
    line-height: 1;
    padding-bottom: 20px;
}

.ordinal-suffix {
    font-size: 0.5em;
    font-weight: 600;
    vertical-align: baseline;
    position: relative;
    top: -0.7em;
    margin-left: -1px;
}

.event-name {
    font-weight: 600;
    font-size: 80px;
    color: #1A1A1A;
    letter-spacing: -1.5px;
    text-transform: uppercase;
}

.title-line-2 {
    position: relative;
    /* Keep padding-left if needed for alignment, adjust value if necessary */
/*     padding-left: calc(36px * 0.65 + 10px); /* Approx width of '60' + margin */*/
}

.event-name-sub { /* FAIR AUTUMN */
    font-size: 76px;
    white-space: nowrap;
}

.event-year {
    font-size: 4.5rem;
    font-weight: 600;
    color: #d99e2a ;
    position: absolute;
    bottom: -5px; /* Use bottom or top, not both reliably */
    /* Adjust left positioning. Needs recalculation/visual check. */
    /* Start relative to the padding-left of title-line-2 */
    /* Approx padding + width of "FAIR AUTUMN" (needs tweaking) */
    left: calc( (280px * 0.65 + 10px) + 15rem ); /* EXAMPLE - Adjust '15rem' based on visual*/
/*    transform: rotate(-8deg);*/
    line-height: 1;
    z-index: 10;
    white-space: nowrap;
     top: calc(60px);  /* Remove top if using bottom */
}


/* --- Right Column Styling - KEEP --- */
.description {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
    text-align: justify;
    /* Add some padding if needed, maybe using Bootstrap utilities */
}

/* Right column vertical alignment helper (add to right column content wrapper if needed) */
.content-right-aligned {
     /* Example: Add padding using CSS */
     /* padding-top: 150px; */ /* Adjust as needed */
     /* Or use Bootstrap pt-md-5 etc. on the element itself */
}


/* Optional Up Arrow - KEEP */
.up-arrow {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #333;
    color: white;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 26px;
    font-size: 16px;
    cursor: pointer;
}

/* --- Responsive Adjustments --- */
@media (max-width: 992px) {
     /* Remove column padding-top adjustments */
    /* .column-right { padding-top: 120px; } */
    .event-name { font-size: 4.2rem; } /* Keep font adjustments */
    .event-name-sub { font-size: 3.8rem; }
    .event-year {
        font-size: 3.8rem;
         /* Adjust left position for this breakpoint */
         left: calc( (36px * 0.65 + 10px) + 12rem ); /* EXAMPLE - Adjust '12rem' */
    }
    .content-right-aligned {

         padding-top: 30px;  /* Adjust alignment padding if needed */
    }
}

@media (max-width: 768px) {
     /* Remove rules related to flex-direction, column width/basis */
     /* Bootstrap handles stacking below 'md' */
    /* .container { flex-direction: column; align-items: stretch; padding-top: 0;} */
    /* .column-left, .column-right { flex-basis: auto; width: 100%; } */
    /* .column-right { padding-top: 20px; } */

    /* Keep rules adjusting specific element styles */
    .title-line-1, .title-line-2 { justify-content: flex-start; }
     /* Keep padding-left adjustments if based on font size changes */
     .title-line-2 { padding-left: calc(2.2rem * 0.65 + 10px); }

     .section-title2 { font-size: 2rem; }
     .ordinal { font-size: 2.2rem;}
     .event-name { font-size: 3.8rem; }
     .event-name-sub { font-size: 3.4rem; }
     .event-year {
         font-size: 3rem;
         /* Adjust left position for this breakpoint */
         left: calc( (2.2rem * 0.65 + 10px) + 9rem ); /* EXAMPLE - Adjust '9rem' */
         bottom: -2px;
     }
     .content-right-aligned {
         padding-top: 30px;  /* Remove or adjust alignment padding */
     }
}

@media (max-width: 480px) {
    /* Keep body padding adjustment if desired */
     body { padding: 0px 0px; } /* Add horizontal padding too */
    .tagline { font-size: 0.8rem; letter-spacing: 1.5px;}
    .section-title2 { font-size: 1.8rem; }
    .ordinal { font-size: 1.6rem; margin-right: 5px;}
    .ordinal-suffix { top: -0.6em;}
    .event-name { font-size: 2.4rem; letter-spacing: -1px;}
    .event-name-sub { font-size: 2.2rem; }
    /* Keep padding-left adjustments */
    .title-line-2 { padding-left: calc(1.8rem * 0.65 + 5px); }
    .event-year {
        font-size: 2rem;
        /* Adjust left position for this breakpoint */
        left: calc( (11.8rem * 0.65 + 5px) + 7rem ); /* EXAMPLE - Adjust '7rem' */
        bottom: 0px;
/*        transform: rotate(-6deg);*/
        top: calc(30px);
    }
    .description { font-size: 0.9rem; }
}

.product-category-image{
  filter: brightness(0) saturate(100%) invert(68%) sepia(46%) saturate(2091%) hue-rotate(356deg) brightness(99%) contrast(95%);
  transition: filter 0.3s ease;
}


   /* Style the container list (optional, adjust as needed) */
    .social-links-list {
        list-style: none; /* Remove bullet points */
        gap: 8px; /* Space between icons */
        padding-top: 10px;
    }

    .social-links-list li {
        /* No specific styling needed for li usually */
    }

    .social-links-list a {
        display: inline-block; /* Important for transforms and consistent spacing */
        /* Prevents extra space below the image if using display: block/inline-block */
        line-height: 0;
    }

    /* Style the social icon images */
    .social-icon-img {
        height: 20px; /* Set desired height */
        width: auto;  /* Maintain aspect ratio */
        vertical-align: middle; /* Align nicely if next to text (though not in this case) */
        opacity: 0.85; /* Slightly transparent by default */
        transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition for hover */
    }

    /* Hover effect for the images */
    .social-links-list a:hover .social-icon-img {
        opacity: 1; /* Fully opaque on hover */
        transform: scale(1.1); /* Slightly enlarge on hover */
    }

    /* Optional: Focus effect for accessibility */
    .social-links-list a:focus .social-icon-img {
       opacity: 1;
       /* You could add an outline or other focus indicator here */
       /* Example: box-shadow: 0 0 0 2px skyblue; */
    }



.social-icons {
    display: flex; /* Arrange icons in a row */
    gap: 10px; /* Space between icons */
}

.icon {
    display: inline-flex; /* Use flex to center icon inside the link */
    justify-content: center;
    align-items: center;
    width: 30px;        /* Icon container width */
    height: 30px;       /* Icon container height */
/*    background-color: #ddd; *//* Default background */
    color: #fff;        /* Default icon color */
    text-decoration: none; /* Remove underline from links */
    border-radius: 50%; /* Make it circular */
    font-size: 22px;    /* Icon size */
    overflow: hidden;   /* Hide anything that goes outside the circle */

    /* --- Crucial: Define transitions for smooth animation --- */
    /* Animate transform (scale, rotate, translate) and background-color */
    transition: transform 0.3s ease-in-out,
                background-color 0.3s ease-in-out,
                box-shadow 0.3s ease-in-out;
}

/* --- Hover Effects --- */
.icon:hover {
    transform: scale(1.1) translateY(-5px); /* Scale up and lift slightly */
    color: #fff; /* Change icon color on hover */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); /* Add a shadow for depth */
}

/* --- Brand Colors on Hover (Optional but nice!) --- */
.icon.facebook:hover {
    background-color: #1877F2; /* Facebook Blue */
}

.icon.twitter:hover {
    background-color: #000; /* Twitter Blue */
}

.icon.instagram:hover {
    /* Instagram Gradient - trickier, using a solid color approximation */
    background: #E1306C; /* Instagram Pink/Red */
    /* For a real gradient background on hover: */
    /* background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); */
}

.icon.linkedin:hover {
    background-color: #0A66C2; /* LinkedIn Blue */
}

.icon.youtube:hover {
    background-color: #FF0000; /* YouTube Red */
}

.icon.pinterest:hover {
  background-color: #E60023; /* Pinterest Red */
}


/* Optional: Slightly different transition for the icon color itself */
.icon i {
    transition: color 0.3s ease-in-out;
}



/* Add the CSS from the previous step here to keep the layout */
.footer-bottom-area {
  padding: 15px 0; /* Example padding */
  font-family: sans-serif; /* Example font */
  margin-top: 1px;
}

.footer-bottom-area .container {
  max-width: 1200px; /* Or your container width */
  margin: 0 auto;
  padding: 0 15px;
}

.copy-right {
  display: flex;           /* 1. Make .copy-right a flex container */
  justify-content: space-between; /* 2. Push items to ends (list left, p right) */
  align-items: center;    /* 3. Vertically align items in the middle */
  flex-wrap: wrap;       /* Allow wrapping on smaller screens */
  gap: 10px 20px;        /* Add spacing when items wrap (row gap, column gap) */
}

.custom-footer-list {
  list-style: none;      /* Remove bullet points */
  padding-left: 0;       /* Remove default padding */
  margin: 0;             /* Remove default margin */
  display: flex;           /* 4. Make the list items horizontal */
  flex-wrap: wrap;       /* Allow list items to wrap */
  gap: 15px;             /* 5. Space between list items */
}

/* Optional: Style the links */
.custom-footer-list li a {
  text-decoration: none;
  color: #fff; /* Example link color */
  font-size: 14px; /* Your inline style, better in CSS */
}
.custom-footer-list li a:hover {
  text-decoration: underline;
}

.copy-right p {
  margin: 0;             /* Remove default paragraph margin */
  font-size: 14px;       /* Example size */
  /* text-align: right; Optional: align copyright text to the right */
}

/* Optional: Responsive adjustments for smaller screens */
@media (max-width: 767px) {
  .copy-right {
    flex-direction: column; /* Stack items vertically */
    justify-content: center; /* Center items when stacked */
    text-align: center;     /* Center text globally */
  }
  .custom-footer-list {
     justify-content: center; /* Center list items */
     margin-bottom: 10px;    /* Add space below list when stacked */
  }
  .copy-right p {
     text-align: center;     /* Ensure copyright is centered */
  }
}