/*============================================
*   [Table of contents]
* ==========================================
    Theme Default Css
    01.	Global Css
    02. Theme Unit Check CSS
    03.	Above Header 
    04.	Navigation ( > menu.css )
    05.	Cart ( > menu.css )
    06.	Slider
    07.	Info Section
    08.	Heading Default
    09.	Service Section
    10.	Features Section
    11. Appointment Section
    12. Pricing Section
    13. Fun fact 
    14. Team/Doctors Section
    15. CTA Section
    16. Testimonial Section
    17. Work Process Section
    18. Blog Post Section
    19. Footer Section
    20. Footer Copyright
    21. Back To Top
    22. Breadcrumb Section
    23. About Section
    24. FAQ
    25. Pricing Comparison Table Section
    26. Blog Single
    27. Pagination
    28. FAQ
    29. Nav Checker (> menu.css)
    30. 404 Page
    31. Coming Soon
    32. Responsive Layout ( > responsive.css)

========================================== */
	/* =========================== (1.) Global CSS ======================================= */
	
	@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
	* {
	    margin: 0;
	    padding: 0;
	    box-sizing: border-box;
	    font-family: 'Poppins';
	}
	
	 :root {
	    --primary-color: #21CDC0;
	    --primary-color-light: #21CDC0;
	    --pr-overlay: rgb(232 250 249);
	    --secondary-color: #213360;
	    --bg-1: #213360;
	    --highlight-color: #1d81f9;
	    --white: #fff;
	    --dark-bg-2: #fff;
	    --dark-1: #fff;
	    --dark-2: #fff;
	    --dark-3: #213360;
	    --text-white: #fff;
	    --dark-bg: #fff;
	}
	
	.dark-mode:root {
	    --dark-1: #213360;
	    --dark-2: #16213a;
	    --dark-3: #16213a;
	    --pr-overlay: #16213a;
	    --dark-bg-2: #1e3749;
	    --secondary-color: #fff;
	    --white: #1e3749;
	    --dark-bg: #14212a;
	    --primary-color-light: #14212a;
	}
	
	body {
	    background: var(--dark-2);
	    overflow-x: hidden;
	}
	
	.switcher {
	    visibility: hidden;
	    opacity: 0;
	    position: fixed;
	    z-index: 99;
	    bottom: 0%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    transition: 0.65s;
	}
	
	.switcher.show-dark_mode {
	    visibility: visible;
	    opacity: 1;
	    bottom: 4%;
	}
	
	#dark-mode-switch {
	    display: none;
	}
	
	.switcher .button {
	    display: inline-block;
	    width: 80px;
	    height: 40px;
	    background-color: var(--dark-3);
	    border-radius: 30px;
	    position: relative;
	    cursor: pointer;
	    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	    animation: backInUp .6s linear;
	    border: 1px solid rgb(213 213 213 / 50%);
	}
	
	.switcher .button::after {
	    content: "\f185";
	    width: 40px;
	    height: 40px;
	    background-color: var(--dark1);
	    border: 2px solid #fafafa;
	    border-radius: 50%;
	    box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	    position: absolute;
	    top: -1px;
	    left: -1px;
	    display: grid;
	    place-content: center;
	    line-height: 0;
	    transition: background-color 1s, transform 1s ease-in;
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 600;
	    color: #f1bd00;
	    font-size: 20px;
	}
	
	.switcher.show-dark_mode::before {
	    position: absolute;
	    z-index: -1;
	    content: '';
	    top: 105%;
	    left: 5%;
	    height: 10px;
	    width: 90%;
	    opacity: 1;
	    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	}
	
	#dark-mode-switch:checked+.button::after {
	    content: "\f186";
	    background-color: var(--dark-3);
	    transform: translateX(40px) rotate(360deg);
	    color: var(--text-white);
	}
	
	 ::selection {
	    background: var(--secondary-color);
	    color: var(--primary-color);
	}
	
	.main-menu .menu-item a.active {
	    color: var(--primary-color) !important;
	    background: transparent !important;
	}
	
	.main-menu .dropdown .dropdown-menu .menu-item a.active {
	    color: var(--highlight-color) !important;
	    background: transparent !important;
	}
	
	.main-menu li a.active::before {
	    transform-origin: left;
	    transform: scaleX(1);
	}
	
	button[type="submit"]:focus,
	button:focus,
	input[type="button"]:focus,
	input[type="reset"]:focus,
	input[type="submit"]:focus,
	a:focus {
	    outline: 1px dotted var(--primary-color) !important;
	    color: inherit;
	    text-decoration: none;
	    outline-offset: -3px;
	}
	
	.main-slider-1 {
	    overflow: hidden;
	}
	/* ================================= End ============================== */
	/* =================== (2.) Theme Unit Check Css ========================== */
	/* Start WP TEST CSS */
	
	p{
		word-wrap: break-word;
	}
	
	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4,
	h5,
	.h5,
	h6,
	.h6 {
	    font-weight: 400;
	    margin: 0 0 20px;
	    font-weight: 600;
	}
	
	h1,
	.h1 {
	    font-size: 36px;
	    line-height: 42px;
	}
	
	h2,
	.h2 {
	    font-size: 32px;
	    line-height: 38px;
	}
	
	h3,
	.h3 {
	    font-size: 28px;
	    line-height: 34px;
	}
	
	h4,
	.h4 {
	    font-size: 24px;
	    line-height: 28px;
	}
	
	h5,
	.h5 {
	    font-size: 20px;
	    line-height: 24px;
	}
	
	h6,
	.h6 {
	    font-size: 16px;
	    line-height: 20px;
	}
	/* Blockquote*/
	
	blockquote {
	    padding: 10px 20px;
	    margin: 0 0 20px;
	    background: var(--secondary-color);
	}
	
	blockquote,
	blockquote p {
	    font-size: 15px;
	    font-style: italic;
	    font-weight: 500;
	    line-height: 21px;
	    letter-spacing: 1px;
	    border-left: 5px solid var(--primary-color);
	    color: #ffffff;
	}
	
	blockquote cite,
	blockquote small {
	    font-size: 15px;
	    display: block;
	    line-height: 20px;
	    padding-top: 15px;
	    color: var(--primary-color);
	}
	
	blockquote em,
	blockquote i,
	blockquote cite {
	    font-style: normal;
	}
	
	blockquote strong,
	blockquote b {
	    font-weight: 600;
	}
	
	.site a {
	    color: var(--primary-color);
	    text-decoration: underline;
	}
	
	.site a:hover,
	.site a:focus-within {
	    color: var(--primary-color);
	    text-decoration: dotted underline;
	}
	/*Address*/
	
	address {
	    font-style: italic;
	    margin: 0 0 20px;
	    font-weight: 600;
	    letter-spacing: 0.5px;
	    line-height: 27px;
	}
	/*Table*/
	
	table {
	    border: 1px solid #e9e9e9;
	    background: var(--dark-2);
	    border-spacing: 0;
	    letter-spacing: 0.5px;
	    margin: 0 0 20px;
	    color: var(--bg-1);
	    text-align: left;
	    table-layout: fixed;
	    width: 100%;
	}
	
	table th {
	    padding: 10px 10px;
	    color: #fff;
	    background: var(--primary-color);
	}
	
	table th {
	    border-right: solid 1px rgba(100, 100, 111, 0.2);
	}
	
	table td {
	    border: 1px solid rgba(149, 157, 165, 0.2);
	    padding: 8px 10px;
	    color: var(--secondary-color);
	}
	/* Anchor */
	
	a {
	    text-decoration: underline;
	    color: var(--secondary-color);
		word-wrap: break-word;
	}
	
	a:hover,
	a:focus-within {
	    color: var(--primary-color);
	    text-decoration: underline dotted;
	}
	/*Definition Lists*/
	
	dl {
	    margin-bottom: 25px;
	    margin-top: 0;
	}
	
	dl dt {
	    font-weight: 700;
	    margin-bottom: 10px;
	    font-family: "Open Sans", sans-serif;
	    color: #000;
	}
	
	dl dd {
	    margin-bottom: 20px;
	    margin-left: 15px;
	}
	
	abbr,
	tla,
	acronym {
	    text-decoration: underline;
	    cursor: help;
	}
	
	acronym {
	    border-bottom: 0 none;
	}
	
	big {
	    font-size: large;
	    font-weight: 600;
	}
	
	s,
	strike,
	del {
	    text-decoration: line-through;
	}
	
	em,
	cite,
	q {
	    font-style: italic;
	    font-weight: 600;
	    color: var(--primary-color);
	}
	
	ins {
	    text-decoration: none;
	    padding: 0 3px;
	}
	
	code,
	kbd,
	tt,
	var,
	samp,
	pre {
	    -webkit-hyphens: none;
	    -moz-hyphens: none;
	    -ms-hyphens: none;
	    hyphens: none;
	    background: var(--secondary-color);
	    color: #ffffff;
	    padding: 2px 5px;
	    font-size: 16px;
	    font-size: 1rem;
	    line-height: 1.3125;
	    max-width: 100%;
	    overflow: auto;
	    white-space: pre;
	    white-space: pre-wrap;
	    word-wrap: break-word;
	}
	
	mark {
	    color: var(--text-white);
	    background: #ff0;
	    padding: 2px 5px;
	}
	
	.search-form label {
	    width: 100%;
	}
	
	label {
	    display: inline-block;
	    max-width: 100%;
	    margin-bottom: 5px;
	    font-weight: bold;
	}
	
	iframe {
		width: 100%;
		height: 100%;
	}
	
	.gallery ~ p{
		clear:both;
	}
	
	img {
		width: 100%;
		height: auto;
	}
	
	/* section */
	
	.page-section {
	    padding: 80px 0;
	}
	/* ======================== End ================= */
	/* --------------------------- (3.) Header Section Start ------------------------- */
	
	.overlay-enabled {
	    overflow: hidden;
	}
	
	.header .top-above-header {
	    background: var(--dark-3);
	    padding: 10px;
	    border-bottom: 1px solid rgba(180 180 180 / 20%);
	}
	
	.header .top-above-header .left-widget .wp-block-categories-dropdown {
	    display: flex;
	    align-items: center;
	    justify-content: start;
	    gap: 10px;
	}
	
	.header .left-widget .widget,
	.header .right-widget .widget {
	    margin: 0;
	}
	
	.header .top-above-header .left-widget select#wp-block-categories-2 {
	    padding: 5px 13px;
	    border-radius: 50px;
	    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='red' width='38px' height='38px' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10c5.515 0 10-4.486 10-10S17.515 2 12 2zm0 14-5-6h10l-5 6z'/%3E%3C/svg%3E");
	    background-repeat: no-repeat;
	    background-position: 103%;
	    appearance: none;
	    outline: none;
	    width: 125px;
	    cursor: pointer;
	    font-weight: 500;
	}
	
	.header .top-above-header .left-widget select#wp-block-categories-2 option {
	    background: var(--dark-bg-2);
	    color: var(--secondary-color);
	    transition: 1s;
	}
	
	.header .top-above-header .left-widget select#wp-block-categories-2 option:hover,
	.header .top-above-header .left-widget select#wp-block-categories-2 option:focus {
	    background: var(--primary-color);
	    color: var(--text-white);
	}
	
	.header .top-above-header .left-widget p {
	    margin-bottom: 0;
	    color: var(--text-white);
	    font-size: 16px;
	    font-weight: 500;
	}
	
	select option {
	    background-color: var(--bg-1) !important;
	    font-weight: 500!important;
	    color: var(--text-white) !important;
	}
	
	.header .top-above-header .right-widget {
	    display: block;
	    margin-top: 3px;
	}
	
	.header .top-above-header .right-content {
	    display: flex;
	    align-items: center;
	    justify-content: flex-end;
	    gap: 30px;
	}
	
	.header .top-above-header .right-content>.icon .action-icon {
	    color: var(--text-white);
	    position: relative;
	    display: inline-block;
	    border-radius: 50%;
	    background: var(--highlight-color);
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	    text-align: center;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	
	.header .top-above-header .right-content>.icon .action-icon:before {
	    animation: wave 2s infinite;
	    content: "";
	    position: absolute;
	    inset: 0;
	    border-radius: 100px;
	}
	
	.header .top-above-header .right-content>.icon .action-icon:after {
	    animation: wave2 2s infinite;
	    content: "";
	    position: absolute;
	    inset: 0;
	    border-radius: 100px;
	}
	
	@keyframes wave {
	    0% {
	        box-shadow: 0 0 0 1px #8e8e8e;
	    }
	    100% {
	        box-shadow: 0 0 0 10px #8e8e8e;
	        opacity: 0;
	    }
	}
	
	@keyframes wave2 {
	    0% {
	        box-shadow: 0 0 0 0 #8e8e8e;
	    }
	    100% {
	        box-shadow: 0 0 0 15px #8e8e8e;
	        opacity: 0;
	    }
	}
	
	.header .top-above-header .right-widget .widget-contact {
	    display: flex;
	    align-items: center;
	    justify-content: flex-end;
	    gap: 20px;
	}
	
	.header .top-above-header .right-widget .widget-contact .contact-area {
	    display: flex;
	    align-items: baseline;
	    gap: 10px;
	    transition: 1s;
	}
	
	.header .top-above-header .right-widget .widget-contact .contact-area:hover .contact-icon,
	.header .top-above-header .right-widget .widget-contact .contact-area:focus-within .contact-icon {
	    animation: rubberBand 1s linear infinite;
	}
	
	.header .top-above-header .right-widget .widget-contact .contact-area .contact-icon>i {
	    color: var( --primary-color);
	    font-size: 20px;
	}
	
	.header .top-above-header .right-widget .widget-contact .contact-area .contact-info .text {
	    margin-bottom: 0;
	    color: var(--text-white);
	}
	
	.header .top-above-header .right-widget .widget-contact .contact-area .contact-info .text>a {
	    text-decoration: none;
	    color: var(--text-white);
	    font-size: 16px;
	    font-weight: 500;
	}
	
	.header .top-above-header .right-widget .slide {
	    animation: flipInX .6s linear;
	}
	
	.header .top-above-header .right-widget .slide {
	    animation: flipInX .6s linear;
	}
	
	.header .top-above-header .right-content>.icon .action {
	    background: var(--dark-3);
	    padding: 20px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    text-align: center;
	    width: 350px;
	    position: absolute;
	    border: 1px solid rgba(136, 138, 140, 0.481);
	    z-index: 2;
	    top: 60px;
	    right: 100px;
	    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	    transition: 0.5s;
	    opacity: 0;
	    visibility: hidden;
	    transform: rotateY(90deg);
	}
	
	.header .top-above-header .right-content>.icon:hover .action,
	.header .top-above-header .right-content>.icon:focus-within .action {
	    opacity: 1;
	    visibility: visible;
	    transform: rotateY(0deg);
	}
	
	.header .top-above-header .right-content>.icon .action .icon-wrap::after {
	    content: '';
	    border: 2px dashed var(--primary-color);
	    position: absolute;
	    inset: -7px;
	    border-radius: 50%;
	    animation: rotate 10s infinite linear;
	}
	
	@keyframes rotate {
	    to {
	        transform: rotate(360deg);
	    }
	}
	
	.header .top-above-header .right-content>.icon .action .icon-wrap {
	    width: 80px;
	    height: 80px;
	    line-height: 80px;
	    background: var(--primary-color);
	    border-radius: 50%;
	    font-size: 35px;
	    color: var(--text-white);
	    text-align: center;
	    display: block;
	    position: relative;
	    margin: 30px;
	}
	
	.header .top-above-header .right-content>.icon .action .text-wrap h2 {
	    font-weight: 700;
	    font-size: 40px;
	    color: var(--text-white);
	    margin-bottom: 10px;
	}
	
	.header .top-above-header .right-content>.icon .action .text-wrap p {
	    color: var(--text-white);
	}
	
	.header .top-above-header .right-content>.icon .action .main-button {
	    z-index: 0;
	    text-decoration: none;
	    border: 1px solid var(--primary-color);
	    border-radius: 50px;
	    padding: 15px;
	    color: var(--text-white);
	    font-size: 16px;
	    margin: 20px;
	    font-weight: 600;
	    transition: .6s;
	    background: var(--primary-color);
	    color: var(--text-white);
	}
	
	.header .top-above-header .right-content>.icon .action .main-button:hover,
	.header .top-above-header .right-content>.icon .action .main-button:focus-within {
	    background: transparent;
	}
	
	.header .top-above-header .right-content>.icon .action .main-button span {
	    border-right: 1px solid var(--text-white);
	    padding-right: 10px;
	}
	
	.header .top-above-header .right-content>.icon .action .main-button>i {
	    padding-left: 10px;
	}
	/*=================== 06. Slider ==========================*/
	
	.main-slider-3 .item .cover .slider-content {
	    position: relative;
	    max-width: 744px;
	    margin-top: 199px;
	}
	
	.home-slider.item {
	    height: 100vh;
	    position: relative;
	    float: left;
	    display: inline-table;
	}
	
	.item img {
	    width: 100%;
	    height: auto;
	    display: inline-block;
	    transition: 2s;
	    transition-delay: 1s;
		min-height: 200px;
		object-fit: cover;
	}
	
	.item .cover {
	    padding: 75px 0;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0px;
	    left: 0;
	    display: flex;
	    align-items: center;
	    z-index: 1;
	}
	
	.item .cover::after {
	    content: '';
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    background: rgb(0 0 0 / 50%);
	    transition: 2s;
	    z-index: -1;
	}
	
	.item .cover .slider-content {
	    position: relative;
	    max-width: 650px;
	}
	
	.slider-content .main-button.active {
	    background: var(--primary-color);
	}
	
	.slider-content .slider-footer {
	    display: flex;
	    align-items: center;
	    justify-content: start;
	}
	
	.slider-content .main-button {
	    z-index: 0;
	    text-decoration: none;
	    border: 1px solid var(--primary-color);
	    border-radius: 50px;
	    padding: 10px 20px;
	    margin-right: 10px;
	    color: var(--text-white);
	    font-size: 16px;
	    overflow: hidden;
	}
	
	.slider-content .main-button:hover,
	.slider-content .main-button:focus-within {
	    background: transparent;
	}
	
	.slider-content .main-button>span {
	    border-right: 1px solid var(--text-white);
	    padding-right: 10px;
	}
	
	.slider-content .text {
	    color: var(--text-white);
	    font-weight: 500;
	    font-size: 16px;
	}
	
	.slider-content .video-button {
	    width: 40px;
	    height: 40px;
	    background: var(--highlight-color);
	    line-height: 40px;
	    text-align: center;
	    border-radius: 50%;
	    font-size: 16px;
	    display: inline-block;
	    position: relative;
	    margin-right: 20px;
	    color: var(--text-white);
	}
	
	.slider-content .video-button::after {
	    animation: wave3 2s infinite;
	    content: "";
	    position: absolute;
	    inset: 0;
	    border-radius: 100px;
	}
	
	.slider-content .video-button::before {
	    content: "";
	    position: absolute;
	    inset: 0;
	    border-radius: 100px;
	    animation: wave4 2s infinite;
	}
	
	@keyframes wave3 {
	    0% {
	        box-shadow: 0 0 0 0px var(--highlight-color);
	    }
	    100% {
	        box-shadow: 0 0 0 10px var(--highlight-color);
	        opacity: 0;
	    }
	}
	
	@keyframes wave4 {
	    0% {
	        box-shadow: 0 0 0 0 var(--highlight-color);
	    }
	    100% {
	        box-shadow: 0 0 0 20px var(--highlight-color);
	        opacity: 0;
	    }
	}
	
	.slider-content .main-button>i {
	    padding-left: 10px;
	}
	
	a.main-button.sp-1 {
	    margin-right: 15px;
	}
	
	.item .cover .slider-content h2 {
	    font-weight: 900;
	    font-size: 65px;
	    color: var(--primary-color);
	    line-height: 1.2;
	    word-break: break-word;
	    -webkit-text-stroke: 1px;
	    -webkit-background-clip: text;
	    background-clip: text;
	    -webkit-text-fill-color: transparent;
	    margin-bottom: 8px;
	}
	
	.item .cover .slider-content h2>.slider-sub-title {
	    color: var(--text-white)
	}
	
	.item .cover .slider-content>p {
	    font-weight: 300;
	    color: var(--text-white);
	    text-align: justify;
	    margin-bottom: 40px;
	}
	
	.item .cover .slider-content h1 {
	    font-size: 25px;
	    font-weight: 400;
	    color: #fff;
	    vertical-align: middle;
	    margin: 0 0 10px;
	}
	
	.item .cover .slider-content h4 {
	    font-size: 24px;
	    font-weight: 300;
	    line-height: 36px;
	    color: #fff;
	    display: initial;
	}
	
	.owl-item.active h1 {
	    -webkit-animation-duration: 1s;
	    animation-duration: 1s;
	    -webkit-animation-fill-mode: both;
	    animation-fill-mode: both;
	    animation-name: fadeInDown;
	    animation-delay: 0.3s;
	}
	
	.owl-item.active h2 {
	    -webkit-animation-duration: 1s;
	    animation-duration: 1s;
	    -webkit-animation-fill-mode: both;
	    animation-fill-mode: both;
	    animation-name: fadeInDown;
	    animation-delay: 0.3s;
	}
	
	.owl-item.active p {
	    -webkit-animation-duration: 1s;
	    animation-duration: 1s;
	    -webkit-animation-fill-mode: both;
	    animation-fill-mode: both;
	    animation-name: fadeInUp;
	    animation-delay: 0.3s;
	}
	
	.owl-item.active .main-button {
	    -webkit-animation-duration: 1s;
	    animation-duration: 1s;
	    -webkit-animation-fill-mode: both;
	    animation-fill-mode: both;
	    animation-name: zoomIn;
	    animation-delay: 1s;
	    transition: 1s;
	}
	
	.owl-item.active h4 {
	    -webkit-animation-duration: 1s;
	    animation-duration: 1s;
	    -webkit-animation-fill-mode: both;
	    animation-fill-mode: both;
	    animation-name: fadeInUp;
	    animation-delay: 0.3s;
	}
	
	.owl-item.active .line {
	    -webkit-animation-duration: 1s;
	    animation-duration: 1s;
	    -webkit-animation-fill-mode: both;
	    animation-fill-mode: both;
	    animation-name: fadeInLeft;
	    animation-delay: 0.3s;
	}
	
	#main-slider {
		position: relative;
	}
	
	.main-slider-3#main-slider .owl-nav .owl-prev,
	.main-slider-3#main-slider .owl-nav .owl-next {
	    border-radius: 100px;
	}
	
	#main-slider.main-slider-3 .owl-nav [class*=owl-]:after {
	    border-radius: 100px;
	}
	
	#main-slider .owl-nav .owl-prev,
	#main-slider .owl-nav .owl-next {
	    top: 50%;
	    transform: translate(0, -50%);
	    color: var(--text-white);
	}
	
	.main-slider-3#main-slider .owl-nav .owl-prev,
	.main-slider-3#main-slider .owl-nav .owl-next {
	    top: 54%;
	    transform: translate(0, -50%);
	}
	
	#main-slider .owl-nav .owl-prev {
	    position: absolute;
	    left: 15px;
	    /*top: 43%;*/
	    -webkit-transition: all 0.4s ease-out;
	    transition: all 0.4s ease-out;
	    width: 80px;
	    cursor: pointer;
	    height: 80px;
	    position: absolute;
	    display: block;
	    z-index: 1000;
	    border-radius: 0;
	}
	
	#main-slider.main-slider-2 .owl-nav .owl-prev:hover,
	#main-slider.main-slider-2 .owl-nav .owl-next:hover,
	#main-slider.main-slider-2 .owl-nav .owl-prev:focus-within,
	#main-slider.main-slider-2 .owl-nav .owl-next:focus-within {
	    color: var(--text-white);
	}
	
	#main-slider.main-slider-2 .owl-nav [class*=owl-]:after {
	    background-color: rgba(0 0 0 / 50%);
	    color: #000;
	    border-radius: 100px;
	}
	
	#main-slider.main-slider-2 .owl-nav [class*=owl-]:hover:after,
	#main-slider.main-slider-2 .owl-nav [class*=owl-]:focus-within:after {
	    background: rgba(0 0 0 / 50%);
	    opacity: 1;
	}
	
	.owl-nav.disabled, .owl-dots.disabled {
		display:none;
	}
	
	#main-slider .owl-nav .owl-prev,
	#main-slider .owl-nav .owl-next {
	    visibility: hidden;
	    opacity: 0;
	}
	
	#main-slider:hover .owl-nav .owl-prev,
	#main-slider:hover .owl-nav .owl-next,
	#main-slider:focus-within .owl-nav .owl-prev,
	#main-slider:focus-within .owl-nav .owl-next {
	    visibility: visible;
	    opacity: 1;
	}
	
	.main-slider-1#main-slider .owl-nav .owl-prev i,
	.main-slider-1#main-slider .owl-nav .owl-next i {
	    width: 30px;
	    height: 30px;
	    border-radius: 5px;
	    color: var(--text-white);
	    line-height: 30px;
	    font-size: 30px;
	    transition: 0.65s;
	    text-align: center;
	    display: inline-block;
	}
	
	.main-slider-3#main-slider .owl-nav .owl-prev i,
	.main-slider-3#main-slider .owl-nav .owl-next i {
	    width: 30px;
	    height: 30px;
	    border-radius: 5px;
	    color: var(--text-white);
	    line-height: 30px;
	    font-size: 30px;
	    transition: 0.65s;
	    text-align: center;
	    display: inline-block;
	}
	
	.main-slider-1#main-slider .owl-nav .owl-prev:hover i,
	.main-slider-1#main-slider .owl-nav .owl-next:hover i,
	.main-slider-1#main-slider .owl-nav .owl-prev:focus-within i,
	.main-slider-1#main-slider .owl-nav .owl-next:focus-within i {
	    color: var(--primary-color);
	}
	
	.main-slider-1 .owl-nav .owl-prev span {
	    font-size: 1.6875rem;
	    color: #fff;
	}
	
	.main-slider-1 .owl-nav .owl-prev:focus {
	    outline: 0;
	}
	
	#main-slider .owl-nav .owl-next {
	    position: absolute;
	    right: 15px;
	    -webkit-transition: all 0.4s ease-out;
	    transition: all 0.4s ease-out;
	    width: 80px;
	    cursor: pointer;
	    height: 80px;
	    position: absolute;
	    display: block;
	    z-index: 1000;
	    border-radius: 0;
	}
	
	.main-slider-3 .owl-dots {
	    position: absolute;
	    left: 50%;
	    bottom: 4%;
	    transform: translate(-50%, 0);
	}
	
	.main-slider-3 .owl-dots .owl-dot {
	    width: 10px;
	    height: 10px;
	    border-radius: 10px;
	    background-color: var(--text-white);
	    margin: 5px;
	}
	
	.main-slider-3 .owl-dots .owl-dot.active {
	    background-color: var(--primary-color);
	}
	
	.slider-carousel .owl-nav [class*=owl-]:after {
	    content: "";
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    right: 0;
	    opacity: 0.6;
	    z-index: -1;
	    background-color: #000;
	    border-radius: 50%;
	}
	
	.main-slider-1 .owl-theme .owl-nav [class*=owl-] span {
	    font-size: 16px;
	    font-weight: 500;
	    letter-spacing: 0.3px;
	}
	
	#main-slider .owl-carousel button.owl-next,
	#main-slider .owl-carousel button.owl-prev {
	    -webkit-transition-duration: 500ms;
	    -o-transition-duration: 500ms;
	    transition-duration: 500ms;
	    background-position: center center;
	    background-size: cover;
	    border-radius: 50%;
	}
	
	.main-slider-1 .owl-theme .owl-dots,
	.owl-theme .owl-nav {
	    text-align: center;
	    -webkit-tap-highlight-color: transparent;
	    line-height: 0;
	    margin: 0;
	}
	
	.main-slider-1 .owl-nav .owl-next span {
	    font-size: 1.6875rem;
	    color: #fff;
	}
	
	.main-slider-1 .owl-nav .owl-next:focus {
	    outline: 0;
	}
	/* ------------- (7.) info Section ---------------------- */
	
	section.info-section {
	    margin-top: -42px;
	    z-index: 2;
	    position: relative;
	}
	
	section.info-section .toggle-btn {
	    width: 100%;
	    margin: 0 auto;
	    text-align: center;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin: 0px auto;
	}
	
	section.info-section button#toggle-btn {
	    width: 150px;
	    border: 0;
	    position: relative;
	    padding: 10px;
	    border-radius: 30px 30px 0px 0px;
	    background: var(--highlight-color);
	    color: #fff;
	    font-weight: 600;
	}
	
	section.info-section .toggle-btn i {
	    position: absolute;
	    top: -20px;
	    left: 61px;
	    font-size: 20px;
	    background: var(--white);
	    width: 30px;
	    height: 30px;
	    border-radius: 50%;
	    text-align: center;
	    line-height: 30px;
	    color: var(--highlight-color);
	    transition: 1s;
	    /* transform: rotate(180deg); */
	    border: 1px solid var(--highlight-color);
	}
	
	section.info-section .item {
	    background: var(--dark-3);
	    padding: 15px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    border-radius: 50%;
	    width: 170px;
	    color: #fff;
	    position: relative;
	    height: 170px;
	    cursor: pointer;
	    border: 1px solid rgba(160 160 160 / 20%);
	    box-shadow: rgba(71, 71, 72, 0.2) 0px 8px 24px;
	    margin: 10px;
	    overflow: hidden;
	    z-index: 1;
	}
	
	section.info-section .item .icon-box {
	    font-size: 50px;
	    color: var(--primary-color);
	    transition: 1s;
	}
	
	section.info-section .item .title-box {
	    font-size: 16px;
	    font-weight: 500;
	}
	
	section.info-section .toggle-btn i.active {
	    transform: rotate(180deg);
	}
	
	section.info-section .item:hover .icon-box,
	section.info-section.item:focus-within .icon-box {
	    animation: jello 1s infinite;
	    color: var(--text-white);
	}
	
	section.info-section .item svg {
	    width: 147%;
	    position: absolute;
	    right: -120px;
	    transform: rotate(-35deg);
	    z-index: -1;
	    top: -57px;
	}
	
	section.info-section .item button.customize-partial-edit-shortcut-button svg {
		position: static;
		width: 20px;
		transform: rotate(0);
	}
	
	section.info-section .item svg path {
	    fill: rgb(255 255 255 / 22%);
	}
	
	section.info-section .item::after {
	    content: '';
	    background: var(--primary-color);
	    position: absolute;
	    z-index: -2;
	    width: 0px;
	    border-radius: 50%;
	    height: 0;
	    transition: 0.5s;
	}
	
	section.info-section .item:hover::after,
	section.info-section .item:focus-within::after {
	    width: 100%;
	    height: 100%;
	}
	
	.info-section .owl-nav {
	    position: absolute;
	    top: 42%;
	    z-index: -1;
	    width: 100%;
	}
	
	.info-section .owl-nav .owl-prev {
	    float: left;
	    background: var(--secondary-color) !important;
	    color: var(--white) !important;
	    width: 30px;
	    height: 30px;
	    border-radius: 50%;
	    transform: translateX(-0px);
	    opacity: 0;
	    visibility: hidden;
	    transition: 1s;
	}
	
	.info-section .owl-nav .owl-next {
	    float: right;
	    background: var(--secondary-color) !important;
	    color: var(--white) !important;
	    width: 30px;
	    height: 30px;
	    border-radius: 50%;
	    transform: translateX(0px);
	    opacity: 0;
	    visibility: hidden;
	    transition: 1s;
	}
	
	.info-section:hover .owl-nav .owl-next,
	.info-section:focus-within .owl-nav .owl-next {
	    opacity: 1;
	    visibility: visible;
	    transform: translateX(50px);
	}
	
	.info-section:hover .owl-nav .owl-prev,
	.info-section:focus-within .owl-nav .owl-prev {
	    opacity: 1;
	    visibility: visible;
	    transform: translateX(-50px);
	}
	
	.info-section .owl-nav .owl-prev span,
	.info-section .owl-nav .owl-next span {
	    font-size: 25px;
	    line-height: 28px;
	}
	
	.info-section .owl-nav .owl-prev:hover,
	.info-section .owl-nav .owl-next:focus-within,
	.info-section .owl-nav .owl-prev:focus-within,
	.info-section .owl-nav .owl-next:hover {
	    background: var(--primary-color) !important;
	}
	
	.info-section .owl-nav button::after {
	    content: '';
	    border: 1px solid var(--primary-color);
	    position: absolute;
	    inset: 0;
	    border-radius: 50%;
	    opacity: 0;
	    visibility: hidden;
	    transition: 1s;
	}
	
	.info-section .owl-nav button:hover::after,
	.info-section .owl-nav button:focus-within::after {
	    inset: -6px;
	    opacity: 1;
	    visibility: visible;
	}
	
	/* @media(max-width:1199px) { */
	    /* .info-section .item { */
	        /* margin: auto; */
	    /* } */
	/* } */
	/* ------------- End ---------------------- */
	/* -------------------- (8.) Heading title --------------- */
	
	.section-title {
	    margin-bottom: 36px;
	    text-align: center;
	    position: relative;
	}
	
	.section-title span.subtitle {
	    font-size: 18px;
	    font-weight: 600;
	    color: var(--primary-color);
	}
	
	.section-title h5 {
	    font-size: 35px;
	    font-weight: 700;
	    color: var(--secondary-color);
	}
	
	.section-title span.title-element::before {
	    content: '';
	    width: 90px;
	    position: absolute;
	    height: 4px;
	    top: 14px;
	    right: -90px;
	    background: linear-gradient(90deg, var(--highlight-color), transparent);
	}
	
	.section-title span.title-element::after {
	    content: '';
	    width: 90px;
	    height: 4px;
	    position: absolute;
	    top: 14px;
	    left: -90px;
	    background: linear-gradient(270deg, var(--highlight-color), transparent);
	}
	
	.section-title span.title-element {
	    width: 30px;
	    height: 30px;
	    display: block;
	    margin: 10px auto;
	    background: var(--highlight-color);
	    line-height: 30px;
	    text-align: center;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    border-radius: 50%;
	    color: var(--text-white);
	    position: relative;
	}
	/* ------------- End------------------------ */
	/*  -------------- (9.) Service Section Home page 01 -------------------- */
	
	.service-section {
	    padding: 80px 0;
	    position: relative;
	    overflow-x: clip;
	    z-index: 1;
	}
	
	section#service-section::before {
	    content: '';
	    position: absolute;
	    inset: 0;
	    background: var(--primary-color-light);
	    opacity: 0.1;
	    z-index: -1;
	}
	
	section#service-section>.bg-elements .element1 {
	    position: absolute;
	    top: 50px;
	    z-index: -1;
	    left: -120px;
	    z-index: -1;
	    animation: pulse 3s infinite linear;
		width: initial;
	}
	
	section#service-section>.bg-elements .element2 {
	    position: absolute;
	    bottom: 0;
	    z-index: -1;
	    right: 0px;
	    width: 230px;
	    z-index: -1;
	    animation: move02 20s infinite alternate;
	}
	
	section#service-section>.bg-elements .element3 {
	    position: absolute;
	    right: 0;
	    top: 100px;
	    width: 170px;
	    animation: move02 15s linear infinite;
	}
	
	.service-section .service-box {
	    background: var(--dark-2);
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    text-align: center;
	    position: relative;
	    padding: 18px;
	    box-shadow: rgb(22 24 26 / 12%) 0px 8px 24px;
	    line-height: 25px;
	    border: 1px solid rgba(160 160 160 / 20%);
	    border-radius: 6px;
	    z-index: 1;
	}
	
	.service-box::after {
	    content: '';
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    border-radius: 4px;
	    background-color: var(--primary-color);
	    bottom: 0;
	    left: 0;
	    top: 0;
	    transform-origin: right;
	    transform: scaleX(0);
	    transition: transform .3s ease-in-out;
	    z-index: -1;
	}
	
	.service-box:hover::after,
	.service-box:focus-within::after {
	    transform-origin: left;
	    transform: scaleX(1);
	}
	
	.service-section .service-box .service-icon i {
	    font-size: 40px;
	    display: inline-block;
	    background: var(--primary-color);
	    /* height: 80px; */
	    padding: 25px;
	    border-radius: 50%;
	    /* line-height: 80px; */
	    text-align: center;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    color: var(--dark-2);
	    margin: 10px;
	    position: relative;
	    transition: 1s;
	}
	/* -----------  Image ------ */
	
	.service-section .service-box .service-icon img {
	    display: inline-block;
	    background: var(--primary-color);
	    width: 100px;
	    height: 100px;
	    padding: 5px;
	    border-radius: 50%;
	    text-align: center;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin: 10px;
	    position: relative;
	    transition: 1s;
	}
	
	.service-section .service-box .service-content h4 {
	    font-size: 18px;
	    font-weight: 600;
	    color: var(--secondary-color);
	    margin: 15px;
	    transition: 1s;
	}
	
	.service-section .service-box .service-content p {
	    transition: 1s;
	    color: var(--secondary-color);
	}
	
	.service-section .service-box .service-content a {
	    text-decoration: none;
	    color: var(--primary-color);
	    font-weight: 600;
	    transition: 1s;
	    display: inline-block;
	}
	
	.service-section .service-box:hover .service-content a,
	.service-section .service-box:focus-within .service-content a {
	    color: var(--text-white);
	}
	
	.service-section .service-box .service-content a:hover,
	.service-section .service-box .service-content a:focus-within {
	    text-decoration: dotted underline;
	}
	
	.service-section .service-box>.bg-element i {
	    color: var(--primary-color);
	    font-size: 50px;
	    position: absolute;
	    opacity: 0.2;
	    right: 20px;
	    top: 15px;
	}
	/* ----- Bg element  ---- */
	
	.service-section .service-box>.bg-element img {
	    position: absolute;
	    opacity: 0.2;
	    right: 3px;
	    top: 6px;
	    width: 100px;
	    height: 100px;
	    border-radius: 50%;
	}
	
	.service-section .service-box:hover .bg-element i,
	.service-section .service-box:focus-within .bg-element i {
	    color: #fff;
	    font-size: 50px;
	    position: absolute;
	    opacity: 0.2;
	    right: 20px;
	    /* height: 90px; */
	    top: 15px;
	    animation: flipInY 1s linear;
	}
	/* ---------- BG Element hover ----- */
	
	.service-section .service-box:hover .bg-element img,
	.service-section .service-box:focus-within .bg-element img {
	    position: absolute;
	    opacity: 0.2;
	    animation: flipInY 1s linear;
	}
	
	.service-section .service-box:hover .bg-element .st1,
	.service-section .service-box:focus-within .bg-element .st1 {
	    stroke: var(--white);
	}
	
	.service-section .service-box .service-icon svg {
	    width: 80px;
	    display: inline-block;
	    background: var(--primary-color);
	    height: 80px;
	    padding: 15px;
	    border-radius: 50%;
	    line-height: 80px;
	    text-align: center;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    fill: var(--dark-2);
	    margin: 10px;
	    position: relative;
	    transition: 1s;
	}
	
	.service-section .service-box>.bg-element svg {
	    fill: var(--primary-color);
	    width: 90px;
	    position: absolute;
	    opacity: 0.2;
	    right: 3px;
	    height: 90px;
	    top: 6px;
	}
	
	.service-section .service-box:hover .bg-element svg,
	.service-section .service-box:focus-within .bg-element svg {
	    fill: #fff;
	    width: 90px;
	    position: absolute;
	    opacity: 0.2;
	    right: 3px;
	    height: 90px;
	    top: 6px;
	    animation: flipInY 1s linear;
	}
	
	.service-section .service-box:hover .service-icon svg,
	.service-section .service-box:focus-within .service-icon svg {
	    fill: var(--primary-color);
	    background: var(--white);
	    animation: flipInX 1s linear;
	}
	
	.service-section .service-box:hover .bg-element .st0,
	.service-section .service-box:focus-within .bg-element .st0 {
	    stroke: var(--white);
	}
	
	.service-section .service-box:hover .service-icon i,
	.service-section .service-box:focus-within .service-icon i {
	    color: var(--primary-color);
	    background: var(--white);
	    animation: flipInX 1s linear;
	}
	/* ------ element hover ------- */
	
	.service-section .service-box:hover .service-icon img,
	.service-section .service-box:focus-within .service-icon img {
	    animation: flipInX 1s linear;
	    background: var(--text-white);
	}
	
	.service-section .service-box:hover svg .st1,
	.service-section .service-box:focus-within svg .st1 {
	    stroke: var(--primary-color);
	}
	
	.service-section .service-box:hover .service-content h4,
	.service-section .service-box:focus-within .service-content h4 {
	    color: var(--text-white);
	}
	
	.service-section .service-box:hover .service-content p,
	.service-section .service-box:focus-within .service-content p {
	    color: var(--text-white);
	}
	
	.service-section .service-box:hover .service-icon .st0,
	.service-section .service-box:focus-within .service-icon .st0 {
	    stroke: var(--primary-color);
	}
	/* -------------- End ------------------ */
	/* ---------------------- (10.) Feature Section ---------------------- */
	
	.feature-section {
	    padding: 80px 0;
	    position: relative;
	}
	
	.feature-section .bg-elements .element2 {
	    position: absolute;
	    right: 0px;
	    z-index: -1;
	    width: 250px;
	    top: 180px;
	    z-index: -1;
	    animation: floating 4s infinite;
	}
	
	.feature-section .bg-elements img.element1 {
	    position: absolute;
	    bottom: 40px;
	    z-index: -1;
	    left: 0;
	    animation: move01 15s linear infinite;
	}
	
	.feature-section .feature-wrap .icon-wrap svg {
	    width: 100px;
	    fill: var(--primary-color);
	    display: block;
	    height: 100px;
	}
	
	.feature-section .feature-wrap {
	    padding: 20px;
	    display: flex;
	    align-items: center;
	    transition: 1s;
	    justify-content: center;
	    cursor: pointer;
	    flex-direction: column;
	    text-align: center;
	    position: relative;
	    z-index: 1;
	    line-height: 40px;
	    overflow: hidden;
	    box-shadow: rgba(63, 65, 68, 0.2) 0px 8px 24px;
	    border: 1px solid rgba(180 180 180 / 20%);
	    transition-delay: .3s;
	    background: var(--dark-2);
	}
	
	.feature-section .feature-wrap::after {
	    content: '';
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    border-radius: 0;
	    background: var(--primary-color);
	    bottom: 0;
	    left: 0;
	    transform-origin: center;
	    transform: scaleY(0);
	    transition: transform .4s ease-in-out;
	    z-index: -1;
	}
	
	.feature-section .feature-wrap:hover .icon-wrap svg,
	.feature-section .feature-wrap:focus-within .icon-wrap svg {
	    fill: var(--text-white);
	}
	
	.feature-section .feature-wrap:hover::after,
	.feature-section .feature-wrap:focus-within::after {
	    transform-origin: center;
	    transform: scaleY(1);
	}
	
	.feature-section .feature-wrap .text-wrap a.title {
	    font-size: 18px;
	    font-weight: 600;
	    text-decoration: none;
	    transition: 1s;
	    margin: 10px;
	    display: block;
	    color: var(--secondary-color);
	}
	
	.feature-section .feature-wrap .text-wrap a.title:hover,
	.feature-section .feature-wrap .text-wrap a.title:focus-within {
	    text-decoration: dotted underline;
	    color: var(--primary-color);
	}
	
	.feature-section .feature-wrap .icon-wrap i {
	    font-size: 80px;
	    color: var(--primary-color);
	    display: block;
	}
	
	.feature-section .feature-wrap:hover .icon-wrap,
	.feature-section .feature-wrap:focus-within .icon-wrap {
	    animation: flip 1s linear;
	}
	
	.feature-section .feature-wrap:hover .text-wrap a.title,
	.feature-section .feature-wrap:focus-within .text-wrap a.title {
	    color: var(--text-white);
	}
	/* .feature-section .feature-wrap:hover .icon-wrap svg,
.feature-section .feature-wrap:focus-within .icon-wrap svg {
    fill: var(--text-white);
} */
	
	.feature-section .feature-wrap:hover .icon-wrap i,
	.feature-section .feature-wrap:focus-within .icon-wrap i {
	    color: #fff;
	}
	/* 
.feature-section .feature-wrap:hover .icon-wrap svg .st0,
.feature-section .feature-wrap:focus-within .icon-wrap svg .st0 {
    stroke: var(--text-white);
}

.feature-section .feature-wrap:hover .icon-wrap svg .st1,
.feature-section .feature-wrap:focus-within .icon-wrap svg .st1 {
    stroke: var(--text-white);
} */
	/* --------- Change Animation Js follow element ----------*/
	/* ---------------------- (11.) Appointment Section --------------------- */
	
	.appointment-section {
	    padding: 80px 0;
	    position: relative;
	    z-index: 1;
	}
	
	.appointment-section .section-title h5 {
	    color: var(--text-white) !important;
	}
	
	.appointment-section::before {
	    content: '';
	    background: var(--dark-3);
	    position: absolute;
	    inset: 0;
	    opacity: 0.8;
	    z-index: -1;
	}
	
	.appointment-section .left-side-content form p label {
	    line-height: 0.7;
	    display: block;
	}
	
	.appointment-section .left-side-content form {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    margin-bottom: -2.5%;
	    align-items: center;
	    /* text-align: center; */
	}
	
	.appointment-section .left-side-content form p {
	    flex: 0 0 48.5%;
	    margin-bottom: 8px;
	}
	
	.appointment-section .left-side-content form p input::placeholder {
	    color: rgba(255 255 255 / 80%);
	}
	
	.appointment-section .left-side-content form p input[type="text"],
	input[type="email"] {
	    padding: 10px;
	    width: 100%;
	    border: 0;
	    border-radius: 6px;
	    background: transparent;
	    border: 1px solid rgb(255 255 255 / 50%);
	    outline: none;
	    color: var(--text-white);
	}
	
	.appointment-section .left-side-content form p:nth-child(7) {
	    flex: 100%;
	    margin-top: 5px;
	}
	
	.appointment-section .left-side-content form p textarea {
	    width: 100%;
	    background: transparent;
	    border: 1px solid rgb(255 255 255 / 50%);
	    color: var(--text-white);
	    outline: none;
	    height: 100px;
	    border-radius: 6px;
	    padding: 10px;
	}
	
	.appointment-section .left-side-content form p textarea::placeholder {
	    color: rgba(255 255 255 / 80%);
	}
	
	.appointment-section .left-side-content form p .wpcf7-submit {
	    text-decoration: none;
	    border: 1px solid var(--primary-color);
	    border-radius: 50px;
	    padding: 10px 20px;
	    margin-right: 10px;
	    color: var(--text-white);
	    font-size: 16px;
	    margin-top: 10px;
	    background: var(--primary-color);
	}
	
	.appointment-section .left-side-content {
	    border: 1px solid rgba(255 255 255 / 20%);
	    border-radius: 6px;
	    padding: 30px;
	    padding-bottom: 40px;
	}
	
	.appointment-section .right-side-content .appointment-info {
	    padding: 15px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    text-align: center;
	}
	
	.appointment-section .right-side-content .appointment-info .image-wrap {
	    margin: 20px;
	}
	
	.appointment-section .right-side-content .appointment-info .image-wrap img {
	    border-radius: 50%;
	    width: 120px;
	    animation: floating 3s linear infinite;
	}
	
	.appointment-section .right-side-content .appointment-info .info-wrap a {
	    font-size: 30px;
	    font-weight: 700;
	    color: var(--text-white);
	    text-decoration: none;
	    display: block;
	    margin-bottom: 8px;
	}
	
	.appointment-section .right-side-content .appointment-info .info-wrap p {
	    color: var(--text-white);
	}
	
	.appointment-section .right-side-content .appointment-info .info-wrap {
	    margin-bottom: 10px;
	}
	
	.appointment-section .right-side-content .appointment-info .info-wrap a i {
	    color: var(--primary-color);
	}
	
	.appointment-section .right-side-content .appointment-info .info-wrap a:hover i,
	.appointment-section .right-side-content .appointment-info .info-wrap a:focus-within i {
	    animation: tada 2s infinite;
	}
	
	.appointment-section .right-side-content .appointment-info .main-button {
	    text-decoration: none;
	    border-radius: 50px;
	    padding: 10px 20px;
	    background: var(--highlight-color);
	    margin-right: 10px;
	    color: var(--text-white);
	    font-size: 18px;
	    font-weight: 500;
	}
	
	.appointment-section .right-side-content .appointment-info .main-button span {
	    border-right: 1px solid var(--text-white);
	    padding-right: 10px;
	}
	
	.appointment-section .right-side-content .appointment-info .main-button i {
	    padding-left: 10px;
	}
	
	.appointment-section .right-side-content {
	    border: 1px solid rgba(255 255 255 / 20%);
	    border-radius: 6px;
	    padding: 18px;
	    padding-bottom: 30px;
	}
	/* ---------------------- End --------------------- */
	/* ---------------------- (12.) Pricing Section ----------------------- */
	
	.pricing-section {
	    padding: 80px 0;
	    overflow: hidden;
	    position: relative;
	}
	
	.pricing-section .bg-elements .element1 {
	    position: absolute;
	    right: 0px;
	    z-index: -1;
	    top: 50%;
	    transform: rotate(90deg);
	    animation: floating 5s infinite;
	}
	
	.pricing-section .bg-elements .element2 {
	    position: absolute;
	    bottom: 39px;
	    z-index: -1;
	    left: 35px;
	    animation: floating 5s infinite;
	}
	
	.pricing-section .btn-price {
	    background-color: var(--background);
	    color: var(--text-white);
	    transition: 0.65s;
	}
	
	.pricing-section .btn-price:hover,
	.pricing-section .btn-price:focus-within,
	.pricing-section .btn-price.active {
	    background-color: var(--primary-color);
	    color: var(--background);
	}
	
	.pricing-switcher {
	    justify-content: center;
	}
	
	.pricing-switcher .tab-filter {
	    text-align: center;
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	
	.pricing-switcher .tab-filter {
	    display: inline-block;
	    position: relative;
	    padding: 3px;
	    border-radius: 50em;
	    background-color: var(--primary-color);
	}
	
	.pricing-switcher .pricing-filter-badge {
	    display: inline-block;
	    padding: 5px 2px;
	    position: absolute;
	    top: 0px;
	    right: 0;
	    border-radius: 6px;
	    font-weight: 600;
	    min-width: 90px;
	    text-align: center;
	    color: var(--text-white);
	    letter-spacing: 0.95px;
	    background: var(--highlight-color);
	    font-size: 13px;
	    display: none;
	    animation: bounceInUp .6s linear;
	}
	
	.pricing-switcher .pricing-filter-badge.active {
	    display: block;
	    top: -45px;
	}
	
	.pricing-switcher .pricing-filter-badge:before {
	    content: "";
	    position: absolute;
	    bottom: -8px;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    width: 0;
	    height: 0;
	    border-left: 7px solid transparent;
	    border-right: 7px solid transparent;
	    border-top: 9px solid var(--highlight-color);
	    z-index: 0;
	}
	
	.pricing-switcher a {
	    position: relative;
	    z-index: 1;
	    display: inline-block;
	    line-height: 40px;
	    cursor: pointer;
	    font-size: 16px;
	    text-decoration: none;
	    font-weight: 600;
	    transition: 1s;
	    margin-bottom: 0;
	    padding: 0 20px;
	    border-radius: 100px;
	    color: var(--text-white);
	}
	
	.pricing-section .tab-filter a.active {
	    color: var(--primary-color);
	}
	
	.pricing-section .tab-filter a.active:before {
	    visibility: visible;
	    opacity: 1;
	    transform: translateX(0%);
	}
	
	.pricing-section .tab-filter a:before {
	    content: '';
	    background: var(--dark-2);
	    color: var(--secondary-color);
	    inset: 0;
	    position: absolute;
	    border-radius: 30px;
	    z-index: -1;
	    visibility: hidden;
	    opacity: 0;
	    transform: translateX(-100%);
	    transition: 0.65s;
	}
	
	.pricing-switcher .tab-filter {
	    width: 205px;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	
	.no-js .pricing-switcher {
	    display: none;
	}
	
	.pricing-section .pricing-item {
	    padding: 20px;
	    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
	    background: var(--dark-2);
	    position: relative;
	    border: 1px solid rgba(180 180 180 / 20%);
	}
	
	.pricing-section .pricing-item .pricing-top h1 {
	    font-size: 24px;
	    font-weight: 600;
	    color: var(--secondary-color);
	    transition: 1s;
	    margin-bottom: 5px;
	}
	
	.pricing-section .pricing-item .pricing-top p {
	    color: var(--secondary-color);
	}
	
	.pricing-section .pricing-item .pricing-top .pricing-badge {
	    width: 75px;
	    background: var(--primary-color);
	    height: 90px;
	    position: absolute;
	    top: 0;
	    right: 30px;
	    z-index: 0;
	}
	
	.pricing-section .pricing-item .pricing-top .pricing-badge span {
	    position: absolute;
	    position: absolute;
	    top: 10px;
	    left: 22px;
	    font-size: 16px;
	    font-weight: 700;
	    color: var(--text-white);
	    line-height: 1.3;
	}
	
	.pricing-section .pricing-item .pricing-top .pricing-badge::after {
	    content: '';
	    position: absolute;
	    background: var(--dark-2);
	    width: 75px;
	    height: 95px;
	    border-radius: 100%;
	    top: 57px;
	}
	
	.pricing-section .pricing-item .pricing-badge-rated {
	    position: absolute;
	    border-color: var(--highlight-color);
	    top: 0;
	    left: 0;
	    display: block;
	    border: 1px solid var(--highlight-color);
	    width: 50px;
	    height: 58px;
	    border-width: 30px;
	    border-right-color: transparent;
	    border-bottom-color: transparent;
	}
	
	.pricing-section .pricing-item .pricing-badge-rated>i {
	    position: absolute;
	    top: -21px;
	    right: 1px;
	    color: var(--text-white);
	}
	
	.pricing-section .pricing-item .pricing-top {
	    border-bottom: 1px dashed lightgray;
	    margin-bottom: 15px;
	}
	
	.pricing-section .pricing-item .pricing-top>img {
	    margin: 20px;
	    margin-left: 0;
	    max-width: 80px;
	}
	
	.pricing-section .pricing-item .pricing-list ul {
	    list-style: none;
	    padding-left: 0;
	    line-height: 35px;
	    margin-bottom: 10px;
	}
	
	.pricing-section .pricing-item .pricing-list ul li {
	    display: flex;
	    align-items: center;
	    justify-content: start;
	    gap: 20px;
	    margin-bottom: 10px;
	    color: var(--secondary-color);
	    font-size: 18px;
	    font-weight: 500;
	}
	
	.pricing-section .pricing-item .pricing-list ul li>i {
	    color: var(--primary-color);
	}
	
	.pricing-section .pricing-item .pricing-type ul {
	    list-style: none;
	    padding-left: 0;
	    margin-bottom: 10px;
	    display: flex;
	    align-items: center;
	    justify-content: space-evenly;
	    margin: 15px 0;
	    border-top: 1px solid rgba(0 0 0 / 8%);
	    padding: 5px;
	    border-bottom: 1px solid rgba(0 0 0 /8%);
	}
	
	.pricing-section .pricing-item .pricing-type ul li a {
	    color: var(--primary-color);
	    transition: 1s;
	    font-size: 30px;
	}
	
	.pricing-section .pricing-item .pricing-type ul li a:hover,
	.pricing-section .pricing-item .pricing-type ul li a:focus-within {
	    color: var(--secondary-color);
	}
	
	.pricing-section .pricing-item .price-button .main-button {
	    text-decoration: none;
	    border-radius: 50px;
	    padding: 11px 20px;
	    background: var(--dark-3);
	    border: 0.5px solid rgba(180 180 180 / 40%);
	    transition: 1s;
	    margin-right: 10px;
	    color: var(--text-white);
	    font-size: 17px;
	    font-weight: 500;
	}
	
	.pricing-section .pricing-item .price-button .main-button span {
	    border-right: 1px solid var(--text-white);
	    padding-right: 10px;
	}
	
	.pricing-section .pricing-item .price-button .main-button i {
	    padding-left: 10px;
	}
	
	.pricing-section .pricing-item .pricing-footer {
	    display: flex;
	    align-items: center;
	    margin: 27px 0;
	    margin-bottom: 10px;
	    justify-content: space-between;
	}
	
	.pricing-section .pricing-item .pricing-footer h4 {
	    margin-bottom: 0;
	    font-size: 24px;
	    font-weight: 600;
	    color: var(--secondary-color);
	    transition: 1s;
	}
	
	.pricing-section .pricing-item .section-element img {
	    position: absolute;
	    top: 50px;
	    right: 70px;
	    z-index: 0;
	    animation: floating 3s linear infinite;
	}
	
	@keyframes floating {
	    0% {
	        transform: translateY(0px);
	    }
	    50% {
	        transform: translateY(-10px);
	    }
	    100% {
	        transform: translateY(0px);
	    }
	}
	
	.pricing-section .pricing-item:hover .pricing-top h1,
	.pricing-section .pricing-item:focus-within .pricing-top h1,
	.pricing-section .pricing-item.active .pricing-top h1 {
	    color: var(--primary-color);
	}
	
	.pricing-section .pricing-item:hover .pricing-footer h4,
	.pricing-section .pricing-item:focus-within .pricing-footer h4,
	.pricing-section .pricing-item.active .pricing-footer h4 {
	    color: var(--highlight-color);
	}
	/* ---------------------- End  ----------------------- */
	/* ------------------- (13.) funfact Section ---------------------- */
	
	.funfact-section {
	    padding: 80px 0;
	    position: relative;
	    z-index: 1;
	}
	
	.funfact-section .section-title h5 {
	    color: var(--text-white) !important;
	}
	
	section.funfact-section::before {
	    content: '';
	    position: absolute;
	    inset: 0;
	    background: rgba(0 0 0 / 70%);
	    z-index: -1;
	}
	
	.funfact-section .funfact-box {
	    padding: 20px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    text-align: center;
	    line-height: 40px;
	}
	
	.funfact-section .funfact-box:hover p i,
	.funfact-section .funfact-box:focus-within p i {
	    animation: rubberBand 1s linear infinite;
	}
	
	.funfact-section .funfact {
	    position: relative;
	}
	
	.funfact-section .funfact:not(:last-child)::after {
	    border-right: 1px solid rgb(255 255 255 / 15%);
	    content: '';
	    position: absolute;
	    right: 0;
	    top: 70px;
	    width: 1px;
	    height: 140px;
	}
	
	.funfact-section .funfact-box p i {
	    font-size: 70px;
	    color: var(--primary-color);
	    margin: 20px;
	}
	
	.funfact-section .funfact-box h3 {
	    font-size: 35px;
	    font-weight: 600;
	    color: var(--text-white);
	}
	
	.funfact-section .funfact-box h3>sup {
	    color: var(--highlight-color);
	}
	
	.funfact-section .funfact-box .title {
	    color: var(--text-white);
	    font-size: 20px;
	    margin: 0;
	    font-weight: 500;
	}
	
	.funfact-section canvas {
	    z-index: -2 !important;
	}
	/* -------------------- End ------------------------- */
	/* -------------------------- (14.) Doctors Section ----------------- */
	
	.doctors-section {
	    padding: 80px 0;
	    position: relative;
	}
	
	.doctors-section .bg-elements .element1 {
	    position: absolute;
	    top: 60px;
	    z-index: -1;
	    left: 0px;
	    animation: move01 15s linear infinite;
	    width: 130px;
	}
	
	@keyframes move01 {
	    0% {
	        transform: rotate(0deg);
	        left: 0%;
	    }
	    50% {
	        transform: rotate(360deg);
	        left: 20%
	    }
	    100% {
	        transform: rotate(0deg);
	        left: 0%
	    }
	}
	
	@keyframes move02 {
	    0% {
	        transform: rotate(0deg);
	        right: 0%;
	    }
	    50% {
	        transform: rotate(360deg);
	        right: 10%;
	    }
	    100% {
	        transform: rotate(0deg);
	        right: 0%;
	    }
	}
	
	.doctors-section .content-box {
	    position: relative;
	    overflow: hidden;
	    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
	    margin: 10px;
	    background: var(--dark-2);
	    border: 1px solid rgba(180 180 180 / 20%);
	}
	
	.doctors-section .main-wrap {
	    padding: 10px;
	    border-radius: 6px;
	    position: relative;
	}
	
	.doctors-section .main-wrap .image-wrap img {
	    width: 100%;
	}
	
	.doctors-section .main-wrap .text-wrap {
	    padding: 10px 25px;
	    background: var(--dark-3);
	    position: absolute;
	    left: 25px;
	    bottom: 80px;
	    border-radius: 6px;
	    text-align: center;
	    right: 25px;
	    bottom: 17%;
	    border: 1px solid rgb(255 255 255 / 30%);
	}
	
	.doctors-section .main-wrap .text-wrap .title {
	    margin: 0;
	    font-size: 18px;
	}
	
	.doctors-section .main-wrap .text-wrap a {
	    text-decoration: none;
	    color: var(--text-white);
	}
	
	.doctors-section .main-wrap .text-wrap .desc {
	    margin: 0;
	    font-size: 16px;
	    color: var(--primary-color);
	}
	
	.doctors-section .main-wrap .widget_social_widget ul {
	    padding-left: 0;
	    display: flex;
	    align-items: center;
	    margin: 20px 0;
	    list-style: none;
	    align-items: c;
	    justify-content: space-evenly;
	    padding-top: 20px;
	    margin-bottom: 10px;
	}
	
	.doctors-section .main-wrap .widget_social_widget ul li a {
	    display: inline-block;
	    color: var(--highlight-color);
	    width: 30px;
	    height: 30px;
	    border: 1px solid var(--highlight-color);
	    line-height: 30px;
	    text-align: center;
	    border-radius: 50%;
	    z-index: 1;
	    background: var(--text-white);
	    overflow: hidden;
	    position: relative;
	    transition: .3s;
	}
	
	.doctors-section .main-wrap .widget_social_widget ul li a:hover,
	.doctors-section .main-wrap .widget_social_widget ul li a:focus-within {
	    background: var(--primary-color);
	    color: var(--text-white);
	    transform: scale(1.2);
	    border: 1px solid var(--white);
	}
	
	.doctors-section .main-wrap .widget_social_widget ul li a:hover i {
	    animation: slideInUp .3s linear;
	}
	
	.doctors-section .content-box::after {
	    content: '';
	    clip-path: circle(0%);
	    background: var(--dark-3);
	    transition: 1s;
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    inset: 0;
	    transform: translateY(0%);
	    opacity: 0;
	    z-index: 1;
	}
	
	.doctors-section .content-box:hover::after,
	.doctors-section .content-box:focus-within::after {
	    clip-path: circle(100%);
	    transform: translateY(0%);
	    opacity: 1;
	}
	/* ---------------- animation -------------- */
	
	.doctors-section .detail-wrap {
	    text-align: center;
	    position: absolute;
	    line-height: 30px;
	    top: 50%;
	    left: 50%;
	    z-index: 2;
	    transform: translate(-50%, 50%);
	    transition: 1s;
	    transition-delay: .3s;
	    border-radius: 50%;
	    opacity: 0;
	    visibility: hidden;
	}
	
	.doctors-section .content-box:hover .detail-wrap,
	.doctors-section .content-box:focus-within .detail-wrap {
	    transform: translate(-50%, -50%);
	    opacity: 1;
	    visibility: visible;
	}
	
	.doctors-section .detail-wrap .circle-image img {
	    border-radius: 50%;
	    margin: 20px auto;
	    width: 100px;
	    height: 100px;
	}
	
	.doctors-section .detail-wrap .text-wrap .title {
	    margin-bottom: 5px;
	    font-size: 18px;
	}
	
	.doctors-section .detail-wrap .text-wrap a {
	    text-decoration: none;
	    color: var(--text-white);
	}
	
	.doctors-section .detail-wrap .text-wrap .desc {
	    margin: 0;
	    font-size: 16px;
	    color: var(--highlight-color);
	}
	
	.doctors-section .detail-wrap .achive {
	    color: var(--text-white);
	}
	
	.doctors-section .detail-wrap .achive>span {
	    color: var(--primary-color);
	    padding-right: 10px;
	}
	
	.doctors-section .link-wrap a {
	    color: var(--primary-color);
	    font-size: 18px;
	    font-weight: 600;
	}
	
	.doctors-section .link-wrap a:hover,
	.doctors-section .link-wrap a:focus-within {
	    text-decoration: dotted underline;
	}
	
	.doctors-section .detail-wrap .widget_social_widget ul {
	    padding-left: 0;
	    display: flex;
	    align-items: center;
	    margin: 20px 0;
	    list-style: none;
	    align-items: c;
	    justify-content: space-evenly;
	    padding-top: 20px;
	    gap: 10px;
	    margin-bottom: 10px;
	}
	
	.doctors-section .detail-wrap .widget_social_widget ul li a {
	    display: inline-block;
	    color: var(--highlight-color);
	    width: 30px;
	    height: 30px;
	    border: 1px solid var(--highlight-color);
	    line-height: 30px;
	    text-align: center;
	    border-radius: 50%;
	    z-index: 1;
	    background: var(--dark-2);
	    /* overflow: hidden; */
	    position: relative;
	    transition: .3s;
	}
	
	.doctors-section .detail-wrap .widget_social_widget ul li a:hover::after,
	.doctors-section .detail-wrap .widget_social_widget ul li a:focus-within::after {
	    animation: wave5 2s infinite;
	    content: "";
	    position: absolute;
	    inset: 0;
	    border-radius: 100px;
	}
	
	.doctors-section .detail-wrap .widget_social_widget ul li a:hover::before,
	.doctors-section .detail-wrap .widget_social_widget ul li a:focus-within::before {
	    content: "";
	    position: absolute;
	    inset: 0;
	    border-radius: 100px;
	    animation: wave6 1s infinite;
	}
	
	.doctors-section .detail-wrap .widget_social_widget ul li a:hover,
	.doctors-section .detail-wrap .widget_social_widget ul li a:focus-within {
	    border-color: var(--primary-color);
	    color: var(--primary-color);
	}
	
	.doctors-section .detail-wrap .widget_social_widget ul li a:hover i,
	.doctors-section .detail-wrap .widget_social_widget ul li a:focus-within i {
	    animation: rotateIn .6s linear;
	}
	/* ---------------- animation End -------------- */
	
	.doctors-section .owl-nav {
	    position: absolute;
	    top: 40%;
	    width: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    z-index: -1;
	}
	
	.doctors-section .owl-nav .owl-prev {
	    width: 40px;
	    height: 40px;
	    line-height: 40px !important;
	    background: var(--secondary-color) !important;
	    border-radius: 50%;
	    color: var(--white) !important;
	    font-size: 35px !important;
	    text-align: center;
	    transform: translateX(20px);
	    opacity: 0;
	    transition: 1s;
	}
	
	.doctors-section .doctors-carousel:hover .owl-nav .owl-prev,
	.doctors-section .doctors-carousel:focus-within .owl-nav .owl-prev {
	    transform: translateX(-30px);
	    opacity: 1;
	}
	
	.doctors-section .doctors-carousel:hover .owl-nav .owl-next,
	.doctors-section .doctors-carousel:focus-within .owl-nav .owl-next {
	    transform: translateX(30px);
	    opacity: 1;
	}
	
	.doctors-section .owl-nav .owl-next {
	    width: 40px;
	    height: 40px;
	    line-height: 40px !important;
	    background: var(--secondary-color) !important;
	    border-radius: 50%;
	    color: var(--white) !important;
	    font-size: 35px !important;
	    text-align: center;
	    transform: translateX(-20px);
	    opacity: 0;
	    transition: 1s;
	}
	
	.team-main.doctors-section .content-box {
	    margin: 0 !important;
	}
	/* --------------------------End  ----------------- */
	/* -------------------- (15.)  CTA Section ------------------ */
	
	.cta-section-1 {
	    padding: 80px 0;
	    z-index: 1;
	    position: relative;
	}
	
	.cta-section-1::after {
	    content: '';
	    position: absolute;
	    inset: 0;
	    background: rgba(0 0 0 /50%);
	    z-index: -1;
	}
	
	.cta-section-1 .cta-content-box::before {
	    content: '';
	    position: absolute;
	    inset: 0;
	    background: rgba(0 0 0 / 70%);
	    border-radius: 100px;
	    z-index: -1;
	}
	
	.cta-section-1 .cta-content-box {
	    padding: 60px 25px;
	    z-index: 1;
	    position: relative;
	    border-radius: 100px;
	    background: url('../images/cta/content-bg.jpg');
	}
	
	.cta-section-1 .cta-content .cta-info-wrap {
	    display: flex;
	    align-items: center;
	    justify-content: flex-end;
	    gap: 50px;
	}
	
	.cta-section-1 .cta-text-wrap h2 {
	    font-size: 30px;
	    font-weight: 500;
	    color: var(--text-white);
	    margin: 0;
	}
	
	.cta-section-1 .cta-text-wrap span {
	    font-size: 16px;
	    font-weight: 600;
	    color: var(--primary-color);
	}
	
	.cta-section-1 .cta-content .cta-info-wrap .widget-contact .contact-area {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    gap: 20px;
	}
	
	.cta-section-1 .cta-content .cta-info-wrap .widget-contact .contact-area .contact-info p {
	    margin: 0;
	}
	
	.cta-section-1 .cta-content .cta-info-wrap .widget-contact .contact-area .contact-info p>a {
	    text-decoration: none;
	    font-size: 25px;
	    font-weight: 600;
	    color: var(--primary-color);
	}
	
	.cta-section-1 .cta-content .cta-info-wrap .widget-contact .contact-area .contact-icon {
	    width: 60px;
	    height: 60px;
	    background: var(--highlight-color);
	    line-height: 60px;
	    text-align: center;
	    border-radius: 50%;
	    font-size: 24px;
	    display: inline-block;
	    position: relative;
	    color: var(--text-white);
	}
	
	.cta-section-1 .cta-content .cta-info-wrap .widget-contact .contact-area .contact-icon::after {
	    content: "";
	    position: absolute;
	    inset: 0;
	    border-radius: 100px;
	    animation: wave4 2s infinite;
	}
	
	.cta-section-1 .cta-content .cta-info-wrap .widget-contact .contact-area .contact-icon::before {
	    content: "";
	    position: absolute;
	    inset: 0;
	    border-radius: 100px;
	    animation: wave3 2s infinite;
	}
	
	.cta-section-1 .cta-content .cta-btn a {
	    text-decoration: none;
	    border: 1px solid var(--primary-color);
	    border-radius: 50px;
	    padding: 15px;
	    color: var(--text-white);
	    font-size: 16px;
	    background: var(--primary-color);
	    transition: .6s;
	}
	
	.cta-section-1 .cta-content .cta-btn a:hover,
	.cta-section-1 .cta-content .cta-btn a:focus-within {
	    background: none;
	}
	
	.cta-section-1 .cta-content .cta-btn a span {
	    border-right: 1px solid var(--text-white);
	    padding-right: 10px;
	}
	
	.cta-section-1 .cta-content .cta-btn a i {
	    padding-left: 10px;
	}
	/* -------------------- End ------------------------ */
	/* ----------------------- (16.) Testimonial Section -------------------- */
	
	.testimonial-section {
	    padding: 80px 0;
	    z-index: 1;
	    position: relative;
	    overflow: hidden;
	    background: var(--pr-overlay);
	}
	
	section.testimonial-section::after {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    display: block;
	    background: url('../images/elements/element6.png');
	    z-index: 0;
	    right: 0;
	    bottom: 0;
	    background-repeat: no-repeat;
	    animation: pulse 5s infinite linear;
	}
	
	section.testimonial-section::before {
	    content: '';
	    position: absolute;
	    background: url('../images/elements/element5.png');
	    right: 0;
	    top: 0;
	    inset: 0;
	    TOP: 25%;
	    right: 0;
	    z-index: 0;
	    left: 85%;
	    background-repeat: no-repeat;
	    left: 80%;
	    animation: rotate_state 15s linear infinite;
	}
	
	@keyframes rotate_state {
	    50% {
	        transform: rotate(180deg);
	        right: -5%;
	    }
	}
	
	.testimonial-section .testimonial-box .testimonial-img img {
	    width: 110px !important;
	    border-radius: 50%;
	}
	
	.testimonial-section .testimonial-box {
	    position: relative;
	    margin: 15px;
	}
	
	.testimonial-section .testimonial-box .testimonial-img {
	    position: absolute;
	    top: 50%;
	    left: 40px;
	    transform: translate(-50%, -50%);
	    z-index: 1;
	}
	
	.testimonial-section .testimonial-box .testimonial-img::after {
	    content: '';
	    position: absolute;
	    border-radius: 50%;
	    border: 10px solid var(--bg-1);
	    transition: 1s;
	    inset: 0;
	}
	
	.testimonial-section .owl-item.center .testimonial-img::after {
	    content: '';
	    position: absolute;
	    border-radius: 50%;
	    border: 10px solid var(--primary-color);
	    inset: 0;
	}
	
	.testimonial-section .testimonial-box .info-wrap {
	    padding: 20px;
	    border-radius: 100px;
	    padding-left: 108px;
	    line-height: 23px;
	    border: 1px solid rgba(180 180 180 / 40%);
	    background: var(--dark-2);
	    position: relative;
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}
	
	.testimonial-section .testimonial-box .info-wrap::after {
	    content: '\f10e';
	    position: absolute;
	    top: -5px;
	    right: 60px;
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 600;
	    color: var(--highlight-color);
	    z-index: 1;
	    font-size: 30px;
	    transition: 1s;
	}
	
	.testimonial-section .owl-item.center .info-wrap::after {
	    color: var(--primary-color);
	}
	
	.testimonial-section .testimonial-box .info-wrap h4 {
	    font-size: 20px;
	    font-weight: 500;
	    color: var(--secondary-color);
	    margin-bottom: 0;
	}
	
	.testimonial-section .testimonial-box .info-wrap .sub-title {
	    color: var(--highlight-color);
	    font-size: 16px;
	    font-weight: 600;
	}
	
	.testimonial-section .testimonial-box .info-wrap blockquote {
	    margin-bottom: 8px;
	    font-size: 16px;
	    background: transparent;
	    color: var(--secondary-color);
	    font-style: unset;
	    border-left: 0;
	    padding: 5px 0;
	    line-height: 1.3;
	}
	
	.testimonial-section .testimonial-box .star-list>i {
	    color: gold;
	}
	
	.testimonial-section .owl-nav {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    gap: 20px;
	    margin-top: 30px;
	}
	
	.testimonial-section .owl-nav button {
	    width: 40px;
	    height: 40px;
	    line-height: 0 !important;
	    background: var(--secondary-color) !important;
	    border-radius: 50%;
	    color: var(--white) !important;
	    font-size: 35px !important;
	    text-align: center;
	    transition: 1s;
	}
	
	.testimonial-section .owl-nav button:hover,
	.testimonial-section .owl-nav button:focus-within {
	    background: var(--primary-color) !important;
	    color: var(--text-white) !important;
	}
	/* ------------------- End --------------------------- */
	/* ------------------ (17.) Work Process Section -------------------- */
	
	.work-process-section {
	    padding: 80px 0;
	    position: relative;
	    z-index: 1;
	    overflow: hidden;
	}
	
	.work-process-section .main-item {
	    position: relative;
	}
	
	.work-process-section .main-item:not(:last-child)::after {
	    content: '';
	    position: absolute;
	    right: 0;
	    background: url('../images/work-process/arrow.png');
	    top: 66px;
	    background-repeat: no-repeat;
	    left: 88%;
	    bottom: 0;
	    transform: rotate(-4deg);
	    z-index: 1;
	    width: 100px;
	}
	
	.work-process-section .section-title h5 {
	    color: var(--text-white) !important;
	}
	
	.work-process-section::before {
	    content: '';
	    position: absolute;
	    inset: 0;
	    background: rgba(0 0 0 / 50%);
	    z-index: -1;
	}
	
	.work-process-section .item-wrap::after {
	    position: absolute;
	    content: '';
	    inset: 0;
	    background: var(--dark-3);
	    border-radius: 50%;
	    opacity: 0.7;
	    transition: 1s;
	    z-index: -1;
	}
	
	.work-process-section .item-wrap {
	    border: 10px solid var(--dark-3);
	    height: 200px;
	    cursor: pointer;
	    border-radius: 50%;
	    width: 200px;
	    display: flex;
	    align-items: center;
	    transition: 1s;
	    justify-content: center;
	    z-index: 1;
	    text-align: center;
	    color: var(--text-white);
	    position: relative;
	    margin: auto;
	}
	
	.work-process-section .item-wrap .animte-border {
	    position: absolute;
	    inset: -9px;
	    border: 2px solid var(--primary-color);
	    border-radius: 50%;
	    border-top-color: transparent;
	    border-right-color: transparent;
	    transition: 1s;
	    animation: rotate1 8s ease-in-out infinite;
	    z-index: -1;
	    opacity: 0;
	    visibility: hidden;
	}
	
	.work-process-section span.animte-border::before {
	    content: '';
	    position: absolute;
	    top: 23px;
	    left: 25px;
	    width: 8px;
	    height: 8px;
	    border-radius: 50%;
	    z-index: -1;
	    background: var(--primary-color);
	    transition: 1s;
	    opacity: 0;
	    visibility: hidden;
	}
	
	.work-process-section span.animte-border::after {
	    content: '';
	    position: absolute;
	    inset: 3px;
	    border: 2px solid var(--primary-color);
	    border-radius: 50%;
	    border-left-color: transparent;
	    border-top-color: transparent;
	    animation-delay: .3s;
	    transition: 1s;
	    animation: rotate1 10s linear infinite;
	    z-index: -1;
	    opacity: 0;
	    visibility: hidden;
	}
	
	@keyframes rotate1 {
	    0% {
	        transform: rotate(0deg);
	    }
	    100% {
	        transform: rotate(360deg);
	    }
	}
	
	.work-process-section .item-wrap .count {
	    position: absolute;
	    top: -15px;
	    right: 0;
	    width: 60px;
	    height: 60px;
	    line-height: 60px;
	    background: var(--highlight-color);
	    border-radius: 50%;
	    color: var(--text-white);
	    font-size: 30px;
	    font-weight: 700;
	}
	
	.work-process-section .item-wrap:hover .count,
	.work-process-section .item-wrap:focus-within .count {
	    animation: circle 10s linear infinite;
	    top: unset;
	    right: unset;
	}
	
	@keyframes circle {
	    0% {
	        transform: rotate(0deg) translate(90px) rotate(0deg);
	    }
	    100% {
	        transform: rotate(360deg) translate(90px) rotate(-360deg);
	    }
	}
	
	.work-process-section .item-wrap .title span {
	    font-size: 16px;
	    font-weight: 600;
	    color: var(--text-white);
	}
	
	.work-process-section .item-wrap:hover,
	.work-process-section .item-wrap:focus-within {
	    border: 10px solid transparent;
	}
	
	.work-process-section .item-wrap:hover::after,
	.work-process-section .item-wrap:focus-within::after {
	    background: var(--primary-color);
	}
	
	.work-process-section .item-wrap:hover .animte-border,
	.work-process-section .item-wrap .animte-border::after,
	.work-process-section .item-wrap .animte-border::before,
	.work-process-section .item-wrap:focus-within.animte-border,
	.work-process-section .item-wrap .animte-border::after,
	.work-process-section .item-wrap .animte-border::before {
	    opacity: 1;
	    visibility: visible;
	}
	/* -------------------------- End ------------------------- */
	/* --------------------- (18.) Blog Section ------------------- */
	
	.blog-section {
	    padding: 80px 0;
	    position: relative;
	    overflow: hidden;
	    z-index: 1;
	}
	
	section.blog-section::after {
	    content: '';
	    position: absolute;
	    left: -140px;
	    top: 140px;
	    background: url('../images/elements/element1.png');
	    bottom: 0;
	    right: 0;
	    background-repeat: no-repeat;
	    z-index: -1;
	    animation: floating 3s linear infinite;
	}
	
	section.blog-section::before {
	    content: '';
	    position: absolute;
	    top: 100px;
	    right: 0;
	    background: url('../images/elements/element3.png');
	    bottom: 0;
	    left: 90%;
	    background-repeat: no-repeat;
	    width: 100%;
	    animation: floating 1s linear infinite;
	}
	
	.blog-section article.post-item {
	    padding: 10px;
	    background: var(--dark-2);
	    border-radius: 6px;
	    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
	    padding-bottom: 30px;
	    position: relative;
	    z-index: 1;
	    border: 1px solid rgba(180 180 180 / 40%);
	}
	
	.blog-section article.post-item::before {
	    content: '';
	    background: var(--primary-color-light);
	    position: absolute;
	    inset: 0;
	    opacity: .1;
	    z-index: -1;
	}
	
	.blog-section article.post-item .post-image {
	    position: relative;
	    /* overflow: hidden; */
	    z-index: 1;
	}
	
	.blog-section article.post-item .post-image a.icon {
	    top: 0%;
	    position: absolute;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    text-decoration: none;
	    color: var(--text-white);
	    font-size: 24px;
	    opacity: 0;
	    visibility: hidden;
	    transition: 0.6s;
	    z-index: 1;
	}
	
	.blog-section article.post-item:hover .post-image a.icon,
	.blog-section article.post-item:focus-within .post-image a.icon {
	    opacity: 1;
	    visibility: visible;
	    top: 50%;
	}
	
	.blog-section figure.post-image::after {
	    content: '';
	    position: absolute;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background: var(--dark-3);
	    left: 0;
	    clip-path: circle(0%);
	    transition: .8s;
	    opacity: 0;
	    visibility: hidden;
	}
	
	.blog-section article.post-item:hover figure.post-image::after,
	.blog-section article.post-item:focus-within figure.post-image::after {
	    clip-path: circle(100%);
	    opacity: 0.6;
	    visibility: visible;
	}
	
	.blog-section article.post-item .post-image img {
	    width: 100%;
	    height: auto;
	}
	
	.blog-section .post-item .post-image .posted-on {
	    display: block;
	    text-align: center;
	    margin-left: -20px;
	    margin-right: -10px;
	    background: var(--primary-color);
	    position: absolute;
	    top: 30px;
	    left: 0;
	    padding: 8px 15px;
	    z-index: 2;
	}
	
	.blog-section .post-item .post-content .post-title::after {
	    content: '';
	    position: absolute;
	    bottom: -1px;
	    width: 100px;
	    height: 2px;
	    background: var(--highlight-color);
	    left: 0;
	}
	
	.blog-section .post-item:hover .post-content .post-title::after,
	.blog-section .post-item:focus-within .post-content .post-title::after {
	    animation: slide 5s ease-in-out infinite;
	}
	
	@keyframes slide {
	    0% {
	        transform: translateX(0px);
	    }
	    50% {
	        transform: translateX(200px);
	    }
	    100% {
	        transform: translateX(0px);
	    }
	}
	
	.blog-section .post-item .post-content p {
	    color: var(--secondary-color);
	    position: relative;
	    margin-bottom: 30px;
	}
	
	.blog-section .post-item .post-content blockquote p {
	    color: #ffffff;
		padding-left: 10px;
	}
	
	.blog-section .post-item .post-content blockquote p > a {
	    color: #ffffff;
	}
	
	.blog-section .post-item .post-image .posted-on a {
	    color: var(--text-white);
	    text-decoration: none;
	    font-weight: 500;
	}
	
	.blog-section .post-item .post-image .posted-on a i {
	    margin-right: 5px;
	}
	
	.blog-section .post-item .post-image .posted-on::after {
	    height: 0;
	    content: '';
	    width: 0;
	    bottom: -10px;
	    left: 0;
	    border-top: 10px solid var(--primary-color);
	    position: absolute;
	    border-left: 10px solid transparent;
	    filter: brightness(0.9);
	}
	
	.blog-section .post-item .post-content .post-meta.up {
	    display: block;
	    width: 100%;
	    margin-bottom: 20px;
	}
	
	.blog-section .post-item .post-content .post-title {
	    line-height: 1.4;
	    border-bottom: 1px solid rgb(162 167 177 / 27%);
		padding-bottom:20px;
		position:relative;
		margin-bottom:20px;
	}
	
	.blog-section .post-item .post-content .post-meta.up .author-name img {
	    max-width: 60px;
	    width: 100%;
	    margin-right: 10px;
	    border: 3px solid var(--text-white);
	    border-radius: 50%;
	    padding: 2px;
	}
	
	.blog-section .post-item .post-content .post-meta.up .author-name {
	    display: inline-block;
	    margin-right: 55px;
	}
	
	.blog-section .post-item .post-content .post-meta.up .author-name a {
	    word-break: break-all;
	    font-size: 16px;
	    text-decoration: none;
	    color: var(--secondary-color);
	    font-weight: 500;
	}
	
	.blog-section .post-item .post-content .post-meta.up .author-name a i {
	    margin-right: 5px;
	    color: var(--primary-color);
	}
	
	.blog-section .post-item .post-content .post-meta.up .post-tag {
	    padding-left: 0;
	    margin: 0;
	    list-style: none;
	}
	
	.blog-section .post-item .post-image .post-categories {
	    padding-left: 0;
	    margin: 0;
	    list-style: none;
	    z-index: 1;
	    position: absolute;
	    left: 25%;
	    transform: translateY(-15px);
	}
	
	.blog-section .post-item .post-image .post-categories li a i {
	    margin-right: 5px;
	}
	
	.blog-section .post-item .post-image .post-categories li a {
	    text-decoration: none;
	    font-size: 16px;
	    font-weight: 500;
	    color: var(--text-white);
	    border-radius: 100px;
	    background: var(--highlight-color);
	    text-align: center;
	    padding: 8px;
	}
	
	.blog-section .post-item .post-content .post-meta.up .post-tag a {
	    color: var(--secondary-color);
	    font-size: 16px;
	    font-weight: 500;
	    margin-right: 10px;
	    display: inline-block;
	    text-decoration: none;
	}
	
	.blog-section .post-item .post-content .post-meta.up .post-tag i {
	    color: var(--primary-color);
	    font-size: 16px;
	}
	
	.blog-section .post-item .post-content .post-title a {
	    text-decoration: none;
	    color: var(--secondary-color);
	    font-size: 24px;
	    font-weight: 600;
	    transition: 1s;
	}
	
	.blog-section .post-item .post-content .post-title a:hover,
	.blog-section .post-item .post-content .post-title a:focus-within {
	    color: var(--primary-color);
	}
	
	.blog-section .post-item .post-content .more-link {
	    color: var(--secondary-color);
	    font-size: 18px;
	    transition: 1s;
	    border-radius: 50px;
	    padding: 10px 15px;
	    font-size: 16px;
	    font-weight: 600;
	}
	
	.blog-section .post-item .post-content .more-link span {
	    padding-right: 10px;
	}
	
	.blog-section .post-item .post-content .more-link i {
	    opacity: 0;
	    visibility: hidden;
	    animation: zoomIn 1s linear;
	    padding-left: 10px;
	}
	
	.blog-section .post-item:hover .post-content .more-link span,
	.blog-section .post-item:focus-within .post-content .more-link span {
	    border-right: 1px solid var(--text-white);
	}
	
	.blog-section .post-item:hover .post-content .more-link i,
	.blog-section .post-item:focus-within .post-content .more-link i {
	    opacity: 1;
	    visibility: visible;
	}
	
	.blog-section .post-item:hover .post-content .more-link,
	.blog-section .post-item:focus-within .post-content .more-link {
	    text-decoration: none;
	    border: 1px solid var(--primary-color);
	    border-radius: 50px;
	    padding: 10px 15px;
	    color: var(--text-white);
	    font-size: 16px;
	    background: var(--primary-color);
	}
    .blog-section.blog-single-page .comments-area .single-comments-title h2 {
        font-size: 28px;
        font-weight: 600;
        color: var(--secondary-color);
	}
	/* ---------------------- End ----------------------- */
	/* ------------------- (19.) Footer Section ---------------------- */
	
	.footer-section {
	    padding-top: 80px;
	    position: relative;
	    overflow: hidden;
	    z-index: 1;
	}
	
	.footer-section::after {
	    content: '';
	    position: absolute;
	    right: 0;
	    top: 0;
	    background: url('../images/elements/element1.png');
	    bottom: 0;
	    left: 0;
	    background-repeat: no-repeat;
	    width: 100%;
	    animation: pulse 5s infinite;
	    z-index: -1;
	}
	
	footer.footer-section::before {
	    content: '';
	    background: var(--dark-3);
	    position: absolute;
	    inset: 0;
	    z-index: -1;
	    border-top: 1px solid rgba(180 180 180 / 20%);
	}
	
	.footer-section .footer-logo a {
	    text-decoration: none;
	}
	
	.footer-section .footer-logo a h2 {
	    color: var(--text-white);
	    font-size: 40px;
	    font-weight: 500;
	}
	
	.footer-section .footer-content p {
	    color: var(--text-white);
	    margin-top: 10px;
	}
	
	.footer-section .footer-content-wrap .widget-contact .contact-area {
	    display: flex;
	    align-items: center;
	    justify-content: start;
	    gap: 10px;
	    margin-bottom: 10px;
	}
	
	.footer-section .footer-content-wrap .widget-contact .contact-area .contact-info p {
	    margin-bottom: 0px;
	}
	
	.footer-section .footer-content-wrap .widget-contact .contact-area .contact-icon i {
	    color: var(--primary-color);
	}
	
	.footer-section .footer-content-wrap .widget-contact .contact-area .contact-info p a {
	    color: var(--text-white);
	    text-decoration: none;
	    font-weight: 400;
	    font-size: 16px;
	    transition: 1s;
	}
	
	.footer-section .footer-content-wrap .widget-contact .contact-area:hover .contact-icon,
	.footer-section .footer-content-wrap .widget-contact .contact-area:focus-within .contact-icon {
	    animation: rubberBand 1s linear infinite;
	}
	
	.footer-section .footer-content-wrap .widget-contact .contact-area .contact-info p a:hover,
	.footer-section .footer-content-wrap .widget-contact .contact-area .contact-info p a:focus-within {
	    color: var(--primary-color);
	    text-decoration: dotted underline;
	}
	
	.footer-section .footer-content-wrap .widget-title {
	    font-size: 20px;
	    font-weight: 500;
	    color: var(--primary-color);
	    margin-bottom: 30px;
	    transition: 1s;
	    position: relative;
	}
	
	.footer-section .footer-content-wrap:hover .widget-title,
	.footer-section .footer-content-wrap:focus-within .widget-title {
	    color: var(--highlight-color);
	}
	
	.footer-section .footer-content-wrap .widget-title::after {
	    content: '';
	    position: absolute;
	    width: 150px;
	    height: 2px;
	    background: var(--primary-color);
	    bottom: -5px;
	    transition: 1s;
	    left: 0;
	}
	
	.footer-section .footer-content-wrap:hover .widget-title::after,
	.footer-section .footer-content-wrap:focus-within .widget-title::after {
	    content: '';
	    background: var(--highlight-color);
	}
	
	.footer-section .footer-content-wrap .widget-text {
	    margin-bottom: 35px;
	}
	
	.footer-section .footer-content-wrap .wp-block-gallery .wp-block-image {
	    display: inline-block;
	    margin: 4px;
	    position: relative;
	    overflow: hidden;
	    border-radius: 50%;
	    max-width: 75px;
	    width: 100%;
	    cursor: zoom-in;
	}
	
	.footer-section .footer-content-wrap .wp-block-gallery .wp-block-image::after {
	    content: '';
	    background: var(--primary-color);
	    position: absolute;
	    inset: 0;
	    clip-path: circle(0%);
	    opacity: 0.6;
	    width: 100%;
	    border-radius: 50%;
	    transition: 1s;
	}
	
	.footer-section .footer-content-wrap .wp-block-gallery .wp-block-image:hover::after,
	.footer-section .footer-content-wrap .wp-block-gallery .wp-block-image:focus-within:after {
	    clip-path: circle(100%);
	}
	
	.footer-section .footer-content-wrap .wp-block-gallery .wp-block-image img {
	    border-radius: 50%;
	    max-width: 75px;
	    width: 100%;
	    cursor: zoom-in;
	}
	
	.footer-section .footer-content-wrap .menu {
	    list-style: none;
	    padding-left: 0;
	    margin: 0;
	}
	
	.footer-section .footer-content-wrap .menu li {
	    margin-bottom: 10px;
	}
	
	.footer-section .footer-content-wrap .menu li a {
	    font-size: 16px;
	    font-weight: 400;
	    text-decoration: none;
	    transition: 1s;
	    color: var(--text-white);
	    position: relative;
	    padding-left: 20px;
	}
	
	.footer-section .footer-content-wrap .menu li a:hover,
	.footer-section .footer-content-wrap .menu li a:focus-within {
	    color: var(--primary-color);
	    padding-left: 0;
	    text-decoration: dotted underline;
	}
	
	.footer-section .footer-content-wrap .menu li a::after {
	    content: '\f054';
	    position: absolute;
	    left: 0;
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 600;
	    transition: 1s;
	}
	
	.footer-section .footer-content-wrap .menu li a:hover::after,
	.footer-section .footer-content-wrap .menu li a:focus-within:after {
	    content: '\f054';
	    position: absolute;
	    left: 100%;
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 600;
	    margin-left: 10px;
	}
	
	.footer-section .footer-content-wrap .opening-hour .grid-dl {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    grid-template-rows: auto;
	}
	
	.footer-section .footer-content-wrap .opening-hour .grid-dl dd,
	dt {
	    color: var(--text-white);
	    font-weight: 400;
	    margin-bottom: 10px;
	}
	
	.footer-section .footer-content-wrap .opening-hour .grid-dl dt {
	    color: var(--text-white);
	}
	
	.footer-section .footer-content-wrap .opening-hour .grid-dl dd.closed {
	    color: var(--highlight-color);
	    font-weight: 600;
	}
	/* ---------------------- (20.) Footer Copyright --------------------- */
	
	.footer-section .footer-copyright .widget-contact .contact-area {
	    display: flex;
	    align-items: center;
	    justify-content: start;
	    gap: 10px;
	}
	
	.footer-section .footer-copyright::after {
	    content: '';
	    position: absolute;
	    top: 0;
	    border-top: 1px solid rgb(215 215 215 / 20%);
	    left: -100%;
	    right: -100%;
	}
	
	.footer-section .footer-copyright .footer-bottom {
	    position: relative;
	    padding: 30px 0;
	}
	
	.footer-section .footer-copyright .footer-bottom:not(:last-child) {
	    border-right: 1px solid rgb(215 215 215 / 20%);
	}
	
	.footer-section .footer-copyright .widget-contact .contact-area .contact-icon {
	    width: 50px;
	    height: 50px;
	    background: var(--primary-color);
	    line-height: 50px;
	    text-align: center;
	    border-radius: 50%;
	    font-size: 20px;
	    display: inline-block;
	    position: relative;
	    margin-right: 20px;
	    color: var(--text-white);
	    transform: rotateY(180deg);
	}
	
	.footer-section .footer-copyright .widget-contact .contact-area .contact-icon::after {
	    content: "";
	    position: absolute;
	    inset: 0;
	    border-radius: 100px;
	    animation: wave5 2s infinite;
	}
	
	.footer-section .footer-copyright .widget-contact .contact-area .contact-icon::before {
	    animation: wave6 2s infinite;
	    content: "";
	    position: absolute;
	    inset: 0;
	    border-radius: 100px;
	}
	
	@keyframes wave5 {
	    0% {
	        box-shadow: 0 0 0 0px var(--primary-color);
	    }
	    100% {
	        box-shadow: 0 0 0 10px var(--primary-color);
	        opacity: 0;
	    }
	}
	
	@keyframes wave6 {
	    0% {
	        box-shadow: 0 0 0 0 var(--primary-color);
	    }
	    100% {
	        box-shadow: 0 0 0 20px var(--primary-color);
	        opacity: 0;
	    }
	}
	
	.footer-section .footer-copyright .widget-contact .contact-area .contact-info {
	    line-height: 1.4;
	}
	
	.footer-section .footer-copyright .widget-contact .contact-area .contact-info .text a {
	    font-size: 24px;
	    font-weight: 500;
	    text-decoration: none;
	    color: var(--text-white);
	    transition: 1s;
	}
	
	.footer-section .footer-copyright .widget-contact .contact-area .contact-info .text a:hover,
	.footer-section .footer-copyright .widget-contact .contact-area .contact-info .text a:focus-within {
	    color: var(--primary-color);
	    text-decoration: dotted underline;
	}
	
	.footer-section .footer-copyright .widget-contact .contact-area .contact-info span.title {
	    color: var(--text-white);
	}
	
	.footer-section .footer-copyright .copyright {
	    text-align: center;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    height: 100%;
	}
	
	.footer-section .footer-copyright .copyright p {
	    color: var(--text-white);
	    padding: 0 10px;
	    margin-bottom: 0;
	}
	
	.footer-section .footer-copyright {
	    position: relative;
	}
	
	.footer-section .footer-copyright .copyright p a {
	    color: var(--primary-color);
	    text-decoration: underline;
	    font-weight: 600;
	    transition: 1s;
	}
	
	.footer-section .footer-copyright .copyright p a:hover,
	.footer-section .footer-copyright .copyright p a:focus-within {
	    color: var(--primary-color);
	    text-decoration: dotted underline;
	}
	
	.footer-section .footer-copyright .widget_payment_methods .payment_methods {
	    display: flex;
	    align-items: center;
	    list-style: none;
	    justify-content: flex-end;
	    padding-left: 0;
	    margin-bottom: 0;
	    gap: 25px;
	}
	
	.footer-section .footer-copyright .widget_payment_methods .payment_methods li a {
	    font-size: 40px;
	    color: var(--text-white);
	    transition: 1s;
	}
	
	.footer-content-wrap {
	    position: relative;
	}
	
	.footer-content-wrap:not(:has(.custom-logo-link))>span {
	    position: absolute;
	    top: 0;
	    right: 12px;
	    color: var(--primary-color);
	    cursor: pointer;
	    z-index: 2;
	}
	
	.footer-content-wrap.active>.collapsd {
	    display: inline-block;
	}
	
	.footer-content-wrap:first-of-type>span,
	.footer-content-wrap.active>.collaps,
	.footer-content-wrap>.collapsd {
	    display: none;
	}
	/* ----------------------- End ------------------------ */
	/* ----------------------- End ------------------------ */
	/* ================================= (21.) Back To top ============================ */
	
	.mouse {
	    background: var(--primary-color) linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
	    position: fixed;
	    width: 52px;
	    height: 88px;
	    border-radius: 100px;
	    background-size: 100% 200%;
	    -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
	    animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
	    bottom: 40px;
	    right: 35px;
	    z-index: 99;
	    cursor: pointer;
	}
	
	.mouse>span {
	    position: absolute;
	    z-index: -1;
	    content: '';
	    top: 110%;
	    left: 5%;
	    height: 10px;
	    width: 90%;
	    opacity: 1;
	    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	}
	
	.mouse:before,
	.mouse:after {
	    content: "";
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    margin: auto;
	}
	
	.mouse:before {
	    width: 46px;
	    height: 82px;
	    background-color: var(--bg-1);
	    border-radius: 100px;
	}
	
	.mouse:after {
	    background-color: #ffffff;
	    width: 10px;
	    height: 10px;
	    border-radius: 100%;
	    -webkit-animation: trackBallSlide 5s linear infinite;
	    animation: trackBallSlide 5s linear infinite;
	}
	
	@-webkit-keyframes colorSlide {
	    0% {
	        background-position: 0% 100%;
	    }
	    20% {
	        background-position: 0% 0%;
	    }
	    21% {
	        background-color: var(--primary-color);
	    }
	    29.99% {
	        background-color: #ffffff;
	        background-position: 0% 0%;
	    }
	    30% {
	        background-color: var(--primary-color);
	        background-position: 0% 100%;
	    }
	    50% {
	        background-position: 0% 0%;
	    }
	    51% {
	        background-color: var(--primary-color);
	    }
	    59% {
	        background-color: #ffffff;
	        background-position: 0% 0%;
	    }
	    60% {
	        background-color: var(--primary-color);
	        background-position: 0% 100%;
	    }
	    80% {
	        background-position: 0% 0%;
	    }
	    81% {
	        background-color: var(--primary-color);
	    }
	    90%,
	    100% {
	        background-color: #ffffff;
	    }
	}
	
	@keyframes colorSlide {
	    0% {
	        background-position: 0% 100%;
	    }
	    20% {
	        background-position: 0% 0%;
	    }
	    21% {
	        background-color: var(--primary-color);
	    }
	    29.99% {
	        background-color: #ffffff;
	        background-position: 0% 0%;
	    }
	    30% {
	        background-color: var(--primary-color);
	        background-position: 0% 100%;
	    }
	    50% {
	        background-position: 0% 0%;
	    }
	    51% {
	        background-color: var(--primary-color);
	    }
	    59% {
	        background-color: #ffffff;
	        background-position: 0% 0%;
	    }
	    60% {
	        background-color: var(--primary-color);
	        background-position: 0% 100%;
	    }
	    80% {
	        background-position: 0% 0%;
	    }
	    81% {
	        background-color: var(--primary-color);
	    }
	    90%,
	    100% {
	        background-color: #ffffff;
	    }
	}
	
	@-webkit-keyframes trackBallSlide {
	    0% {
	        opacity: 1;
	        transform: scale(1) translateY(-20px);
	    }
	    6% {
	        opacity: 1;
	        transform: scale(0.9) translateY(5px);
	    }
	    14% {
	        opacity: 0;
	        transform: scale(0.4) translateY(40px);
	    }
	    15%,
	    19% {
	        opacity: 0;
	        transform: scale(0.4) translateY(-20px);
	    }
	    28%,
	    29.99% {
	        opacity: 1;
	        transform: scale(1) translateY(-20px);
	    }
	    30% {
	        opacity: 1;
	        transform: scale(1) translateY(-20px);
	    }
	    36% {
	        opacity: 1;
	        transform: scale(0.9) translateY(5px);
	    }
	    44% {
	        opacity: 0;
	        transform: scale(0.4) translateY(40px);
	    }
	    45%,
	    49% {
	        opacity: 0;
	        transform: scale(0.4) translateY(-20px);
	    }
	    58%,
	    59.99% {
	        opacity: 1;
	        transform: scale(1) translateY(-20px);
	    }
	    60% {
	        opacity: 1;
	        transform: scale(1) translateY(-20px);
	    }
	    66% {
	        opacity: 1;
	        transform: scale(0.9) translateY(5px);
	    }
	    74% {
	        opacity: 0;
	        transform: scale(0.4) translateY(40px);
	    }
	    75%,
	    79% {
	        opacity: 0;
	        transform: scale(0.4) translateY(-20px);
	    }
	    88%,
	    100% {
	        opacity: 1;
	        transform: scale(1) translateY(-20px);
	    }
	}
	
	@keyframes trackBallSlide {
	    0% {
	        opacity: 1;
	        transform: scale(1) translateY(-20px);
	    }
	    6% {
	        opacity: 1;
	        transform: scale(0.9) translateY(5px);
	    }
	    14% {
	        opacity: 0;
	        transform: scale(0.4) translateY(40px);
	    }
	    15%,
	    19% {
	        opacity: 0;
	        transform: scale(0.4) translateY(-20px);
	    }
	    28%,
	    29.99% {
	        opacity: 1;
	        transform: scale(1) translateY(-20px);
	    }
	    30% {
	        opacity: 1;
	        transform: scale(1) translateY(-20px);
	    }
	    36% {
	        opacity: 1;
	        transform: scale(0.9) translateY(5px);
	    }
	    44% {
	        opacity: 0;
	        transform: scale(0.4) translateY(40px);
	    }
	    45%,
	    49% {
	        opacity: 0;
	        transform: scale(0.4) translateY(-20px);
	    }
	    58%,
	    59.99% {
	        opacity: 1;
	        transform: scale(1) translateY(-20px);
	    }
	    60% {
	        opacity: 1;
	        transform: scale(1) translateY(-20px);
	    }
	    66% {
	        opacity: 1;
	        transform: scale(0.9) translateY(5px);
	    }
	    74% {
	        opacity: 0;
	        transform: scale(0.4) translateY(40px);
	    }
	    75%,
	    79% {
	        opacity: 0;
	        transform: scale(0.4) translateY(-20px);
	    }
	    88%,
	    100% {
	        opacity: 1;
	        transform: scale(1) translateY(-20px);
	    }
	}
	
	@-webkit-keyframes nudgeMouse {
	    0% {
	        transform: translateY(0);
	    }
	    20% {
	        transform: translateY(8px);
	    }
	    30% {
	        transform: translateY(0);
	    }
	    50% {
	        transform: translateY(8px);
	    }
	    60% {
	        transform: translateY(0);
	    }
	    80% {
	        transform: translateY(8px);
	    }
	    90% {
	        transform: translateY(0);
	    }
	}
	
	@keyframes nudgeMouse {
	    0% {
	        transform: translateY(0);
	    }
	    20% {
	        transform: translateY(8px);
	    }
	    30% {
	        transform: translateY(0);
	    }
	    50% {
	        transform: translateY(8px);
	    }
	    60% {
	        transform: translateY(0);
	    }
	    80% {
	        transform: translateY(8px);
	    }
	    90% {
	        transform: translateY(0);
	    }
	}
	
	@-webkit-keyframes nudgeText {
	    0% {
	        transform: translateY(0);
	    }
	    20% {
	        transform: translateY(2px);
	    }
	    30% {
	        transform: translateY(0);
	    }
	    50% {
	        transform: translateY(2px);
	    }
	    60% {
	        transform: translateY(0);
	    }
	    80% {
	        transform: translateY(2px);
	    }
	    90% {
	        transform: translateY(0);
	    }
	}
	
	@keyframes nudgeText {
	    0% {
	        transform: translateY(0);
	    }
	    20% {
	        transform: translateY(2px);
	    }
	    30% {
	        transform: translateY(0);
	    }
	    50% {
	        transform: translateY(2px);
	    }
	    60% {
	        transform: translateY(0);
	    }
	    80% {
	        transform: translateY(2px);
	    }
	    90% {
	        transform: translateY(0);
	    }
	}
	
	@-webkit-keyframes colorText {
	    21% {
	        color: var(--primary-color);
	    }
	    30% {
	        color: #ffffff;
	    }
	    51% {
	        color: var(--primary-color);
	    }
	    60% {
	        color: #ffffff;
	    }
	    81% {
	        color: var(--primary-color);
	    }
	    90% {
	        color: #ffffff;
	    }
	}
	
	@keyframes colorText {
	    21% {
	        color: var(--primary-color);
	    }
	    30% {
	        color: #ffffff;
	    }
	    51% {
	        color: var(--primary-color);
	    }
	    60% {
	        color: #ffffff;
	    }
	    81% {
	        color: var(--primary-color);
	    }
	    90% {
	        color: #ffffff;
	    }
	}
	/* ==================== End ================= */
	/* -===================  About Page ==================== */
	/* ===================(22.) Breadcrumb-Section ================ */
	
	.breadcrumb-section {
	    position: relative;
	    /* background: url('../images/breadcrumb/breadcrumb.jpg'); */
	    background-size: cover;
	    height: 300px;
	    z-index: 1;
	    background-position: calc(50%);
	}
	
	.breadcrumb-section>canvas {
	    z-index: -2 !important;
	}
	
	.breadcrumb-section::before {
	    content: '';
	    background: rgba(0 0 0 / 55%);
	    position: absolute;
	    inset: 0;
	    z-index: -1;
	}
	
	.breadcrumb-section .breadcrumb-footer {
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    left: 0;
	    right: 0;
	    z-index: 1;
	}
    .breadcrumb-section .breadcrumb-footer .breadcrumb-content .breadcrumb-list{
		color:#fff;
    }
	
	.breadcrumb-section .breadcrumb-footer::before {
	    content: '';
	    background: var(--dark-3);
	    position: absolute;
	    inset: 0;
	    z-index: -1;
	    border-bottom: 1px solid rgba(180 180 180 / 20%);
	    opacity: .9;
	}
	
	.breadcrumb-section .breadcrumb-footer .breadcrumb-content {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    padding: 20px 0;
	}
	
	.breadcrumb-section .breadcrumb-footer .breadcrumb-content .breadcrumb-heading h1 {
	    color: var(--text-white);
	    font-size: 35px;
	    margin-bottom: 0;
	    font-weight: 500;
	}
	
	.breadcrumb-section .breadcrumb-footer .breadcrumb-content .breadcrumb-list {
	    list-style: none;
	    display: flex;
	    align-items: center;
	    gap: 15px;
	    margin-bottom: 0;
	    background: var(--primary-color);
	    padding: 15px 20px;
	    border-radius: 100px;
	}
	
	.breadcrumb-section .breadcrumb-footer .breadcrumb-content .breadcrumb-list li a {
	    margin-right: 10px;
	    text-decoration: none;
	    font-size: 18px;
	    font-weight: 500;
	    color: var(--text-white);
	}
	
	.breadcrumb-section .breadcrumb-footer .breadcrumb-content .breadcrumb-list li {
	    color: var(--text-white);
	}
	
	.breadcrumb-section .breadcrumb-footer .breadcrumb-content .breadcrumb-list li i {
	    color: var(--text-white);
	}
	
	.breadcrumb-section .breadcrumb-footer .breadcrumb-content .breadcrumb-list li span {
	    font-size: 18px;
	    color: var(--text-white);
	    font-weight: 400;
	}
	/* ==================== End ==================== */
	/* ================== (23.) About Section =================== */
	
	.about-section {
	    padding: 80px 0;
	    position: relative;
	    overflow: hidden;
	}
	
	.about-section .left-side-content .sub-title span {
	    font-size: 20px;
	    font-weight: 600;
	    margin-bottom: 5px;
	    color: var(--highlight-color);
	    display: inline-block;
	}
	
	.about-section .left-side-content .text p {
	    margin-bottom: 30px;
	    color: var(--secondary-color);
	}
	
	.about-section .left-side-content .title h2 {
	    font-size: 35px;
	    font-weight: 700;
	    color: var(--secondary-color);
	    margin-bottom: 10px;
	}
	
	.about-section .left-side-content .title h2>span {
	    font-size: 33px;
	    font-weight: 700;
	    color: var(--primary-color);
	}
	
	.about-section .left-side-content .list-items {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    margin: 20px 0;
	}
	
	.about-section .left-side-content .list-items ul {
	    list-style: none;
	    padding-left: 0;
	    margin-bottom: 10px;
	}
	
	.about-section .left-side-content .list-items ul li {
	    display: flex;
	    align-items: center;
	    margin-bottom: 20px;
	    gap: 10px;
	    width: 50%;
	    float: left;
	}
	
	.about-section .left-side-content .list-items ul li i {
	    font-size: 25px;
	    color: var(--primary-color);
	}
	
	.about-section .left-side-content .list-items ul li a {
	    font-size: 18px;
	    font-weight: 600;
	    text-decoration: none;
	    color: var(--secondary-color);
	}
	
	.about-section .left-side-content .achivements .icon-wrap {
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    background: var(--dark-2);
	    border: 1px solid rgba(180 180 180 / 20%);
	    width: 100px;
	    height: 100px;
	    line-height: 100px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    padding: 15px;
	    border-radius: 50%;
	}
	
	.about-section .left-side-content .achivements .icon-wrap img {
	    max-width: 55px;
	    width: 100%;
	}
	
	.about-section .left-side-content .achivements {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	
	.about-section .left-side-content .achivements .box-wrap {
	    display: flex;
	    align-items: center;
	    gap: 15px;
	}
	
	.about-section .left-side-content .achivements .box-wrap .text-wrap {
	    line-height: 1;
	}
	
	.about-section .left-side-content .achivements .box-wrap .text-wrap h4 {
	    font-size: 24px;
	    font-weight: 700;
	    color: var(--secondary-color);
	}
	
	.about-section .left-side-content .achivements .box-wrap .text-wrap .desc {
	    font-size: 16px;
	    font-weight: 500;
	    display: inline-block;
	    color: var(--primary-color);
	}
	
	.about-section .right-side-content .content-box .text-wrap p {
	    background: var(--highlight-color);
	    color: var(--text-white);
	    padding: 15px;
	    font-size: 30px;
	    position: absolute;
	    font-style: italic;
	    bottom: 0px;
	    right: 0;
	    width: 400px;
	    text-align: center;
	    border-radius: 6px;
	    font-weight: 500;
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    margin: 0;
	}
	
	.about-section .right-side-content .content-box {
	    position: relative;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	/* ===================== End ============== */
	/* ======================== Feature Section  2 =================== */
	
	.feature-section-2 {
	    padding: 80px 0;
	    position: relative;
	}
	
	.feature-section-2 .left-content .item-list {
	    LIST-STYLE: none;
	    padding-left: 0;
	    display: block;
	    margin-bottom: 0;
	}
	
	.feature-section-2 .left-content .item-list .item a {
	    display: flex;
	    margin: 5px;
	    align-items: center;
	    gap: 15px;
	    font-size: 18px;
	    text-decoration: none;
	    font-weight: 600;
	    color: var(--secondary-color);
	}
	
	.feature-section-2 .left-content .item-list .item a>i {
	    font-size: 24px;
	    color: var(--primary-color);
	}
	
	.feature-section-2 .left-content .item-list .item {
	    padding: 15px;
	    line-height: 30px;
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    margin-bottom: 30px;
	    border-radius: 6px;
	    border: 1px solid rgba(255 255 255 / 30%);
	    background: var(--dark-2);
	}
	
	.feature-section-2 .left-content .achive .icon-wrap {
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    background: var(--dark-2);
	    border: 1px solid rgba(180 180 180 / 20%);
	    width: 80px;
	    height: 80px;
	    line-height: 80px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    padding: 15px;
	    border-radius: 50%;
	}
	
	.feature-section-2 .left-content .achive .icon-wrap img {
	    max-width: 55px;
	    width: 100%;
	}
	
	.feature-section-2 .left-content .achive {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	
	.feature-section-2 .left-content .achive .box-wrap {
	    display: flex;
	    align-items: center;
	    gap: 13px;
	}
	
	.feature-section-2 .left-content .achive .box-wrap .text-wrap {
	    line-height: 1;
	}
	
	.feature-section-2 .left-content .achive .box-wrap .text-wrap h4 {
	    font-size: 24px;
	    font-weight: 700;
	    color: var(--secondary-color);
	    margin-bottom: 10px;
	}
	
	.feature-section-2 .left-content .achive .box-wrap .text-wrap .desc {
	    font-size: 14px;
	    font-weight: 500;
	    display: inline-block;
	    color: var(--primary-color);
	}
	
	.feature-section-2 .center-content {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    position: relative;
	}
	
	.feature-section-2 .center-content::after {
	    content: '';
	    position: absolute;
	    inset: -38px;
	    border: 2px solid var(--primary-color);
	    z-index: -1;
	    border-radius: 50%;
	}
	
	.feature-section-2 .center-image-wrap {
	    width: 420px;
	    margin: 0 auto;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    position: relative;
	    height: 420px;
	    z-index: 0;
	}
	
	.feature-section-2 .center-content .center-image-wrap img {
	    z-index: 1;
	    position: relative;
	    height: 461px;
	    width: 320px;
	    border-radius: 0px 82px 156px 154px;
	    transform: translateY(-20px);
	}
	
	.feature-section-2 .center-content .center-image-wrap::after {
	    content: '';
	    position: absolute;
	    inset: 0;
	    border: 2px solid var(--primary-color);
	    border-radius: 50%;
	    z-index: -1;
	}
	
	.feature-section-2 .center-image-wrap>span:nth-child(2) {
	    position: absolute;
	    top: 0;
	    right: 40px;
	}
	
	.feature-section-2 .center-image-wrap>span:nth-child(3) {
	    position: absolute;
	    top: 140px;
	    right: -6px;
	}
	
	.feature-section-2 .center-image-wrap>span:nth-child(4) {
	    position: absolute;
	    top: 100px;
	    left: 10px;
	}
	
	.feature-section-2 .center-image-wrap>span:nth-child(5) {
	    position: absolute;
	    bottom: 30px;
	    right: 68px;
	}
	
	.feature-section-2 .center-image-wrap>span:nth-child(6) {
	    position: absolute;
	    top: 250px;
	    left: -45px;
	}
	
	.feature-section-2 .center-image-wrap>span:nth-child(7) {
	    position: absolute;
	    top: 0;
	    left: 40px;
	}
	
	.feature-section-2 .center-image-wrap>span:nth-child(8) {
	    position: absolute;
	    bottom: 0;
	    left: 40px;
	}
	
	.feature-section-2 .center-image-wrap>span {
	    background: var(--white);
	    display: block;
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    color: var(--highlight-color);
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	    text-align: center;
	    border-radius: 50%;
	    z-index: 1;
	}
	/* ================== End =====================  */
	/* ====================== Testimonial Section 2 ==================== */
	
	.testimonial-section-2 {
	    padding: 80px 0;
	    position: relative;
	    overflow: hidden;
	}
	
	.testimonial-section-2 .bg-elements img.element1 {
	    position: absolute;
	    bottom: 40px;
	    z-index: -1;
	    left: 0;
	    animation: move01 15s linear infinite;
	}
	
	.testimonial-section-2 .bg-elements img.element2 {
	    position: absolute;
	    transform: rotate(90deg);
	    z-index: -1;
	    right: 0px;
	    width: 200px;
	    top: 150px;
	    animation: floating 3s infinite;
	}
	
	section.testimonial-section-2::before {
	    content: '';
	    background: var(--primary-color-light);
	    position: absolute;
	    inset: 0;
	    z-index: -1;
	    opacity: 0.1;
	}
	
	.testimonial-section-2 .testimonial-box {
	    padding: 30px 20px;
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    margin: 10px;
	    position: relative;
	    background: var(--dark-2);
	    border: 1px solid rgba(180 180 180 / 50%);
	    transition: 1s;
	    z-index: 1;
	}
	
	.testimonial-section-2 .testimonial-box:hover,
	.testimonial-section-2 .testimonial-box:focus-within,
	.testimonial-section-2 .owl-item.center .testimonial-box {
	    background: var(--primary-color);
	    color: var(--text-white);
	}
	
	.testimonial-section-2 .testimonial-box:after {
	    content: '\f10d';
	    position: absolute;
	    top: -10px;
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 600;
	    left: 27px;
	    background: var(--primary-color);
	    width: 50px;
	    height: 50px;
	    line-height: 50px;
	    border-radius: 50%;
	    text-align: center;
	    font-size: 24px;
	    display: inline-block;
	    color: var(--text-white);
	    transition: 1s;
	    z-index: -1;
	}
	
	.testimonial-section-2 .testimonial-box:hover:after,
	.testimonial-section-2 .testimonial-box:focus-within:after,
	.owl-item.center .testimonial-box::after {
	    background: var(--highlight-color);
	}
	
	.testimonial-section-2 .testimonial-box .text-wrap {
	    margin: 20px 0;
	}
	
	.testimonial-section-2 .testimonial-box .text-wrap p {
	    color: var(--secondary-color);
	}
	
	.testimonial-section-2 .testimonial-box .testimonial-info .img-wrap img {
	    max-width: 60px;
	    border-radius: 50%;
	    width: 100%;
	}
	
	.testimonial-section-2 .testimonial-box .testimonial-info .info-wrap h4 {
	    font-size: 18px;
	    font-weight: 600;
	    color: var(--secondary-color);
	    margin: 0;
	    transition: 1s;
	}
	
	.testimonial-section-2 .testimonial-box:hover .testimonial-info .info-wrap h4,
	.testimonial-section-2 .testimonial-box:focus-within .testimonial-info .info-wrap h4,
	.owl-item.center .testimonial-box .testimonial-info .info-wrap h4 {
	    color: var(--text-white);
	}
	
	.testimonial-section-2 .testimonial-box:hover .text-wrap p,
	.testimonial-section-2 .testimonial-box:focus-within .text-wrap p,
	.owl-item.center .testimonial-box .text-wrap p {
	    color: var(--text-white);
	}
	
	.testimonial-section-2 .testimonial-box .testimonial-info .info-wrap span {
	    font-size: 16px;
	    font-weight: 400;
	    color: var(--primary-color);
	    transition: 1s;
	}
	
	.testimonial-section-2 .testimonial-box:hover .testimonial-info .info-wrap span,
	.testimonial-section-2 .testimonial-box:focus-within .testimonial-info .info-wrap span,
	.owl-item.center .testimonial-box .testimonial-info .info-wrap span {
	    color: var(--text-white);
	}
	
	.testimonial-section-2 .testimonial-box .testimonial-info {
	    display: flex;
	    align-items: center;
	    gap: 10px;
	    margin: 20px 0;
	}
	
	.testimonial-section-2 .testimonials-Feedback {
	    width: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    gap: 15px;
	    margin-top: 40px;
	}
	
	.testimonial-section-2 .testimonials-Feedback ul.testimonial-img {
	    list-style: none;
	    padding-left: 0;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin-bottom: 0;
	}
	
	.testimonial-section-2 .testimonials-Feedback ul.testimonial-img li {
	    transition: .6s;
	    cursor: pointer;
	}
	
	.testimonial-section-2 .testimonials-Feedback ul.testimonial-img li:hover,
	.testimonial-section-2 .testimonials-Feedback ul.testimonial-img li:focus-within {
	    margin: 0 15px;
	}
	
	.testimonial-section-2 .testimonials-Feedback ul.testimonial-img li:nth-child(n+2) {
	    margin-left: -18px;
	}
	
	.testimonial-section-2 .testimonials-Feedback ul.testimonial-img li img {
	    border-radius: 50%;
	    max-width: 50px;
	    width: 100%;
	    border: 2px solid #fff;
	    padding: 0;
	}
	
	.testimonial-section-2 .testimonials-Feedback .feedback-link a {
	    font-size: 18px;
	    color: var(--secondary-color);
	    font-weight: 600;
	    transition: 1s;
	}
	
	.testimonial-section-2 .testimonials-Feedback .feedback-link a:hover,
	.testimonial-section-2 .testimonials-Feedback .feedback-link a:focus-within {
	    text-decoration: dotted underline;
	    color: var(--primary-color);
	}
	/* ===================== End ===================== */
	/* ====================== Service Page ======================== */
	
	.service-section.service-section-2 .service-box>.bg-element svg {
	    fill: var(--highlight-color);
	}
	
	.service-section.service-section-2 .service-box .bg-element .st0 {
	    stroke: var(--highlight-color);
	}
	
	.service-section.service-section-2 .service-box .bg-element .st1 {
	    stroke: var(--highlight-color);
	}
	
	.service-section.service-section-2 .service-box:hover .bg-element .st1,
	.service-section.service-section-2 .service-box:focus-within .bg-element .st1 {
	    stroke: var(--white);
	}
	
	.service-section.service-section-2 .service-box:hover .bg-element .st0,
	.service-section.service-section-2 .service-box:focus-within .bg-element .st0 {
	    stroke: var(--white);
	}
	
	.service-section.service-section-2 .service-box:hover .bg-element svg,
	.service-section.service-section-2 .service-box:focus-within .bg-element svg {
	    fill: #fff;
	}
	/* ==================== End ================= */
	/* =========================== Doctors Page ========================= */
	
	.doctors-section.doctors-section-2 .main-wrap .text-wrap {
	    right: 20px;
	    left: 20px;
	}
	
	.doctors-section.doctors-section-2 .main-wrap .widget_social_widget ul {
	    margin-bottom: 5px;
	}
	
	.doctors-section.doctors-section-2 .content-box {
	    margin: 0;
	}
	/* ========================= End =================== */
	/* ===================== (24.) Faq section ============= */
	
	.faq-section {
	    position: relative;
	    padding: 80px 0;
	}
	
	.faq-section .accordion-button::after {
	    content: '\f067' !important;
	    background: var(--highlight-color);
	    background-image: none;
	    width: 30px;
	    line-height: 30px;
	    height: 30px;
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 600;
	    color: var(--text-white);
	    display: flex;
	    align-items: center;
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    justify-content: center;
	    border-radius: 50%;
	    font-size: 16px;
	}
	
	.faq-section .accordion-item {
	    border: 0;
	}
	
	.faq-section .accordion-item .accordion-body {
	    background: var(--dark-2);
	    color: var(--secondary-color);
	    border: 1px solid rgba(180 180 180 / 40%);
	    border-top: 0;
	}
	
	.faq-section .accordion-flush .accordion-item .accordion-button,
	.faq-section .accordion-flush .accordion-item .accordion-button.collapsed {
	    border-radius: 6px;
	    position: relative;
	    z-index: 1;
	    height: 55px;
	    background: var(--dark-3);
	    border: 1px solid rgba(180 180 180 / 40%);
	}
	
	.faq-section .accordion {
	    border-radius: 6PX;
	    --bs-accordion-bg: var(--dark-bg-2) !important;
	}
	
	.faq-section .load-item {
	    display: none;
	}
	
	.faq-section .accordion-flush .accordion-item .accordion-button>span {
	    font-size: 16px;
	    font-weight: 500;
	    color: var(--text-white);
	    line-height: 1.2;
	    transition: 1s;
	}
	
	.faq-section .accordion-flush .accordion-item {
	    margin-bottom: 20px;
	    position: relative;
	}
	
	.faq-section .accordion-flush .accordion-item>.count-element {
	    position: absolute;
	    z-index: 2;
	    top: 0;
	    left: 0;
	    background: var(--bg-1);
	    color: var(--text-white);
	    padding: 14px;
	    font-size: 18px;
	    font-weight: 600;
	}
	
	.faq-section .accordion-flush .accordion-item {
	    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 5px;
	}
	
	.faq-section .accordion-button:not(.collapsed) {
	    background: inherit;
	    box-shadow: none;
	    border: 0;
	    outline: none;
	}
	
	.faq-section .accordion-button:not(.collapsed) span {
	    color: var(--primary-color) !important;
	}
	
	.faq-section .accordion-button:focus {
	    box-shadow: none;
	}
	
	.faq-section .accordion-button:not(.collapsed)::after {
	    transform: rotate(45deg);
	}
	
	.load-btn {
	    width: 110px;
	    height: 110px;
	    border-radius: 50%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    background: var(--highlight-color);
	    border: 0;
	    color: var(--text-white);
	    font-weight: 600;
	    margin: auto;
	    margin-top: 30px;
	    transition: .6s;
	    position: relative;
	}
	
	.load-btn:hover,
	.load-btn:focus-within {
	    background: var(--highlight-color) !important;
	    color: var(--text-white) !important;
	    text-decoration: none;
	}
	
	.load-spinner {
	    position: relative;
	    cursor: pointer;
	    width: 18px;
	    height: 18px;
	    display: inline-block;
	    vertical-align: middle;
	    margin: 5px 0;
	}
	
	.load-spinner:before,
	.load-spinner:after {
	    position: absolute;
	    display: block;
	    content: "";
	    width: 9px;
	    height: 9px;
	    left: 0;
	    top: -5px;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    border-width: 2px;
	    border-style: solid;
	    border-color: transparent;
	    border-bottom-color: #fff;
	    border-right-color: #fff;
	    border-radius: 0 0 1px 0;
	    transform: translate(0%, 0%) rotate(45deg);
	    transition: all 0.4s ease-in-out;
	}
	
	.loadspinner .load-spinner:before {
	    border-radius: 50%;
	    animation: 0.8s rotate3 0.4s linear forwards infinite;
	}
	
	.loadspinner .load-spinner:after {
	    width: 18px;
	    height: 18px;
	    border-radius: 50%;
	    animation: 0.8s rotate4 0.4s linear forwards infinite;
	}
	
	@keyframes rotate3 {
	    to {
	        transform: translate(0%, 0%) rotate(405deg);
	    }
	}
	
	@keyframes rotate4 {
	    to {
	        transform: translate(0%, 0%) rotate(-315deg);
	    }
	}
	/* ====================== End ==================== */
	/* ==================== End ================== */
	/* ======================== (25.) Pricing Comparison Table ================== */
	
	.comparison-pricing {
	    padding: 80px 0;
	}
	
	.comparison-pricing table thead tr th {
	    border: 1px solid rgb(90 96 108 / 52%);
	    padding: 40px 60px;
	    text-align: center;
	    font-weight: 400;
	    background: var(--dark-3);
	    color: var(--text-white);
	}
	
	.comparison-pricing table thead tr th .pricing-tag>span {
	    font-weight: 600;
	    font-size: 24px;
	    color: var(--text-white);
	    margin-bottom: 10px;
	    display: inline-block;
	}
	
	.comparison-pricing table thead tr th .price {
	    font-size: 35px;
	    font-weight: 800;
	    color: var(--highlight-color);
	    display: inline-block;
	}
	
	.comparison-pricing table thead tr th .text {
	    font-size: 16px;
	    display: inline-block;
	    color: var(--text-white);
	}
	
	.comparison-pricing table thead tr th .type {
	    display: block;
	    margin-bottom: 20px;
	    font-weight: 500;
	    color: var(--text-white);
	}
	
	.comparison-pricing table thead tr th .main-button {
	    text-decoration: none;
	    border: 1px solid var(--primary-color);
	    border-radius: 50px;
	    padding: 10px 20px;
	    color: var(--text-white);
	    font-size: 16px;
	    transition: .6s;
	    background: var(--primary-color);
	}
	
	.comparison-pricing table thead tr th .main-button:hover,
	.comparison-pricing table thead tr th .main-button:focus-within {
	    background: transparent;
	}
	
	.comparison-pricing table thead tr th .main-button i {
	    padding-left: 10px;
	}
	
	.comparison-pricing table thead tr th .main-button span {
	    border-right: 1px solid var(--text-white);
	    padding-right: 10px
	}
	
	.comparison-pricing table tbody tr td {
	    text-align: center;
	    padding: 10px;
	    border: 1px solid rgb(157 157 157 / 30%);
	    font-size: 16px;
	    font-weight: 600;
	    color: var(--secondary-color);
	}
	
	.comparison-pricing table tbody tr td.highlight {
	    color: var(--highlight-color);
	}
	
	.comparison-pricing table tbody tr td.default {
	    color: var(--secondary-color);
	}
	
	.comparison-pricing .comparison-table table {
	    table-layout: auto !important;
	}
	/* ===================== End =============== */
	/* =============== Button animation =============== */
	
	.main-button {
	    display: -webkit-inline-box;
	    position: relative;
	    z-index: 1;
	    overflow: hidden;
	    text-decoration: none;
	    font-family: sans-serif;
	    font-weight: 600;
	    font-size: 2em;
	    padding: 0.75em 1em;
	    border-radius: calc(0.75em + 0.5em + 0.15em);
	    transition: 4s;
	    color: var(--text-white);
	}
	
	.main-button:before,
	.main-button:after {
	    content: "";
	    position: absolute;
	    top: 0;
	    z-index: -1;
	    width: 200%;
	    aspect-ratio: 1;
	    border: none;
	    border-radius: 40%;
	    background-color: var(--primary-color);
	    transition: 4s;
	}
	
	.main-button:before {
	    left: -80%;
	    transform: translate3d(0, 5em, 0) rotate(-340deg);
	    opacity: 0.8;
	}
	
	.main-button:after {
	    right: -80%;
	    transform: translate3d(0, 5em, 0) rotate(390deg);
	    opacity: 0.5;
	}
	
	.main-button:hover,
	.main-button:focus {
	    color: white;
	}
	
	.main-button:hover:before,
	.main-button:hover:after,
	.main-button:focus:before,
	.main-button:focus:after {
	    transform: none;
	    background-color: var(--primary-color);
	    top: -3.5em;
	}
	/* ==================== End ================== */
	
	#trailer {
	    height: 20px;
	    width: 20px;
	    background-color: var(--secondary-color);
	    border-radius: 20px;
	    position: fixed;
	    top: 0px;
	    left: 0px;
	    z-index: 10000;
	    pointer-events: none;
	    opacity: 0;
	    transition: opacity 500ms ease;
	    border: 2px solid var(--primary-color);
	}
	
	#trailer:after {
	    animation: wave5 2s infinite;
	    content: "";
	    position: absolute;
	    inset: 0;
	    border-radius: 100px;
	}
	
	#trailer:before {
	    animation: wave6 2s infinite;
	    content: "";
	    position: absolute;
	    inset: 0;
	    border-radius: 100px;
	}
	
	body:hover>#trailer {
	    opacity: 1;
	}
	/* ====================== (27.) Blog Pages Pagination =================== */
	
	.pagination {
	    justify-content: center;
	    margin: 30px 0px;
	}
	
	.pagination .nav-links {
	    border: 1px solid rgba(180 180 180 / 30%);
	    padding: 5px 10px;
	    display: flex;
	    border-radius: 100px;
	    gap: 10px;
	    background: var(--dark-3);
	}
	
	.pagination .page-numbers {
	    background: transparent;
	    width: 30px;
	    display: inline-block;
	    height: 30px;
	    color: var(--text-white);
	    text-decoration: none;
	    line-height: 30px;
	    border-radius: 50%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    border: 1px solid rgba(180 180 180 / 40%);
	    font-size: 16px;
	    font-weight: 600;
	}
	
	.pagination .page-numbers.current {
	    background: var(--highlight-color);
	}
	
	.pagination .pagination__list {
	    list-style: none;
	    padding-left: 0;
	    display: flex;
	    align-items: center;
	    gap: 10px;
	    margin: 0;
	    border-radius: 100px;
	    background: var(--dark-3);
	    border: 1px solid rgba(180 180 180 / 50%);
	    padding: 3px 15px;
	}
	
	.pagination .pagination__list li button {
	    font-weight: 600;
	    border-radius: 0;
	    border: 0;
	    display: block;
	    font-size: 18px;
	    position: relative;
	    background: var(--dark-3);
	    border: 1px solid rgba(180 180 180 / 50%);
	    color: var(--text-white);
	    line-height: 30px;
	    z-index: 1;
	    width: 30px;
	    height: 30px;
	    border-radius: 50%;
	}
	
	.pagination .pagination__list li button.active {
	    background: var(--highlight-color);
	}
	
	.pagination .pagination__button {
	    padding: 10px;
	    border: 1px solid rgba(180 180 180 / 50%);
	    border-radius: 50%;
	    width: 50px;
	    height: 50px;
	    line-height: 0;
	    margin: 0 15px;
	    text-align: center;
	    background: var(--dark-3);
	    color: var(--text-white);
	    transition: .6s;
	}
	
	.pagination .pagination__button#pg-button-prev:hover i,
	.pagination .pagination__button#pg-button-prev:focus-within i {
	    animation: bounceInLeft .6s linear;
	}
	
	.pagination .pagination__button#pg-button-prev:hover,
	.pagination .pagination__button#pg-button-prev:focus-within {
	    background: var(--primary-color);
	}
	
	.pagination .pagination__button#pg-button-next:hover i,
	.pagination .pagination__button#pg-button-next:focus-within i {
	    animation: bounceInRight .6s linear;
	}
	
	.pagination .pagination__button#pg-button-next:hover,
	.pagination .pagination__button#pg-button-next:focus-within {
	    background: var(--primary-color);
	}
	/* ===================== End =================== */
	/* ================== (26.) Blog Single ================== */
	
	.blog-section.blog-single-page .widget-single-page .widget-title {
	    font-size: 20px;
	    font-weight: 500;
	    color: var(--secondary-color);
	    margin: 0;
	}
	
	.blog-section.blog-single-page .widget-single-page {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	
	.blog-section.blog-single-page .widget-single-page .sinlge-page-tag {
	    display: flex;
	    align-items: center;
	    gap: 20px;
	}
	
	.blog-section.blog-single-page .widget-single-page .sinlge-page-tag .tagcloud a {
	    font-size: 16px;
	    text-decoration: none;
	    font-weight: 400;
	    color: var(--secondary-color);
	}
	
	.blog-section.blog-single-page .widget-single-page .widget_social_widget ul {
	    padding-left: 0;
	    display: flex;
	    align-items: center;
	    list-style: none;
	    align-items: center;
	    justify-content: space-evenly;
	    gap: 10px;
	    margin-bottom: 10px;
	    margin: 0;
	}
	
	.blog-section.blog-single-page .widget-single-page .widget_social_widget {
	    display: flex;
	    align-items: center;
	    gap: 20px;
	}
	
	.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a {
	    display: inline-block;
	    color: var(--secondary-color);
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	    text-align: center;
	    border-radius: 50%;
	    z-index: 1;
	    position: relative;
	    transition: .3s;
	}
	
	.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a:hover::after,
	.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a:focus-within::after {
	    animation: wave5 2s infinite;
	    content: "";
	    position: absolute;
	    inset: 0;
	    border-radius: 100px;
	}
	
	.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a:hover::before,
	.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a:focus-within::before {
	    content: "";
	    position: absolute;
	    inset: 0;
	    border-radius: 100px;
	    animation: wave6 1s infinite;
	}
	
	.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a:hover,
	.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a:focus-within {
	    border-color: var(--primary-color);
	    color: var(--primary-color);
	}
	
	.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a:hover i,
	.blog-section.blog-single-page .widget-single-page .widget_social_widget ul li a:focus-within i {
	    animation: rotateIn .6s linear;
	}
	
	.blog-section.blog-single-page .comments-area .comment-body {
	    position: relative;
	    padding-left: 120px;
	    min-height: 120px;
	    overflow-wrap: break-word;
	    word-wrap: break-word;
	    border-radius: 3px;
	    z-index: 0;
	    margin-bottom: 5px;
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    margin: 20px 0;
	    padding: 20px;
	    padding-left: 120px;
	    border: 1px solid rgba(255 255 255 / 20%);
	    background: var(--dark-2);
	}
	
	.blog-section.blog-single-page .comments-area .comment-body .comment-content p {
	    color: var(--secondary-color);
	}
	
	.blog-section.blog-single-page .comments-area .comment-meta .comment-author img {
	    position: absolute;
	    z-index: 0;
	    left: 20px;
	    border-radius: 10px;
	    width: 70px;
	    height: 70px;
	}
	
	.blog-section.blog-single-page .comments-area .comments-title h3 {
	    font-size: 24px;
	    font-weight: 500;
	    color: var(--secondary-color);
	}
	
	.blog-section.blog-single-page .comments-area .comment-meta .comment-author .fn a {
	    text-decoration: none;
	    font-size: 20px;
	    font-weight: 500;
	    transition: 1s;
	    color: var(--secondary-color);
	}
	
	.blog-section.blog-single-page .comments-area .comment-meta .comment-author .fn a:hover,
	.blog-section.blog-single-page .comments-area .comment-meta .comment-author .fn a:focus-within {
	    color: var(--primary-color);
	    text-decoration: dotted underline;
	}
	
	.blog-section.blog-single-page .comment-list {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	}
	
	.blog-section.blog-single-page .comment-list .children {
	    position: relative;
	    padding: 0;
	    margin: 0;
	    margin-left: 2.5rem;
	    z-index: 0;
	}
	
	.blog-section.blog-single-page .comments-area .comment-body .comment-metadata a time {
	    font-size: 18px;
	    font-weight: 500;
	    display: inline-block;
	    color: var(--secondary-color);
	    position: absolute;
	    right: 15px;
	    top: 10px;
	    transition: 0.65s;
	}
	
	.blog-section.blog-single-page .comments-area .comment-meta .comment-author {
	    font-size: 20px;
	    margin-bottom: 5px;
	}
	
	.blog-section.blog-single-page ol.comment-list li {
	    list-style: none;
	}
	
	.blog-section.blog-single-page ol.comment-list li#comment-13 {
	    margin-left: -70px;
	}
	
	.blog-section.blog-single-page .comment-meta .comment-metadata {
	    width: 100%;
	    position: relative;
	}
	
	.blog-section.blog-single-page .comments-area .comment-body .comment-metadata a.comment-reply-link {
	    text-decoration: none;
	    font-size: 16px;
	    font-weight: 500;
	    transition: 1s;
	    color: var(--secondary-color);
	}
	
	.blog-section.blog-single-page .comments-area .comment-body .comment-metadata a.comment-reply-link:hover,
	.blog-section.blog-single-page .comments-area .comment-body .comment-metadata a.comment-reply-link:focus-within {
	    color: var(--highlight-color);
	    text-decoration: dotted underline;
	}
	
	.blog-section.blog-single-page .comments-area .comment-respond .comment-reply-title {
	    font-size: 24px;
	    font-weight: 500;
	    color: var(--secondary-color);
	}
	
	.blog-section.blog-single-page .comment-form {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    align-items: center;
	}
	
	.blog-section.blog-single-page .comment-form>p:nth-child(1n+1):not(.comment-form-email):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit):not(.comment-form-url) {
	    margin-right: 30px;
	}
	
	.blog-section.blog-single-page .comment-form>p:not(.comment-notes):not(.comment-form-comment):not(.comment-form-cookies-consent):not(.form-submit) {
	    flex: 45.5%;
	}
	
	.blog-section.blog-single-page .comment-form>p label {
	       font-size: 16px;
            font-weight: 600;
            color: var(--secondary-color);
	}
	
	.blog-section.blog-single-page .comment-form>p.comment-form-cookies-consent>label {
	    color: var(--secondary-color);
	    display: inline-block;
	    /* line-height: 0; */
	}
	
	.blog-section.blog-single-page .comment-form>p input[type="text"],
	.blog-section.blog-single-page .comment-form>p input[type="email"],
	.blog-section.blog-single-page .comment-form>p input[type="url"] {
	    padding: 15px;
	    border-radius: 100px;
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    border: 0;
	    width: 100%;
	}
	
	.blog-section.blog-single-page .comment-form p input::placeholder {
	    color: var(--secondary-color);
	}
	
	.blog-section.blog-single-page .comment-form>p input {
	    outline: none;
	    border: 0;
	    color: var(--secondary-color);
	    margin-bottom: 20px;
	    background: var(--dark-2);
	    border: 1px solid rgba(255 255 255 / 20%) !important;
	}
	
	.blog-section.blog-single-page .comment-form-comment {
	    max-width: 100%;
	    flex-basis: 100%;
	}
	
	.blog-section.blog-single-page .comment-respond textarea#comment {
	    height: 140px;
	    overflow: auto;
	    width: 100%;
	    resize: vertical;
	    padding: 15px;
	    color: var(--secondary-color);
	    border: 0;
	    outline: none;
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    border-radius: 15px;
	    background: var(--dark-2);
	    border: 1px solid rgba(255 255 255 / 20%) !important;
	}
	
	.blog-section.blog-single-page .comment-respond textarea::placeholder {
	    color: var(--secondary-color);
	}
	
	.blog-section.blog-single-page .comment-respond input#comment-submit {
	    background-color: var(--dark-3);
	    padding: 12px 25px;
	    border: 1px solid var(--dark-3);
	    border-radius: 5px;
	    color: var(--text-white);
	    font-size: 18px;
	    font-weight: 500;
	    transition: 0.65s;
	    border-radius: 100px;
	    margin-top: 20px;
	}
	
	.blog-section.blog-single-page .comment-respond input#comment-submit:hover,
	.blog-section.blog-single-page .comment-respond input#comment-submit:focus-within {
	    background-color: var(--primary-color);
	    color: var(--text-white);
	}
	
	.blog-section.blog-single-page article.post-item {
	    padding-bottom: 0;
	    padding: 10px;
	}
	
	.blog-section.blog-single-page .post-item .post-content p {
	    margin-bottom: 10px;
	}
	
	.blog-section.blog-single-page .post-item .post-image .post-categories {
	    position: absolute;
	    bottom: -25px;
	    left: 45%;
	    transform: translate(-50%, 0);
	    z-index: 1;
	    right: auto;
	}
	
	.blog-section.blog-single-page .post-item .post-image .post-categories li a {
	    display: inline-block;
	    margin: 3px;
	}
	
	.blog-section.blog-single-page .post-item .post-content .post-meta.up .post-tag {
	    float: right;
	    line-height: 3.5;
	}
	
	.blog-section.blog-single-page .blog-post.author-details {
	    padding: 20px;
	    background: var(--dark-2);
	    border: 1px solid rgba(180 180 180 / 30%);
	    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	    border-radius: 6px;
	    margin-top: 20px;
	}
	
	.blog-section.blog-single-page .blog-post.author-details .section-header h2 {
	    font-size: 24px;
	    font-weight: 500;
	    color: var(--secondary-color);
	}
	
	.blog-section.blog-single-page .author-meta-det h4 a {
	    font-size: 24px;
	    font-weight: 500;
	    color: var(--secondary-color);
	    text-decoration: none;
	}
	
	.blog-section.blog-single-page .author-meta-det p {
	    color: var(--secondary-color);
	}
	
	.blog-section.blog-single-page .author-meta-det a.main-button {
	    background: var(--dark-3);
	    padding: 10px 20px;
	    font-size: 16px;
	    border: 1px solid rgba(180 180 180 / 30%);
	    text-decoration: none;
	    transition: .6s;
	}
	
	.blog-section.blog-single-page .media .auth-mata img {
	    border-radius: 50%;
	    width: 130px;
	    height: 130px;
	    margin-bottom: 15px;
	}
	/* ================= End ================= */
	/* ==================== Shop Page =================== */
	
	.product-section {
	    padding: 80px 0;
	}
	
	.product-section .page-title {
	    color: var(--secondary-color);
	    font-size: 35px;
	    font-weight: 600;
	}
	/* ===================== End ===================== */
	/* ==================== Cart Page =================== */
	
	.cart-section {
	    padding: 80px 0;
	}
	
	.cart-section .page-title {
	    color: var(--secondary-color);
	    font-size: 35px;
	    font-weight: 600;
	}
	/* ===================== End ===================== */
	/* ==================== Cart Page =================== */
	
	.product-single-section {
	    padding: 80px 0;
	}
	
	.product-single-section .page-title {
	    color: var(--secondary-color);
	    font-size: 35px;
	    font-weight: 600;
	}
	/* ===================== End ===================== */
	/* ================ My Account Page ================== */
	
	.account-section {
	    padding: 80px 0;
	}
	
	.account-section .woocommerce-form-login {
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    background: var(--dark-2);
	    border-radius: 6px;
	    /* border: 1px solid rgba(180 180 180 / 50%); */
	    margin-bottom: 20px;
	}
	
	.account-section .signin-form form {
	    padding: 20px;
	}
	
	.account-section .woocommerce-form-login {
	    padding: 20px;
	}
	
	.account-section h5 {
	    padding: 20px;
	    background: var(--bg-1);
	    color: var(--text-white);
	    border-radius: 6px 6px 0px 0px
	}
	
	.account-section .signin-form form p label {
	    display: block;
	    font-size: 16px;
	    font-weight: 500;
	    color: var(--secondary-color);
	}
	
	.account-section .signin-form form p input:not(.woocommerce-form__input-checkbox) {
	    padding: 10px;
	    width: 100%;
	    border: 1px solid rgb(255 255 255 / 50%);
	    background: var(--dark-2);
	    color: var(--secondary-color);
	    border-radius: 6px;
	    outline: none;
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}
	
	.account-section .signin-form form p button.woocommerce-form-register__submit {
	    font-size: 16px;
	    padding: 10px 30px;
	    border: 0;
	    background: var(--dark-3);
	    color: var(--text-white);
	    border: 1px solid rgba(168, 168, 168, 0.583);
	}
	
	.account-section .signin-form form p .show-password-input::after {
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 600;
	    font-weight: 400;
	    font-variant: normal;
	    text-transform: none;
	    line-height: 31px;
	    -webkit-font-smoothing: antialiased;
	    margin-left: 0.618em;
	    content: "\f06e";
	    text-decoration: none;
	    color: var(--highlight-color);
	    font-size: 17px;
	}
	
	.account-section .signin-form form p .show-password-input {
	    position: absolute;
	    right: 0.7em;
	    cursor: pointer;
	}
	
	.account-section .signin-form form p .password-input {
	    position: relative;
	    display: flex;
	    align-items: center;
	}
	
	.account-section .woocommerce-form-login p label {
	    display: block;
	    font-size: 16px;
	    font-weight: 500;
	    color: var(--secondary-color);
	}
	
	.account-section .woocommerce-form-login p input:not(.woocommerce-form__input-checkbox) {
	    padding: 10px;
	    width: 100%;
	    border: 1px solid rgb(255 255 255 / 50%);
	    background: var(--dark-2);
	    color: var(--secondary-color);
	    border-radius: 6px;
	    outline: none;
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}
	
	.account-section .woocommerce-form-login p button.woocommerce-form-login__submit {
	    font-size: 16px;
	    padding: 10px 30px;
	    border: 0;
	    background: var(--dark-3);
	    color: var(--text-white);
	    float: left;
	    border: 1px solid rgba(168, 168, 168, 0.583);
	    margin-right: 20px;
	}
	
	.account-section .woocommerce-form-login p .show-password-input::after {
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 600;
	    font-weight: 400;
	    font-variant: normal;
	    text-transform: none;
	    line-height: 31px;
	    -webkit-font-smoothing: antialiased;
	    margin-left: 0.618em;
	    content: "\f06e";
	    text-decoration: none;
	    color: var(--highlight-color);
	    font-size: 17px;
	}
	
	.account-section .woocommerce-form-login p .show-password-input {
	    position: absolute;
	    right: 0.7em;
	    cursor: pointer;
	}
	
	.account-section .woocommerce-form-login p .password-input {
	    position: relative;
	    display: flex;
	    align-items: center;
	}
	
	.account-section .woocommerce-form-login p.lost_password a {
	    text-decoration: none !important;
	    font-size: 16px;
	    font-weight: 500;
	    color: var(--highlight-color) !important;
	}
	/* ==================== End ================ */
	/* =============== CheckOut Page ======================== */
	
	.checkout-section {
	    padding: 80px 0;
	}
	
	.checkout-section .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p label {
	    display: block;
	    font-size: 16px;
	    font-weight: 500;
	    color: var(--secondary-color);
	}
	
	.checkout-section .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p input {
	    padding: 10px;
	    width: 100%;
	    border: 1px solid rgb(255 255 255 / 50%);
	    background: var(--dark-2);
	    color: var(--secondary-color);
	    border-radius: 6px;
	    outline: none;
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}
	
	.checkout-section .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p input::placeholder {
	    color: var(--secondary-color);
	}
	
	.checkout-section .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p select {
	    padding: 10px;
	    width: 100%;
	    border: 1px solid rgb(255 255 255 / 50%);
	    background: var(--dark-2);
	    color: var(--secondary-color);
	    border-radius: 6px;
	    outline: none;
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}
	
	.checkout-section .woocommerce-billing-fields H3 {
	    font-size: 24px;
	    font-weight: 600;
	    color: var(--secondary-color);
	}
	
	.checkout-section .woocommerce-billing-fields .woocommerce-shipping-fields h3 label span {
	    font-size: 16px;
	    font-weight: 500;
	    color: var(--highlight-color);
	}
	
	.checkout-section .woocommerce-billing-fields .woocommerce-shipping-fields .shipping_address {
	    display: none;
	}
	
	.checkout-section .woocommerce-billing-fields .woocommerce-additional-fields p label {
	    display: block;
	    font-size: 16px;
	    font-weight: 500;
	    color: var(--secondary-color);
	}
	
	.checkout-section .woocommerce-billing-fields .woocommerce-additional-fields p textarea {
	    padding: 10px;
	    width: 100%;
	    border: 1px solid rgb(255 255 255 / 50%);
	    background: var(--dark-2);
	    color: var(--secondary-color);
	    border-radius: 6px;
	    outline: none;
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    height: 100px;
	}
	
	.checkout-section .woocommerce-billing-fields .woocommerce-additional-fields p textarea::placeholder {
	    color: var(--secondary-color);
	}
	
	.checkout-section .woocommerce-checkout-review-order table th {
	    font-weight: 500 !important;
	}
	
	.checkout-section .woocommerce-checkout-review-order table td {
	    font-weight: 500 !important;
	}
	
	.checkout-section .woocommerce-checkout-review-order ul {
	    padding-left: 0;
	}
	
	.checkout-section .woocommerce-checkout-payment {
	    /* padding: 20px; */
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    border-radius: 6px;
	    background: var(--dark-2);
	    border: 1px solid rgba(180 180 180 / 50%);
	    margin: 10px 0;
	}
	
	.checkout-section .woocommerce-checkout-payment ul {
	    padding-left: 0;
	    list-style: none;
	    border-bottom: 1px solid rgba(149, 146, 146, 0.237);
	    padding-bottom: 20px;
	}
	
	.checkout-section .woocommerce-checkout-payment ul li .payment_box {
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    border-radius: 6px;
	    background: var(--dark-2);
	    padding: 10px;
	    border: 1px solid rgb(255 255 255 / 50%);
	    margin: 10px 0;
	}
	
	.checkout-section .woocommerce-checkout-payment ul li .payment_box p {
	    font-size: 14px;
	    font-weight: 400;
	    color: var(--secondary-color);
	    margin: 0;
	}
	
	.checkout-section input[type="radio"]::after {
	    width: 15px;
	    height: 15px;
	    border-radius: 15px;
	    top: -2px;
	    left: -1px;
	    position: relative;
	    background-color: var(--dark-2);
	    content: '';
	    display: inline-block;
	    visibility: visible;
	    border: 2px solid var(--highlight-color);
	}
	
	.checkout-section input[type='radio']:checked:after {
	    background-color: var(--highlight-color);
	    content: '';
	    display: inline-block;
	    visibility: visible;
	    border: 2px solid var(--highlight-color);
	}
	
	.checkout-section .woocommerce-checkout-payment ul li label {
	    margin: 0 10px;
	    color: var(--secondary-color);
	    font-size: 16px;
	    font-weight: 600;
	}
	
	input[type="text"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="password"]:focus,
	input[type="search"]:focus,
	input[type="number"]:focus,
	input[type="tel"]:focus,
	input[type="range"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="week"]:focus,
	input[type="time"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="color"]:focus,
	textarea:focus,
	select:focus,
	input[type="text"]:hover,
	input[type="email"]:hover,
	input[type="url"]:hover,
	input[type="password"]:hover,
	input[type="search"]:hover,
	input[type="number"]:hover,
	input[type="tel"]:hover,
	input[type="range"]:hover,
	input[type="date"]:hover,
	input[type="month"]:hover,
	input[type="week"]:hover,
	input[type="time"]:hover,
	input[type="datetime"]:hover,
	input[type="datetime-local"]:hover,
	input[type="color"]:hover,
	textarea:hover,
	select:hover {
	    border-color: var(--primary-color) !important;
	    outline: none;
	    transition: 1s;
	}
	/* ================== End ================ */
	/* ================ 404 Page =================== */
	
	.error-section {
	    padding: 100px 0;
	}
	
	.error-section .error-box h1 {
	    font-size: 320px;
	    line-height: 0;
	    /* max-height: 160px; */
	    display: flex;
	    font-weight: 500;
	    color: var(--secondary-color);
	    align-items: center;
	    justify-content: center;
	    margin-bottom: 100px;
	}
	
	.error-section .error-box h1 .icon-box {
	    font-size: 200px;
	    width: 250px;
	    background: var(--highlight-color);
	    border-radius: 50%;
	    height: 250px;
	    text-align: center;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    color: var(--text-white);
	    animation: rotate 3s alternate infinite;
	}
	
	.error-section .error-box h4 {
	    display: block;
	    margin: 20px;
	    color: var(--secondary-color);
	    line-height: 1.2;
	    font-weight: 600;
	    font-size: 40px;
	}
	
	.error-section .error-box h4 span.highlight {
	    color: var(--highlight-color);
	    margin-right: 10px;
	}
	
	.error-section .error-box .main-button {
	    display: inline-block;
	    border: 1px solid;
	    background: var(--highlight-color);
	    padding: 10px 20px;
	    font-size: 18px;
	    text-decoration: none;
	    margin-top: 20px;
	}
	/* ================ End =============== */
	/* =============== Contact Form Setion =============== */
	
	.contact-form-section {
	    padding: 80px 0;
	    z-index: 2;
	    position: relative;
	}
	
	.contact-form-section::before {
	    content: '';
	    position: absolute;
	    inset: 0;
	    background: var(--primary-color-light);
	    z-index: -1;
	    opacity: 0.1;
	}
	
	.contact-form-section .send-your-enquiry {
	    padding: 30px;
	    border-radius: 10px;
	    background: var(--dark-3);
	    border: 1px solid rgba(180 180 180 / 40%);
	}
	
	.contact-form-section .send-your-enquiry .Form-heading {
	    font-size: 30px;
	    color: var(--text-white);
	    font-weight: 600;
	    margin-bottom: 0px;
	}
	
	.contact-form-section .send-your-enquiry .note {
	    display: inline-block;
	    color: var(--primary-color);
	    font-size: 16px;
	    font-weight: 500;
	}
	
	.contact-form-section .send-your-enquiry .wpcf7 {
	    margin-top: 20px;
	}
	
	.contact-form-section .send-your-enquiry .wpcf7 form p {
	    margin-bottom: 20px;
	    position: relative;
	}
	
	.contact-form-section .send-your-enquiry .wpcf7 .wpcf7-submit {
	    padding: 15px 20px;
	    border: 0;
	    background: var(--primary-color);
	    color: var(--text-white);
	    border-radius: 100px;
	    font-size: 18px;
	    font-weight: 600;
	    display: block;
	}
	
	.contact-form-section .send-your-enquiry .wpcf7 form p .input-icon {
	    position: absolute;
	    top: 15px;
	    display: inline-block;
	    line-height: 1;
	    right: 25px;
	}
	
	.contact-form-section .send-your-enquiry .wpcf7 form p .input-icon i {
	    color: var(--highlight-color);
	    font-size: 20px;
	    display: inline-block;
	}
	
	.contact-form-section .send-your-enquiry .wpcf7 form p input {
	    padding: 15px;
	    border-radius: 100px;
	    background: var(--dark-2);
	    color: var(--secondary-color);
	    outline: none;
	    border: 1px solid rgba(180 180 180 / 40%);
	}
	
	.contact-form-section .send-your-enquiry .wpcf7 form p textarea {
	    height: 100px;
	    border-radius: 20px;
	    padding: 15px;
	    border: 1px solid rgba(180 180 180 / 40%);
	    background: var(--dark-2);
	    color: var(--secondary-color);
	}
	
	.contact-form-section .send-your-enquiry .wpcf7 form p input::placeholder {
	    color: var(--secondary-color);
	    font-weight: 600;
	}
	
	.contact-form-section .send-your-enquiry .wpcf7 form p textarea::placeholder {
	    color: var(--secondary-color);
	    font-weight: 600;
	}
	
	.contact-form-section .right-side-image img {
	    max-width: 400px;
	    width: 100%;
	    margin: 0 auto;
	}
	
	.contact-form-section .right-side-image {
	    display: flex;
	    align-items: center;
	}
	/* ==================== End ================== */
	/* ===================  Feature Section 3 ============== */
	
	.feature-section-3 {
	    padding: 80px 0;
	    position: relative;
	    z-index: 1;
	}
	
	.feature-section-3 .bg-elements .element1 {
	    position: absolute;
	    top: -260px;
	    left: -50px;
	    width: 600px;
	    z-index: -1;
	    transform: rotate(-7deg);
	}
	
	.feature-section-3 .bg-elements .element2 {
	    position: absolute;
	    bottom: -271px;
	    right: 0;
	    width: 600px;
	    z-index: -1;
	}
	
	.feature-section-3 .feature-box-wrap {
	    padding: 5px;
	    display: flex;
	    align-items: center;
	    justify-content: start;
	    background: var(--dark-3);
	    border: 1px solid rgba(180 180 180 / 40%);
	    border-radius: 100px;
	    gap: 20px;
	    position: relative;
	    overflow: hidden;
	    z-index: 1;
	}
	
	.feature-box-wrap:after {
	    content: '';
	    background: var(--primary-color);
	    position: absolute;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    top: 0;
	    border-radius: 100px;
	    transform: scaleX(0);
	    transform-origin: left;
	    transition: 1s;
	    z-index: -1;
	}
	
	.feature-box-wrap:hover:after,
	.feature-box-wrap:focus-within:after {
	    transform: scaleX(1);
	    transform-origin: right;
	}
	
	.feature-section-3 .feature-box-wrap:hover .feature-icon,
	.feature-section-3 .feature-box-wrap:focus-within .feature-icon {
	    background: var(--dark-3);
	    animation: rotate .6s linear;
	    color: var(--text-white);
	}
	
	.feature-section-3 .feature-box-wrap .link-icon {
	    position: absolute;
	    top: 10px;
	    right: 10px;
	    background: var(--highlight-color);
	    width: 30px;
	    height: 30px;
	    border-radius: 50%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    color: var(--text-white);
	    font-size: 14px;
	    line-height: 30px;
	    text-align: center;
	    text-decoration: none;
	}
	
	.feature-section-3 .feature-box-wrap:hover .link-icon,
	.feature-section-3 .feature-box-wrap:focus-within .link-icon {
	    animation: fadeInLeft .4s linear;
	}
	
	.feature-section-3 .feature-box-wrap .feature-icon {
	    background: var(--primary-color);
	    width: 40px;
	    height: 40px;
	    border-radius: 50%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    font-size: 20px;
	    color: var(--text-white);
	}
	
	.feature-section-3 .feature-box-wrap .feature-text a {
	    display: inline-block;
	    color: var(--text-white);
	    font-size: 16px;
	    text-decoration: none;
	    font-weight: 600;
	}
	/* ================ End ============== */
	/* =================== Office Address Section ===============  */
	
	.office-address-section {
	    position: relative;
	    padding: 80px 0;
	    z-index: 2;
	}
	
	.office-address-section::before {
	    CONTENT: '';
	    position: absolute;
	    inset: 0;
	    background: var(--primary-color-light);
	    opacity: 0.1;
	    z-index: -1;
	}
	
	.office-address-section .bg-elements .element1 {
	    position: absolute;
	    inset: 0;
	    z-index: -1;
	    width: 100%;
	}
	
	.office-address-section .address-item {
	    margin: 10px;
	}
	
	.office-address-section .info-wrap::after {
	    content: '';
	    background: url('../images/contact/office-address/element2.png');
	    background-repeat: no-repeat;
	    position: absolute;
	    bottom: 0;
	    right: -100%;
	    display: block;
	    width: 100%;
	    height: 100%;
	    transform: rotate(5deg) translateY(189px) translateX(52px);
	    transition: .6s;
	    transition-delay: .3s;
	}
	
	.office-address-section .info-wrap:hover::after,
	.office-address-section .info-wrap:focus-within::after
    {
	    right: 0;
	}
	
	.office-address-section .info-wrap::before {
	    content: '';
	    background: var(--dark-3);
	    border-radius: 6px;
	    position: absolute;
	    inset: 0;
	    z-index: -1;
	    transform-origin: bottom;
	    transform: scaleY(0);
	    transition: transform .6s ease-in-out;
	}
	
	.office-address-section .info-wrap:hover::before,
	.office-address-section .info-wrap:focus-within::before {
	    transform-origin: top;
	    transform: scaleY(1);
	}
	
	.office-address-section .info-wrap {
	    padding: 10px;
	    text-align: center;
	    cursor: pointer;
	    display: flex;
	    z-index: 1;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    position: relative;
	    overflow: hidden;
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    background: var(--dark-2);
	    border-radius: 6px;
	    border: 1px solid rgba(180 180 180 / 30%);
	    transition: .6s;
	}
	
	.office-address-section .info-wrap .icon-wrap {
	    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    border: 10px solid var(--text-white);
	    border-radius: 50%;
	    margin: 10px;
	}
	
	.office-address-section .info-wrap:hover .icon-wrap,
	.office-address-section .info-wrap:focus-within .icon-wrap {
	    animation: rotate .6s linear;
	}
	
	.office-address-section .info-wrap .title-box .sub-title {
	    font-size: 16px;
	    color: var(--primary-color);
	    font-weight: 400;
	}
	
	.office-address-section .info-wrap .title-box .title {
	    font-size: 20px;
	    color: var(--secondary-color);
	    font-weight: 600;
	    transition: 1s;
	}
    
	
	.office-address-section .info-wrap:hover .title-box .title,
	.office-address-section .info-wrap:focus-within .title-box .title {
	    color: var(--text-white);
	}
	
	.office-address-section .info-wrap .title-box {
	    position: relative;
	}
	
	.office-address-section .info-wrap .info-text p {
	    color: var(--secondary-color);
	    font-size: 16px;
	    line-height: 1.5;
	    transition: 1s;
	}
	
   
	.office-address-section .info-wrap:hover .info-text p,
	.office-address-section .info-wrap:focus-within .info-text p {
	    color: var(--text-white);
	}
	
	.office-address-section .info-wrap .info-number a {
	    font-size: 18px;
	    font-weight: 700;
	    text-decoration: none;
	    color: var(--highlight-color);
	}
	
	.office-address-section .info-wrap .title-box::after {
	    position: absolute;
	    content: '';
	    border-bottom: 1px solid var(--primary-color);
	    bottom: 8px;
	    left: 15px;
	    right: 15px;
	}
	
	.office-address-section .bg-image {
	    position: absolute;
	    top: 0;
	    right: 0;
	    left: 0;
	}
	
	.office-address-section .bg-image img {
	    width: 100%;
	}
	/* ================= End =============== */
	/* ================= Virus Section =================== */
	
	.virus-section {
	    position: relative;
	    padding: 80px 0;
	    z-index: 1;
	    background-position: center !important;
	    background-size: cover !important;
	}
	
	.virus-section>canvas {
	    z-index: -2 !important;
	}
	
	.virus-section::before {
	    content: '';
	    background: var(--dark-3);
	    position: absolute;
	    inset: 0;
	    z-index: -1;
	    opacity: 0.9;
	}
	
	.virus-section .item-wrap {
	    text-align: center;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    margin: 15px;
	    cursor: pointer;
	    font-size: 70px;
	    color: var(--highlight-color);
	}
	
	.virus-section .item-wrap .icon-wrap svg {
	    width: 80px;
	    fill: var(--highlight-color);
	    height: 80px;
	}
	
	.virus-section .item-wrap .icon-wrap i {
	    font-size: 70px;
	    color: var(--highlight-color);
	}
	
	.virus-section .item-wrap .icon-wrap {
	    display: flex;
	    background: var(--text-white);
	    width: 140px;
	    height: 140px;
	    align-items: center;
	    position: relative;
	    justify-content: center;
	    border-radius: 50%;
	}
	
	.virus-section .item-wrap:hover .icon-wrap::after,
	.virus-section .item-wrap:focus-within .icon-wrap::after {
	    animation: wave7 2s infinite;
	    content: "";
	    position: absolute;
	    inset: 0;
	    border-radius: 100px;
	}
	
	.virus-section .item-wrap:hover .icon-wrap::before,
	.virus-section .item-wrap:focus-within .icon-wrap::before {
	    animation: wave8 2s infinite;
	    content: "";
	    position: absolute;
	    inset: 0;
	    border-radius: 100px;
	}
	
	@keyframes wave7 {
	    0% {
	        box-shadow: 0 0 0 0 #b3b3b3;
	    }
	    100% {
	        box-shadow: 0 0 0 10px #b3b3b3;
	        opacity: 0;
	    }
	}
	
	@keyframes wave8 {
	    0% {
	        box-shadow: 0 0 0 0 #b3b3b3;
	    }
	    100% {
	        box-shadow: 0 0 0 20px #b3b3b3;
	        opacity: 0;
	    }
	}
	
	.virus-section .item-wrap .title {
	    margin-top: 10px;
	    text-decoration: none;
	    font-size: 18px;
	    font-weight: 500;
	    color: var(--text-white);
	    transition: 1s;
	}
	
	.virus-section .item-wrap:hover .title,
	.virus-section .item-wrap:focus-within .title {
	    color: var(--highlight-color);
	}
	/* =============== End =================== */
	/* ================ Contact Map Section ================== */
	
	.contactmap-section .map iframe {
	    width: 100%;
	    -webkit-filter: hue-rotate(90deg);
	    filter: hue-rotate(90deg);
	    display: block;
	}
	
	.contactmap-section .map-footer .customer-support svg {
	    width: 90px;
	    fill: var(--text-white);
	    transform: translateX(35px);
	}
	
	.contactmap-section .map-footer {
	    background: var(--dark-3);
	    border-bottom: 1px solid rgba(180 180 180 / 30%);
	    padding: 30px 0;
	    z-index: 1;
	    position: relative;
	}
	
	.contactmap-section .map-footer::after {
	    content: '';
	    background: url('../images/contact/bg-element3.png');
	    position: absolute;
	    inset: 0;
	    background-position: center;
	    background-repeat: no-repeat;
	    z-index: -1;
	}
	
	.contactmap-section .map-footer .widget-contact .contact-area {
	    display: flex;
	    align-items: center;
	    justify-content: flex-end;
	    gap: 10px;
	}
	
	.contactmap-section .map-footer .widget-contact .contact-area .contact-icon {
	    width: 70px;
	    height: 70px;
	    background: var(--highlight-color);
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    color: var(--text-white);
	    border-radius: 50%;
	    font-size: 24px;
	}
	
	.contactmap-section .map-footer .widget-contact .contact-area:hover .contact-icon i,
	.contactmap-section .map-footer .widget-contact .contact-area:focus-within .contact-icon i {
	    animation: rubberBand 1s linear infinite;
	}
	
	.contactmap-section .map-footer .widget-contact .contact-area .contact-info .text a {
	    color: var(--text-white);
	    text-decoration: none;
	    font-size: 20px;
	    font-weight: 600;
	    transition: 1s;
	}
	
	.contactmap-section .map-footer .widget-contact .contact-area .contact-info .text a:hover,
	.contactmap-section .map-footer .widget-contact .contact-area .contact-info .text a:hover {
	    text-decoration: dotted underline;
	    color: var(--primary-color);
	}
	
	.contactmap-section .map-footer .widget-contact .contact-area .contact-info .title {
	    display: inline-block;
	    color: var(--primary-color);
	    font-size: 16px;
	    font-weight: 400;
	}
	
	.contactmap-section .map-footer .customer-support {
	    z-index: 1;
	    position: relative;
	}
	
	.contactmap-section .map-footer .customer-support::after {
	    content: '';
	    background: var(--primary-color);
	    clip-path: polygon(25% 0, 100% 0, 75% 100%, 0 100%);
	    position: absolute;
	    top: -30px;
	    width: 170px;
	    height: 150px;
	    bottom: 0;
	    left: -1px;
	    z-index: -1;
	}
	/* ======================== End ==================== */
	/* ============== Awards Section ============= */
	
	.award-section {
	    position: relative;
	    padding: 80px 0;
	}
	
	.award-section .sponsor-review .award-image img {
	    max-width: 70%;
	    margin: 0 auto;
	    width: 100%;
	    cursor: pointer;
	}
	/* ============= End =========== */
	/* ========== Preloader ================= */
	
	.prealoader {
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    background: #16213a;
	    display: block;
	    z-index: 9999;
	}
	
	.prealoader .close-loader a {
	    position: absolute;
	    top: 20px;
	    right: 20px;
	    background: transparent;
	    color: var(--text-white);
	    border: 1px dotted rgba(180 180 180 / 50%);
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    text-decoration: none;
	    font-size: 24px;
	    transition: .6s;
	}
	
	.prealoader .close-loader {
	    display: none;
	}
	
	.prealoader .close-loader a:hover,
	.prealoader .close-loader a:focus-within {
	    border-radius: 50%;
	}
	
	.heart-rate {
	    width: 160px;
	    height: 75px;
	    position: relative;
	    margin: 20px auto;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}
	
	.fade-in {
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    background-color: #16213a;
	    top: 0;
	    right: 0;
	    animation: heartRateIn 2.5s linear infinite;
	}
	
	.fade-out {
	    position: absolute;
	    width: 120%;
	    height: 100%;
	    top: 0;
	    left: -120%;
	    animation: heartRateOut 2.5s linear infinite;
	    background: #16213a;
	    background: -moz-linear-gradient(left, #16213a, #16213a, #16213a);
	    background: -webkit-linear-gradient(left, #16213a, #16213a, #16213a);
	    background: -o-linear-gradient(left, #16213a, #16213a, #16213a);
	    background: -ms-linear-gradient(left, #16213a, #16213a, #16213a);
	    background: linear-gradient(to right, #16213a, #16213a, #16213a);
	}
	
	@keyframes heartRateIn {
	    0% {
	        width: 100%;
	    }
	    50% {
	        width: 0;
	    }
	    100% {
	        width: 0;
	    }
	}
	
	@keyframes heartRateOut {
	    0% {
	        left: -120%;
	    }
	    30% {
	        left: -120%;
	    }
	    100% {
	        left: 0;
	    }
	}
	/* =========== End ============ */
	
	.main-slider-2 .item .cover .slider-content h2 {
	    font-weight: 600;
	    font-size: 65px;
	    color: var(--primary-color);
	    line-height: 1.2;
	    word-break: break-word;
	    -webkit-text-stroke: unset;
	    -webkit-background-clip: unset;
	    background-clip: unset;
	    -webkit-text-fill-color: unset;
	    margin-bottom: 8px;
	}
	
	.main-slider-2 .item .cover .slider-content h2 {
	    font-weight: 600;
	    font-size: 65px;
	    color: var(--primary-color);
	    line-height: 1.2;
	    word-break: break-word;
	    -webkit-text-stroke: unset;
	    -webkit-background-clip: unset;
	    background-clip: unset;
	    -webkit-text-fill-color: unset;
	    margin-bottom: 8px;
	}
	
	.wpcf7 form .wpcf7-response-output {
	    color: #fff;
	}
	
	.blog-single-page .post-item .post-content .post-title {
	    color: var(--secondary-color);
	    font-size: 24px;
	    font-weight: 600;
	    transition: 1s;
	}
	
	.blog-single-page .post-item .post-content .post-title :hover,
	.blog-single-page .post-item .post-content .post-title :focus-within {
	    color: var(--primary-color);
	}
	/* .sidebar {
	    margin-top: 20px;
	} */
	
	.bypostauthor {}
	.gallery-caption {}
	
	.post-content iframe {
		width: 100%;
		height: 100%;
	}