@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Lustria&display=swap');

 a {
     margin: 0;
     padding: 0;
 }

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

 a {
     display: inline-block;
     text-decoration: none;
 }

 a:hover {
     text-decoration: none;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin: 0;
     padding: 0;
     color: var(--colorBlack);
 }

 p,
 span {
     font-size: 16px;
     font-weight: 400;
     margin: 0;
     color: #666a6c;
 }

 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: 300;
 }

 .form-check-input:focus {
     box-shadow: none;
 }

 input::placeholder,
 textarea::placeholder {
     color: #a6a6ac;
 }

 button {
     border: none;
 }

 :root {
     --colorPrimary: #d5b578;
     --paraColor: #3B3E3F;
     --colorBlack: #002633;
     --colorWhite: #ffffff;
     --colorpurple: #7a1e6b;
     --boxShadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
     --bodyFont: "Poppins", sans-serif;
     --bannerFont: "Roboto", sans-serif;
     --stylefont: "Dancing Script", cursive;
     --heading: "Philosopher", sans-serif;
 }

 .common_btn {
     padding: 11px 55px 11px 30px;
     background: var(--colorPrimary);
     color: var(--colorWhite) !important;
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 500;
     border-radius: 5px;
     position: relative;
     transition: all linear .3s;
 }

 .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;
 }

 .common_btn:hover,
 .common_btn:focus {
     animation: pulse 1s;
     box-shadow: 0 0 0 1em transparent;
 }

 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 #faa392;
     }
 }

 .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;
 }

 .read_btn::after {
     position: absolute;
     content: "";
     width: 0%;
     height: 100%;
     background: #7a1e6b;
     border-radius: 30px;
     top: 0;
     left: 0;
     z-index: -1;
     transition: all linear .3s;
 }

 .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;
 }

 .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;
 }

 @keyframes play_animate {
     from {
         transform: scale(1);
         opacity: 1;
     }

     to {
         opacity: 0;
         transform: scale(1.5);
     }
 }

 .section_heading {
     text-align: center;
 }

 .section_heading h5 {
     font-weight: 600;
     font-size: 30px;
     color: var(--colorPrimary);
     font-family: var(--stylefont);
     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;
 }

 .section_heading h5::before {
     position: absolute;
     content: "";
     width: 30px;
     height: 4px;
     background: var(--colorPrimary);
     border-radius: 5px;
     top: 10px;
     right: -20px;
 }

 .section_heading h3 {
     font-weight: 600;
     font-size: 44px;
     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: 30px;
     color: var(--colorPrimary);
     text-transform: capitalize;
     position: relative;
     margin-bottom: 15px;
     font-family: var(--stylefont);
 }

 .section_heading_2 h3 {
     font-weight: 600;
     font-size: 35px;
     text-transform: uppercase;
     font-family: var(--heading);
 }

 .pricing-list {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
 }

 .pricing-list li {
     flex: 0 0 auto;
     width: 45%;
     padding-bottom: 20px;
     margin: 0 1% 20px;
     border-bottom: 1px dashed #5f5842;
 }

 .pricing-list-txt {
     position: relative;

 }

 .pricing-list-txt h5,
 .pricing-list-txt h6 {
     line-height: 1;
     font-size: 24px;
     margin-bottom: 5px;


 }

 .pricing-list-txt p {
     margin-bottom: 0;
     font-size: 15px;
 }

 .pricing-list-amount {
     position: absolute;
     right: 10px;
     top: 0;

     letter-spacing: 1px;
     font-family: "Lustria", serif;
     font-size: 30px;
 }

 /* 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: 125px;
 }


 .breadcrumb_overlay {
     text-align: center;
     background-color: rgb(0 0 0 / 51%);

     padding: 125px 0px 130px 0px;
 }

 .breadcrumb_text h1 {
     font-size: 64px;
     font-weight: 400;
     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: var(--colorPrimary);
     margin-right: 30px;
     position: relative;
     transition: all linear .3s;
 }

 .breadcrumb_text ul li a i {
     margin-right: 5px;
 }

 .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: var(--colorPrimary);
     top: 50%;
     right: -21px;
     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 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;
 }

 .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 ul li span {
     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;
 }

 .active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background: var(--colorPrimary);
    color: var(--colorWhite);
}
.page-link:hover {
    z-index: 2;
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-color: var(--colorPrimary);
}
span.page-link.current {
    background: var(--colorPrimary);
    color: var(--colorWhite);
    border-color: var(--colorPrimary);
}

 /* 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;
 }

 .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;
 }

 .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;
 }

 .topbar_right li a svg {
     fill: var(--colorPrimary);
 }

 .topbar_right li:last-child a {
     margin-right: 0;
 }

 .topbar_right li a:hover {
     color: #F8FAFA;
     background: var(--colorPrimary);
 }

 .topbar_right li a:hover svg {
     fill: #fff;
 }

 /* TOPBAR END */

 /* MENU START */
 .main_menu {
     width: 100%;
     height: 90px;
     background: var(--colorWhite);
     position: fixed;
     top: 50px;
     left: 0;
     border-bottom: 1px solid #eee;
     z-index: 999;
     transition: all linear .2s;
 }

 .main_menu .navbar-brand {
     margin: 0;
     padding: 0;
     max-width: 150px;
 }

 .main_menu .navbar-nav .nav-item {
     position: relative;
 }

 .main_menu .navbar-nav .nav-item .nav-link {
     text-transform: capitalize;
     font-size: 16px;
     color: var(--colorBlack);
     font-weight: 500;
     transition: all linear .3s;
     padding: 0px 15px;
     margin: 0;
     line-height: 90px;
 }

 .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(--colorpurple);
 }

 .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;
     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;
 }

 .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;
 }

 .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: 40px;
     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;
 }

 .main_menu .menu_right li:first-child a {
     margin-left: 0;
 }

 .main_menu .menu_right li .reservation {
     width: auto;
     padding: 0px 15px;
 }

 .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;
 }

 /* 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;
 }

 .search_form form {
     width: 40%;
     position: absolute;
     top: 50%;
     left: 50%;
     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;
 }

 .search_form form .close_search:hover {
     background: var(--colorPrimary);
     color: var(--colorWhite);
 }

 .search_form input {
     padding: 15px 30px;
     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;
 }

 .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;
 }

 .reservation .modal-header {
     border: none;
     background: var(--colorBlack);
 }

 .btn-close {
     filter: brightness() invert(1);
 }

 .reservation .modal-title {
     text-align: center;
     width: 100%;
     font-size: 32px;
     text-transform: capitalize;
     font-weight: 600;
     color: var(--colorWhite);
     font-family: var(--stylefont);
 }

 .reservation_form input[type=date] {
     text-transform: uppercase;
 }

 .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 */
 #First_Booking .modal-content .btn-close {
     position: absolute;
     top: -6px;
     right: -6px;
     background: #9a35eb;
     z-index: 99;
     opacity: 1;
     z-index: 9;
     color: #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
     filter: inherit;
     border-radius: 50%;
     transition: all .6s ease;
     width: 24px;
     height: 24px;
 }

 #First_Booking .modal-content .btn-close:hover {
     transform: rotate(180deg);
 }

 #First_Booking .modal-content {
     background: #002633;
     border-radius: 0px;
     z-index: 1;
     position: relative;
 }

 #First_Booking .modal-content::before {
     content: "";
     position: absolute;
     inset: 0;
     padding: 4px;
     /* border thickness */
     border-radius: inherit;
     background: linear-gradient(270deg, #7a1e6b, #9333ea, #d946ef, #7a1e6b);
     background-size: 400% 400%;
     animation: borderGradient 6s ease infinite;
     -webkit-mask:
         linear-gradient(#fff 0 0) content-box,
         linear-gradient(#fff 0 0);
     -webkit-mask-composite: xor;
     mask-composite: exclude;
     z-index: -1;
 }

 @keyframes borderGradient {
     0% {
         background-position: 0% 50%;
     }

     50% {
         background-position: 100% 50%;
     }

     100% {
         background-position: 0% 50%;
     }
 }

 #First_Booking .modal-content .heading {
     background: #e5c9bc;
     color: #002633;
     padding: 8px 12px;
     clip-path: polygon(0 1%, 100% 0%, 93% 100%, 0% 100%);
 }

 #First_Booking .modal-content h4 {
     font-size: 24px;
     color: #002633;
     text-align: left;
     margin-bottom: 6px;
 }

 #First_Booking .modal-content p {
     font-size: 14px;
     color: #002633;
     text-align: left;
     margin-bottom: 0px;
 }

 #First_Booking .modal-content ul {
     list-style: none;
     margin-top: 20px;
 }

 #First_Booking .modal-content li {
     font-size: 16px;
     padding: 6px 0px;
     color: #efe5e4;
     display: flex;
 }

 #First_Booking .modal-content .pre-order-btn {
     display: flex;
     justify-content: center;
     background: #333;
     height: 50px;
     align-items: center;
     border-radius: 6px;
 }

 @media (max-width:480px) {
     #First_Booking .modal-content .heading {
         padding: 8px;
     }

     #First_Booking .modal-content h4 {
         font-size: 18px;
     }

     #First_Booking .modal-content p {
         font-size: 13px;
     }

     #First_Booking .modal-content li {
         font-size: 13px;
         padding: 3px 0px;
     }
 }

 /* 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;
     position: relative;
     background-color: #0000008a;
     z-index: 0;
 }

 .slick-active .single_slider_text::before {
     content: "";
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background-color: #0000008a;
     z-index: -1;
 }

 .single_slider_text h5 {
     color: var(--colorWhite);
     font-size: 30px;
     font-weight: 500;
     text-transform: capitalize;
     font-family: var(--stylefont);
 }

 .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%);
 }

 .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;
 }

 .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%);
     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: #fceae8;
     padding: 16px;
     border-radius: 10px;
     position: relative;
     margin: 30px 12px 0px 12px;
     padding-top: 80px;
     transition: all linear .3s;
 }

 .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;
 }

 .featured_service_single p,
 .contact_info p {
     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%;
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .about_img img {
     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%);
     z-index: 1;
 }

 .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%;
 }

 .about_img .venobox:hover,
 .why_choose_img .venobox:hover {
     background: var(--colorBlack);
 }

 /* ABOUT END*/


 /* CATEGORIES START */
 .single_categories {
     background: #fceae8;
     margin-top: 25px;
     border-radius: 10px;
     padding: 30px;
     border: 1px solid #eeeeeeab;
     transition: all linear .3s;
 }

 .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;
 }

 .single_categories p {
     transition: all linear .3s;
 }

 .single_categories:hover {
     background: var(--colorPrimary);
 }

 .single_categories:hover h4,
 .single_categories:hover p {
     color: var(--colorWhite);
 }

 /* CATEGORIES END */


 /* 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;
 }

 .services_img {
     width: 210px;
     height: 275px;
     border-radius: 5px;
     overflow: hidden;
     position: relative;
 }

 .services_img img {
     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;
 }

 .services_img a:hover {
     background: var(--colorWhite);
     color: var(--colorPrimary);
 }

 .services_text {
     width: 66%;
     padding: 25px;
 }

 .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;
 }

 .services_text .title:hover {
     color: var(--colorPrimary);
 }

 .services_text p {
     margin: 15px 0px 20px 0px;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -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;
 }

 .services_btn_area {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
 }



 .services_item:hover img {
     transform: scale(1.2);
 }

 .services_item:hover {
     border-color: #ddd;
 }


 .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;
 }

 /* 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: 16px;
     font-weight: 500;
     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;
     filter: sepia(60%) saturate(180%) hue-rotate(5deg) brightness(95%) contrast(90%);
 }
 .why_choose_text ul li p{font-size: 13px;margin-bottom:0px;}
 .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;
 }

 .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 .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 */
 #staticBackdrop .modal-content {
     background: url(../images/bg-1.jpg);
     background-size: contain;
     background-position: left bottom;
     border-radius: 5px 0px 0px 5px;
     background-repeat: no-repeat;
 }


 #staticBackdrop .modal-content .bg-4 {
     background: linear-gradient(55deg, rgb(70 23 5) 0%, rgb(115 78 73) 57%, rgb(201 80 66) 100%);
     border-radius: 30px 5px 5px 30px;
     padding: 20px 20px;
 }

 #staticBackdrop .modal-content h3, #staticBackdrop .modal-content h6 {
     color: #fff;
 }

 #staticBackdrop .modal-content p {
     color: #fff;
     font-size: 13px;
 }

 #staticBackdrop .modal-content .btn-close {
     position: absolute;
     top: 2px;
     right: 4px;
     z-index: 9;
     opacity: 1;
 }
 
 
 /* WHY CHOOSE END */
 #staticBackdropProduct .modal-content {
     background: url(../images/bg-1.jpg);
     background-size: contain;
     background-position: left bottom;
     border-radius: 5px 0px 0px 5px;
     background-repeat: no-repeat;
 }


 #staticBackdropProduct .modal-content .bg-4 {
     background: linear-gradient(55deg, rgb(70 23 5) 0%, rgb(115 78 73) 57%, rgb(201 80 66) 100%);
     border-radius: 30px 5px 5px 30px;
     padding: 20px 20px;
 }

 #staticBackdropProduct .modal-content h3 {
     color: #fff;
 }

 #staticBackdropProduct .modal-content p {
     color: #fff;
     font-size: 13px;
 }

 #staticBackdropProduct .modal-content .btn-close {
     position: absolute;
     top: 2px;
     right: 4px;
     z-index: 9;
     opacity: 1;
 }

 /* 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;
 }

 .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;
 }

 .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;
 }

 .gallery_item .venobox {
     display: block;
     width: 100%;
     height: 100%;
     position: relative;
 }

 .gallery_item .venobox img {
     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;
     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;
 }

 .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);
 }

 /* GALLERY END */


 /* COUNTER START */


 /* TEAM START*/
 .single_team {
     margin-top: 25px;
     overflow: hidden;
     border-radius: 5px;
 }

 .single_team_img {
     height: 420px;
     overflow: hidden;
     position: relative;
 }

 .single_team_img img {
     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;
     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;
 }

 .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;
     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;
 }

 .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;
 }

 .single_team_text p {
     text-align: center;
     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);
 }

 .single_team_text .title:hover {
     color: var(--colorBlack);
 }

 .single_team:hover ul {
     transform: scale(1);
     opacity: 1;
 }

 .single_team:hover .single_team_text::after {
     bottom: 0;
     opacity: 1;
 }

 /* TEAM END*/


 /* TESTIMONIAL START */
 .single_testimonial,
 .single_testimonial_2 {
     background: #fceae8;
     padding: 90px 25px 25px 25px;
     border-radius: 5px;
     position: relative;
     margin: 85px 12px 0px 12px;
     transition: all linear .3s;
 }

 .single_testimonial_img,
 .single_testimonial_img_2 {
     width: 130px;
     height: 130px;
     border-radius: 50%;
     overflow: hidden;
     position: absolute;
     top: -70px;
     left: -1px;
     border: 6px solid var(--colorWhite);
     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;
 }

 .featured_blog_img img {
     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;
 }

 .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;
     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;
 }

 .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);
 }

 .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;
 }

 .single_blog_img {
     width: 252px;
     height: 290px;
     overflow: hidden;
 }

 .single_blog_img img {
     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: 24px;
     color: var(--colorBlack);
     text-transform: capitalize;
     transition: all linear .3s;
     margin: 12px 0px;
     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;

 }

 .single_blog_text .blog_read_btn:hover {
     color: var(--colorBlack);
 }

 .single_blog:hover {
     border-color: #ddd;
 }

 .single_blog:hover img {
     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(--colorpurple);
     padding: 30px 50px;
     border-radius: 100px;
     position: relative;
     top: -60px;
 }

 .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 form {
     position: relative;
     border-radius: 30px;
     overflow: hidden;
     width: 100%;
 }

 .footer_subscribe_form input {
     padding: 18px 20px;
 }

 .footer_subscribe_form button {
     position: absolute;
     top: 50%;
     right: 7px;
     transform: translateY(-50%);
     padding: 12px 30px;
 }

 .footer_logo_area .footer_logo {
     display: block;
     max-width: 200px;
 }

 .footer_logo_area .footer_logo img {
     filter: brightness() invert(1);
 }

 .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;
 }

 .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;
 }

 .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-top: 35px;
     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;
 }

 .footer_link ul li a:hover {
     color: var(--colorPrimary);
 }

 .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;
 }

 .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;
 }

 .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%);
 }

 .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: var(--colorBlack);
     top: 0;
     border-top: 10px solid var(--colorPrimary);
     border: none;
 }

 .main_menu_2 .navbar-nav .nav-item .nav-link {
     color: var(--colorWhite);
 }

 .main_menu_2 .menu_right li a {
     background: transparent;
     color: var(--colorPrimary);
     border: none;
     font-size: 20px;
     border-radius: 50%;
 }

 .main_menu_2 .menu_right li .reservation {
     border-radius: 40px;
     background: var(--colorPrimary);
     color: var(--colorWhite);
     border: none;
     font-size: 16px;
 }

 .main_menu_2 .menu_right li .reservation:hover {
     background: var(--colorWhite);
     color: var(--colorPrimary);
 }

 /* 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;
     justify-content: center;
     padding-top: 80px;
 }

 .banner_2_text h1 {
     font-size: 64px;
     font-weight: 600;
     text-transform: capitalize;
     font-family: var(--bannerFont);
 }

 .banner_2_text p {
     margin: 20px 0px 35px 0px;
 }

 .banner_2_text form ul {
     background: var(--colorPrimary);
     padding: 10px;
     border-radius: 40px;
     align-items: center;
 }

 .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;
 }

 .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: 30px;
     padding: 11px 30px;
 }

 .home_2 .common_btn::after,
 .home_2 .common_btn::before {
     display: none;
 }

 /* banner 2 end */

 /* future service 2 start */
 .future_service_single_2 {
     background: #fceae8;
     padding: 20px;
     border-radius: 10px;
     position: relative;
     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: 90px;
     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;
 }

 .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%;
     bottom: 15px;
     right: -9px;
     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;
     text-transform: capitalize;
     transition: all linear .3s;
 }

 .future_service_single_2 p {
     transition: all linear .3s;
 }

 .future_service_single_2:hover {
     background: #fae4e1;
     color: #333;
 }

 .future_service_single_2:hover span,
 .future_service_single_2:hover h3,
 .future_service_single_2:hover p {
     color: var(--colorBlack);
     border-color: var(--colorWhite);
 }

 .future_service_single_2:hover span::after,
 .future_service_single_2:hover span::before {
     background: var(--colorWhite);
 }

 .futures_slider_2 .future_service_single_2 {
     margin: 0px 12px;
 }

 .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;
 }

 .about_2_img .img_2 {
     width: 280px;
     height: 280px;
     border-radius: 5px;
     overflow: hidden;
     position: absolute;
     bottom: 50px;
     right: 50px;
 }

 .about_2_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: 210px;
     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;
     z-index: -1;
 }

 .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;
 }

 .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;
 }

 .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;
     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;
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .single_service_2_img {
     height: 370px;
     position: relative;
     overflow: hidden;
 }

 .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;
 }

 .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;
 }

 .single_service_2_text {
     background: #fceae8;
     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;
 }

 .single_service_2_text .title {
     display: block;
     font-size: 20px;
     font-weight: 700;
     text-transform: capitalize;
     color: var(--colorBlack);
     margin-bottom: 10px;
     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;
 }

 .single_service_2_text .btn_area {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-top: 1px solid #ddd;
     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;
 }

 .single_service_2_text .btn_area p {
     transition: all linear .3s;
     color: #ff9933;
     font-size: 14px;
 }

 .single_service_2_text .btn_area p span {
     font-size: 14px;
     font-weight: 600;
     padding-left: 20px;
     position: relative;
     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;
 }

 .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(--colorBlack);
 }

 /* 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;
 }

 .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%);
 }

 /* counter 2 end */


 /* why choose 2 start */
 .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);
 }

 .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%);
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .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: 50px 0px 20px 20px;
     clip-path: polygon(0 0, 100% 45%, 100% 100%, 0% 100%);
     bottom: 20px;
     border-radius: 5px;
 }

 .gallery_item_2 .venobox span {
     bottom: 45px !important;
 }

 /* gallery 2 end */


 /* work 2 start */
 .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;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     margin: 0 auto;
 }

 .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);
 }

 .work_single_2 h4 {
     font-size: 24px;
     font-weight: 700;
     color: var(--colorWhite);
     text-transform: capitalize;
     margin-top: 70px;
 }

 /* work 2 end */


 /* team 2 start */
 .single_team_2 {
     padding: 15px 30px;
     background: var(--colorBlack);
     overflow: hidden;
     transition: all linear .3s;
     margin-top: 25px;
 }

 .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%);
 }

 .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;
 }

 .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 h3 {
     font-size: 28px;
     font-weight: 600;
     text-transform: uppercase;
     color: var(--colorWhite);
     margin-bottom: 5px;
 }

 .single_team_2_text p {
     font-size: 18px;
     color: var(--colorWhite);
 }

 .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%);
 }

 .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);
 }

 .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;
 }

 .single_blog_2_img {
     height: 250px;
     position: relative;
     overflow: hidden;
     border-radius: 10px 10px 0px 0px;
 }

 .single_blog_2_img img {
     transition: all linear .3s;
 }

 .single_blog_2_text {
     padding-top: 45px;
     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;
     overflow: hidden;
 }

 .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;
 }

 .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;
 }

 .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: 24px;
     font-weight: 700;
     text-transform: capitalize;
     color: var(--colorBlack);
     transition: all linear .3s;
 }

 .single_blog_2_text p {
     margin: 10px 0px 20px 0px;
 }

 .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;
 }

 .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);
 }

 .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: var(--colorBlack);
 }

 .footer_2 javascript:void(0),
 .footer_2 javascript:void(0)_form form,
 .footer_2 javascript:void(0)_form button {
     border-radius: 5px;
 }

 .footer_2 javascript:void(0)_form button::after {
     border-radius: 0;
 }

 .footer_2 .footer_logo_area ul li a,
 .footer_2 .footer_link p i {
     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;
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .about_page_welcome_img .call_area {
     position: absolute;
     top: 80%;
     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%);
 }

 .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;
 }

 .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,
 .about_page_welcome_text ol li,
 .services_details_text ul li,
 .services_details_text ol li {
     font-size: 18px;
     color: var(--colorBlack);
     padding-left: 30px;
     position: relative;
     margin-top: 20px;
     width: 50%;
 }

 .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;
     filter: sepia(60%) saturate(180%) hue-rotate(5deg) brightness(95%) contrast(90%);
 }

 .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;
     z-index: -1;
     animation: about_animi linear 1s infinite alternate;
 }

 @keyframes about_animi {
     from {
         transform: scale(1);
     }

     to {
         transform: scale(1.1);
     }
 }

 .about_page_about_img .img_1 {
     width: 485px;
     height: 535px;
     border-radius: 5px;
     overflow: hidden;
 }

 .about_page_about_img .img_2 {
     width: 300px;
     height: 350px;
     border-radius: 5px;
     overflow: hidden;
     position: absolute;
     bottom: 50px;
     right: 0;
 }

 .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 p {
     margin-top: 20px;
 }

 .award_text ul li,
 .award_text ol li,
 .about_page_about_text ul li,
 .about_page_about_text ol li {
     margin-top: 20px;
 }

 .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);
 }

 .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;
 }

 .mission_video img {
     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;
 }

 .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 Pro";
     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%;
 }

 .vission_img_large {
     height: 400px;
     border-radius: 5px;
     overflow: hidden;
 }

 .vission_img_small {
     height: 170px;
     border-radius: 5px;
     overflow: hidden;
     margin-top: 25px;
 }



 /*================================
    ABOUT US PAGE END
================================*/


 /*================================
    BLOG DETAILS PAGE START
================================*/
 .blog_details_img {
     height: 450px;
     overflow: hidden;
     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: 40px;
 }

 .blog_details_text h3 {
     font-size: 35px;
 }

 .blog_details_text h4 {
     font-size: 30px;
 }

 .blog_details_text h5 {
     font-size: 30px;
 }

 .blog_details_text h6 {
     font-size: 425px;
 }

 .blog_details_text p {
     margin-top: 20px;
 }

 .blog_details_text .quot_text {
     background: #fceae8;
     border-radius: 5px;
     padding: 80px 30px 30px 30px;
     margin-top: 20px;
     position: relative;
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .sidebar_link ul li a:hover {
     background: var(--colorPrimary);
     color: var(--colorWhite);
 }

 .bloger_area {
     background: #fceae8;
     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%);
 }

 .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;
 }

 .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;
 }

 .contact_map {
     width: 100%;
     height: 485px;
     border-radius: 5px;
     overflow: hidden;
 }

 .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,
 .contact_form textarea {
     background: #fceae8;
     border-radius: 5px;
     border: none;
     margin-top: 20px;
 }

 .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: #fceae8;
     border-radius: 5px;
     padding: 30px;
 }

 .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;
 }

 .dashboard_sidebar_img img {
     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;
 }

 .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 #faa39287;
     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;
     background: var(--colorWhite);
 }

 .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;
 }

 .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);
 }

 .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: #fceae8;
     padding: 30px;
     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;
 }

 .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;
 }

 .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;
 }

 .faq_img .img_1::after {
     position: absolute;
     content: "";
     width: 80px;
     height: 80px;
     background: var(--colorPrimary);
     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%);
 }

 .faq_img .img-2 {
     clip-path: polygon(0 1%, 100% 0, 100% 82%, 0% 100%);
 }

 .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: #fceae8;
     border-radius: 5px;
     border: none;
     font-size: 20px;
     font-weight: 400;
     text-transform: capitalize;
     color: var(--colorBlack);
     padding: 15px 50px 15px 15px;
     position: relative;
 }

 .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.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%;
 }

 .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%;
 }

 .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;
     background: #fceae8;
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .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;
     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;
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .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: 25px;
 }

 .services_details_img {
     height: 450px;
     border-radius: 5px;
     position: relative;
 }

 .services_details_img img {
     border-radius: 5px;
 }

 .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;
 }

 .services_details_img a:hover {
     background: var(--colorBlack);
 }

 .services_det_video {
     height: 450px;
     border-radius: 5px;
     overflow: hidden;
     margin-top: 25px;
     position: relative;
 }

 .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: #fceae8;
     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;
 }

 .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);
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .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;
 }

 .service_review_input p span:hover {
     color: var(--colorBlack);
 }

 .service_review_input input,
 .service_review_input textarea {
     background: #fceae8;
     border-radius: 5px;
     border: none;
     margin-top: 25px;
     color: var(--colorBlack);
 }

 .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;
 }

 .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: #fceae8;
     border-radius: 5px;
     padding: 25px;
 }

 .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;
 }

 .sidebar_search form {
     position: relative;
 }

 .sidebar_search form input {
     border: 0;
     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%);
 }

 .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;
 }

 .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;
 }

 .sidebar_category ul li:last-child a {
     margin-bottom: 0;
 }

 .sidebar_category ul li a span {
     color: var(--colorBlack);
     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;
 }

 .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 {
     padding: 25px;
     background: #fceae8;
     border-radius: 5px;
 }

 .team_sidebar .img {
     height: 380px;
     overflow: hidden;
     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;
 }

 .team_sidebar .read_btn i {
     margin-left: 5px;
 }

 .team_sidebar .read_btn::after {
     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;
 }

 .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;
 }

 .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%);
 }

 .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;
 }

 .team_skills_img::after {
     position: absolute;
     content: "";
     width: 100%;
     height: 113%;
     background: var(--colorPrimary);
     bottom: -25px;
     right: -25px;
     border-radius: 5px;
     z-index: -1;
 }

 .team_qualification_single {
     background: #fceae8;
     border-radius: 5px;
     padding: 25px;
     margin-top: 25px;
 }

 .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;
 }

 .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;
 }

 .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;
     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;
 }

 .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;
 }

 .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;
 }

 .comming_soon_text a i {
     margin-right: 5px;
 }

 .comming_soon_text a:hover {
     color: var(--colorPrimary);
 }

 .bg-01 {
     background-image: url(../images/booking-bg.jpg);
     width: 100%;
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     background-attachment: scroll !important;
 }

 #about-6 .txt-block {
     padding: 0 50px 0 30px;
 }

 h3.h3-lg {
     font-size: 2.875rem;
     font-family: var(--heading);
     margin-bottom: 24px;
 }

 p.p-xl {
     font-size: 1.25rem;
 }

 p.p-xl span {
     font-size: 1.2rem;
     font-weight: 600;
 }

 .about-6-img {
     text-align: center;
 }

 .about-6-img img {
     width: auto !important;
     height: auto !important;
     max-width: none;
     display: inline-block;
 }


.services  .product_text .title{min-height: auto;}
 .product_text .title {
     font-size: 17px;
     color: #002633;
     margin-top: 10px;
     font-weight: 600;
     min-height: 52px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .product_text p {
     margin: 8px 0px 8px 0px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 .product_text .shop-price span {
     font-size: 20px;
 }

 .product_text .shop-price {
     font-size: 18px;
     font-weight: 600;
     line-height: 1.4;
     color: var(--colorBlack);
     margin-bottom: 15px;
     font-family: var(--heading);
 }

 @media(max-width:767px) {
     .pricing-list li {
         width: 100%;
     }

     .pricing-list-txt h5,
     .pricing-list-txt h6 {
         font-size: 20px;
     }

     .pricing-list-amount {
         font-size: 22px;
     }

     h3.h3-lg {
         font-size: 1.875rem;
     }

     #about-6 .txt-block {
         padding: 0 10px 0 10px;
         margin-bottom: 12px;
     }

     .about-6-img img {
         width: 100% !important;
     }

     .section_heading_2 {
         text-align: left;
     }
 }