.container{
    max-width: 90%!important;
  }

 :root {
     --colorPrimary: #4b5162;
     --colorPrimary2: #dae5f0;
     --paraColor: #3B3E3F;
     --colorBlack: #47547b;
     --colorWhite: #ffffff;
     --boxShadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
     --bodyFont: "Libre Baskerville", serif;
     --bannerFont: "Libertinus Serif", serif;
}

.wpcf7 form.invalid .wpcf7-response-output{
  color: red!important;
}

a {
    margin: 0;
    padding: 0;
	text-decoration: none;
}



ul,

ol,

li {

    list-style: none;

    margin: 0;

    padding: 0;

}

a:hover {

    text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

    padding: 0;

    color: var(--colorBlack);
    font-weight: bold;

}



 p, span {
     font-size: 16px;
     font-weight: 500;
     margin: 0;
     color: #000;
}
 body {
     overflow-x: hidden;
     scroll-behavior: smooth;
     font-family: var(--bodyFont);
}
 img {
     width: 100% !important;
     height: 100% !important;
     object-fit: cover !important;
}
 input, textarea {
     width: 100%;
     padding: 12px 20px;
     outline: none;
     resize: none;
     border: 1px solid #E4E7E9;
     border-radius: 3px;
     font-size: 16px;
     font-weight: 600;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}
 .form-check-input:focus {
     box-shadow: none;
}
.carousel-indicators [data-bs-target]{
    background: var(--colorBlack);
    height: 5px;
    border-top: 5px!important;
    border-bottom: 5px!important;
}


 input::placeholder, textarea::placeholder {
     color: #a6a6ac;
}
 button {
     border: none;
}
.modal-backdrop {
  position: fixed;
  z-index: auto!important;
}
 .common_btn {
     padding: 10px 15px;
     background: var(--colorPrimary2);
     color: var(--colorBlack) !important;
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 500;
     border-radius: 5px;
     position: relative;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
}
 .common_btn::after {
     position: absolute;
     content: "";
     background: url(../images/arrow_icon.png);
     width: 25px;
     height: 21px;
     top: 50%;
     right: 21px;
     transform: translateY(-50%);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
}
 .common_btn:hover, .common_btn:focus {
     animation: pulse 1s;
     box-shadow: 0 0 0 1em transparent;
     background-color: var(--colorBlack);
     color: var(--colorWhite) !important;
}
 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 #654321;
    }
}


.ptb{
    padding: 5% 0px;
}




/*  bottom menubar */
    .bottom-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: none;
    background: #f1f1f1;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
/*     justify-content: center */
    z-index: 9999;
    }
    .bottom-menu .bottom_menu_btn, .bottom-menu .bottom_menu_btn2{
        flex: 1;
        text-align: center;
        font-size: .8rem;
        padding: 10px;
        color: #fff!important;
        font-weight: 600;
    }
    .bottom_menu_btn span{
        color: #fff!important;
    }
    .bottom_menu_btn2 span{
        color: #fff!important;
    }
   .bottom_menu_btn2 i{
        color: #fff!important;
    }
    .bottom-menu .bottom_menu_btn:hover, .bottom-menu .bottom_menu_btn2:hover{
        opacity: .7;
    }
    .bottom-menu .bottom_menu_btn i{
        color: #dae5f0;
    } 
    .bottom-menu .bottom_menu_btn2 i{
        color: #47547b;
    }
    .bottom-menu .bottom_menu_btn{
        background-color: #47547b;
    }
    .bottom-menu .bottom_menu_btn2{
        background-color: #2d313a;
    }
    .bottom-menu .bootom_middle_line{
        width: .3px;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }


#reservation-pagecont  .reservation{
    padding: 0px;
    height: 0px;
}

.services_details_text .reservation{
  color: #fff;
  padding: 5px 8px;
  text-transform: capitalize;
  font-size: 17px;
  font-weight: 500;
  height: 60px;
  line-height: 50px;
}

 .reservation {
     border-radius: 20px 0px;
     color: #fff;
     padding: 12px 8px;
     text-transform: capitalize;
     font-size: 18px;
     font-weight: 500;
     background-color: var(--colorBlack)!important;
     position: relative;
     overflow: hidden;
     height: 50px;
     line-height: 40px;
     z-index: 1;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
.modal-dialog {
    position: relative;
    top: 50px!important;
}
 .reservation::hover{
      transition: all linear .3s;
      border-radius: 20px 0px;
 }
 .reservation::after {
     position: absolute;
     content: "";
     width: 0%;
     height: 100%;
     background: var(--colorPrimary2);
     border-radius: 20px 0px;
     top: 0;
     left: 0;
     z-index: -1;
     transition: all linear .3s;
}
 .reservation:hover::after {
     width: 100%;
}


.logo {
  width: 220px!important;
  object-fit: contain!important;
}

 .read_btn {
     background: var(--colorPrimary);
     padding: 8px 30px;
     border-radius: 30px;
     color: var(--colorWhite) !important;
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 500;
     position: relative;
     overflow: hidden;
     z-index: 1;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     -o-border-radius: 30px;
}
 .read_btn::after {
     position: absolute;
     content: "";
     width: 0%;
     height: 100%;
     background: #3a435b;
     border-radius: 30px;
     top: 0;
     left: 0;
     z-index: -1;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     -o-border-radius: 30px;
}
 .read_btn:hover::after {
     width: 100%;
}



 .play_btn {
     width: 45px;
     height: 45px;
     line-height: 45px;
     color: var(--colorWhite) !important;
     background: var(--colorPrimary);
     text-align: center;
     border-radius: 50%;
     font-size: 14px;
     position: relative;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .play_btn::before {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     border: 10px solid var(--colorPrimary);
     border-radius: 50%;
     top: 0px;
     left: 0px;
     z-index: 1;
     animation: play_animate 1.3s infinite;
     -webkit-animation: play_animate 1.3s infinite;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 @keyframes play_animate {
     from {
         transform: scale(1);
         opacity: 1;
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -ms-transform: scale(1);
         -o-transform: scale(1);
    }
     to {
         opacity: 0;
         transform: scale(1.5);
         -webkit-transform: scale(1.5);
         -moz-transform: scale(1.5);
         -ms-transform: scale(1.5);
         -o-transform: scale(1.5);
    }
}
 .section_heading {
     text-align: center;
}
 .section_heading h5 {
     font-weight: 600;
     font-size: 20px;
     color: var(--colorPrimary);
     text-transform: capitalize;
     position: relative;
     padding: 0 20px;
     margin-bottom: 15px;
     text-align: center;
     display: inline-block;
}
 .section_heading h5::after {
     position: absolute;
     content: "";
     width: 30px;
     height: 4px;
     background: var(--colorPrimary);
     border-radius: 5px;
     top: 10px;
     left: -20px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .section_heading h5::before {
     position: absolute;
     content: "";
     width: 30px;
     height: 4px;
     background: var(--colorPrimary);
     border-radius: 5px;
     top: 10px;
     right: -20px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .section_heading h3 {
     font-weight: 700;
     text-transform: capitalize;
     text-align: center;
}
 .heading_left {
     text-align: left;
}
 .heading_left h3, .heading_left ht {
     text-align: left;
}
 .heading_left h5 {
     padding-left: 0;
}
 .heading_left h5::after {
     display: none;
}
 .section_heading_2 {
     text-align: center;
}
 .heading_left_2 h5, .heading_left_2 h3 {
     text-align: left;
}
 .section_heading_2 h5 {
     font-weight: 600;
     font-size: 20px;
     color: var(--colorPrimary);
     text-transform: capitalize;
     position: relative;
     margin-bottom: 15px;
}
 .section_heading_2 h3 {
     font-weight: 800;
     font-size: 2.1dvw;
     text-transform: uppercase;
}
/* for mobile menu start*/
 .navbar-toggler .menu_close {
     display: none;
}
 .navbar-toggler.show_close .menu_icom {
     display: none;
}
 .navbar-toggler.show_close .menu_close {
     display: block;
}
/* for mobile menu end*/
/* breadcrumb start*/
 .breadcrumb_area {
     background-position: center !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
     margin-top: 0px;
}
 .breadcrumb_overlay {
     background: linear-gradient(180deg, rgba(75, 81, 98, 0.6) 0%, rgba(0, 38, 51, 0.6) 57.04%);
     padding: 125px 0px 130px 0px;
}
 .breadcrumb_text h1 {
     font-size: 3.5dvw;
     font-weight: 600;
     font-family: var(--bannerFont);
     color: var(--colorWhite);
     text-transform: capitalize;
     margin-bottom: 10px;
}
 .breadcrumb_text ul {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .breadcrumb_text ul li a {
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 600;
     color: #fff;
     margin-right: 30px;
     position: relative;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .breadcrumb_text ul li a i {
     margin-right: 5px;
     color: #fff!important;
}
 .breadcrumb_text ul li a:hover {
     color: var(--colorWhite);
}
 .breadcrumb_text ul li a::after {
     position: absolute;
     content: "\f30b";
     font-family: "font awesome 5 free";
     font-size: 12px;
     color: #fff!important;
     top: 50%;
     right: -21px;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
}
 .breadcrumb_text ul li:last-child a {
     color: var(--colorWhite);
     margin: 0;
}
 .breadcrumb_text ul li:last-child a::after {
     display: none;
}
/* breadcrumb end*/
/* pagination start */
 .pagination ul {
     justify-content: center;
}
 .pagination{
     text-align: center;
     display: flex;
     justify-content: center;
     margin-top: 30px;
}
 .pagination ul li a {
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     padding: 0;
     color: var(--colorPrimary);
     border: 1px solid var(--colorPrimary);
     border-radius: 3px !important;
     margin-right: 10px;
     font-size: 16px;
     font-weight: 600;
     -webkit-border-radius: 3px !important;
     -moz-border-radius: 3px !important;
     -ms-border-radius: 3px !important;
     -o-border-radius: 3px !important;
}
 .pagination ul li a:hover, .pagination ul li.active a {
     background: var(--colorPrimary);
     color: var(--colorWhite);
     border-color: var(--colorPrimary);
}
 .pagination ul li a:focus {
     color: var(--colorWhite);
     background-color: var(--colorPrimary);
     box-shadow: 0px 0px 0px 2px #e05e44;
}
/* pagination end */
/*================================ GLOBAL CSS END ================================*/
/*================================ HOME PAGE START ================================*/
/* TOPBAR START */
 .topbar {
     background: var(--colorBlack);
     width: 100%;
     height: 50px;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 99;
}
 .topbar_left li a, .topbar_left li p {
     color: #F8FAFA;
     margin-right: 30px;
     line-height: 50px;
     font-size: 14px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .topbar_left li:last-child a, .topbar_left li:last-child p {
     margin-right: 0;
}
 .topbar_left li a i, .topbar_left li p i {
     width: 30px;
     height: 30px;
     line-height: 32px;
     background: #F8FAFA;
     color: var(--colorPrimary);
     text-align: center;
     border-radius: 50%;
     margin-right: 5px;
     font-size: 14px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .topbar_left li a:hover {
     color: var(--colorPrimary);
}
 .topbar_right {
     justify-content: end;
}
 .topbar_right li {
     line-height: 50px;
}
 .topbar_right li a {
     width: 30px;
     height: 30px;
     line-height: 31px;
     background: #F8FAFA;
     color: var(--colorPrimary);
     text-align: center;
     border-radius: 50%;
     margin-right: 10px;
     font-size: 14px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .topbar_right li:last-child a {
     margin-right: 0;
}
 .topbar_right li a:hover {
     color: #F8FAFA;
     background: var(--colorPrimary);
}
/* TOPBAR END */
/* MENU START */
 .main_menu {
     width: 100%;
     height: 90px;
     background: var(--colorWhite);
     position: sticky;
     top: 50px;
     left: 0;
     border-bottom: 1px solid #eee;
     z-index: 999;
     transition: all linear .2s;
     -webkit-transition: all linear .2s;
     -moz-transition: all linear .2s;
     -ms-transition: all linear .2s;
     -o-transition: all linear .2s;
}
 .main_menu .navbar-brand {
     margin: 0;
     padding: 0;
     width: 250px;
     height: 90px;
}
 .main_menu .navbar-nav .nav-item {
     position: relative;
}
 .main_menu .navbar-nav .nav-item .nav-link {
     text-transform: capitalize;
     font-size: 15px;
     color: var(--colorBlack);
     font-weight: bold;
     transition: all linear .3s;
     padding: 0px 10px;
     margin: 0;
     line-height: 90px;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .main_menu .navbar-nav .nav-item .nav-link i {
     margin-left: 5px;
}
 .main_menu .navbar-nav .nav-item:hover .nav-link, .main_menu .navbar-nav .nav-item .nav-link.active {
     color: var(--colorPrimary);
}
 .main_menu .droap_menu {
     position: absolute;
     width: 250px;
     max-height: 500px;
     top: 120%;
     left: 0;
     background: var(--colorWhite);
     box-shadow: var(--boxShadow);
     overflow: hidden;
     overflow-y: auto;
     line-height: 50px;
     opacity: 0;
     visibility: hidden;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     transition: all linear .2s;
     -webkit-transition: all linear .2s;
     -moz-transition: all linear .2s;
     -ms-transition: all linear .2s;
     -o-transition: all linear .2s;
     z-index: 9;
}
 .droap_menu::-webkit-scrollbar {
     scrollbar-width: thin !important;
     background: #ddd;
     width: 6px;
}
 .droap_menu::-webkit-scrollbar-thumb {
     background: var(--colorPrimary);
}
 .droap_menu li a {
     text-transform: capitalize;
     font-size: 15px;
     font-weight: 500;
     color: var(--colorBlack);
     display: block;
     padding: 0;
     margin: 0;
     padding-left: 20px;
     position: relative;
     border-bottom: 1px solid #feeaea;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .droap_menu li:last-child a {
     border-bottom: 0;
}
 .droap_menu li a::after {
     position: absolute;
     content: "";
     width: 10px;
     height: 40px;
     background: var(--colorPrimary);
     top: 50%;
     left: -6px;
     transform: translateY(-50%);
     opacity: 0;
     border-radius: 50px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     -o-border-radius: 50px;
}
 .droap_menu li a:hover, .droap_menu li a.active {
     color: var(--colorBlack);
     background: #f7eded;
     border-color: var(--colorWhite);
}
 .main_menu .droap_menu li a:hover::after, .main_menu .droap_menu li a.active::after {
     opacity: 1;
}
 .main_menu .navbar-nav .nav-item:hover .droap_menu {
     top: 100%;
     opacity: 1;
     visibility: visible;
}
 .main_menu .menu_right li a {
     width: 40px;
     height: auto;
     line-height: 40px;
     text-align: center;
     background: var(--colorWhite);
     margin-left: 10px;
     color: var(--colorPrimary);
     border: 1px solid var(--colorPrimary);
     border-radius: 5px;
     font-size: 16px;
     font-weight: 500;
     text-transform: capitalize;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
.banner_2_text .menu_right li{margin-right: 15px;}
 .main_menu .menu_right li:first-child a {
     margin-left: 0;
}
 .main_menu .menu_right li .reservation {}
     
 .main_menu .menu_right li a:hover, .main_menu .menu_right li a.active {
     background: var(--colorPrimary);
     color: var(--colorWhite);
}
 .menu_fix {
     top: 0 !important;
}



.sliderbg{
    width: 90%;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: auto;
    height: 80vh;
}
.sliderpic {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0px;
    top: 0px;
    z-index: -1;
}
.sliderpic img{
    width: 100%;
    object-fit: cover;
}




/* menu search start*/
 .search_form {
     position: fixed;
     width: 100%;
     height: 100vh;
     top: 0;
     left: 0;
     padding: 10px;
     background: #000000c4;
     border-radius: 5px;
     opacity: 0;
     visibility: hidden;
     z-index: 9999;
     justify-content: center;
     align-items: center;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .search_form form {
     width: 40%;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
}
 .search_form form .close_search {
     position: absolute;
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     color: var(--colorPrimary);
     background: var(--colorWhite);
     font-size: 25px;
     border-radius: 50%;
     top: -100px;
     right: 0;
     cursor: pointer;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .search_form form .close_search:hover {
     background: var(--colorPrimary);
     color: var(--colorWhite);
}
 .search_form input {
     padding: 15px 30px;
     border-radius: 30px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     -o-border-radius: 30px;
}
 .search_form button {
     position: absolute;
     top: 50%;
     right: 7px;
     transform: translateY(-50%);
     background: var(--colorPrimary);
     text-transform: capitalize;
     color: var(--colorWhite);
     padding: 10px 25px;
     border-radius: 30px;
     font-size: 16px;
     font-weight: 600;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     -o-border-radius: 30px;
}
 .search_form button:hover {
     background: var(--colorBlack);
}
 .search_form.show {
     display: block;
     opacity: 1;
     visibility: visible;
}
/* menu search end*/
/* reservation modal start */
 .reservation .modal {
     background: #0000008a;
}
 .reservation .modal-content {
     border-radius: 10px;
     border: none;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}
 .reservation .modal-header {
     border: none;
     background: #8891a8;
}
 .reservation .modal-title {
     text-align: center;
     width: 100%;
     text-transform: capitalize;
     font-weight: 600;
     color: var(--colorWhite);
}
 .reservation_form input[type=date] {
     text-transform: uppercase;
     color: #a6a6ac;
     font-size: 16px;
}
 .reservation_form .reservation_input {
     margin-bottom: 20px;
     border: 1px solid #E4E7E9;
     text-transform: capitalize;
}
 .reservation_form button {
     width: 100%;
     text-align: center;
     margin-top: 15px;
}
 .reservation_form button::after, .reservation_form button::before {
     display: none;
}
/* reservation modal end */
/* MENU END */
/* BANNER START */
 .banner {
     height: 100vh;
     padding-top: 140px;
}
 .banner div {
     height: 100%;
}
 .single_slider {
     background-position: center !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
}
 .single_slider_text {
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: center;
     align-items: start;
}
 .single_slider_text h5 {
     color: var(--colorWhite);
     font-size: 18px;
     font-weight: 500;
     text-transform: capitalize;
}
 .single_slider_text h1 {
     color: var(--colorWhite);
     font-size: 60px;
     font-weight: 600;
     font-family: var(--bannerFont);
     margin-top: 25px;
     margin-bottom: 25px;
}
 .single_slider_text h1 span {
     color: var(--colorPrimary);
     font-size: 60px;
     font-weight: 600;
     font-family: var(--bannerFont);
}
 .single_slider_text p {
     color: var(--colorWhite);
     font-size: 18px;
     margin-bottom: 45px;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .single_slider_text ul li {
     display: flex;
     align-items: center;
     margin-right: 20px;
}
 .single_slider_text ul li span {
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 500;
     color: var(--colorWhite);
     margin-left: 20px;
}
 .banner .slick-dots {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     position: absolute;
     top: 50%;
     right: 30px;
     width: auto;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
}
 .banner .slick-dots li button {
     margin: 5px 0px;
}
 .slick-dots li button {
     width: 25px;
     height: 25px;
     border-radius: 50%;
     border: 1px solid var(--colorBlack);
     background: transparent;
     font-size: 0;
     margin: 0px 5px;
     position: relative;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .slick-dots li button::after {
     position: absolute;
     content: "";
     width: 7px;
     height: 7px;
     background: var(--colorBlack);
     border-radius: 50%;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     transition: all linear .3s;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .banner .slick-dots li.slick-active button {
     border-color: var(--colorWhite);
}
 .banner .slick-dots li.slick-active button::after {
     background: var(--colorWhite);
}
 .slick-dots li.slick-active button {
     border-color: var(--colorPrimary);
}
 .slick-dots li.slick-active button::after {
     background: var(--colorPrimary);
}
 .slick-dots {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 30px;
}
/* BANNER END */
/* FUTURED SERVICES START */
 .featured_service_single, .contact_info {
     background: #dae5f0;
     padding: 25px;
     border-radius: 10px;
     position: relative;
     margin: 30px 12px 0px 12px;
     padding-top: 100px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}
 .featured_service_single span, .contact_info span {
     display: block;
     width: 90px;
     height: 102px;
     background: url(../images/featured_servoce_shape.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     text-align: center;
     line-height: 100px;
     font-size: 40px;
     color: var(--colorWhite);
     position: absolute;
     top: -30px;
     left: 0;
}
 .featured_service_single h3, .contact_info h3 {
     font-size: 24px;
     font-weight: 700;
     text-transform: capitalize;
     margin-bottom: 15px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .featured_service_single p, .contact_info p {
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .featured_service_single:hover, .contact_info:hover {
     background: var(--colorPrimary);
}
 .featured_service_single:hover h3, .featured_service_single:hover p, .contact_info:hover h3, .contact_info:hover p {
     color: var(--colorWhite);
}
/* FUTURED SERVICES END */
/* ABOUT START*/
 .about_text {
     padding-right: 50px;
}
 .about_text_center p {
     color: var(--colorBlack);
     margin-bottom: 30px;
}
 .about_text_center_user_img {
     width: 80px;
     height: 80px;
     margin-right: 15px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .about_text_center_user_text h3 {
     font-size: 15px;
     font-weight: 700;
     text-transform: capitalize;
     color: var(--colorPrimary);
     margin-bottom: 10px;
}
 .about_text_center_user_text h3 span {
     font-size: 13px;
     color: var(--colorBlack);
}
 .about_text_center_user_call span {
     display: block;
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     background: var(--colorPrimary);
     color: var(--colorWhite);
     border-radius: 5px;
     margin-right: 10px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .about_text_center_user_call p {
     text-transform: capitalize;
     margin: 0;
}
 .about_text_center_user_call p a {
     display: block;
     font-size: 16px;
     font-weight: 700;
     color: var(--colorBlack);
     margin-top: 3px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .about_text_center_user_call p a:hover {
     color: var(--colorPrimary);
}
 .about_text .description {
     margin: 25px 0px;
}
 .about_img {
     position: relative;
     margin: 0px 30px;
    /* width: 550px;
     */
     height: 500px;
     float: right;
}
 .about_img::after {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     background: var(--colorPrimary);
     top: 20px;
     right: -20px;
     z-index: -1;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .about_img img {
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .about_img .large_img_2, .about_img .large_img_3 {
     width: 200px !important;
     height: 200px !important;
     position: absolute;
     bottom: -90px;
     left: 20px;
}
 .about_img .large_img_3 {
     left: auto;
     right: 20px;
}
 .about_img .venobox, .why_choose_img .venobox {
     width: 80px;
     height: 80px;
     line-height: 80px;
     text-align: center;
     font-size: 20px;
     background: var(--colorPrimary);
     color: var(--colorWhite);
     border-radius: 50%;
     position: absolute;
     top: 50%;
     left: -40px;
     transition: all linear .3s;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     z-index: 1;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .about_img .venobox::after, .why_choose_img .venobox::after {
     position: absolute;
     content: "";
     width: 100px;
     height: 100px;
     border: 5px solid var(--colorPrimary);
     top: -10px;
     left: -10px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .about_img .venobox:hover, .why_choose_img .venobox:hover {
     background: var(--colorBlack);
}
/* ABOUT END*/
/* CATEGORIES START */
 .single_categories {
     background: #dae5f0;
     margin-top: 25px;
     border-radius: 10px;
     padding: 30px;
     border: 1px solid #eeeeeeab;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}
 .single_categories span {
     display: block;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     text-align: center;
     overflow: hidden;
     border: 1px solid var(--colorPrimary);
}
 .single_categories h4 {
     text-transform: capitalize;
     font-size: 24px;
     font-weight: 600;
     margin: 15px 0px 10px 0px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_categories p {
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_categories:hover {
     background: var(--colorPrimary);
}
 .single_categories:hover h4, .single_categories:hover p {
     color: var(--colorWhite);
}
/* CATEGORIES END */






.about_2{
    background-color: #f7f5f2;
    padding: 6% 0px;
}








/* SERVICES START */
 .services {
     background-repeat: no-repeat !important;
     background-position: center !important;
     background-size: cover !important;
}
 .services_item {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     box-shadow: 5px 8px 30px rgba(5, 13, 54, 0.05);
     border-radius: 5px;
    /* padding: 20px;
     */
     background: var(--colorWhite);
     margin-top: 25px;
     border: 1px solid #eee;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .services_img {
     width: 30%;
     float: left;
     height: 240px;
     float: left;
     border-radius: 5px;
     overflow: hidden;
     position: relative;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .services_img img {
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .services_img a {
     position: absolute;
     width: 30px;
     height: 30px;
     background: var(--colorPrimary);
     top: 10px;
     left: 10px;
     line-height: 30px;
     text-align: center;
     border-radius: 50%;
     font-size: 14px;
     color: var(--colorWhite);
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .services_img a:hover {
     background: var(--colorWhite);
     color: var(--colorPrimary);
}
.services_text {
  width: 68%;
  padding: 10px;
  align-content: center;
  float: right;
}
 .services_text .title {
     width: 100%;
     font-weight: 700;
     font-size: 20px;
     color: var(--colorBlack);
     text-transform: capitalize;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .services_text .title:hover {
     color: var(--colorPrimary);
}
 .services_text p {
     margin: 15px 0px 20px 0px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .services_text ul {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     color: var(--colorBlack);
     border-top: 2px solid #eee;
     border-bottom: 2px solid #eee;
     padding: 8px 0px;
     margin-bottom: 25px;
}
 .services_text ul li {
     display: flex;
     align-items: center;
}
 .services_text ul li i {
     width: 22px;
     height: 22px;
     text-align: center;
     line-height: 23px;
     background: var(--colorPrimary);
     color: var(--colorWhite);
     border-radius: 50%;
     font-size: 10px;
     margin-right: 5px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .services_btn_area {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
}
 .services_btn_area p {
     color: #ff9933;
     font-size: 14px;
     margin: 0;
}
 .services_btn_area p span {
     font-size: 14px;
     font-weight: 600;
     padding-left: 20px;
     position: relative;
}
 .services_btn_area p span::after {
     position: absolute;
     content: "";
     width: 10px;
     height: 1px;
     background: var(--paraColor);
     top: 10px;
     left: 4px;
}
 .services_item:hover img {
     transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
}
 .services_item:hover {
     border-color: #ddd;
}

.team_overview {
  margin-bottom: 10%;
}


 .blog_2 .container, .testimonial_2 .container, .team_2 .container, .services_2 .container, .services .container, .team .container, .blog .container {
     position: relative;
}
 .blog_2 .common_btn, .testimonial_2 .common_btn, .team_2 .common_btn, .services_2 .common_btn, .services .common_btn, .team .common_btn, .blog .common_btn {
     position: absolute;
     top: 22px;
     right: 12px;
}
.testimonial_2{
    padding: 6% 0px;
    background-color: #f7f5f2;
}
/* SERVICES END */
/* WHY CHOOSE START */
 .why_choose_text p {
     margin-bottom: 30px;
}
 .why_choose_text ul {
     display: flex;
     flex-wrap: wrap;
}
 .why_choose_text ul li {
     width: 50%;
     margin-bottom: 25px;
}
 .why_choose_text ul li h4 {
     font-size: 20px;
     font-weight: 700;
     text-transform: capitalize;
     color: var(--colorBlack);
     position: relative;
     padding-left: 40px;
     margin-bottom: 10px;
}
 .why_choose_text ul li h4::after {
     position: absolute;
     content: "";
     width: 30px;
     height: 30px;
     background: url(../images/why_choose_icon.png);
     top: 0;
     left: 0;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
 .why_choose_text ul li span {
     display: block;
}
 .why_choose_text a {
     margin-top: 10px;
}
 .why_choose_img {
     text-align: right;
     position: relative;
     overflow: hidden;
}
 .why_choose_img img {
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .why_choose_img .large_img {
    /* width: 500px;
     */
     height: 535px;
     float: right;
}
 .why_choose_img .small_img {
     width: 400px;
     height: 300px;
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 1;
}
 .why_choose_img .small_img::after {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     border: 6px solid var(--colorPrimary);
     border-radius: 5px;
     bottom: 60px;
     left: 60px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     z-index: -1;
}
 .why_choose_img .venobox {
     top: 192px;
     left: 100px;
     background: var(--colorBlack);
}
 .why_choose_img .venobox::after {
     border: 5px solid var(--colorBlack);
}
 .why_choose_img .venobox:hover {
     background: var(--colorPrimary);
}
/* WHY CHOOSE END */
/* WORK START */
 .work_text_area {
     position: relative;
     padding-bottom: 70px;
}
 .work_text_area::after {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     background: url(../images/work_shapes.png);
     top: -35px;
     left: 0;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     z-index: -1;
}
 .work_single {
     border: 30px solid var(--colorBlack);
     width: 350px;
     height: 350px;
     text-align: center;
     border-radius: 50%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
     padding: 30px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .work_single h4 {
     font-size: 24px;
     font-weight: 700;
     text-transform: capitalize;
     margin-bottom: 15px;
}
 .work_single p {
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .work_single.first {
     margin-left: 60px;
}
 .work_single.second {
     border-color: var(--colorPrimary);
}
 .work_single.third {
     margin-right: 60px;
}
/* WORK END */
/* GALLERY START */
 .gallery_filter {
     margin-top: 23px;
     text-align: right;
}
 .gallery_filter button {
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     background: var(--colorWhite);
     color: var(--colorPrimary);
     border: 1px solid var(--colorPrimary);
     border-radius: 5px;
     padding: 10px 20px;
     margin-left: 12px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .gallery_filter button:hover, .gallery_filter button.active {
     background: var(--colorPrimary);
     color: var(--colorWhite);
}
 .gallery_item {
     width: 100%;
     height: 350px;
     position: relative;
     border-radius: 5px;
     margin-top: 25px;
     overflow: hidden;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .gallery_item .venobox {
     display: block;
     width: 100%;
     height: 100%;
     position: relative;
}
 .gallery_item .venobox img {
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .gallery_item .gal_img_overlay {
     position: absolute;
     bottom: -1px;
     left: -40px;
     width: 370px;
     background: var(--colorPrimary);
     padding: 50px 0px 20px 20px;
     clip-path: polygon(0 0, 100% 45%, 100% 100%, 0% 100%);
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     opacity: 0;
}
 .gallery_item .gal_img_overlay h4 {
     font-size: 22px;
     font-weight: 600;
     text-transform: capitalize;
     color: var(--colorWhite);
}
 .gallery_item .gal_img_overlay p {
     color: var(--colorWhite);
     margin-top: 10px;
     font-size: 15px;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .gallery_item .venobox span {
     position: absolute;
     bottom: 20px;
     left: 100%;
     z-index: 1;
     width: 35px;
     height: 35px;
     background: var(--colorWhite);
     line-height: 35px;
     text-align: center;
     border-radius: 50%;
     font-size: 14px;
     color: var(--colorPrimary);
     cursor: pointer;
     opacity: 0;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .gallery_item .venobox span:hover {
     background: var(--colorBlack);
     color: var(--colorWhite);
}
 .gallery_item:hover .gal_img_overlay {
     opacity: 1;
     left: -1px;
}
 .gallery_item:hover span {
     left: 350px;
     opacity: 1;
}
 .gallery_item:hover img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
}
/* GALLERY END */
/* COUNTER START */
 .counter_section {
     background-position: center !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
}
 .single_counter_center {
     width: 230px;
     height: 230px;
     border: 7px solid var(--colorPrimary);
     border-radius: 50%;
     margin: 0 auto;
     padding: 13px;
     position: relative;
     margin-top: 25px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .single_counter_center::after, .single_counter_center::before {
     position: absolute;
     content: "";
     width: 25px;
     height: 25px;
     background: var(--colorPrimary);
     border-radius: 50%;
     top: -17px;
     left: 43%;
     transform: translateX(-50%);
     z-index: 2;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .single_counter_center::before {
     top: -17px;
     left: 55%;
}
 .single_counter_center h2 {
     width: 190px;
     height: 190px;
     text-align: center;
     line-height: 180px;
     background: var(--colorPrimary);
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .single_counter_center h2 span {
     display: inline-block;
     font-size: 44px;
     font-weight: 700;
     color: var(--colorWhite);
     position: relative;
     padding-right: 27px;
}
 .single_counter_center h2 span::after {
     position: absolute;
     content: "+";
     top: 0;
     right: -3px;
     font-size: 50px;
     font-weight: 900;
     color: var(--colorWhite);
}
 .single_counter p {
     text-align: center;
     font-size: 24px;
     font-weight: 500;
     text-transform: capitalize;
     margin-top: 25px;
}
/* COUNTER END */
/* TEAM START*/
 .single_team {
     margin-top: 25px;
     overflow: hidden;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .single_team_img {
     height: 420px;
     overflow: hidden;
     position: relative;
}
 .single_team_img img {
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_team_img ul {
     position: absolute;
     top: 0;
     right: 20px;
     background: var(--colorPrimary);
     padding: 15px 15px 30px 15px;
     clip-path: polygon(100% 0, 100% 85%, 50% 100%, 50% 100%, 0 85%, 0% 0%);
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     transform: scaleY(.8);
     transform-origin: top;
     opacity: 0;
}
 .single_team_img ul li a {
     width: 35px;
     height: 35px;
     text-align: center;
     line-height: 35px;
     background: var(--colorPrimary);
     border-radius: 50%;
     margin-bottom: 10px;
     border: 1px solid var(--colorWhite);
     color: var(--colorWhite);
     font-size: 14px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .single_team_img ul li a:hover {
     background: var(--colorWhite);
     color: var(--colorPrimary);
}
 .single_team_text {
     background: #F4F1F0;
     padding: 20px 0px 25px 0px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     position: relative;
}
 .single_team_text::after {
     position: absolute;
     content: "";
     width: 100%;
     height: 8px;
     bottom: -12px;
     left: 0;
     background: var(--colorBlack);
     opacity: 0;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_team_text .title {
     display: block;
     font-weight: 700;
     font-size: 24px;
     color: var(--colorBlack);
     text-transform: capitalize;
     text-align: center;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_team_text p {
     text-align: center;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_team:hover .single_team_text {
     background: var(--colorPrimary);
}
 .single_team:hover .title, .single_team:hover p {
     color: var(--colorWhite);
}
 .single_team:hover img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
}
 .single_team_text .title:hover {
     color: var(--colorBlack);
}
 .single_team:hover ul {
     transform: scale(1);
     opacity: 1;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
}
 .single_team:hover .single_team_text::after {
     bottom: 0;
     opacity: 1;
}
/* TEAM END*/
/* TESTIMONIAL START */
 .single_testimonial, .single_testimonial_2 {
     background: #dae5f0;
     padding: 90px 25px 25px 25px;
     border-radius: 5px;
     position: relative;
     margin: 85px 12px 0px 12px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .single_testimonial_img, .single_testimonial_img_2 {
     width: 130px;
     height: 130px;
     border-radius: 50%;
     overflow: hidden;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     position: absolute;
     top: -70px;
     left: -1px;
     border: 10px solid var(--colorWhite);
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_testimonial_text {
     position: relative;
}
 .single_testimonial_text .rating {
     color: #ff9933;
     font-size: 14px;
     margin: 0;
     position: absolute;
     top: -53px;
     right: 0;
}
 .single_testimonial_text .cliect_comment {
     margin-bottom: 25px;
}
 .single_testimonial_text .title {
     font-size: 24px;
     font-weight: 700;
     text-transform: capitalize;
     margin-bottom: 5px;
}
 .single_testimonial_text .designation {
     color: var(--colorPrimary);
}
 .single_testimonial_2:hover .single_testimonial_img_2, .single_testimonial:hover .single_testimonial_img {
     border-color: var(--colorPrimary);
}
/* TESTIMONIAL END */
/* BLOG START */
 .featured_blog {
     margin-top: 25px;
}
 .featured_blog_img {
     height: 400px;
     border-radius: 5px;
     overflow: hidden;
     position: relative;
     z-index: -1;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .featured_blog_img img {
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .featured_blog_text {
     box-shadow: 5px 8px 30px rgba(5, 13, 54, 0.05);
     border-radius: 5px;
     background: var(--colorWhite);
     width: 85%;
     margin: 0 auto;
     padding: 20px;
     margin-top: -50px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .featured_blog_text ul li {
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     color: var(--colorBlack);
}
 .featured_blog_text ul li i {
     margin-right: 5px;
     color: var(--colorPrimary);
}
 .featured_blog_text .title {
     color: var(--colorBlack);
     font-size: 24px;
     font-weight: 700;
     text-transform: capitalize;
     margin: 15px 0px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .featured_blog_text p {
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .featured_blog_text .read_more_btn {
     margin-top: 15px;
     padding-top: 15px;
     border-top: 2px solid #eee;
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     color: var(--colorPrimary);
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .featured_blog_text .read_more_btn:hover {
     color: var(--colorBlack);
}
 .featured_blog_text .title:hover {
     color: var(--colorPrimary);
}
 .featured_blog:hover img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
}
 .single_blog {
     box-shadow: 5px 8px 30px rgb(5 13 54 / 5%);
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     border-radius: 5px;
     overflow: hidden;
     margin-top: 25px;
     border: 1px solid transparent;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .single_blog_img {
     width: 252px;
     height: 290px;
     overflow: hidden;
}
 .single_blog_img img {
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_blog_text {
     width: 60%;
     padding: 0px 20px;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 .single_blog_text ul li {
     font-size: 13px;
     font-weight: 400;
     text-transform: capitalize;
     color: var(--colorBlack);
}
 .single_blog_text ul li i {
     margin-right: 5px;
     color: var(--colorPrimary);
}
 .single_blog_text .title {
     font-weight: 700;
     font-size: 20px;
     color: var(--colorBlack);
     text-transform: capitalize;
     transition: all linear .3s;
     margin: 12px 0px;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .single_blog_text .title:hover {
     color: var(--colorPrimary);
}
 .single_blog_text p {
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .single_blog_text .blog_read_btn {
     margin-top: 15px;
     padding-top: 15px;
     border-top: 2px solid #eee;
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     color: var(--colorPrimary);
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_blog_text .blog_read_btn:hover {
     color: var(--colorBlack);
}
 .single_blog:hover {
     border-color: #ddd;
}
 .single_blog:hover img {
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
}
/* BLOG END */
/* FOOTER START */
 .footer {
     background-position: center !important;
     background-size: cover !important;
     background-repeat: no-repeat !important;
}
 .footer_subscribe {
     background: var(--colorPrimary);
     padding: 30px 50px;
     border-radius: 100px;
     position: relative;
     top: -60px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
}
 .footer_subscribe_text h4 {
     font-size: 24px;
     font-weight: 700;
     text-transform: capitalize;
     color: var(--colorWhite);
     margin-bottom: 10px;
}
 .footer_subscribe_text p {
     color: var(--colorWhite);
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .footer_subscribe_form {
     height: 100%;
     display: flex;
     align-items: center;
}
.footer_subscribe_form input{
    width: 70%;
    float: left;
    padding: 18px 20px;
    border-radius: 30px;
}
.footer_subscribe_form br{
    display: none;}
 .footer_subscribe_form form {
     position: relative;
     border-radius: 30px;
     width: 100%;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     -o-border-radius: 30px;
}

 .footer_subscribe_form button {
     position: absolute;
     top: 50%;
     right: 7px;
     transform: translateY(-50%);
     padding: 12px 30px;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
}
 .footer_logo_area .footer_logo {
     display: block;
     max-width: 100%;
}
 .footer_logo_area p {
     color: var(--colorWhite);
     margin: 30px 0px;
}
 .footer_logo_area ul li a {
     width: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     background: var(--colorWhite);
     color: var(--colorPrimary);
     border-radius: 50%;
     font-size: 16px;
     margin-right: 10px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .footer_logo_area ul li a:hover {
     color: var(--colorWhite);
     background: var(--colorPrimary);
}
 .footer_link h4 {
     font-weight: 600;
     font-size: 24px;
     color: var(--colorWhite);
     text-transform: capitalize;
     position: relative;
     margin-bottom: 45px;
}
 .footer_link h4::after {
     position: absolute;
     content: "";
     background: url(../images/footer_shapes.png);
     background-position: left;
     background-size: contain;
     background-repeat: no-repeat;
     width: 70px;
     height: 3px;
     z-index: 1;
     bottom: -10px;
     left: 1px;
}
 .footer_link ul li a {
     display: block;
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     color: var(--colorWhite);
     margin-top: 15px;
     position: relative;
     padding-left: 15px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .footer_link ul li a::after {
     position: absolute;
     content: "";
     width: 5px;
     height: 5px;
     background: var(--colorWhite);
     top: 10px;
     left: 0;
}
 .footer_link p {
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     color: var(--colorWhite);
     margin-bottom: 20px;
     position: relative;
     padding-left: 50px;
     padding-top: 10px;
}
 .footer_link p i {
     width: 35px;
     height: 35px;
     line-height: 37px;
     text-align: center;
     background: var(--colorWhite);
     color: var(--colorPrimary);
     border-radius: 50%;
     font-size: 16px;
     transition: all linear .3s;
     position: absolute;
     left: 0;
     top: 5px;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .footer_link ul li a:hover {
     color: #bacbfb;
}
 .footer_link a p:hover {
     color: #bacbfb;
     transition: .5s;
}
 .footer hr {
     border: 1px solid var(--colorWhite);
     margin: 0;
}
 .footer_copyright {
     padding: 20px 0px;
}
 .footer_copyright p {
     text-align: center;
     color: var(--colorWhite);
}
 .footer_copyright p a {
     color: var(--colorWhite);
     font-weight: 600;
     text-transform: capitalize;
     font-size: 16px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .footer_copyright p a:hover {
     color: var(--colorPrimary);
}
/* FOOTER END */
/* SCROLL BUTTON START */
 .scroll_btn {
     width: 35px;
     height: 70px;
     border-radius: 25px;
     position: fixed;
     bottom: 30px;
     right: 10px;
     z-index: 111;
     cursor: pointer;
     text-align: center;
     line-height: 70px;
     background: var(--colorPrimary);
     border: 3px solid var(--colorWhite);
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 25px;
     -moz-border-radius: 25px;
     -ms-border-radius: 25px;
     -o-border-radius: 25px;
}
 .scroll_btn span {
     font-size: 16px;
     color: var(--colorWhite);
     animation: scroll_amini linear 2s infinite alternate;
     -webkit-animation: scroll_amini linear 2s infinite alternate;
     position: absolute;
     left: 50%;
     bottom: -20px;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
}
 .scroll_btn:hover {
     background: var(--colorBlack);
}
 @keyframes scroll_amini {
     from {
         bottom: -17px;
    }
     to {
         bottom: 12px;
    }
}
/* SCROLL BUTTON END */
/* ============================== HOME PAGE END ============================== */
/*================================ HOME PAGE 2 START ================================*/
/* menu 2 start */
 .main_menu_2 {
     background: #ffffff;
     top: 0;
     border-top: 10px solid var(--colorPrimary);
     border: none;
}
 .main_menu_2 .navbar-nav .nav-item .nav-link {
     color: #4b5162;
}
 .main_menu_2 .menu_right li a {
     background: transparent;
     color: var(--colorPrimary);
     border: none;
     font-size: 20px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .main_menu_2 .menu_right li .reservation {
     border-radius: 20px 0px;
     background: var(--colorPrimary);
     color: var(--colorWhite);
     border: none;
     font-size: 16px;
     padding: 5px 15px;
     font-weight: bold;
}
 .main_menu_2 .menu_right li .reservation:hover {
     background: var(--colorBlack);
     color: #fff;
}
/* menu 2 end */
/* banner 2 start */
 .banner_2 {
     background-position: center !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
     height: 100vh;
}
 .banner_2 div {
     height: 100vh;
}
.banner_2_text {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding-top: 0px;
  position: relative;
  left: 10%;
  top: 25%;
  width: 45%;
}
 .banner_2_text h1 {
     font-size: 48px;
     font-weight: 600;
     text-transform: capitalize;
     font-family: var(--bannerFont);
     color: #4b5162;
 }
 .banner_2_text p {
     margin: 20px 0px 35px 0px;
     color: #4b5162;
}
 .banner_2_text form ul {
     background: var(--colorPrimary);
     padding: 10px;
     border-radius: 40px;
     align-items: center;
     -webkit-border-radius: 40px;
     -moz-border-radius: 40px;
     -ms-border-radius: 40px;
     -o-border-radius: 40px;
}
 .banner_2_text form ul li {
     width: 33.33%;
     border-right: 1px solid #ffcbcb;
}
 .banner_2_text form ul li:last-child {
     border: none;
     padding-left: 10px;
}
 .banner_2_text form ul li button {
     width: 100%;
     background: var(--colorBlack);
     color: var(--colorWhite);
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 600;
     padding: 13px 0px;
     border-radius: 40px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 40px;
     -moz-border-radius: 40px;
     -ms-border-radius: 40px;
     -o-border-radius: 40px;
}
 .banner_2_text form ul li button:hover {
     background: var(--colorWhite);
     color: var(--colorPrimary);
}
 .banner_2_text .nice-select {
     height: 45px;
     background: none;
     color: var(--colorWhite);
     margin: 0;
     padding-left: 10px;
}
 .banner_2_text .nice-select span {
     color: var(--colorWhite);
     font-weight: 500;
     text-transform: capitalize;
}
 .banner_2_text .nice-select:after {
     border-bottom: 2px solid #fff;
     border-right: 2px solid #fff;
}
 .banner_2_text .nice-select .option {
     color: var(--colorBlack);
     width: 100%;
}
 .home_2 .common_btn {
     border-radius: 20px 0px;
     width: max-content;
     padding: 18px 50px;
     text-align: center;
}
 .home_2 .common_btn::after, .home_2 .common_btn::before {
     display: none;
}
/* banner 2 end */


/* future service 2 start */
 .future_service_single_2 {
     background: #f7f5f2;
     min-height: 350px;
     padding: 25px;
     border-radius: 15px 0px;
     position: relative;
     align-content: center;
     margin: 0px 12px;
     transition: all linear .3s;
}
 .future_service_single_2_header {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     margin-bottom: 15px;
}
 .future_service_single_2_header span {
     display: inline-block;
     width: 70px;
     height: 90px;
     line-height: 90px;
     text-align: center;
     border: 3px solid var(--colorPrimary);
     border-radius: 5px;
     font-size: 40px;
     color: var(--colorPrimary);
     position: relative;
     margin-right: 20px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .future_service_single_2_header span::after, .future_service_single_2_header span::before {
     position: absolute;
     content: "";
     width: 15px;
     height: 15px;
     background: var(--colorPrimary);
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     bottom: 15px;
     right: -9px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .future_service_single_2_header span::before {
     bottom: auto;
     top: 15px;
     right: auto;
     left: -9px;
}
 .future_service_single_2_header h3 {
     font-size: 24px;
     font-weight: 700;
     padding-top: 5%;
     text-transform: capitalize;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .future_service_single_2 p {
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .future_service_single_2:hover {
     background: var(--colorPrimary);
}
 .future_service_single_2:hover span, .future_service_single_2:hover h3, .future_service_single_2:hover p {
     color: var(--colorWhite);
     border-color: var(--colorWhite);
}
 .future_service_single_2:hover span::after, .future_service_single_2:hover span::before {
     background: var(--colorWhite);
}
 .futures_slider_2 .slick-dots {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 20px;
}
 .futures_slider_2 .slick-dots li.slick-active button::after {
     background: var(--colorPrimary);
}
/* future service 2 end */
/* about 2 start */
 .about_2_img {
     position: relative;
     margin-bottom: 20px;
}
 .about_2_img .img_1 {
     width: 400px;
     height: 465px;
     border-radius: 5px;
     overflow: hidden;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .about_2_img .img_2 {
     width: 280px;
     height: 280px;
     border-radius: 5px;
     overflow: hidden;
     position: absolute;
     bottom: 50px;
     right: 50px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .about_2_img p {
     font-size: 44px;
     font-weight: 700;
     background: var(--colorBlack);
     color: var(--colorWhite);
     padding: 20px;
     text-align: center;
     width: 300px;
     position: absolute;
     bottom: -20px;
     right: 210px;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .about_2_img p span {
     font-size: 24px;
     color: var(--colorWhite);
     display: block;
}
 .about_2_img::after {
     position: absolute;
     content: "";
     width: 300px;
     height: 300px;
     border-radius: 50%;
     border: 30px solid var(--colorPrimary);
     top: 40px;
     right: 70px;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     z-index: -1;
     -webkit-border-radius: 50%;
}
 .about_2_text a {
     margin-top: 45px;
}
/* about 2 end */
/* category 2 start */
 .category_2_single {
     position: relative;
     padding-top: 40px;
     margin-top: 25px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .category_2_single span {
     display: inline-block;
     width: 100px;
     height: 100px;
     background: var(--colorPrimary);
     border-radius: 50%;
     padding: 20px;
     margin: 0 auto;
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
     z-index: 1;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .category_2_single_text {
     background: url(../images/category_2_bg_1.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     width: 290px;
     height: 340px;
     padding: 0px 20px;
     margin: 0 auto;
     text-align: center;
     position: relative;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
}
 .category_2_single_text::after {
     position: absolute;
     content: "";
     background: url(../images/category_2_bg_2.png);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     opacity: 0;
     z-index: -1;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .category_2_single_text h4 {
     text-align: center;
     font-size: 22px;
     font-weight: 700;
     text-transform: capitalize;
     color: var(--colorBlack);
     margin-bottom: 15px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .category_2_single_text p {
     text-align: center;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .category_2_single:hover .category_2_single_text {
     background: transparent;
}
 .category_2_single:hover .category_2_single_text::after {
     opacity: 1;
}
 .category_2_single:hover span {
     background: var(--colorBlack);
}
 .category_2_single:hover h4, .category_2_single:hover p {
     color: var(--colorWhite);
}
/* category 2 end */
/* services 2 start */
 .single_service_2 {
     position: relative;
     margin-top: 25px;
     height: 530px;
     width: 100%;
}
 .single_service_2:hover .title{
     color: #dae5f0;
}
 .single_service_2:hover .btn_area{
     color: var(--colorPrimary2);
}

 .btn_area{
     font-size: 16px;
     font-weight: bold;
     text-transform: capitalize;
     color: #3a435b;
}
 .single_service_2_img {
     height: 370px;
     position: relative;
     overflow: hidden;
}
 .single_service_2_img img{
     height: 370px;
     object-fit: cover;
}
 .single_service_2_img::after {
     position: absolute;
     content: "";
     width: 500px;
     height: 235px;
     background: var(--colorPrimary);
     bottom: -160px;
     left: -30px;
     transform: rotate(187deg);
     transition: all linear .3s;
     -webkit-transform: rotate(187deg);
     -moz-transform: rotate(187deg);
     -ms-transform: rotate(187deg);
     -o-transform: rotate(187deg);
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_service_2_img a {
     position: absolute;
     top: 250px;
     left: 30px;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     font-size: 20px;
    /* color: var(--colorWhite);
     background: var(--colorPrimary);
    */
     border-radius: 50%;
     z-index: 1;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .single_service_2_text {
     background: #f7f5f2;
     padding: 80px 20px 20px 20px;
     position: absolute;
     bottom: 0;
     left: 0;
     clip-path: polygon(0 0, 100% 30%, 100% 100%, 0% 100%, 0 52%, 0% 0%);
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_service_2_text .title {
     display: block;
     font-size: 24px;
     font-weight: 700;
     text-transform: capitalize;
     color: var(--colorBlack);
     margin-bottom: 10px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_service_2_text .description {
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_service_2_text .btn_area {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-top: 15px;
     padding-top: 15px;
}
 .single_service_2_text .btn_area a {
     font-size: 16px;
     font-weight: 500;
     text-transform: capitalize;
     color: var(--colorPrimary);
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_service_2_text .btn_area p {
     transition: all linear .3s;
     color: #ff9933;
     font-size: 14px;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_service_2_text .btn_area p span {
     font-size: 14px;
     font-weight: 600;
     padding-left: 20px;
     position: relative;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_service_2_text .btn_area p span::after {
     position: absolute;
     content: "";
     width: 10px;
     height: 1px;
     background: var(--colorBlack);
     top: 10px;
     left: 4px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_service_2:hover .single_service_2_text {
     background: var(--colorPrimary);
}
 .single_service_2:hover .single_service_2_text a, .single_service_2:hover .single_service_2_text p, .single_service_2:hover .single_service_2_text p span {
     color: var(--colorWhite);
}
 .single_service_2:hover .single_service_2_text p span::after {
     background: var(--colorWhite);
}
/*.single_service_2:hover .single_service_2_img a {
     color: var(--colorPrimary);
     background: var(--colorWhite);
}
*/
 .single_service_2:hover .single_service_2_img::after {
     background: var(--colorWhite);
}
 .single_service_2_text .btn_area a:hover {
     color: var(--colorWhite);
}

/* services 2 end */
/* counter 2 start */
 .counter_2 {
     background-position: center !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
}
 .counter_2_overlay {
     background: #002633ab;
}
 .single_counter_2 {
     text-align: center;
}
 .single_counter_2_area {
     background: url(../images/counter_2_shapes.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     border-radius: 50%;
     width: 250px;
     height: 250px;
     line-height: 260px;
     margin: 0 auto;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .single_counter_2 h3 {
     font-size: 44px;
     font-weight: 900;
     color: var(--colorWhite);
     text-align: center;
     position: relative;
     display: inline-block;
     padding-right: 30px;
}
 .single_counter_2 h3::after {
     position: absolute;
     content: "+";
     font-size: 55px;
     font-weight: 700;
     top: -6px;
     right: -3px;
}
 .single_counter_2 p {
     font-size: 24px;
     font-weight: 700;
     text-align: center;
     text-transform: capitalize;
     color: var(--colorWhite);
     display: inline-block;
     position: relative;
     margin-top: 40px;
}
 .single_counter_2 p::after {
     position: absolute;
     content: "";
     width: 120px;
     height: 4px;
     background: var(--colorPrimary);
     border-radius: 50px;
     top: -17px;
     left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     -o-border-radius: 50px;
}
/* counter 2 end */
/* why choose 2 start */
.why_choose_2{
    padding: 6% 0px;
}
 .why_choose_2_text ul li {
     position: relative;
     font-size: 16px;
     color: var(--colorBlack);
     padding-left: 30px;
     margin-top: 15px;
}
 .why_choose_2_text ul li::after {
     position: absolute;
     content: "\f00c";
     font-family: "font awesome 5 free";
     font-weight: 600;
     font-size: 10px;
     color: var(--colorWhite);
     top: 2px;
     left: 0;
     width: 20px;
     height: 20px;
     text-align: center;
     line-height: 20px;
     border-radius: 50%;
     background: var(--colorBlack);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .why_choose_2_text a {
     margin-top: 45px;
}
 .why_choose_2_img .img_1 {
     height: 400px;
     position: relative;
}
 .why_choose_2_img .img_1 span {
     position: absolute;
     top: 50%;
     left: 70px;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
}
 .why_choose_2_img .img_1 span::after {
     position: absolute;
     content: "";
     width: 165px;
     height: 55px;
     background: var(--colorPrimary);
     top: -5px;
     right: -6px;
     z-index: -1;
     border-radius: 0px 30px 30px 0px;
     -webkit-border-radius: 0px 30px 30px 0px;
     -moz-border-radius: 0px 30px 30px 0px;
     -ms-border-radius: 0px 30px 30px 0px;
     -o-border-radius: 0px 30px 30px 0px;
}
 .why_choose_2_img .img_1 span::before {
     position: absolute;
     content: "";
     width: 0;
     height: 0;
     border-top: 45px solid #d98b7b;
     border-right: 45px solid transparent;
     top: -49px;
     left: -114px;
     transform: rotate(180deg);
     z-index: -2;
}
 .why_choose_2_img .img_1 a {
     background: var(--colorWhite);
     color: var(--colorPrimary) !important;
}
 .why_choose_2_img .img_1 a::before {
     border: 10px solid var(--colorWhite);
}
 .why_choose_2_img img {
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .why_choose_2_img .img_2 {
     height: 145px;
     margin-top: 25px;
}
 .why_choose_2_text p {
     margin-bottom: 25px;
}
/* why choose 2 end */
/* gallery 2 start */
 .gallery_2 .section_heading_2 h5, .gallery_2 .section_heading_2 h3 {
     text-align: center;
}
 .gallery_filter_2 {
     text-align: center;
}
 .gallery_filter_2 button {
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     background: var(--colorWhite);
     color: var(--colorPrimary);
     border: 1px solid var(--colorPrimary);
     border-radius: 5px;
     padding: 10px 20px;
     margin-left: 12px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .gallery_filter_2 button:hover, .gallery_filter_2 button.active {
     background: var(--colorPrimary);
     color: var(--colorWhite);
}
 .gallery_item_2 {
     height: 440px;
}
 .gallery_item_2 .gal_img_overlay {
     padding: 15px 20px !important;
     clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
     bottom: 20px;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .gallery_item_2 .venobox span {
     bottom: 45px !important;
}
/* gallery 2 end */
/* work 2 start */
.work_2_area_overlay{
    padding: 5% 0px;
}
 .work_2 .section_heading_2 h5, .work_2 .section_heading_2 h3 {
     text-align: center;
}
 .work_2_area {
     background-position: center !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
}
 .work_2_area_overlay {
     background: #002633ab;
}
 .work_single_2 {
     text-align: center;
}
 .work_single_2 p {
     width: 300px;
     height: 300px;
     text-align: center;
     background: var(--colorWhite);
     color: var(--colorBlack);
     border-radius: 50%;
     border: 10px solid var(--colorPrimary);
     padding: 50px;
     font-size: 25px;
     font-weight: bold;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     margin: 0 auto;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .work_single_2 p::after {
     position: absolute;
     content: "";
     width: 255px;
     height: 225px;
     background: url(../images/work_2_shapes.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     bottom: -65px;
     right: -100px;
}
 .work_single_2 p span {
     width: 100px;
     height: 100px;
     line-height: 100px;
     background: var(--colorPrimary);
     border: 10px solid var(--colorWhite);
     border-radius: 50%;
     position: absolute;
     top: 0;
     left: -15px;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 36px;
     font-weight: 700;
     color: var(--colorWhite);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .work_single_2 h4 {
     font-size: 18px;
     font-weight: 700;
     color: var(--colorWhite);
     text-transform: capitalize;
     margin-top: 70px;
     line-height: normal;
}
/* work 2 end */
/* team 2 start */

.team_2{
    padding: 5% 0px;
}
 .single_team_2 {
     padding: 15px 30px;
     background: var(--colorBlack);
     overflow: hidden;
     transition: all linear .3s;
     margin-top: 25px;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_team_2_img {
     height: 320px;
     position: relative;
     z-index: 1;
}
 .single_team_2_img::after {
     position: absolute;
     content: "";
     width: 500px;
     height: 260px;
     background: var(--colorWhite);
     bottom: 0;
     left: -50px;
     z-index: -1;
}
 .single_team_2_img ul {
     position: absolute;
     top: 50%;
     right: 0;
     opacity: 0;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_team_2_img ul li a {
     width: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     background: var(--colorWhite);
     border-radius: 50%;
     margin: 4px 0px;
     color: var(--colorPrimary);
     font-size: 15px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .single_team_2_img ul li a:hover {
     background: var(--colorPrimary);
     color: var(--colorWhite);
}
 .single_team_2_text {
     text-align: center;
     padding: 20px 0px 10px 0px;
}
.single_team_2_text .title{
    color:#fff;
}
 .single_team_2_text h3 {
     font-size: 24px;
     font-weight: bold;
     text-transform: uppercase;
     color: var(--colorWhite);
     margin-bottom: 5px;
}

 .single_team_2_text p {
     font-size: 16px;
     color: #71b7df!important;
}

 .single_team_2:hover ul {
     right: 20px;
     opacity: 1;
}
 .single_team_2:hover {
     background: var(--colorPrimary);
}
/* team 2 end */
/* testimonial 2 start */
 .single_testimonial_2 {
     margin-left: 0px;
     margin-right: 0px;
}
 .single_testimonial_img_2 {
     left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
}
 .single_testimonial_text_2 {
     text-align: center;
}
 .single_testimonial_text_2 .title {
     font-size: 20px;
     font-weight: 700;
     text-transform: capitalize;
     text-align: center;
     color: var(--colorPrimary);
     display: inline-block;
     margin: 0 auto;
     position: relative;
}
 .single_testimonial_text_2 .title::after, .single_testimonial_text_2 .title::before {
     position: absolute;
     content: "";
     width: 50px;
     height: 8px;
     background: url(../images/testimonial_2_shapes.png);
     background-position: center !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
     top: 10px;
     right: -65px;
}
 .single_testimonial_text_2 .title::before {
     right: auto;
     left: -65px;
     transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -o-transform: rotate(180deg);
}
 .single_testimonial_text_2 .designation {
     color: var(--colorBlack);
     margin: 5px 0px;
}
 .single_testimonial_text_2 .rating {
     color: #ff9933;
     font-size: 14px;
}
 .single_testimonial_text_2 .cliect_comment {
     margin-top: 20px;
}
/* testimonial 2 end */
/* blog 2 start */
 .single_blog_2 {
     box-shadow: 5px 8px 30px rgba(5, 13, 54, 0.05);
     border-radius: 10px 10px 0px 0px;
     padding: 20px;
     margin-top: 25px;
     background: var(--colorWhite);
     border: 1px solid #eee;
     -webkit-border-radius: 10px 10px 0px 0px;
     -moz-border-radius: 10px 10px 0px 0px;
     -ms-border-radius: 10px 10px 0px 0px;
     -o-border-radius: 10px 10px 0px 0px;
}
 .single_blog_2_img {
     height: 250px;
     position: relative;
     overflow: hidden;
     border-radius: 10px 10px 0px 0px;
     -webkit-border-radius: 10px 10px 0px 0px;
     -moz-border-radius: 10px 10px 0px 0px;
     -ms-border-radius: 10px 10px 0px 0px;
     -o-border-radius: 10px 10px 0px 0px;
}
 .single_blog_2_img img {
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_blog_2_text {
     padding-top: 10px;
     position: relative;
}
 .single_blog_2_text .bloger_info {
     display: flex;
     position: absolute;
     top: -25px;
     left: 50%;
     transform: translateX(-50%);
     background: var(--colorPrimary);
     width: 85%;
     padding: 10px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     overflow: hidden;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
}
 .single_blog_2_text .bloger_info li {
     position: relative;
     display: flex;
     align-items: center;
     width: 50%;
}
 .single_blog_2_text .bloger_info li:first-child:after {
     position: absolute;
     content: "";
     width: 90%;
     height: 60px;
     background: var(--colorBlack);
     top: -12px;
     left: -12px;
     clip-path: polygon(0 0, 85% 0%, 100% 50%, 85% 100%, 0 100%, 0% 50%);
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_blog_2_text .bloger_info li a {
     font-size: 13px;
     font-weight: 500;
     text-transform: capitalize;
     color: var(--colorWhite);
     display: block;
     position: relative;
     z-index: 1;
}
 .single_blog_2_text .bloger_info li img {
     width: 35px !important;
     height: 35px !important;
     border-radius: 50%;
     margin-right: 10px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .single_blog_2_text .bloger_info li p {
     font-weight: 500;
     color: var(--colorWhite);
     font-size: 13px;
     margin: 0;
     padding: 0;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .single_blog_2_text .title {
     font-size: 18px;
     font-weight: 700;
     height: 55px;
     overflow: hidden;
     text-transform: capitalize;
     color: var(--colorBlack);
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_blog_2_text p {
     margin: 10px 0px 20px 0px;
	 height: 100px;
     overflow: hidden;
}
 .single_blog_2_text .time_comment {
     display: flex;
     justify-content: space-between;
}
 .single_blog_2_text .time_comment li {
     font-size: 14px;
     font-weight: 400;
     text-transform: capitalize;
     color: var(--paraColor);
}
 .single_blog_2_text .time_comment li i {
     color: var(--colorPrimary);
     margin-right: 5px;
}
 .single_blog_2_text .read_btn_2 {
     font-size: 16px;
     font-weight: 500;
     text-transform: capitalize;
     display: flex;
     justify-content: space-between;
     color: var(--colorPrimary);
     border-top: 1px solid #ddd;
     padding-top: 15px;
     margin-top: 15px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_blog_2 .title:hover {
     color: var(--colorPrimary);
}
 .single_blog_2 .read_btn_2:hover {
     color: var(--colorBlack);
}
 .single_blog_2:hover .single_blog_2_img img {
     transform: scale(1.05);
     -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
     -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
}
 .single_blog_2:hover .bloger_info {
     background: var(--colorBlack);
}
 .single_blog_2:hover .bloger_info li::after {
     background: var(--colorPrimary);
}
/* blog 2 end */
/* footer 2 start */
 .footer_2 {
     background: #3a435b;
}
 .footer_2 .footer_subscribe, .footer_2 .footer_subscribe_form form, .footer_2 .footer_subscribe_form button {
     border-radius: 20px 0px;
}
 .footer_2 .footer_subscribe_form button::after {
     border-radius: 0;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
}
.footer_subscribe_form .read_btn{
    width: 250px;
    position: absolute;
	right: 0px;
	top: 0px;
}
.footer_subscribe_text {
  width: 100%;
  height: 100%;
  align-content: center;
}
 .footer_2 .footer_logo_area ul li a, .footer_2 .footer_link p i {
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

 .footer_download p {
     margin: 0;
     padding: 0;
}
 .footer_download ul li a {
     display: flex;
     background: var(--colorWhite);
     border-radius: 5px;
     margin-top: 15px;
     overflow: hidden;
     align-items: center;
     max-width: 230px;
     padding-left: 0;
     position: inherit;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .footer_download ul li a i {
     width: 55px;
     height: 55px;
     line-height: 55px;
     text-align: center;
     background: var(--colorPrimary);
     color: var(--colorWhite);
     border-radius: 5px;
     margin-right: 20px;
     font-size: 25px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .footer_download ul li a p {
     color: var(--colorBlack);
     font-size: 18px;
     font-weight: 600;
     text-transform: capitalize;
     line-height: 20px;
     margin-bottom: 2px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .footer_download ul li a p span {
     display: block;
     font-size: 14px;
     text-transform: capitalize;
}
 .footer_download ul li a:hover p {
     color: var(--colorPrimary);
}
 .footer_2 .footer_link h4 {
     margin-bottom: 35px;
}
 .footer_2 .footer_link h4::after {
     display: none;
}
 .footer_2_copyright {
     background: var(--colorPrimary);
}
 .footer_2_copyright p a:hover {
     color: var(--colorBlack);
}
/* footer 2 end */
/*================================ HOME PAGE 2 END ================================*/
/*================================ ABOUT US PAGE START ================================*/
 .about_page_welcome_img {
     height: 600px;
     position: relative;
     overflow: hidden;
     padding-left: 50px;
     padding-right: 30px;
}
 .about_page_welcome_img img {
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .about_page_welcome_img .call_area {
     position: absolute;
     top: 50%;
     left: 0;
     transform: translateY(-50%);
     z-index: 1;
     background: var(--colorWhite);
     padding: 25px;
     border-left: 10px solid var(--colorPrimary);
     box-shadow: 5px 8px 30px rgb(5 13 54 / 5%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
}
 .about_page_welcome_img .call_area h4 {
     font-size: 18px;
     font-weight: 700;
     text-transform: capitalize;
     color: var(--colorPrimary);
     margin-bottom: 10px;
}
 .about_page_welcome_img .call_area h4 span {
     font-size: 15px;
}
 .about_page_welcome_img .call {
     align-items: center;
}
 .about_page_welcome_img .call i {
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     background: var(--colorPrimary);
     color: var(--colorWhite);
     font-size: 25px;
     border-radius: 5px;
     margin-right: 12px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .about_page_welcome_img .call p {
     color: var(--colorBlack);
}
 .about_page_welcome_img .call p span {
     display: block;
     color: var(--colorBlack);
     font-weight: 700;
}
 .about_page_welcome_text h2, .about_page_welcome_text h3, .about_page_welcome_text h4, .about_page_welcome_text h5 {
     font-size: 44px;
     font-weight: 700;
     text-transform: capitalize;
     margin-bottom: 25px;
}
 .about_2_text p, .about_page_welcome_text p {
     margin-top: 20px;
}
 .about_2_text ul, .about_2_text ol, .about_page_welcome_text ul, .about_page_welcome_text ol, .services_details_text ul, .services_details_text ol {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}
 .about_2_text ul li, .about_2_text ol li, .about_page_welcome_text ul li, .services_details_text ul li, .about_page_welcome_text ol li, .services_details_text ol li {
     font-size: 18px;
     color: var(--colorBlack);
     padding-left: 30px;
     position: relative;
     margin-top: 20px;
     width: 50%;
}
 .services_details_text ul li{
     margin-top: 5px!important;
}
 .services_details_text ul{
     margin: 2%;
}
 .about_2_text ul li::after, .about_2_text ol li::after, .about_page_welcome_text ul li::after, .about_page_welcome_text ol li::after, .services_details_text ul li::after, .services_details_text ol li::after {
     position: absolute;
     content: "";
     background: url(../images/about_welcome_icon.png);
     width: 20px;
     height: 20px;
     top: 4px;
     left: 0;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}


.about_page_about h1{
    font-size: 2.5dvw;
    padding-top: 2%;
}
.about_page_about h2{
    font-size: 2.2dvw;
    padding-top: 2%;
}
.about_page_about h3{
    font-size: 1.8dvw;
    padding-top: 2%;
}
.about_page_about h4{
    font-size: 1.5dvw;
    padding-top: 2%;
}
.about_page_about li{
    list-style: square;
    margin-left: 30px;
}

 .about_page_about_img {
     position: relative;
     margin-bottom: 20px;
}
 .about_page_about_img::after {
     position: absolute;
     content: "";
     width: 200px;
     height: 200px;
     border-radius: 50%;
     border: 20px solid var(--colorPrimary);
     top: 50px;
     right: 50px;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     z-index: -1;
     animation: about_animi linear 1s infinite alternate;
     -webkit-animation: about_animi linear 1s infinite alternate;
}
 @keyframes about_animi {
     from {
         transform: scale(1);
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -ms-transform: scale(1);
         -o-transform: scale(1);
    }
     to {
         transform: scale(1.1);
         -webkit-transform: scale(1.1);
         -moz-transform: scale(1.1);
         -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
    }
}
 .about_page_about_img .img_1 {
     width: 485px;
     height: 535px;
     border-radius: 5px;
     overflow: hidden;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .about_page_about_img .img_2 {
     width: 300px;
     height: 350px;
     border-radius: 5px;
     overflow: hidden;
     position: absolute;
     bottom: 50px;
     right: 0;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .about_page_about_img p {
     font-size: 44px;
     font-weight: 700;
     background: var(--colorBlack);
     color: var(--colorWhite);
     padding: 20px;
     text-align: center;
     max-width: 220px;
     position: absolute;
     bottom: -20px;
     right: 120px;
     border-radius: 5px;
}
 .about_page_about_img p span {
     font-size: 24px;
     color: var(--colorWhite);
     display: block;
}
 .about_page_about_text p {
     margin-bottom: 25px;
}
 .award_text ul li, .award_text ol li, .about_page_about_text ul li, .about_page_about_text ol li {
     margin-top: 20px;
     list-style: square!important;
     margin-left: 30px;
}

.award_text ul li .award_text ol li{
    list-style: square!important;
    margin-left: 30px;
    margin-top: 10px;
}
 .award_text ul li h3, .award_text ol li h3, .about_page_about_text ul li h3, .about_page_about_text ol li h3 {
     font-size: 18px;
     font-weight: 600;
     text-transform: capitalize;
     padding-left: 30px;
     position: relative;
}
 .award_text ul li h3::after, .award_text ol li h3::after, .about_page_about_text ul li h3::after, .about_page_about_text ol li h3::after {
     position: absolute;
     content: "\f00c";
     font-family: "font awesome 5 free";
     font-size: 10px;
     color: var(--colorWhite);
     top: 2px;
     left: 0;
     width: 20px;
     height: 20px;
     text-align: center;
     line-height: 20px;
     border-radius: 50%;
     background: var(--colorPrimary);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .award_text ul li p, .award_text ol li p, .about_page_about_text ul li p, .about_page_about_text ol li p {
     margin-top: 10px;
}
 .about_page_about_text a {
     margin-top: 25px;
}
 .mission_text h3 {
     text-align: center;
     font-size: 44px;
     font-weight: 700;
     text-transform: capitalize;
     margin-bottom: 25px;
}
 .mission_text p {
     text-align: center;
}
 .mission_video_area {
     background-position: center !important;
     background-size: cover !important;
     background-repeat: no-repeat !important;
     height: 550px;
     margin-bottom: 300px;
}
 .mission_video {
     padding: 25px;
     background: var(--colorPrimary);
     border-radius: 5px;
     position: relative;
     bottom: -400px;
     height: 450px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .mission_video img {
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .mission_video a, .services_det_video a {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 100px;
     height: 100px;
     line-height: 100px;
     font-size: 35px;
     transform: translate(-50%, -50%);
     background: var(--colorWhite);
     color: var(--colorPrimary) !important;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
}
 .mission_video a::before, .services_det_video a::before {
     border: 10px solid var(--colorWhite);
}
 .vission_text p {
     margin-top: 20px;
}
 .vission_text ul li, .vission_text ol li {
     font-size: 16px;
     font-weight: 500;
     text-transform: capitalize;
     color: var(--colorBlack);
     position: relative;
     padding-left: 30px;
     margin-top: 20px;
}
 .vission_text ul li::after, .vission_text ol li::after {
     position: absolute;
     content: "\f058";
     font-family: "font awesome 5 free";
     font-size: 20px;
     font-weight: 600;
     color: var(--colorBlack);
     top: 2px;
     left: 0;
     width: 20px;
     height: 20px;
     text-align: center;
     line-height: 20px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .vission_img_large {
     height: 400px;
     border-radius: 5px;
     overflow: hidden;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .vission_img_small {
     height: 170px;
     border-radius: 5px;
     overflow: hidden;
     margin-top: 25px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .partnership h2 {
     text-align: center;
     font-size: 44px;
     font-weight: 700;
     margin-bottom: 35px;
     text-transform: capitalize;
}
 .partner_single {
     height: 450px;
     position: relative;
     overflow: hidden;
     margin-top: 25px;
}
 .partner_single img {
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .partner_overlay {
     position: absolute;
     width: 90%;
     height: 90%;
     top: 5%;
     left: 5%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     background: transparent;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .partner_overlay h3 {
     font-size: 30px;
     font-weight: 700;
     text-transform: uppercase;
     background: var(--colorPrimary);
     color: var(--colorWhite);
     padding: 5px 20px 7px 20px;
     border-radius: 5px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .partner_single:hover img {
     transform: scale(1.05);
     -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
     -ms-transform: scale(1.05);
     -o-transform: scale(1.05);
}
 .partner_single:hover .partner_overlay {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: rgba(0, 38, 51, 0.6);
}
 .partner_single:hover h3 {
     background: transparent;
}
 .award_img {
     height: 440px;
     padding: 20px;
     position: relative;
     margin-right: 30px;
}
 .award_img::after, .award_img::before {
     position: absolute;
     content: "";
     width: 150px;
     height: 150px;
     background: var(--colorPrimary);
     top: 0;
     right: 0;
     z-index: -1;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}
 .award_img::before {
     top: auto;
     right: auto;
     bottom: 0;
     left: 0;
}
 .award_img img {
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}
 .award_img .award_small_img {
     width: 300px;
     height: 240px;
     border-radius: 10px;
     overflow: hidden;
     background: #dae5f0;
     padding: 10px;
     position: absolute;
     bottom: 0;
     right: 0;
}

 .award_text h4 {
     font-weight: 700;
     text-transform: uppercase;
      font-size: 1.4dvw;
      padding-top: 3%;
}
 .award_text p {
     font-weight: 700;
     font-size: 16px;
     margin-bottom: 0px;
     padding-top: 2%;
}


 .award_text ul, .award_text ol {
     display: flex;
     flex-wrap: wrap;
}
 .award_text ul li, .award_text ol li {
     width: 50%;
}
/*================================ ABOUT US PAGE END ================================*/
/*================================ BLOG DETAILS PAGE START ================================*/
 .blog_details{
     padding: 5% 0px;
}
 .blog_details_img {
     height: 450px;
     overflow: hidden;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .blog_details_text .header_info {
     margin-top: 20px;
     padding: 0;
}
 .blog_details_text .header_info li {
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 400;
     list-style: none;
     margin: 0;
}
 .blog_details_text .header_info li i {
     color: var(--colorPrimary);
     margin-right: 10px;
}
 .blog_details_text h1, .blog_details_text h2, .blog_details_text h3, .blog_details_text h4, .blog_details_text h5, .blog_details_text h6 {
     text-transform: capitalize;
     color: var(--colorBlack);
     font-weight: 700;
     margin: 20px 0px;
}
 .blog_details_text h1, .blog_details_text h2 {
     font-size: 2.5dvw;
     margin-bottom: 0px;
}
 .blog_details_text h3 {
     font-size: 2dvw;
     margin-bottom: 0px;
}
 .blog_details_text h4 {
     font-size:1.6dvw;
     margin-bottom: 0px;
}
 .blog_details_text h5 {
     font-size: 1.2dvw;
}
 .blog_details_text h6 {
     font-size: 1dvw;
}
 .blog_details_text p {
     margin-top: 5px;
}
 .blog_details_text .quot_text {
     background: #dae5f0;
     border-radius: 5px;
     padding: 80px 30px 30px 30px;
     margin-top: 20px;
     position: relative;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .blog_details_text .quot_text::after {
     position: absolute;
     content: "";
     background: url(../images/quot_icon.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     width: 50px;
     height: 38px;
     top: 25px;
     left: 30px;
}
 .blog_details_text .quot_text p {
     font-size: 18px;
     font-weight: 500;
     color: var(--colorBlack);
     margin: 0;
}
 .blog_details_text .quot_text h4 {
     font-size: 18px;
     font-weight: 500;
     color: var(--colorPrimary);
     margin: 0;
     margin-top: 15px;
     padding-left: 40px;
     position: relative;
}
 .blog_details_text .quot_text h4::after {
     position: absolute;
     content: "";
     width: 25px;
     height: 2px;
     background: var(--colorPrimary);
     top: 10px;
     left: 0;
}
 .blog_det_center_img {
     height: 350px;
     border-radius: 5px;
     overflow: hidden;
     margin-top: 25px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .blog_details_text ul, .blog_details_text ol {
     padding-left: 18px;
     margin-top: 25px;
}
 .blog_details_text ul li, .blog_details_text ol li {
     font-size: 18px;
     font-weight: 400;
     color: var(--colorBlack);
     list-style: disc;
     margin: 10px 0px;
}
 .blog_det_video_img {
     height: 300px;
     margin-top: 25px;
     position: relative;
     border-radius: 5px;
     overflow: hidden;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .blog_det_video_img a {
     position: absolute;
     bottom: 55px;
     right: 10px;
}
 .blog_det_video_text {
     margin-top: 25px;
}
 .blog_det_video_text h4 {
     margin-top: 0;
     font-size: 25px;
}
 .sidebar_category.archive ul li a {
     padding-left: 50px;
}
 .sidebar_category.archive ul li a::after {
     content: "\f073";
     width: 20px;
     height: 20px;
     font-size: 10px;
     background: var(--colorPrimary);
     text-align: center;
     line-height: 20px;
     border-radius: 50%;
     color: var(--colorWhite);
     top: 12px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .sidebar_blog ul li a {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 20px;
}
 .sidebar_blog ul li:last-child a {
     margin-bottom: 0;
}
 .sidebar_blog ul li a .img {
     width: 90px;
     height: 90px;
     border-radius: 5px;
     overflow: hidden;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .sidebar_blog ul li a .text {
     width: 72%;
}
 .sidebar_blog ul li a .text span {
     text-transform: capitalize;
     display: flex;
     align-items: center;
}
 .sidebar_blog ul li a .text span i {
     width: 20px;
     height: 20px;
     line-height: 20px;
     text-align: center;
     background: var(--colorPrimary);
     color: var(--colorWhite);
     font-size: 11px;
     border-radius: 50%;
     margin-right: 10px;
}
 .sidebar_blog ul li a .text p {
     font-weight: 500;
     text-transform: capitalize;
     color: var(--colorBlack);
     margin-top: 10px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .sidebar_blog ul li a:hover p {
     color: var(--colorPrimary);
}
 .sidebar_tags ul li a {
     background: var(--colorWhite);
     color: var(--colorPrimary);
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     margin-right: 10px;
     margin-bottom: 10px;
     padding: 5px 12px;
     border-radius: 5px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .sidebar_tags ul li a:hover {
     background: var(--colorPrimary);
     color: var(--colorWhite);
}
 .sidebar_link ul li a {
     width: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     background: #FFFFFF;
     color: var(--colorPrimary);
     border-radius: 50%;
     margin-right: 10px;
     transition: all linear .3s;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .sidebar_link ul li a:hover {
     background: var(--colorPrimary);
     color: var(--colorWhite);
}
 .bloger_area {
     background: #dae5f0;
     padding: 30px;
     position: relative;
     margin-top: 75px;
     text-align: center;
}
 .bloger_area .img {
     display: block;
     width: 100px;
     height: 100px;
     border-radius: 50%;
     border: 10px solid var(--colorWhite);
     position: absolute;
     top: -50px;
     left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .bloger_area h3 {
     font-size: 25px;
     font-weight: 600;
     text-transform: capitalize;
     margin-top: 40px;
     margin-bottom: 15px;
}
 .bloger_area ul {
     justify-content: center;
     margin-top: 15px;
}
 .bloger_area ul li a {
     width: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     padding: 0;
     border-radius: 50%;
     color: var(--colorPrimary);
     background: var(--colorWhite);
     margin: 0px 5px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .bloger_area ul li a:hover {
     background: var(--colorPrimary);
     color: var(--colorWhite);
}
/*================================ BLOG DETAILS PAGE END ================================*/
/*================================ CONTACT US PAGE START ================================*/
 .contact_info {
     margin: 0;
     margin-top: 55px;
	 min-height: 250px;
}
.contact_info p{
	font-size: 14px;
}
 .contact_map {
     width: 100%;
     height: 485px;
     border-radius: 5px;
     overflow: hidden;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .contact_map iframe {
     width: 100%;
     height: 100%;
}
 .contact_form h2 {
     font-size: 35px;
     font-weight: 700;
     text-transform: capitalize;
     margin-bottom: 20px;
}
 .contact_form input{
     background: #dae5f0;
     border-radius: 5px;
     border: none;
     margin-top: 20px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
.contact_form textarea {
     background: #dae5f0;
     border-radius: 5px;
     border: none;
	 height: 100px;
     margin-top: 20px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .contact_form input::placeholder, .contact_form textarea::placeholder {
     color: var(--colorBlack);
}
 .contact_form button {
     width: 100%;
     padding: 15px 30px;
     text-align: center;
     margin-top: 15px;
}
 .contact_form button::after, .contact_form button::before {
     display: none;
}
/*================================ CONTACT US PAGE END ================================*/
/*================================ DASHBOARD PAGE START ================================*/
 .dashboard_sidebar {
     background: #dae5f0;
     border-radius: 5px;
     padding: 30px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .dashboard_sidebar_img {
     width: 250px;
     height: 250px;
     border-radius: 50%;
     border: 10px solid var(--colorWhite);
     box-shadow: 5px 8px 30px rgb(5 13 54 / 5%);
     position: relative;
     margin: 0 auto;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .dashboard_sidebar_img img {
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .dashboard_sidebar_img label {
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     background: var(--colorPrimary);
     color: var(--colorWhite);
     border-radius: 50%;
     position: absolute;
     bottom: 20px;
     right: 10px;
     font-size: 14px;
     cursor: pointer;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .dashboard_sidebar_img label:hover {
     background: var(--colorBlack);
}
 .dashboard_sidebar h3 {
     font-size: 24px;
     font-weight: 700;
     text-align: center;
     text-rendering: geometricPrecision;
     margin: 15px 0px 50px 0px;
}
 .dashboard_sidebar .nav .nav-link {
     border: 1px solid #65432187;
     font-size: 16px;
     font-weight: 500;
     text-transform: capitalize;
     border-radius: 5px;
     text-align: left;
     margin-top: 15px;
     color: var(--colorBlack);
     position: relative;
     padding: 12px 20px 12px 70px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     background: var(--colorWhite);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .dashboard_sidebar .nav .nav-link::after {
     position: absolute;
     content: "";
     width: 6px;
     height: 100%;
     background: var(--colorPrimary);
     top: 0;
     right: -1px;
     border-radius: 10px;
     opacity: 0;
     transition: all linear .4s;
     -webkit-transition: all linear .4s;
     -moz-transition: all linear .4s;
     -ms-transition: all linear .4s;
     -o-transition: all linear .4s;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}
 .dashboard_sidebar .nav .nav-link span {
     display: inline-block;
     width: 49px;
     height: 49px;
     background: var(--colorPrimary);
     line-height: 49px;
     text-align: center;
     position: absolute;
     top: -1px;
     left: -1px;
     border-radius: 5px;
     font-size: 18px;
     color: var(--colorWhite);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .dashboard_sidebar .nav .nav-link.active, .dashboard_sidebar .nav .nav-link:hover {
     background: var(--colorWhite);
     border-color: var(--colorWhite);
}
 .dashboard_sidebar .nav .nav-link.active::after, .dashboard_sidebar .nav .nav-link:hover::after {
     opacity: 1;
}
 .dashboard_content h2 {
     font-size: 28px;
     font-weight: 700;
     text-transform: capitalize;
     margin-bottom: 20px;
}
 .personal_info, .personal_info_edit {
     background: #dae5f0;
     padding: 30px;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .personal_info h4, .personal_info_edit h4 {
     font-size: 20px;
     font-weight: 600;
     text-transform: capitalize;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
}
 .personal_info h4 a, .personal_info_edit h4 a {
     font-size: 16px;
     color: var(--colorWhite) !important;
     background: var(--colorPrimary);
     padding: 5px 10px;
     border-radius: 3px;
     cursor: pointer;
     text-transform: capitalize;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}
 .personal_info h4 a:hover, .personal_info_edit h4 a:hover {
     background: var(--colorBlack);
}
 .personal_info_address {
     border-top: 1px solid #c0c0c0;
     border-bottom: 1px solid #c0c0c0;
     margin: 20px 0px;
     padding: 5px 0px;
}
 .personal_info_address li {
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     margin: 15px 0px;
     color: var(--colorBlack);
}
 .personal_info_address li span {
     text-transform: capitalize;
     color: var(--colorBlack);
     width: 150px;
     display: inline-block;
}
 .personal_info_link {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}
 .personal_info_link li {
     font-size: 22px;
     font-weight: 500;
     text-transform: capitalize;
     color: var(--colorBlack);
}
 .personal_info_link li a {
     width: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     color: var(--colorPrimary);
     border: 1px solid var(--colorPrimary);
     font-size: 14px;
     border-radius: 50%;
     margin-left: 10px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .personal_info_link li a:hover {
     background: var(--colorPrimary);
     color: var(--colorWhite);
}
 .personal_biography p {
     margin-top: 20px;
}
 .personal_info_edit {
     display: none;
}
 .personal_info_edit h4 {
     margin-bottom: 20px;
}
 .personal_info_edit label {
     display: block;
     font-weight: 400;
     font-size: 16px;
     color: var(--colorBlack);
     margin-bottom: 5px;
     text-transform: capitalize;
}
 .personal_info_edit input, .personal_info_edit textarea {
     padding: 12px 20px;
     margin-bottom: 20px;
     border: none;
}
 .personal_info_edit textarea {
     margin-bottom: 15px;
}
 .personal_area.edit_form .personal_info, .personal_area.edit_form .personal_biography {
     display: none;
}
 .personal_area.edit_form .personal_info_edit {
     display: block;
}
 .dashboard_wishlist .services_item, .dashboard_gallery .gallery_item {
     margin-top: 0;
     margin-bottom: 25px;
}
 .dashboard_c_password .personal_info_edit {
     display: block;
}
/*================================ DASHBOARD PAGE END ================================*/
/*================================ FAQ PAGE START ================================*/
 .faq_img {
     position: relative;
}
 .faq_img .img_1 {
     width: 530px;
     height: 450px;
     position: relative;
     margin-bottom: 15px;
}
 .faq_img .img_1 img {
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .faq_img .img_1::after {
     position: absolute;
     content: "";
     width: 80px;
     height: 80px;
     background: var(--colorPrimary);
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border: 10px solid var(--colorWhite);
     right: -15px;
     bottom: -15px;
     box-shadow: 5px 8px 30px rgb(5 13 54 / 5%);
}
 .faq_img .img_2 {
     width: 240px;
     height: 270px;
     position: absolute;
     top: 50%;
     right: 0;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
}
 .faq_text h1, .faq_text h2, .faq_text h3, .faq_text h4, .faq_text h5, .faq_text h6 {
     font-weight: 700;
     text-transform: capitalize;
     margin-bottom: 20px;
}
 .faq_text h1 {
     font-size: 44px;
}
 .faq_text h2 {
     font-size: 40px;
}
 .faq_text h3 {
     font-size: 35px;
}
 .faq_text h4 {
     font-size: 30px;
}
 .faq_text h5 {
     font-size: 25px;
}
 .faq_text h6 {
     font-size: 26px;
}
 .faq_text p {
     margin-top: 20px;
}
 .accordion-item {
     background-color: var(--colorWhite);
     border: none;
     margin-bottom: 25px;
}
 .accordion-button {
     background: #dae5f0;
     border-radius: 5px;
     border: none;
     font-size: 20px;
     font-weight: 400;
     text-transform: capitalize;
     color: var(--colorBlack);
     padding: 15px 50px 15px 15px;
     position: relative;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .accordion-button:not(.collapsed) {
     color: var(--colorWhite);
     background-color: var(--colorPrimary);
     box-shadow: none;
}
 .accordion-body {
     padding: 20px;
     background: #FFFFFF;
     box-shadow: 5px 8px 30px rgba(5, 13, 54, 0.05);
}
 .accordion-button::after {
     background: url(../images/faq_plus.png);
     width: 30px;
     height: 30px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     overflow: hidden;
     position: absolute;
     top: 12px;
     right: 12px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .accordion-button:not(.collapsed)::after {
     background: url(../images/faq_minus.jpg);
     width: 30px;
     height: 30px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     overflow: hidden;
     position: absolute;
     top: 12px;
     right: 12px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .accordion-button:focus {
     box-shadow: none;
}
 .faq .accordion-body p {
     border-left: 5px solid var(--colorBlack);
     padding-left: 15px;
}
 .faq .accordion-item {
     margin-bottom: 0;
     margin-top: 25px;
}
/*================================ FAQ PAGE END ================================*/
/*================================ LOGIN PAGE START ================================*/
 .login_area {
     padding: 50px;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     background: #dae5f0;
}
 .login_area h3 {
     font-size: 44px;
     font-weight: 700;
     text-transform: capitalize;
}
 .login_area h5 {
     font-size: 20px;
     font-weight: 400;
     margin-top: 15px;
     margin-bottom: 25px;
}
 .login_input {
     position: relative;
     margin-top: 20px;
}
 .login_input span {
     position: absolute;
     width: 50px;
     height: 50px;
     background: var(--colorBlack);
     line-height: 50px;
     font-size: 20px;
     text-align: center;
     color: var(--colorWhite);
     border-radius: 5px 0px 0px 5px;
     -webkit-border-radius: 5px 0px 0px 5px;
     -moz-border-radius: 5px 0px 0px 5px;
     -ms-border-radius: 5px 0px 0px 5px;
     -o-border-radius: 5px 0px 0px 5px;
}
 .login_input input {
     border: none;
     padding: 13px 20px 13px 75px;
}
 .login_input .form-check input {
     padding: 0;
     border-radius: 50%;
     width: 25px;
     height: 25px;
     border: 1px solid var(--colorBlack);
     margin-right: 10px;
     margin-top: 0px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .login_input .form-check input:checked {
     background-color: var(--colorPrimary);
     border-color: var(--colorPrimary) !important;
}
 .login_input .form-check label {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
}
 .login_input .form-check label a {
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     color: var(--colorPrimary);
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .register_area .login_input .form-check label a {
     font-weight: 600;
     text-decoration: underline;
}
 .login_input .form-check label a:hover {
     color: var(--colorBlack);
}
 .login_input button {
     width: 100%;
     text-align: center;
     padding: 13px 30px;
}
 .login_input button::after, .login_input button::before {
     display: none;
}
 .login_area .or {
     text-transform: uppercase;
     font-size: 20px;
     font-weight: 600;
     text-align: center;
     display: block;
     position: relative;
     margin: 18px 0px 12px 0px;
     color: var(--colorBlack);
}
 .login_area .or::after {
     position: absolute;
     content: "";
     width: 40%;
     height: 1px;
     background: var(--paraColor);
     top: 14px;
     right: 0;
}
 .login_area .or::before {
     position: absolute;
     content: "";
     width: 40%;
     height: 1px;
     background: var(--paraColor);
     top: 14px;
     left: 0;
}
 .login_area p {
     text-align: center;
     color: var(--colorBlack);
}
 .login_area p a {
     color: var(--colorBlack);
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 600;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .login_area ul {
     margin: 20px 0px 20px 0px;
}
 .login_area ul li a {
     width: 35px;
     height: 35px;
     background: var(--colorBlack);
     line-height: 35px;
     text-align: center;
     color: var(--colorWhite);
     border-radius: 50%;
     margin: 0px 5px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .login_area ul li a:hover {
     background: var(--colorPrimary);
}
 .login_area p a:hover {
     color: var(--colorPrimary);
}
 .register_area .form-check label {
     display: block;
}
/*================================ LOGIN PAGE END ================================*/
/*================================ PRICING PAGE START ================================*/
 .single_pricing {
     box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
     border-radius: 5px;
     overflow: hidden;
     margin-top: 25px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .single_pricing_header {
     padding-top: 30px;
}
 .single_pricing_header .img {
     width: 100px;
     height: 100px;
     background: var(--colorPrimary);
     border-radius: 50%;
     padding: 25px;
     margin: 0 auto;
     margin-bottom: -60px;
     position: relative;
     z-index: 2;
     transition: all linear .3s;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border: 5px solid var(--colorWhite);
     box-shadow: 5px 8px 30px rgb(5 13 54 / 10%);
}
 .single_pricing_header .text {
     background: var(--colorWhite);
     clip-path: polygon(0 25%, 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%);
     padding: 80px 30px 50px 30px;
     text-align: center;
     margin: 0px 30px;
     position: relative;
     z-index: 1;
     margin-bottom: -90px;
}
 .single_pricing_header .text h3 {
     font-size: 30px;
     font-weight: 700;
     text-transform: capitalize;
     color: var(--colorPrimary);
     margin-bottom: 5px;
}
 .single_pricing_header .text h5 {
     font-size: 20px;
     font-weight: 600;
     text-transform: capitalize;
     color: var(--colorBlack);
     margin-bottom: 20px;
}
 .single_pricing_header .text p {
     margin: 15px 0px;
}
 .single_pricing_header .text h4 {
     font-size: 25px;
     font-weight: 600;
     background: var(--colorBlack);
     color: var(--colorWhite);
     display: inline-block;
     padding: 5px 20px;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .single_pricing_header .text span {
     display: block;
     font-size: 16px;
     font-weight: 500;
     color: var(--colorPrimary);
     margin-top: 5px;
     text-transform: capitalize;
}
 .pricing_list {
     background: var(--colorPrimary);
     padding: 125px 30px 30px 30px;
     text-align: center;
     position: relative;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .pricing_list::after {
     position: absolute;
     content: "";
     width: 240px;
     height: 110px;
     background: var(--colorBlack);
     top: 0px;
     left: 50%;
     transform: translateX(-50%);
     clip-path: polygon(0 20%, 50% 0, 100% 20%, 100% 54%, 50% 100%, 0 53%);
     transition: all linear .3s;
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .pricing_list ul {
     display: flex;
     flex-direction: column;
     align-items: center;
}
 .pricing_list ul li {
     font-size: 16px;
     font-weight: 400;
     color: var(--colorWhite);
     margin: 10px 0px;
     position: relative;
     padding-left: 25px;
     text-transform: capitalize;
}
 .pricing_list ul li::after {
     position: absolute;
     content: "\f00c";
     font-family: "font awesome 5 free";
     font-size: 14px;
     font-weight: 600;
     color: var(--colorWhite);
     top: 2px;
     left: 0;
}
 .pricing_list ul li.delete::after {
     content: "\f00d";
}
 .pricing_list a {
     margin-top: 20px;
     background: var(--colorBlack);
     padding: 10px 30px;
     border-radius: 30px;
     color: var(--colorWhite) !important;
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 500;
     position: relative;
     overflow: hidden;
     z-index: 1;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     -o-border-radius: 30px;
}
 .pricing_list a:hover {
     color: var(--colorBlack);
}
 .single_pricing:hover .img, .single_pricing:hover .pricing_list {
     background: var(--colorBlack);
}
 .single_pricing:hover a, .single_pricing:hover .pricing_list::after {
     background: var(--colorPrimary);
}
 ._pricing_support {
     text-align: center;
}
 ._pricing_support h3 {
     font-size: 44px;
     font-weight: 700;
     text-transform: capitalize;
     margin-bottom: 20px;
}
 ._pricing_support h4 {
     font-size: 30px;
     font-weight: 600;
     text-transform: capitalize;
     color: var(--colorPrimary);
}
 ._pricing_support p {
     margin: 15px 0px;
}
/*================================ PRICING PAGE END ================================*/
/*================================ SERVICE DETAILS PAGE START ================================*/
 .services_details_text h1, .services_details_text h2 {
     font-size: 44px;
     font-weight: 700;
     text-transform: capitalize;
}
 .services_details_text h1, .services_details_text h2, .services_details_text h3, .services_details_text h4, .services_details_text h5, .services_details_text h6 {
     font-weight: 700;
     text-transform: capitalize;
     margin-top: 25px;
}
 .services_details_text h1 {
     font-size: 40px;
}
 .services_details_text h2 {
     font-size: 35px;
}
 .services_details_text h3 {
     font-size: 30px;
}
 .services_details_text h4 {
     font-size: 25px;
}
 .services_details_text h5 {
     font-size: 20px;
}
 .services_details_text h6 {
     font-size: 16px;
}
 .services_details_text p {
     margin-top: 0px;
}
 .services_details_img {
     height: 550px;
     border-radius: 20px;
     position: relative;
}
 .services_details_img img {
     border-radius: 20px;
}
 .services_details_img a {
     position: absolute;
     bottom: -22px;
     right: -1px;
     background: var(--colorPrimary);
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 600;
     color: var(--colorWhite);
     padding: 12px 25px;
     border-radius: 35px;
     border: 5px solid var(--colorWhite);
     box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 35px;
     -moz-border-radius: 35px;
     -ms-border-radius: 35px;
     -o-border-radius: 35px;
}
 .services_details_img a:hover {
     background: var(--colorBlack);
}
 .services_det_video {
     height: 450px;
     border-radius: 5px;
     overflow: hidden;
     margin-top: 25px;
     position: relative;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .service_det_tag {
     justify-content: space-between;
     border-top: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
     padding: 15px 0px;
     margin-top: 25px;
}
 .service_det_tag .tag_list li, .service_det_tag .share li {
     display: flex;
     align-items: center;
}
 .service_det_tag .tag_list li span, .service_det_tag .share li span {
     font-weight: 600;
     text-transform: capitalize;
}
 .service_det_tag .tag_list li span i, .service_det_tag .share li span i {
     margin-right: 10px;
     color: var(--colorPrimary);
}
 .service_det_tag .tag_list li a, .service_det_tag .share li a {
     background: #dae5f0;
     padding: 2px 10px 3px 10px;
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     color: var(--colorBlack);
     margin-left: 15px;
     border-radius: 3px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}
 .service_det_tag .tag_list li a:hover, .service_det_tag .share li a:hover {
     background: var(--colorPrimary);
     color: var(--colorWhite);
}
 .service_det_tag .share li a {
     width: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     padding: 0;
     border-radius: 50%;
     color: var(--colorPrimary);
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .service_det_btn_area ul {
     justify-content: space-between;
}
 .service_det_btn_area ul li {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     width: 40%;
     margin-top: 25px;
}
 .service_det_btn_area ul li .img {
     width: 100px;
     height: 100px;
     border-radius: 5px;
     overflow: hidden;
     margin-right: 15px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .service_det_btn_area ul li .text {
     max-width: 220px;
     display: block;
}
 .service_det_btn_area ul li .text span {
     display: block;
     font-weight: 600;
     color: var(--colorBlack);
     text-transform: capitalize;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .service_det_btn_area ul li .text span i {
     margin-left: 5px;
     color: var(--colorPrimary);
}
 .service_det_btn_area ul li .text p {
     text-transform: capitalize;
     margin-top: 5px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .service_det_btn_area ul li a:hover span {
     color: var(--colorPrimary);
}
 .service_det_btn_area ul li:last-child .img {
     margin-right: 0;
     margin-left: 15px;
}
 .service_det_btn_area ul li:last-child span {
     text-align: right;
}
 .service_det_btn_area ul li:last-child span i {
     margin-left: 0;
     margin-right: 5px;
}
 .service_det_btn_area ul li:last-child p {
     text-align: right;
}
 .service_review_list h3, .service_review_input h3 {
     font-size: 36px;
     font-weight: 600;
     text-transform: capitalize;
}
 .single_review {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     border-top: 1px solid #ddd;
     padding-top: 25px;
     margin-top: 25px;
}
 .single_review .review_img {
     width: 100px;
     height: 100px;
     border-radius: 5px;
     overflow: hidden;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .single_review .review_text {
     width: 85%;
}
 .single_review .review_text h4 {
     font-size: 20px;
     font-weight: 600;
     text-transform: capitalize;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
}
 .single_review .review_text h4 span {
     color: var(--colorPrimary);
     text-transform: capitalize;
}
 .single_review .review_text .review_star {
     color: var(--colorPrimary);
     margin: 8px 0px 5px 0px;
}
 .single_review .review_text .review_star span {
     color: var(--colorBlack);
     margin-left: 10px;
}
 .single_review .review_text .reply {
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 500;
     color: var(--colorBlack);
     transition: all linear .3s;
     text-decoration: underline;
     display: inline-block;
     margin-top: 5px;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .single_review .review_text .reply:hover {
     color: var(--colorPrimary);
     text-decoration: none;
}
 .single_review.reply {
     padding-left: 50px;
}
 .single_review.reply .review_text {
     width: 85%;
}
 .service_review_input p {
     margin-top: 15px;
}
 .service_review_input p span {
     color: var(--colorPrimary);
     cursor: pointer;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .service_review_input p span:hover {
     color: var(--colorBlack);
}
 .service_review_input input, .service_review_input textarea {
     background: #dae5f0;
     border-radius: 5px;
     border: none;
     margin-top: 25px;
     color: var(--colorBlack);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .service_review_input .form-check {
     margin-top: 15px;
     margin-bottom: 20px;
}
 .service_review_input .form-check input {
     padding: 0;
     width: 25px;
     height: 25px;
     border: 1px solid var(--colorPrimary);
     border-radius: 50%;
     margin-top: 0;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .service_review_input input::placeholder, .service_review_input textarea::placeholder {
     color: var(--colorBlack);
}
 .service_review_input .form-check input:checked {
     background-color: var(--colorPrimary);
     border-color: var(--colorPrimary);
}
 .service_review_input .form-check input::placeholder {
     color: var(--colorBlack) !important;
}
 .service_review_input .form-check label {
     font-size: 16px;
     font-weight: 400;
     margin-left: 10px;
}
 .sidebar_item {
     background: #dae5f0;
     border-radius: 5px;
     padding: 25px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .sidebar_item h3 {
     font-weight: 600;
     font-size: 24px;
     padding-left: 20px;
     text-transform: capitalize;
     position: relative;
     margin-bottom: 30px;
     text-align: left;
}
 .sidebar_item h3::after {
     position: absolute;
     content: "";
     width: 5px;
     height: 26px;
     background: var(--colorPrimary);
     border-radius: 30px;
     top: 1px;
     left: 0;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     -o-border-radius: 30px;
}
 .sidebar_search form {
     position: relative;
}
 .sidebar_search form input {
     border: 0;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .sidebar_search form button {
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     background: var(--colorPrimary);
     color: var(--colorWhite);
     border-radius: 5px;
     position: absolute;
     top: 50%;
     right: 6px;
     transition: all linear .3s;
     transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .sidebar_search form button:hover {
     background: var(--colorBlack);
}
 .sidebar_category ul li a {
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     color: var(--colorBlack);
     background: var(--colorWhite);
     padding: 10px 20px 10px 35px;
     border-radius: 5px;
     margin-bottom: 10px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     position: relative;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .sidebar_category ul li a::after {
     position: absolute;
     content: "\f054";
     font-family: "font awesome 5 free";
     font-weight: 600;
     top: 14px;
     left: 20px;
     font-size: 12px;
     color: var(--paraColor);
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .sidebar_category ul li:last-child a {
     margin-bottom: 0;
}
 .sidebar_category ul li a span {
     color: var(--colorBlack);
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .sidebar_category ul li a:hover {
     background: var(--colorPrimary);
     color: var(--colorWhite);
}
 .sidebar_category ul li a:hover span {
     color: var(--colorWhite);
}
 .sidebar_category ul li a:hover::after {
     color: var(--colorWhite);
}
 .sidebar_time p {
     text-transform: capitalize;
     color: var(--colorBlack);
}
 .sidebar_mail {
     text-align: center;
}
 .sidebar_mail .img {
     border-radius: 5px;
     overflow: hidden;
     height: 180px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .sidebar_mail h5 {
     font-size: 16px;
     text-transform: capitalize;
     font-weight: 600;
     margin: 15px 35px;
}
 .sidebar_mail p {
     color: var(--colorBlack);
     font-size: 18px;
     margin-top: 5px;
}
 .related_service h3 {
     font-size: 36px;
     font-weight: 700;
     text-transform: capitalize;
}
 .related_service_slider .nextArrow, .related_service_slider .prevArrow {
     top: -90px;
}
 .related_service .services_item, .related_service .single_blog {
     margin: 0px 12px;
}
 #sticky_sidebar {
     z-index: 90 !important;
}
/*================================ SERVICE DETAILS PAGE END ================================*/
/*================================ TEAM DETAILS PAGE START ================================*/
 .team_sidebar {
     display: flex;
     justify-content: space-between;
     padding: 25px;
     align-items: center;
     background: #dae5f0;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .teamcont {
     width: 55%;
     margin-left: 20px;
}
 .team_sidebar .img {
     width: 45%;
     height: 380px;
     overflow: hidden;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .team_sidebar .title {
     text-align: center;
     font-size: 24px;
     font-weight: 700;
     text-transform: capitalize;
     margin-top: 25px;
     margin-bottom: 5px;
}
 .team_sidebar .designation {
     font-size: 17px;
     text-align: center;
}
 .team_sidebar .follow_area {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin: 25px 0px 25px 0px;
}
 .team_sidebar .follow_area li {
     width: 50%;
}
 .team_sidebar .follow_area li h5 {
     text-align: center;
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 5px;
}
 .team_sidebar .follow_area li p {
     font-size: 18px;
     text-align: center;
}
 .team_sidebar .read_btn {
     width: 100%;
     text-align: center;
     padding: 15px 30px;
     border-radius: 5px;
     margin-bottom: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .team_sidebar .read_btn i {
     margin-left: 5px;
}
 .team_sidebar .read_btn::after {
     border-radius: 0;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
}
 .team_sidebar_details li {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
     position: relative;
     padding: 20px 0px 20px 40px;
     border-bottom: 1px solid #e3e3e3;
}
 .team_sidebar_details li span {
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     font-size: 14px;
     background: var(--colorBlack);
     color: var(--colorWhite);
     border-radius: 50%;
     position: absolute;
     left: 0;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .team_sidebar_details li h5 {
     font-size: 20px;
     font-weight: 500;
     text-transform: capitalize;
}
 .team_sidebar_details li p {
     font-size: 17px;
}
 .follow_link h5 {
     font-size: 22px;
     font-weight: 500;
     text-transform: capitalize;
     margin-top: 25px;
     margin-bottom: 25px;
}
 .follow_link ul li a {
     width: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     color: var(--colorPrimary);
     border: 1px solid var(--colorPrimary);
     border-radius: 50%;
     margin-right: 10px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .follow_link ul li a:hover {
     background: var(--colorPrimary);
     color: var(--colorWhite);
}
 .team_details_text h3 {
     font-size: 30px;
     font-weight: 700;
     text-transform: capitalize;
}
 .team_details_text p {
     margin-top: 20px;
}
 .team_Statictics h2 {
     font-size: 30px;
     font-weight: 700;
     text-align: center;
     position: relative;
     padding-bottom: 30px;
}
 .team_Statictics h2::after {
     position: absolute;
     content: "";
     background: url(../images/team_details_shapes.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     width: 80px;
     height: 5px;
     bottom: 12px;
     left: 50%;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
}
 .team_Statictics p {
     font-size: 18px;
     font-weight: 500;
     text-transform: capitalize;
     text-align: center;
     margin: 0;
}
 .team_skills_bar p {
     margin-bottom: 20px;
}
 .team_skills_bar_single p {
     font-size: 16px;
     font-weight: 600;
     text-transform: capitalize;
     color: var(--colorBlack);
     margin: 0px 0px 10px 0px;
}
 .team_skills_img {
     height: 350px;
     position: relative;
     margin-right: 25px;
     margin-bottom: 25px;
     z-index: 1;
}
 .team_skills_img img {
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .team_skills_img::after {
     position: absolute;
     content: "";
     width: 100%;
     height: 113%;
     background: var(--colorPrimary);
     bottom: -25px;
     right: -25px;
     border-radius: 5px;
     z-index: -1;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .team_qualification_single {
     background: #dae5f0;
     border-radius: 5px;
     padding: 25px;
     margin-top: 25px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .team_qualification_single i {
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     background: var(--colorPrimary);
     color: var(--colorWhite);
     border-radius: 50%;
     margin: 0 auto;
     display: block;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
}
 .team_qualification_single h4 {
     font-size: 22px;
     font-weight: 600;
     text-transform: capitalize;
     text-align: center;
     margin: 20px 0px 10px 0px;
}
 .team_qualification_single span {
     display: block;
     text-align: center;
     font-weight: 500;
     color: var(--colorPrimary);
}
 .team_qualification_single h6 {
     font-size: 16px;
     font-weight: 500;
     text-align: center;
     margin: 10px 0px 15px 1px;
}
 .team_qualification_single p {
     text-align: center;
     margin: 0;
}
/*================================ TEAM DETAILS PAGE END ================================*/
/*================================ TERMS AND CONDITION PAGE START ================================*/
 .terms_condition_text h1, .terms_condition_text h2, .terms_condition_text h3, .terms_condition_text h4, .terms_condition_text h5, .terms_condition_text h6 {
     font-weight: 700;
     text-transform: capitalize;
     margin: 25px 0px 20px 0px;
}
 .terms_condition_text h1 {
     font-size: 50px;
}
 .terms_condition_text h2 {
     font-size: 45px;
}
 .terms_condition_text h3 {
     font-size: 40px;
}
 .terms_condition_text h4 {
     font-size: 35px;
}
 .terms_condition_text h5 {
     font-size: 30px;
}
 .terms_condition_text h6 {
     font-size: 25px;
}
 .terms_condition_text p {
     margin-top: 20px;
}
 .terms_condition_text ul, .terms_condition_text ol {
     margin-top: 20px;
     padding-left: 20px;
}
 .terms_condition_text ul li, .terms_condition_text ol li {
     font-size: 18px;
     color: var(--colorBlack);
     padding-left: 30px;
     position: relative;
     margin-top: 20px;
}
 .terms_condition_text ul li::after, .terms_condition_text ol li::after {
     position: absolute;
     content: "";
     background: url(../images/about_welcome_icon.png);
     width: 20px;
     height: 20px;
     top: 4px;
     left: 0;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
/*================================ TERMS AND CONDITION PAGE END ================================*/
/*================================ 404/ERROR PAGE START ================================*/
 ._404 {
     padding-top: 140px;
}
 ._404_text {
     text-align: center;
     margin-bottom: -6px;
}
 ._404_text .img {
     height: 335px;
}
 ._404_text h4 {
     font-size: 40px;
     font-weight: 700;
     text-transform: capitalize;
     color: var(--colorPrimary);
     margin-top: 40px;
}
 ._404_text p {
     margin: 20px 0px;
}
 ._404_text a i {
     margin-right: 5px;
}
/*================================ 404/ERROR PAGE END ================================*/
/*================================ COMMING SOON PAGE START ================================*/
 .comming_soon {
     height: 100vh;
}
 .comming_soon div {
     height: 100vh;
}
 .comming_soon_text {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
}
 .comming_soon_text div {
     height: auto;
}
 .comming_soon_text h3 {
     font-size: 35px;
     font-weight: 700;
     text-transform: capitalize;
     text-align: center;
     margin-bottom: 30px;
}
 .comming_soon_text .simply-countdown.simply-countdown-one {
     height: auto;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .comming_soon_text .simply-amount {
     width: 130px;
     height: 130px;
     display: block;
     background: var(--colorPrimary);
     line-height: 130px;
     text-align: center;
     font-size: 45px;
     font-weight: 700;
     margin: 0px 15px;
     color: var(--colorWhite);
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .comming_soon_text .simply-word {
     font-size: 20px;
     text-transform: capitalize;
     text-align: center;
     display: block;
     color: var(--colorBlack);
     margin-top: 5px;
}
 .comming_form_area {
     background-position: center !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
     border-radius: 5px;
     overflow: hidden;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     margin-top: 30px;
}
 .comming_form_area .overlay {
     background: rgba(255, 255, 255, 0.6);
     padding: 50px;
     text-align: center;
}
 .comming_form_area h4 {
     font-size: 36px;
     font-weight: 600;
}
 .comming_form_area p {
     color: var(--colorBlack);
     margin: 15px 0px 20px 0px;
}
 .comming_form_area form {
     position: relative;
     border-radius: 5px;
     overflow: hidden;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}
 .comming_form_area form input {
     background: var(--colorBlack);
     border: none;
     color: var(--colorWhite);
     padding: 18px 30px;
}
 .comming_form_area form button {
     position: absolute;
     top: 50%;
     right: 0;
     transform: translateY(-50%);
     background: var(--colorPrimary);
     color: var(--colorWhite);
     height: 101%;
     padding: 0px 40px;
     font-size: 30px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
}
 .comming_form_area form button:hover {
     background: #ec826d;
}
 .comming_soon_text a {
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 400;
     color: var(--colorBlack);
     margin-top: 10px;
     margin-bottom: 5px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
}
 .comming_soon_text a i {
     margin-right: 5px;
}
 .comming_soon_text a:hover {
     color: var(--colorPrimary);
}
/*================================ COMMING SOON PAGE END ================================*/