/*
Theme Name: Twenty Thirteen
Theme URI: https://wordpress.org/themes/twentythirteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 4.5
Tested up to: 6.9
Requires at least: 3.6
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready, block-patterns
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */
/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */
 h1, h2, h3, h4, h5, h6, p, a, b, strong, div, span ul, li {
    font-family: "Funnel Sans", sans-serif !important;
}
 .custom-container {
    width: 87%;
    margin: 0 auto;
}
.appointment a {
    background: #ed702d;
    color: #fff;
    padding: 10px 38px 10px 35px;
    font-size: 16px;
    float: right;
    border-radius: 43px;
}
.b-navigation a {
    color: #b1490f;
    text-decoration: none;
}
.header__logo.wow.fadeInLeft {
    transition: 0.5s ease-in;
}
div#mega-menu-wrap-primary {
    margin: 27px 0 0 0 !important;
}
.navbar-scrolled .header__logo.wow.fadeInLeft {
    padding: 6px 0 6px 0;
    transition: 0.5s ease-in;
}
.navbar-scrolled {
    box-shadow: 0 3px 16px rgb(0 0 0 / 27%);
}
div#mega-menu-wrap-primary {
    margin: 20px 0 0 0;
}
form.is-search-form.is-form-style.is-form-style-3.is-form-id-36.is-ajax-search {
    margin: 12px 0 0 0;
}
.appointment {
    margin: 17px 0 0 0;
}
.carousel-item {
    margin: 94px 0 0 0 !important;
}
section#bottom-head {
    position: fixed;
    z-index: 111111;
    background: #ffffff;
    width: 100%;
    transition: 0.5s ease-in-out;
    padding: 0 0 0 0 !important;
}
.categ-txt a:hover {
    color: #000;
    text-decoration: none;
}
a.bigbnt:hover {
    color: #fff;
}
.appointment a {
    background: #2f2f75;
    color: #fff !important;
    padding: 10px 30px;
    font-size: 16px;
    float: right;
    border-radius: 59px;
    margin: 1px 0 5px 0;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
}

.main-menu {
    margin: 3px 0 0 30px;
}
.overlay {
    background: #2f2f75;
    width: 100%;
    height: auto;
    position: absolute;
    padding: 412px 0 179px 123px;
    right: 50px;
    top: 50px;
}
img.d-block.w-100 {
    position: relative;
    margin: 15px 0 50px 0;
}
section#banner {
    background: #f5e2c3;
    padding: 25px 0 25px 0;
}
.text {
    position: absolute;
    top: 120px;
    background: #ffffff;
    padding: 50px 24px 60px 47px;
    right: -176px;
    z-index: 1;
    border-radius: 5px;
    margin: 0px 0 0 60px;
}
a.krof-but {
    background: #2f2f71;
    color: #fff;
    padding: 10px 15px 10px 15px;
    border-radius: 5px;
    border: 2px solid;
}
span.extra {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    color: #060b2c;
}
.text p {
    line-height: 30px;
    margin: 0 0 30px 0;
}
.carousel-control-prev {
    background: #050b2e;
    height: 50px;
    top: 345px;
    width: 50px;
}
.carousel-control-next {
  
    top: 350px;
    background: #050b2e;
    width: 50px;
    height: 50px;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
   
}
.carousel-control-next-icon {

	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

 .carousel-item.active h1 {
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
	opacity: 1;
}
.carousel-item h1 {
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(-20px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(-20px);
    transform: perspective(400px) rotateY(0deg) translateY(-20px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	opacity: 0;
}
.carousel-item.active p {
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
	opacity: 1;
}
.carousel-item p {
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(-20px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(-20px);
    transform: perspective(400px) rotateY(0deg) translateY(-20px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	opacity: 0;
}
.carousel-item.active a.krof-but {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;

}
.carousel-item a.krof-but {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
    transform: perspective(400px) rotateY(0deg) translateY(80px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
 
}
.carousel-item img.d-block.w-100{
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform 7000ms ease, opacity 1500ms ease-in;

}
.carousel-item.active img.d-block.w-100 {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
 .carousel-item .overlay{
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform 7000ms ease, opacity 1500ms ease-in;

}
.carousel-item.active .overlay {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(09);
    transform: scale(0.9);
}

.carousel-item.carousel-item-next.carousel-item-left {
display:unset !important;
}
.carousel-item .text{
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform 7000ms ease, opacity 1500ms ease-in;

}
.carousel-item.active .text {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(09);
    transform: scale(0.9);
}
.one-third.column {
    width: 31.333%;
}
.column, .columns {
    float: left;
    margin: 0 1% 40px;
}
.clearfix:before, .clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.pulse {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 5s;
    -webkit-animation-duration: 5s;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    visibility: visible !important;
}
.serviceBox {
    color: #050b2e;
    text-align: center;
    padding: 12px 20px 35px;
    position: relative;
    z-index: 1;
}
.serviceBox:before {
    content: "";
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.5),0 20px 0 var(--color1);
    position: absolute;
    left: 0;
    top: 53px;
    right: 0;
    bottom: 20px;
    z-index: -1;
    height: 299px;
}
.serviceBox .service-icon {
    background: #fff;
    font-size: 35px;
    line-height: 80px;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0,0,0,0.4);
    position: relative;
}
.serviceBox .service-icon:before, .serviceBox .service-icon:after {
    content: "";
    background: linear-gradient(to top,transparent 49%,var(--color1) 50%);
    border-radius: 50%;
    position: absolute;
    top: -12px;
    left: -12px;
    bottom: -12px;
    right: -12px;
    z-index: -1;
}
.serviceBox .title {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.serviceBox .description {
    color: #000000;
    font-size: 16px;
    line-height: 30px;
}
.inner-ctc:hover {
    background: #d9e7fd;
    transition: 0.5s ease-in;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
}
:root {
    --color1: #FE6B02;
    --color2: #ed9562;
}
.clearfix:before, .clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.section_wrapper, .container {
    width: 88%;
    margin: 0 auto;
    position: relative;
}
.one.mcb-wrap {
    width: 100%;
}
.clearfix:before, .clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.one.column {
    width: 98%;
}
.column, .columns {
    float: left;
    margin: 0 1% 40px;
}
h2.text-effect {
    text-align: center;
}
.heading-wrapper-new h2 {
    color: #ed702d;
}
span.to-wrapper {
    color: #060b2c;
}
.serviceBox .service-icon:after {
    background: var(--color2);
    height: 12px;
    width: 150px;
    border-radius: 0;
    transform: translateX(-50%);
    top: 29px;
    left: 50%;
    right: auto;
    bottom: auto;
    z-index: -2;
}
section#misiion {
    margin: 60px 0 0 0;
}
.section.mcb-section.pd-t {
    margin: 0px 0 60px 0;
}
section#why-us {
    margin: 60px 0 0 0;
}
.abt-txt {
    background: #2f2f75;
    padding: 30px 30px 30px 30px;
}
.abt-img img {
    max-width: 110%;
    margin: 46px 0 0 0;
    position: relative;
}
.abt-txt b {
    color: #ebaa41;
}
a.krof-but:hover {
    background: #060b2c;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid;
}
.abt-txt h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}
p {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    line-height: 30px;
    margin: 0 0 0 0;
}
.abt-txt p {
    color: #fff;
}
.icon-abt {
    display: flex;
}
.icon-abt span {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin: 0px 0 0 14px;
}
.icon-abt {
    display: flex;
    margin: 10px 0 10px 0px;
}
.textron p {
    margin: 0 0 20px 0;
}
a.krof-buton {
    border: 2px solid #fff;
    padding: 8px 10px 8px 10px;
    border-radius: 3px;
    margin: 0 0 0 9px;
    color: #fff;
}
section#about-us {
    margin: 70px 0 70px 0;
}

section#ctc {
    background: url(./images/freepik__candid-i-with-natural-textures-and-highly-realisti__14082.jpeg) rgba(0,0,0,0.5);
    background-position: center;
    background-size: cover;
    padding: 100px 0;
    background-blend-mode: multiply;
}
.main-txt h2 {
    font-size: 50px;
    color: #ffffff;
}
.inner-ctc i {
    background: #d5e8ff;
    padding: 39px;
    border-radius: 54px;
    font-size: 30px;
    color: #2f2f75;
}
section#ctc p {
    color: #fff;
}
.inner-ctc p {
    color: #000 !important;
}
.inner-ctc p {
    font-size: 21px;
    font-weight: 500;
    margin: 18px 0 18px 0;
}
.inner-ctc {
    background: #ffffff;
    text-align: center;
    padding: 30px 0;
    border-radius: 12px;
    margin: 50px 0 60px 0;
}
a.bigbnt {
    background: #000;
    padding: 20px 30px 20px 30px;
    color: #cf7b4b;
    border-radius: 47px;
}
a.bigbnt {
    background: #ffffff;
    padding: 20px 30px 20px 30px;
    color: #06104a;
    border-radius: 47px;
    font-weight: 700;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
}
.inner-backlog p {
    position: absolute;
    bottom: -175px;
    width: 80%;
    background: #eda941;
    padding: 59px 30px 36px 30px;
    color: #fff;
    margin: 0px 0 0 0;
    right: 0;
    border-radius: 10px;
}
.inner-backlog a {
    color: #000;
	text-decoration: none;
}
section#maining {
    margin: 160px 0 70px 0;
}
.main-lister h2 {
    font-size: 30px;
    font-weight: 600;
    color: #081047;
}
section#maining img {
    transition: all 800ms ease;
    mix-blend-mode: luminosity;
}
.ineer-mag{
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 3;
    background-color: #071422;
    transition: background-color 800ms ease;
}
.ineer-mag:hover {
    background-color: unset;
}
.ineer-mag:hover img {
    transform: scale(1.1);
}
.inner-cat{
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 3;
    transition: background-color 800ms ease;
}

.inner-cat:hover img {
    transform: scale(1.1);
}
.inner-cat img {
    transition: all 800ms ease;
}
.abt-img {
    position: relative;
    display: block;
    overflow: hidden;
    transition: background-color 800ms ease;
}
.news-scroll span {
    display: inline-block;
    padding-right: 5px;
}
.dot {
    height: 6px;
    width: 6px;
    margin-left: 16px;
    margin-right: 3px;
    margin-bottom: 2px!important;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
}
a.service_title {
    color: #060b2c;
    text-decoration: none;
}
.anmol-btn {
    margin: 50px 0 0 0;
    text-align: center;
}
marquee span {
    color: #edaa40;
    font-weight: 600;
}

.abt-img:hover img {
    transform: scale(1.1);
}
.abt-img img {
    transition: all 800ms ease;
}
.main-lister p {
    margin: 0 0 25px 0;
}
marquee {
    margin: 60px 0 0 0;
}
.categ-txt {
    background: #2f2f74;
    padding: 30px 21px 78px 20px;
    border-radius: 7px;
}
.categ-txt h3 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 20px 0;
}
.dating span {
    font-size: 1.25rem;
}
.cat-txtx span {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
}
.dating {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 30px 0;
    border-bottom: 1px solid #ffffff;
    color: #fff;
}
.dating p {
    color: #fff;
}
.inner-cat {
    position: relative;
}
.cat-txtx {
    position: absolute;
    top: 172px;
    left: 24px;
}
.inner-cat img {
    margin: 15px 0 50px 0;
}



h4.text-effect {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 2rem;
}
.one-third.column {
    width: 31.333%;
}
.counter {
    text-align: center;
    padding: 25px;
    position: relative;
    z-index: 1;
    background-image: none !important;
}
.floater {
    animation-name: floater;
    -webkit-animation-name: floater;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    visibility: visible !important;
}
.counter .counter-icon {
    color: var(--main-color);
    background-color: #fff;
    font-size: 30px;
    line-height: 60px;
    width: 60px;
    height: 60px;
    margin: 0 0 10px;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
    position: absolute;
    left: 0;
    top: 0;
}
:root {
    --main-color: #F74583;
}
.counter .counter-content {
    padding: 40px 20px 20px;
    border: 5px solid var(--main-color);
    border-radius: 13px;
    box-shadow: 0 0 0 15px #fff, 0 0 35px rgba(0,0,0,0.7);
}
.counter span {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0 0 10px;
    margin-bottom: 0px;
	display:block;
}
.counter .counter-value {
    /* color: var(--main-color); */
    color: #fff !important;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}
.counter.red {
    --main-color: #F44543;
}
.counter.gray {
    --main-color: #8BADAB;
}
.section.mcb-section.pd-t.bg-cover.bg-cover {
    background: url(./images/bg-1.jpg);
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    padding: 60px 0 0 60px;
}
.col-md-3 {
    max-width: 100% !important;
}
p.sub-heading {
    font-size: 25px;
    font-weight: 600;
}
.word {
    position: absolute;
    width: 100%;
    opacity: 0;
    top: -10px;
}
.letter.out {
    transform: rotateX(90deg);
    transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.letter {
    display: inline-block;
    position: relative;
    float: left;
    transform: translateZ(25px);
    transform-origin: 50% 50% 25px;
}
.letter.behind {
	transform: rotateX(-90deg);
  }
.belize {
    color: #fa9803;
}

.pomegranate {
    color: #2c3e50;
}
.green {
    color: #fa9803;
}
.wisteria {
    color: #2c3e50;
}
.midnight {
    color: #fa9803;
}
.pomegranate {
    color: #2c3e50;
}
.letter.in {
    transform: rotateX(0deg);
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.inner-cat {
    position: relative;
    overflow: hidden;
}

.inner-cat img {
    width: 100%;
    height: 250px;
}
.gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgb(237 170 65), rgba(0, 0, 0, 0));
    z-index: 1;
    height: 265px;
}
.inner-cat:hover img {
    transform: scale(0.9);
}
span.foot_inn_spn {
    font-size: 26px;
    font-weight: 600;
    color: #302e70;
}
.cat-txtx {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: white;
    z-index: 2;
}

.cat-txtx h4 {
    margin: 0;
}

.cat-txtx a {
    color: #c48054;
}
.main-why b {
    color: #eaa941;
}
.main-why h4 {
    font-size: 30px;
    font-weight: 600;
    color: #060b2c;
}
.inner-why {
    text-align: center;
    margin: 20px 0 0px 0;
}
.inner-why span {
    font-size: 20px;
    font-weight: 500;
    color: #2f2f75;
    margin: 15px 0 15px 0;
}
.stats-section {
    background: #f4f6f7;
    padding: 20px 0;
    text-align: center;
}

/* Heading */
.stats-title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 60px;
}

.stats-title span {
    background: #eeaa41;
    padding: 6px 18px;
    border-radius: 6px;
}

/* Counter Number */
.counter-number {
    font-size: 30px;
    font-weight: 700;
    color: #2f2f71;
}
.contacthead {
    text-align: center;
    padding: 20px 0 40px 0;
}
.counter-text {
    font-size: 18px;
    margin-top: 10px;
    color: #333;
}
section#our-products {
    background: url(./images/Our-Dedicated-bg-1.png);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    padding: 60px 0;
    text-align: center;
    color: #fff;
    margin: 60px 0 0 0;
}
section#our-products h3 {
    font-size: 30px;
    margin: 0 0 38px 0;
    font-weight: 600;
}
.testimonial-faq-section {
    padding: 80px 0;
    background: #f5f7f8;
}

/* Section Headings */
.section-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 40px;
    position: relative;
}


/* Testimonial Card */
.testimonial-box {
    background: #ffffff;
    padding: 35px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    position: relative;
}

.testimonial-box p {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}

.client-info {
    margin-top: 20px;
}

.client-info h6 {
    margin: 0;
    font-weight: 600;
    color: #ecaa40;
    padding: 20px 0 0 0;
}

.client-info span {
    font-size: 14px;
    color: #777;
}

/* FAQ Styling */
.card {
    border: none;
    margin-bottom: 15px;
    border-radius: 8px;
    overflow: hidden;
}

.card-header {
    background: #ffffff;
    border: none;
    padding: 0;
}

.card-header button {
    width: 100%;
    text-align: left;
    padding: 18px 20px;
    font-weight: 600;
    font-size: 16px;
    background: #ffffff;
    border: none;
    outline: none;
    position: relative;
}

.card-header button:after {
    content: "+";
    position: absolute;
    right: 20px;
    font-size: 20px;
    transition: 0.3s;
}

.card-header button[aria-expanded="true"]:after {
    content: "-";
}

.card-body {
    background: #fafafa;
    padding: 20px;
    font-size: 15px;
    color: #555;
}
.heading-wrapper-new h5 {
    color: #dd773f;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
}
.one-fourth.column, .four.columns {
    width: 23%;
}
.serviceBoxs {
    color: #696969;
    background: radial-gradient(transparent,#eee);
    text-align: center;
    padding: 95px 15px 20px;
    border-radius: 15px;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);
    overflow: hidden;
    position: relative;
    height: 355px;
}
.serviceBoxs:before {
    content: "";
    background: #e5964d;
    width: 150px;
    height: 150px;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
    transform: rotate(45deg);
    position: absolute;
    top: -85px;
    left: -85px;
}
.main-why {
    text-align: center;
    margin: 0 0 40px 0;
}
.footer-inner ul li a:hover {
    color: #dd773f;
    text-decoration: none;
}
.serviceBoxs .title {
    font-size: 19px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0 0 10px;
    color: #dd773f;
    font-weight: 700;
}
.serviceBoxs .title:after {
    content: '';
    border-top: 5px dotted #070b2a;
    height: 3px;
    width: 100px;
    margin: 11px auto 0;
    display: block;
    clear: both;
}
.serviceBoxs .description {
    color: #000;
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 15px;
}
.serviceBoxs .service-icon {
    color: #080b28;
    font-size: 45px;
    line-height: 45px;
}
section#sendcontact {
    background: #2f2f75;
    background-position: center;
    background-size: cover;
    background-blend-mode: multiply;
    color: #fff;
}
.contacthead b {
    color: #fff;
    font-size: 21px;
    font-weight: 600;
}
.contacthead h5 {
    font-size: 40px;
    margin: 0 0 25px 0;
}
.contacthead p {
    color: #fff !important;
    margin: 0 0 24px 0;
}
.contacthead {
    margin: 15px 0 0 0;
}
.imagined-why img {
    margin: -60px 0 0 0;
}
.ttm-row {
    padding: 70px 0;
}
.feature-box {
    background-color: #fff;
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.099));
    position: relative;
    margin: 15px 0 50px;
    padding: 55px 48px;
    text-align: center;
    height: 180px;
    border-radius: 6px;
    animation: 2.7s linear infinite Moveleftright;
}
.services-section .ttm-icon.ttm-icon_element-onlytxt {
    height: 80px;
    width: 80px;
    position: absolute;
    top: -13%;
    background-color: #fff;
    border-radius: 50%;
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.099));
    left: 50%;
    transform: translateX(-50%);
    line-height: 78px;
}
.services-section .ttm-icon img {
    max-width: 51px;
}
.featured-content {
    padding-top: 25px;
}
.services-section h3 {
    color: #000;
}
.featured-title span {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 12px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 30px;
}
.form-in {
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
    padding: 15px 20px 10px 21px;
    border-radius: 5px;
}
div#wpcf7-f27-o1 br {
    display: none;
}
.form-control {
    margin: 0 0 15px 0 !important;
}
.form-in h5 {
    font-size: 30px;
    color: #090b26;
    margin: 0 0 20px 0;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.form-control {
    background: #e06f2c;
    color: #fff;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.form-control:hover {
    background: #000000;
    color: #fff;
    text-decoration: none;
}
.news {
    position: absolute;
    right: 49px;
    margin: 7px 0 0 0;
    background: #d2753d;
    padding: 0 10px 0 10px;
    font-weight: 500;
    border-radius: 5px;
}
.news p {
    color: #fff;
}
.imageiner-text {
    position: absolute;
    top: 132px;
    padding: 0 26px 0 15px;
    width: 95%;
}
.imageiner-text p {
    color: #fff;
}
.called {
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
}
.called img {
    margin: 0 0 10px 0;
}
.btned {
    margin: 10px 0 0px 0;
}
a.bloggwe {
    color: #c67a49;
}
a.bloggwe i {
    color: #ffffff;
    background: #060b2c;
    padding: 5px 5px 5px 5px;
    border-radius: 18px;
}
.blogs-main h6 {
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    color: #c67a49;
}
.blogs-main {
    text-align: center;
    margin: 0 0 40px 0;
}
section#blogs {
    background: #f5f7fd;
    padding: 60px 0;
}
section#footer {
    padding: 60px 0 0 0;
    border-top: 2px solid #edaa41;
}
.footer-inner img {
    width: 245px;
}
.footer-inner p {
    margin: 25px 0 0 0;
}
.footer-inner h6 {
    font-size: 24px;
    margin: 0 0 25px 0;
}
.footer-inner ul {
    padding: 0 0 0 20px;
    list-style: circle;
    color: #2f2f75;
    line-height: 42px;
}
.footer-inner ul li a {
    color: #000;
}
.footer-inner ul li {
    border-bottom: 2px dotted;
}
.footer-inner p span i {
    color: #2f2f75;
    font-size: 21px;
    margin: 15px 5px 0 0px;
}
.footer-inner p span b {
    margin: 0 8px 0 0px;
    color: #000;
}
span i {
    color: #2f2f75;
    font-size: 21px;
    margin: 15px 5px 0 0px;
}
span b{
    margin: 0 8px 0 0px;
    color: #000;
}
.social-icons h6 {
    font-size: 22px;
    font-weight: 700;
    margin: 17px 0 0 0;
}
.social-icons i {
    margin: 20px 14px 0 0px;
    font-size: 30px;
}
div#wpcf7-f27-o2 br {
    display: none;
}
.service-icon span i {
    font-size: 41px;
    color: #080b28;
}
section#copyright {
    border-top: 1px solid #eea941;
    padding: 10px 0 10px 0;
    text-align: center;
}
section#copyright a {
    color: #e08f12;
}
.serviceBox {
    color: #050b2e;
    text-align: center;
    padding: 12px 20px 35px;
    position: relative;
    z-index: 1;
    animation: 2.5s linear infinite MoveUpDown;
}
a.krof-buton:hover {
    background: #cf7c4b;
    border: none;
    text-decoration: none;
    transition: 0.5s ease-in;
}
a.bigbnt:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}
.floater {
    animation: 2.5s linear infinite MoveUpDown;
    position: relative;
}
.floater:hover {
    transform: scale(0.9);
    transition: 0.5s ease-in-out;
}.counter {
    animation: 2.5s linear infinite MoveUpDown;
    position: relative;
}
.counter:hover {
    transform: scale(0.9);
    transition: 0.5s ease-in-out;
}
.inner-why img {
    animation: 2.7s linear infinite Moveleftright;
    position: relative;
}
.page-title-header {
    background: url("https://www.kroyf.com/wp-content/uploads/2024/12/about-banner.jpg");
    padding: 137px 0 90px 0;
    background-size: cover;
    text-align: center;
}
section.innerpages {
    margin: 40px 0 40px 0;
}
section#gallery-list {
    margin: 30px 0;
}
a.button:hover {
    background: #000 !important;
    transition: 0.5s ease-in-out;
}
div#wpcf7-f27-p10-o1 br {
    display: none;
}
.resecontp {
    text-align: left;
    font-size: 18px;
    letter-spacing: .5px;
    margin: 0 0 30px 0;
    padding: 0 15px;
}
.resecont {
    width: 100%;
    float: left;
    font-size: 21px;
    margin: 0 0 7px 0;
    background: #fcfcfc;
    padding: 0 15px;
}
.bshades {
    font-size: 29px;
    width: 100%;
    float: left;
    text-align: center;
    font-weight: 300;
    line-height: 48px;
    margin: 30px 0 30px 0;
    letter-spacing: 1.5px;
    background: linear-gradient(to right, #ed702d, #060b2c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.inner-breadcrumb h1 {
    font-size: 25px;
}
.stickme {
    background: #dd773f;
    border-radius: 20px 0 20px 0;
    height: 791px;
    margin: 50px 0 0 0;
    color: #ffffff;
}
nav#site-navigation {
    width: 100% !important;
}
    ul#menu-productslistmenu li a:hover {
        color: #4a4a4a;
        text-decoration: none;
    }
    ul#menu-productslistmenu li a {
        color: #000;
        font-weight: 600;
    }

.card-header {
    padding: 0 0 0 0 !important;
}
    ul#menu-product-list li a {
        color: #000000 !important;
        text-decoration: none;
        font-weight: 600;
    }
    ul#menu-product-list li a:hover {
        color: #bbbbbb !important;
    }
    ul#menu-product-list li {
        border-bottom: 1px solid #000000;
        margin: 15px 0 15px 0;
        padding: 15px 0 15px 0;
        font-size: 13px;
        color: #000000;
    }
    ul#menu-product-list {
        padding: 0 0 0 0;
        margin: 0 0 0 30px;
    }
    .stickme h3 {
        text-align: center;
        color: #fff;
        background: #000000;
        padding: 10px 0;
        font-size: 20px;
        border: 1px solid;
        margin: 30px 0px 10px 0px;
    }
    .stickmexx {
        position: sticky;
        top: 0;
        bottom: 0;
        margin:55px 0 55px 0;
    }
    .stickme h3:hover {
        color: #000;
        background: #fff;
        transition: 0.5s ease-in-out;
    }
.carousel-control-next {
    top: 354px !important;
    width: 43px !important;
    height: 41px !important;
    background: #000 !important;
}
.carousel-control-prev {
    height: 40px !important;
    top: 335px !important;
    width: 40px !important;
    background: #000000 !important;
}
    div#wpcf7-f39-o1 {
        padding: 10px;
    }
    ul#menu-productgallery{
        padding: 0 0 0 0;
        margin: 0 0 0 30px;
    }
    ul#menu-productgallery li{
        border-bottom: 1px solid;
        margin: 10px 0 10px 0;
        padding: 10px 0 10px 0;  
    }
    ul#menu-productgallery a{
        color: #000;
        text-decoration: none;
        font-weight: 600;
    }
    ul#menu-productgallery a:hover{
        color: #5b5b5b !important;
    }
    #example_wrapper .row:first-child {
        background: #000000;
        padding: 5px 0 9px 0;
        color: #fff;
        font-weight: bold !important;
        width: 100%;
    }
    
    #example_wrapper .row:first-child {
        background: #ffffff;
        padding: 5px 0 9px 0;
        color: #fff;
        font-weight: bold !important;
        width: 100%;
        margin: 0px 0 0px 0;
        color: #000;
    }
    .dt-search {
        display: flex;
        justify-content: end;
        margin: 6px 10px 0 0px;
    }
    div.dt-container div.row {
        margin-bottom: 0.75rem;
        width: 100%;
    }
    .page-item.active .page-link {
        background-color: #000000 !important;
        border-color: #000000 !important;
    }
button.btn.btn-default.buttons-copy.buttons-html5 {
    background: #dd773f !important;
    color: #000000;
}
    .dt-search label {
        padding: 0 15px 0 5px;
        font-weight: 600 !important;
    }
    div.dt-container div.row:last-child {
        margin-bottom: 55px;
        width: 100%;
    }
    button.btn.btn-default.buttons-excel.buttons-html5 {
        background: #f7cc56;
        color: #ffffff;
        border-left: 1px solid;
    }
button.btn.btn-default.buttons-pdf.buttons-html5 {
    background: #dd773f !important;
    color: #000000;
    border-left: 1px solid;
}
    th.dt-orderable-asc.dt-orderable-desc {
        background: #335786;
        padding: 0 0 0 15px;
        color: #fff;
    }
    button.btn.btn-default.buttons-copy.buttons-html5:hover {
        background: #d75f23;
        color: #fff;
    }
    button.btn.btn-default.buttons-excel.buttons-html5:hover {
        background: #d75f23;
        color: #fff;
    }
    button.btn.btn-default.buttons-pdf.buttons-html5:hover{
           background: #d75f23;
        color: #fff;
    }
  th.dt-type-numeric.dt-orderable-asc.dt-orderable-desc.dt-ordering-asc {
    padding: 26px 80px 19px 15px;
    background: #dd773f !important;
    color: #000;
}
    table#example {
        margin: 0 0 26px 0;
    }
th.dt-orderable-asc.dt-orderable-desc {
    background: #dd773f !important;
    padding: 0 0 0 15px;
    color: #000;
}
    .dt-buttons.btn-group.flex-wrap {
        margin: 3px 0 0 10px;
    }
    td {
        border-top: 1px solid #ededed;
        padding: 6px 55px 6px 26px;
    }
    ul#menu-productslistmenu li {
        color: #000;
        line-height: 30px;
    }
    .entry-content {
        margin: 0px 0 50px 0;
    }
    a.heli-btn:hover {
        background: #a67724;
        text-decoration: none;
    }
    section.mainpages {
        margin: 0 0 55px 0;
    }
 .header__top1--email a {
    color: #3d3f8e;
    font-size: 15px;
}
ul#menu-productlistmenu li a {
    color: #fff;
    text-decoration: none;
}
ul#menu-productlistmenu li a:hover {
    color: #5d5d5d;
}
.categ-txt a {
    text-decoration: none;
}
.dating h5:hover {
    color: #000;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.product-card {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.product-image img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.product-info {
    margin-top: 10px;
}

.product-brand {
    font-size: 14px;
    color: #888;
    margin-bottom: 5px;
}
.card {
    width: 100% !important;
}
.image {
    text-align: center;
    margin-bottom: 12px;
    display: flex;
}
.testimonial-box img {
    width: 209px !important;
    margin: 0px 0 26px 0;
}
.descri {
    text-align: left;
}
div#wpcf7-f27-o3 br {
    display: none;
}
.cat-txtx a:hover {
    color: #dd773f !important;
}
a.button {
    background: #dd773f !important;
    color: #fff !important;
    padding: 10px 20px 10px 20px !important;
}
.modal-content.contactform {
    margin: 128px 0 0 0px;
}
.product-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.product-description {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.product-details {
    font-size: 12px;
    color: #999;
    margin-bottom: 10px;
}

.product-pricing {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.mrp {
    color: #e67e22;
}

.ptr {
    color: #27ae60;
}
.btn-pro {
    margin: 19px 0 0 0;
}
/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */

/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
	.card {
    width: 100% !important;
}
	.image {
    display: unset !important;
}
	img.imgafine {
    width: 89% !important;
}
	.btnprod {
    padding: 25px 16px !important;
}
	.bname {
    margin: 9px 0 9px 0 !important;
}
    .page-title-header {
        background: #fdcdb2 !important;
    }
    section.innerpages img {
        max-width: 100% !important;
        margin: 20px 0 20px 0 !important;
    }
	.page-title-header {
        background: #fdcdb2 !important;
    padding: 20px 0 20px 0 !important;
    background-size: cover !important;
    text-align: center !important;
}
	div#mega-menu-wrap-primary {
    margin: 0px 0 0 0 !important;
}
	.cat-txtx a {
    font-size: 11px !important;
}
	.main-txt h3 {
    font-size: 30px !important;
}
	section#ctc {
    padding: 45px 0 !important;
}
	.serviceBox {
    margin: 30px 0 0 0 !important;
}
	.inner-backlog p {
    position: unset !important;
    margin: 48px 0 0 0 !important;

}
    .overlay {
        padding: 388px 224px 179px 134px !important; 
    }
    p.sub-heading {
        margin: 0px 0 16px 0px !important;
    }
    .text h1 {
        font-size: 25px !important;
        line-height: 34px !important;
    }
    .carousel-control-prev {
        left: -22px !important;
    }
    p.sub-heading {
        font-size: 19px !important;
    }
    .carousel-control-next {
        right: -21px !important;
    }
.carousel-control-next {
    top: 232px !important;
    width: 27px !important;
    height: 36px !important;
    background: #000 !important;
}
   .carousel-control-prev {
    height: 36px !important;
    top: 230px !important;
    width: 27px !important;
    background: #000000 !important;
}
    #sequence {
        width: 100%;
        float: left;
        background: #ed702d;
        position: fixed;
        bottom: 0;
        z-index: 100;
        padding: 0;
        color: #000!important;
    }
	section#bottom-head {
    position: unset !important;

}
	.carousel-item {
    margin: 0px 0 0 0 !important;
}
    #sequence a {
        width: 33.3333%;
        float: left;
        text-align: center;
        padding: 5px 0;
        font-size: 15px;
        color: #fff!important;
        font-weight: 600;
        text-decoration: none!important;
        border-right: 1px solid;
    }
    .column.mcb-column.one-fourth.column_column.aos-init.aos-animate {
        width: 100% !important;
    }
    .imageiner-text {
        position: absolute !important;
        top: 90px !important;
        padding: 0 26px 0 15px !important;
        width: 92% !important;
    }
    .called {
        margin: 21px 0 11px 0 !important;
    }
    .feature-box {
        margin: 15px 0 10px !important;
        height: 165px !important;
    }
    p.sub-heading {
    font-size: 13px !important;
}
   section#footer {
    padding: 0px 0 !important;
}
	.social-icons h6 {
    margin: 34px 0 0px 0 !important;
}
   .footer-inner {
    margin: 25px 0 0 0 !important;
}
	.footer-inner h6 {
    margin: 47px 0 25px 0 !important;
}
	section#copyright {
    margin: 0 0 35px 0 !important;
}
    .featured-title h3 {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    .imagined-why img {
        margin: 56px 0 0 0 !important;
    }
	section#our-products {
    padding: 30px 0 !important;
}
	.ttm-row {
    padding: 34px 0 !important;
}
	section#blogs {
    padding: 30px 0 !important;
}
	section#why {
    margin: 30px 0 0 0 !important;
}
.gradient-overlay {
    height: 172px !important;
}
	.cat-txtx h4 {
    font-size: 14px !important;
}
	.section.mcb-section.pd-t {
    margin: 0px 0 !important;
}
	 section#why-us {
    margin: 30px 0 0 0 !important;
}
	.section.mcb-section.pd-t.bg-cover.bg-cover {
    padding: 30px 0 0 0 !important;
}
	.cat-txtx {
    top: 112px !important;
}
    .ineer-mag {
        margin: 30px 0 0 0 !important;
    }
    .ctc-btn {
        margin: 58px 0 0 0 !important;
    }
  section#maining {
    margin: 44px 0 40px 0 !important;
}
	.main-lister h4 {
    font-size: 24px !important;
}
	marquee {
    margin: 20px 0 0 0 !important;
}
    .inner-ctc {
        margin: 30px 0 0px 0 !important;
    }
    .inner-backlog p {
        bottom: -404px !important;
    }
    .abt-txt {
        padding: 11px 11px 30px 11px !important;
    }
    .serviceBox:before {
        height: 352px !important;
    }
    a.krof-buton {
        padding: 8px 10px 8px 4px !important;
    }
    .abt-img img {
        max-width: 100% !important;
        margin: 0px 0 0 0 !important;
    }
    h2.text-effect {
        font-size: 20px !important;
        letter-spacing: 0.7px !important;
    }
    .contacthead h5 {
    font-size: 32px !important;
    margin: 0 0 25px 0 !important;
}

    div#mega-menu-wrap-primary {
        width: 50px !important;
        float: right !important; 
    }
    .testimonial-faq-section {
    padding: 40px 0 !important;
}
section#footer {
    margin: 10px 0 0 0 !important;
}
    .text {
        margin: 0px 0 0 0px !important;
    }
	.one-third.column {
		width: 100% !important;
	}
    .inner-backlog p {
    padding: 15px 10px 15px 10px !important;
}
	a.krof-buton {
    padding: 8px 10px 8px 4px !important;
    font-size: 10px;
    display: none !important;
}
section#our-products {
    margin: 26px 0 0 0 !important;
}
section#why-us .col-md-4.aos-init.aos-animate {
    order: 2 !important;
}
.main-txt h2 {
    font-size: 30px !important;
    color: #ffffff;
}
.stats-title {
    font-size: 30px !important;
    font-weight: 700 !important;
    margin-bottom: 60px !important;
    line-height: 43px !important;
}
.inner-cat img {
    width: 100%;
    height: auto !important;
}
.main-lister h2 {
    font-size: 21px !important;
}
section#ctc {
    background: url(./images/freepik__candid-i-with-natural-textures-and-highly-realisti__14082.jpeg) rgb(47 47 113 / 75%) !important;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
    background-blend-mode: multiply;
}
	.text {
		position: unset !important;
		padding: 15px 24px 30px 14px !important;
	}
	.site-header .home-link {
		min-height: 0;
	}
	.site-title {
		font-size: 36px;
		padding: 8px 0 10px;
	}
	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft {
		margin-left: 0;
	}

	.entry-content img.alignright,
	.entry-content .wp-caption.alignright {
		margin-right: 0;
	}
section#about-us {
    margin: 30px 0 50px 0 !important;
}
	.attachment .image-navigation,
	.attachment .entry-attachment .attachment {
		max-width: 604px;
		padding: 0;
		width: 100%;
	}
.pageheader {
    padding: 15px 0px 20px !important;
}
	.gallery-caption {
		display: none;
	}
    .appointment {
        display: none;
    }
    div#mega-menu-wrap-primary {
    width: 50px;
    float: right;
}
section.pageheader h1 {
    display: unset !important;
    font-size: 30px;
}
span.breadcrumb_new {
    margin: 15px 0 0 0 !important;
}
.breadcrumb_new {
    display: unset !important;
    float: left !important;
    height: 45px !important;
}
.pageheader {
    padding: 20px 0 0 0 !important;
}
}
@keyframes MoveUpDown {
    0%, 100% {
        bottom: 0;
    }
    50% {
        bottom: 15px;
    }
}
@keyframes Moveleftright {
    0%, 100% {
        left: 0;
    }
    50% {
        left: 15px;
    }
}
.woocommerce img, .woocommerce-page img {
    max-width: none !important;
}
.cls_he_ad {font-size: 19px; font-weight: 600; color: #808080;}
/*.cls_he_ad:after {
    content: '';
    border-top: 5px dotted #070b2a;
    height: 3px;
    width: 100px;
    display: block;
    clear: both;
    margin: 9px 0 0 0;
}*/

✅ 
.division-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8f9fc, #eef2f7);
}

.section-title {
    font-size: 36px;
    font-weight: 700;
    color: #1d2b4f;
}

.section-subtitle {
    font-size: 16px;
    color: #6c757d;
    max-width: 600px;
    margin: 0 auto;
}

.division-card {
    background: #ffffff;
    border-radius: 15px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
    transition: 0.4s ease;
    position: relative;
    overflow: hidden;
    height: auto;
}

.division-card:hover {
    transform: translateY(-10px);
}

.division-logo {
    margin-bottom: 20px;
}

.division-logo img {
    max-width: 150px;
    height: auto;
}

.division-card h3 {
    font-weight: 700;
    margin-bottom: 10px;
}

.division-tag {
    display: inline-block;
    font-size: 14px;
    padding: 6px 15px;
    border-radius: 30px;
    margin-bottom: 20px;
    font-weight: 500;
}

.division-features {
    list-style: none;
    padding: 0;
    margin-top: 20px;
    text-align: left;
}

.division-features li {
    margin-bottom: 10px;
    font-size: 15px;
}

.division-btn {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 28px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s ease;
}

/* Gynae Division Style */
.gynae-division {
    border-top: 6px solid #ff4f8b;
}

.gynae-division .division-tag {
    background: #ffe6f0;
    color: #ff2e79;
}

.pink-btn {
    background: linear-gradient(45deg, #ff4f8b, #ff7aa8);
    color: #fff;
}

.pink-btn:hover {
    background: linear-gradient(45deg, #e83e8c, #ff4f8b);
    color: #fff;
}
.pageheader {
    background: rgb(229,255,247);
    background: linear-gradient(90deg, rgb(47 47 116) 0%, rgb(0 0 0) 100%);
    margin-bottom: 26px;
    padding: 90px 0 0 0 !important;
}
/* Derma Division Style */
.derma-division {
    border-top: 6px solid #2f2f71;
}
.breadcrumb_new {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px;
    font-weight: bold;
    color: #fff;
}
span.breadcrumb_new a {
    color: #fff;
}

.derma-division .division-tag {
    background: #e0f7fc;
    color: #0077b6;
}
section.division-section {
    margin: 50px 0;
}
.derma-btn {
    background: linear-gradient(45deg, #2f2f75, #2f2f75);
    color: #fff;
}

.derma-btn:hover {
    background: linear-gradient(45deg, #0077b6, #023e8a);
    color: #fff;
}
@media (max-width: 768px) {
    .division-card {
        padding: 30px 20px;
    }
}
@media (min-width: 768px) and (max-width: 1367px) {
    div#mega-menu-wrap-primary {
    margin: 18px 0 0 0 !important;
}
.appointment {
    margin: 7px 0 0 0 !important;
}
form.is-search-form.is-form-style.is-form-style-3.is-form-id-36.is-ajax-search {
    margin: 0 0 0 0 !important;
}
section#ctc {
    background: url(./images/freepik__candid-i-with-natural-textures-and-highly-realisti__14082.jpeg) rgba(0,0,0,0.5);
    background-position: center;
    background-size: cover;
    padding: 60px 0 !important;
    background-blend-mode: multiply;
}
.categ-txt h3 {
    font-size: 22px !important;
    font-weight: 600;
    color: #fff;
    margin: 0 0 20px 0;
}
.dating {

    margin: 15px 0 15px 0 !important;
}
p {
    font-size: 14px !important;
}
  /* styles */
}
@media (min-width: 1367px) and (max-width: 1500px) {
  /* styles */
}

.alterego-category-page {
		padding: 80px 0;
		background: #f7f8fb;
	}

	.alterego-category-page .blog-card {
		background: #fff;
		border-radius: 14px;
		overflow: hidden;
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
		transition: all .35s ease;
		height: 100%;
		display: flex;
		flex-direction: column;
	}

	.alterego-category-page .blog-card:hover {
		transform: translateY(-8px);
		box-shadow: 0 18px 40px rgba(0, 0, 0, 0.15);
	}

	.alterego-category-page .blog-image {
		position: relative;
		overflow: hidden;
	}

	.alterego-category-page .blog-image img {
		width: 100%;
		height: 240px;
		object-fit: cover;
		transition: 0.4s;
	}

	.alterego-category-page .blog-card:hover img {
		transform: scale(1.08);
	}

	.alterego-category-page .blog-date {
		position: absolute;
		top: 15px;
		right: 15px;
		background: #ff5a3c;
		color: #fff;
		font-size: 12px;
		font-weight: 600;
		padding: 6px 12px;
		border-radius: 30px;
	}

	.alterego-category-page .blog-content {
		padding: 22px;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
	}

	.alterego-category-page .blog-title {
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 10px;
		line-height: 1.4;
	}

	.alterego-category-page .blog-title a {
		text-decoration: none;
		color: #222;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.alterego-category-page .blog-desc {
		font-size: 14px;
		color: #666;
		margin-bottom: 20px;

		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.alterego-category-page .readmore-btn {
		display: inline-block;
		padding: 10px 22px;
		border-radius: 30px;
		background: linear-gradient(45deg, #ff4e50, #ff7a18);
		color: #fff;
		font-size: 14px;
		font-weight: 600;
		text-decoration: none;
		transition: 0.3s;
		margin-top: auto;
		text-align: center;
	}

	.alterego-category-page .readmore-btn:hover {
		background: linear-gradient(45deg, #ff7a18, #ff4e50);
		color: #fff;
		transform: scale(1.05);
	}

    .alterego-single-page {
		padding: 80px 0;
		background: #fff;
	}

	.alterego-single-page .single-blog-card {
		background: #fff;
		border-radius: 14px;
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
		overflow: hidden;
	}

	.alterego-single-page .single-blog-image img {
		width: 100%;
		height: auto;
	}

	.alterego-single-page .single-blog-meta {
		padding: 15px 25px;
		border-bottom: 1px solid #eee;
		font-size: 14px;
		color: #666;
		display: flex;
		gap: 20px;
	}

	.alterego-single-page .single-blog-meta span {
		display: flex;
		align-items: center;
		gap: 6px;
	}

	.alterego-single-page .single-blog-content {
		padding: 25px;
		font-size: 16px;
		line-height: 1.7;
		color: #444;
	}

	.alterego-single-page .sidebar-card {
		background: #fff;
		border-radius: 14px;
		padding: 25px;
		margin-bottom: 30px;
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
	}

	.alterego-single-page .sidebar-title {
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 20px;
		position: relative;
	}

	.alterego-single-page .sidebar-title:after {
		content: "";
		width: 40px;
		height: 3px;
		background: #ff5a3c;
		display: block;
		margin-top: 8px;
	}

	.alterego-single-page .latest-post {
		padding: 12px 0;
		border-bottom: 1px solid #eee;
	}

	.alterego-single-page .latest-post:last-child {
		border: none;
	}

	.alterego-single-page .latest-title {
		display: block;
		font-size: 15px;
		font-weight: 600;
		color: #222;
		text-decoration: none;
		margin-bottom: 4px;
		transition: 0.3s;
	}

	.alterego-single-page .latest-title:hover {
		color: #ff5a3c;
	}

	.alterego-single-page .latest-date {
		font-size: 13px;
		color: #888;
	}

	.alterego-single-page .contact-card .wpcf7 input,
	.alterego-single-page .contact-card .wpcf7 textarea {
		width: 100%;
		border: 1px solid #ddd;
		border-radius: 6px;
		padding: 10px;
		margin-bottom: 12px;
	}

	.alterego-single-page .contact-card .wpcf7-submit {
		background: linear-gradient(45deg, #ff4e50, #ff7a18);
		border: none;
		color: #fff;
		padding: 10px 20px;
		border-radius: 30px;
		cursor: pointer;
		font-weight: 600;
	}

	.alterego-single-page .contact-card .wpcf7-submit:hover {
		opacity: 0.9;
	}

    #our-products {
		padding: 80px 0;
	}

	#our-products .section-title {
		text-align: center;
		font-size: 34px;
		font-weight: 700;
		margin-bottom: 50px;
		color: #fff;
	}

	#our-products .product-card {
		background: #fff;
		border-radius: 16px;
		overflow: hidden;
		text-align: center;
		padding: 25px 20px 30px;
		transition: 0.35s;
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
		height: 100%;
		position: relative;
	}

	#our-products .product-card:hover {
		transform: translateY(-10px);
		box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
	}

	#our-products .product-img {
		height: 180px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 15px;
	}

	#our-products .product-img img {
		max-height: 160px;
		width: auto;
		transition: 0.3s;
	}

	#our-products .product-card:hover img {
		transform: scale(1.08);
	}

	#our-products .product-title {
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 6px;
	}

	#our-products .product-title a {
		color: #222;
		text-decoration: none;

		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	#our-products .composition {
		font-size: 14px;
		color: #666;
		margin-bottom: 5px;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	#our-products .packing {
		font-size: 13px;
		color: #999;
		margin-bottom: 18px;
	}

	#our-products .product-btn {
		display: inline-block;
		padding: 10px 20px;
		border-radius: 30px;
		background: linear-gradient(45deg, #ff4e50, #ff7a18);
		color: #fff;
		font-size: 14px;
		font-weight: 600;
		text-decoration: none;
		transition: 0.3s;
	}

	#our-products .product-btn:hover {
		background: linear-gradient(45deg, #ff7a18, #ff4e50);
		transform: scale(1.05);
	}

	#our-products .product-carousel .owl-nav button {
		position: absolute;
		top: 40%;
		background: #fff !important;
		width: 42px;
		height: 42px;
		border-radius: 50%;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	}

	#our-products .product-carousel .owl-nav .owl-prev {
		left: -20px;
	}

	#our-products .product-carousel .owl-nav .owl-next {
		right: -20px;
	}

	#our-products .product-carousel .owl-nav span {
		font-size: 24px;
		line-height: 40px;
		color: black;
	}

	#our-products .owl-carousel .owl-stage-outer {
		padding: 20px 0;
	}

	#our-products .product-content {
		background: #f3fbff;
		width: 100%;
		border-radius: 15px;
		padding: 15px;
	}