/*!
Theme Name: webynamics
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: webynamics
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

webynamics is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

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 {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	/*display: none;*/
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	/*display: block;*/
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.main-navigation ul li a {
    color: #fff;
    font-size: 18px;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
		gap:20px;
		 text-align: center;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

/*.post,
.page {
	margin: 0 0 1.5em;
}
*/
.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*=========================custom css start==========================*/
body
{
	background-color: black;
}

/* header#masthead {
    background: #817979;
    padding-bottom: 10px;
    position: absolute;
    width: 100%;
	z-index:1;

}

.col-sm-12 .site-branding a img {
    width: 150px;
    height: auto;
}
.col-sm-0 nav#site-navigation ul#primary-menu {
    justify-content: end;
}
.col-sm-0 nav#site-navigation ul#primary-menu li {
    list-style: none;
}

.col-sm-0 nav#site-navigation ul#primary-menu li a {
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    color: #fff;
    background: #F75B5B;
    padding: 15px 20px;
    border-radius: 20px 8px 20px 8px;
} */

/*.btn a {
    font-family: Inter;
    font-size: 19.19px;
    font-weight: 600;
    line-height: 25px;
    text-align: left;
    color: #fff;
    text-decoration: none;
}*/

/* .col-sm-12 {
    text-align: center;
    position: relative;
}

header#masthead .col-sm-0 {
    text-align: end;
    align-content: center;
    position: absolute;
    right: 2% !important;
    top: 50%;
    transform: translateY(-50%);
	z-index:1;
	width:20%;
}

.imggroup .twoimage {
    width: 40%;
}  */

.imggroup .twoimage {
    width: 40%;
} 
/* ============header start============== */
.col-sm-3.submitbtn .btn a {
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 25px;
    color: #fff;
    background: #F75B5B;
    padding: 15px 20px;
    border-radius: 20px 8px 20px 8px;
	text-decoration:none;
}

 header#masthead {
    background: #817979;
    padding-bottom: 10px;
    position: absolute;
    width: 100%;
	z-index:1;

}

header#masthead .col-sm-3 .site-branding a.custom-logo-link {
    width: 150px;
    height: auto;
}

header#masthead .col-sm-3 .site-branding button.menu-toggle2 {
    display: none;
}

header#masthead .row {
    align-items: center;
}

/*==========================2nd page start=============*/

a#arrow span.elementor-button-icon {
    font-size: 20px;
}
.buttonarow span.elementor-button-icon {
    font-size: 20px;
}

.webynamics h2 {
    text-transform: uppercase;
    background: linear-gradient(to right, #625BF7 35%, #C479FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.agencede-cls h2 {
    background: linear-gradient(to right, #F75B5B 0%, #C479FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* .sectionfirst {
    position: relative;
}
.sectionfirst:before {
    content: "";
    position: absolute;
    z-index: 1;
    background-image: url(http://localhost/webynamics/wp-content/uploads/2024/08/650967b…_cms20content20top.svg-fill-2.png) !important;
    background-repeat: no-repeat;
    width:100%;
    height:100%;
} */

.imagegroup {
    position: relative;
}
.compueter-cls img {
    position: absolute;
    left: 10px;
    width: 860px;
    top: 50px;
}

.mobile-cls img {
    position: absolute !important;
    right: 10%;
    transform: translateY(22%);
    width: 135px;
    height: auto;
}


.tablet-cls img {
    position: absolute !important;
    transform: translateY(50%);
    width: 430px;
    top: 49%;
    left: 30%;
    height: 573px;
}



span.arrow {
    font-size: 30px;
}

.cf7mls-btns .cf7mls_next.action-button, .cf7mls-btns .cf7mls_back.action-button {
    margin: 0px;
    padding: 13px 15px;
    background: linear-gradient(to right, #F75B5B 0%, #C479FF 100%);
	color:#fff;
}

/* ================mover image=============== */
.elementor-element-ca60da6 .twoimage {
    transform: translateX(0%); 
    opacity: 1; 
    transition: transform 1s ease-in-out, opacity 1s ease-in-out; 
}


.elementor-element-1dd563c .twoimage,
.elementor-element-3ef6a3d .twoimage {
    transform: translateX(0%); 
    opacity: 1; 
    transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}



/*=======================3rd section================*/
.wpsitehead h2 span.wpsite {
    background: linear-gradient(to right, #5BACF7 35%, #F31E1E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.faqquestion .elementor-accordion-item {
    border: none !important;
    border-bottom: 1px solid #fff !important;
    position:relative;
}

.faqquestion .elementor-accordion-item:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #C479FF;
    bottom: -6px;
    right: 0px;
    border-radius: 10px;
}


div#elementor-tab-content-9951:before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #C479FF;
    position: absolute;
    top: -6px;
    border-radius: 10px;
    right: 0;
	z-index:1;
}
div#elementor-tab-content-9951 {
    position: relative;
}


/*=========================4th section====================*/
.wpsitehead h2 span.unsite {
    background: linear-gradient(to right, #F50000 -60%, #79FFAF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*=======================================5th section========================*/

.wpsitehead h2 span.comment {
    background: linear-gradient(to right, #FF7979 30%, #5BF7B5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.wpsitehead h2 span.comment2 {
    background: linear-gradient(to right, #FF7979 100%, #5BF7B5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/*===========================6th section========================*/
.wpsitehead h2 span.votresite {
    background: linear-gradient(to right, #5BEEF7 50%, #FF7799 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*=================================7th section====================*/



.wpsitehead h2 span.donne {
    background: linear-gradient(to right, #F75B5B 25%, #E95362 20%, #5D00A6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.splide .news-card__img img {
    width: 100%;
    max-width: 95% !important;
    padding-left: 5% !important;
	 transition: opacity 0.6s ease-in-out;
	
}

div#splide2 {
    position: relative;
}

button.splide__arrow.splide__arrow--prev {
	
    position: absolute;
    left: auto;
    top: auto;
    bottom: -80px;
    right: 50px;
}

button.splide__arrow.splide__arrow--next {
    position: absolute;
    top: auto;
    bottom: -80px;
    right: 30px;
}

.splide button.splide__arrow.splide__arrow--prev {
    margin-left: -25px;
        background: transparent;
    border: 1px solid #fff;

}

.splide button.splide__arrow.splide__arrow--next {
    margin-right: -25px;
        background: transparent;
    border: 1px solid #fff;

}

.splide button.splide__arrow.splide__arrow--prev  svg {
    transform: scaleX(-1);
    fill: #fff !important;
}

.splide button.splide__arrow.splide__arrow--next  svg {
    transform: scaleX(1);
    fill: #fff !important;
}


/*===========================8th section=======================*/

.wpsitehead h2 span.sommes {
    background: linear-gradient(to right, #F75B5B 45%, #C479FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.faqquestion2 .elementor-accordion-item {
    border: none !important;
}
/*.faqquestion2 div#elementor-tab-content-2281 {
    border: none !important;
}*/


.faqquestion2 .elementor-accordion-item div#elementor-tab-title-2281, div#elementor-tab-title-2282, div#elementor-tab-title-2283, div#elementor-tab-title-2284, div#elementor-tab-title-2285, div#elementor-tab-title-2286, div#elementor-tab-title-2287, div#elementor-tab-title-2288 {
    background: #fff;
    margin-top: 15px;
    padding: 13px;
    border-radius: 10px;
    border:none;
}


.faqquestion2 div#elementor-tab-content-2281, div#elementor-tab-content-2282, div#elementor-tab-content-2283, div#elementor-tab-content-2284, div#elementor-tab-content-2285, div#elementor-tab-content-2286, div#elementor-tab-content-2287, div#elementor-tab-content-2288  {
    border: none;
}


/* ============================contace page================= */
.multiform form.wpcf7-form .contact-form h1 {
    color: #fff;
    font-weight: 300;
    font-size: 25px;
    font-family: 'Inter';
    line-height: 20px;
    padding-bottom: 20px;
    margin: 0;
}

.multiform p {
    margin: 0;
}
.contact-form .row .col-sm-12 {
    display: flex;
    padding-left: 50px !important;
	text-align:left;
	padding-bottom:15px;
}
.contact-form .row .col-sm-12 input {
    background: #D9D9D9 48%;
/*     opacity: 48%; */
    border-radius: 10px;
    padding: 10px;
}

.col-sm-12 input::-webkit-input-placeholder {
    color: #fff;
/*     z-index: 999; */
    font-size: 26px;
	font-family:'inter';
	font-weight:300;
}

.contact-form {
    padding: 25px 15px 0 40px;
}

.contact-form .row .col-sm-3 {
    padding-left: 100px;
}

.contact-form .row .col-sm-3 p button.quote-form-btn {
    background: #000;
    color: #fff;
    font-weight: 300;
    font-size: 26px;
    font-family: 'Inter';
	border-radius:10px;
	padding: 13px 20px 15px 20px;
}


.multiform form.wpcf7-form .main-form h1 {
    color: #fff;
    font-weight: 300;
    font-size: 26px;
    font-family: 'Inter';
    line-height: 36px;
    padding-bottom: 20px;
    margin: 0;
}

.elementor-element.elementor-element-3cbb94f.e-con-full.e-flex.e-con.e-child {
    margin: 0;
    padding: 0;
}

.main-form .row .col-sm-12 {
    display: flex;
    padding-left: 15px !important;
	text-align:left;
	padding-bottom:20px;
}
.main-form .row .col-sm-12 input {
    background-color: transparent;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #fff;
    border-radius: 0;
    height: 45px;
    width: 100%;
    padding-left: 0;
    outline: none;
    color: #fff;
    font-size: 20px;
}

.col-sm-12 input::-webkit-input-placeholder {
    color: #fff;
/*     z-index: 999; */
    font-size: 26px;
	font-family:'inter';
	font-weight:300;
}

.main-form {
    padding: 25px 35px 5px 25px;
}

.wpcf7-form .fieldset-cf7mls .cf7mls-btns {
    min-height: 60px !important;
    padding-left: 26px;
    padding-right: 5px !important;
}

.main-form .row .col-sm-3 {
    padding-left: 50px;
}

.main-form .row .col-sm-3 p button.quote-form-btn {
    background: #000;
    color: #fff;
    font-weight: 300;
    font-size: 26px;
    font-family: 'Inter';
	border-radius:10px;
	padding: 13px 20px 15px 20px;
}


.main-form .col-sm-12 input::-webkit-input-placeholder {
    color: #000;
    font-family: inter;
    font-weight: 300;
}

.main-contact .col-sm-12.text input::-webkit-input-placeholder {
    color: #000;
    font-size: 23px;
    font-family: 'Inter';
}

.wpcf7 form .wpcf7-response-output {
      margin: 0em 0.5em 0em !important; 
     padding: 0 !Imabove; 
     border: none !important; 
}

.fieldset-cf7mls-wrapper div.wpcf7-validation-errors {
    border: none;
    display: block;
    color: #fff;
    font-size: 15px !important;
    padding-left: 0px;
    margin-left: 0px;
}
.main-form .row .col-sm-12 label {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Inter';
    color: #fff;
}
 .wpcf7-form .fieldset-cf7mls .cf7mls-btns {
    min-height: 60px !important;
	    padding-right: 30px !important;
}

fieldset {
    padding: 0px;
}

.fieldset-cf7mls-wrapper div.wpcf7-validation-errors .wpcf7-icon-wraning {
    display: block;
    float: left;
    margin-right: 8px;
    margin-top: 2px;
    fill: #fff;
}

.lastpage {
    width: 100% !important;
    text-align: center !important;
}

.lastpage p {
    font-size: 27px;
    font-family: 'Inter';
    font-weight: 600;
    line-height: 34px;
	color:#fff;
	padding:0px 15px;
}




.main-contact {
    padding: 25px 25px 0 25px;
}
.col-sm-12 span.wpcf7-list-item-label {
    font-size: 18px;
    font-family: inter;
    font-weight: 300;
    line-height: 19px;
}

.main-contact .row .col-sm-3 {
    padding-left: 100px;
}

.main-contact .row .col-sm-3 p button.quote-form-btn {
    background: #000;
    color: #fff;
    font-weight: 300;
    font-size: 26px;
    font-family: 'Inter';
	border-radius:10px;
	padding: 13px 20px 15px 20px;
}

.main-contact .row .col-sm-12 label {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Inter';
    color: #fff;
}

.main-contact h1 {
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 30px;
    font-family: 'Inter';
    font-weight: 600;
    line-height: 36px;
	padding-bottom:20px;
}


.main-contact p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    font-family: 'Inter';
    line-height: 36px;
	padding-bottom: 20px;
}

.main-contact .col-sm-12.text input {
    background-color: transparent;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #fff;
    border-radius: 0;
    height: 45px;
    width: 100%;
    padding-left: 0;
    outline: none;
    color: #fff;
    font-size: 18px;
}

.main-contact .col-sm-12.check span.wpcf7-list-item.first.last {
    text-align: left;
    padding: 0;
    margin: 0;
}

.main-contact .row .col-sm-3 {
    padding: 0;
}

/*===================footer section=====================*/
footer#colophon {
    /*width: 1920px;*/
    padding:30px;
    
}

.footer-left {
    text-align: center;
}

.footer-left img {
    width: 120px;
    height: auto;
    padding-bottom:20px;
}

.footer-left p {
    font-family: Inter;
    font-size: 17.58px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: center;
    width: 327px;
    height: auto;
    padding: 0 15px;
    color: #fff;
}
footer#colophon .col-sm-3.ftr-col1 {
    padding: 0;
    margin: 0;
    align-content:center;
}

.col-sm-3.ftr-col2 {
    align-content: center;
}


footer#colophon .col-sm-3.ftr-col2 ul {
    padding: 0;
    margin: 0;
}

footer#colophon .col-sm-3.ftr-col2 ul li 
{
	list-style: none;
	text-align: center;
}

footer#colophon .col-sm-3.ftr-col2 ul li a {
color: #fff;
text-decoration: none;
font-family: Inter;
font-size: 17.02px;
font-weight: 400;
line-height: 22.5px;
text-align: center;
}

.col-sm-3.ftr-col3 {
    align-content: center;
    text-align:center;
}

 
footer#colophon .col-sm-3.ftr-col3 ul {
    padding: 0;
    margin: 0;
}

footer#colophon .col-sm-3.ftr-col3 ul li 
{
	list-style: none;
}

footer#colophon .col-sm-3.ftr-col3 ul li a {
color: #fff;
text-decoration: none;
font-family: Inter;
font-size: 17.02px;
font-weight: 400;
line-height: 22.5px;
text-align: left;
}


.col-sm-3.ftr-col4 {
    align-content: center;
    text-align:center;
}


footer#colophon .col-sm-3.ftr-col4 ul{
    padding: 0;
    margin: 0;
}

footer#colophon .col-sm-3.ftr-col4 ul li 
{
	list-style: none;
}

footer#colophon .col-sm-3.ftr-col4 ul li a {
color: #fff;
text-decoration: none;
font-family: Inter;
font-size: 17.02px;
font-weight: 400;
line-height: 22.5px;
text-align: left;
}

.copyright p {
    /*padding-bottom: 10px;*/
    margin: 0px;
    color: #fff;
    font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 18px;
text-align: center;

}
.copyright a {
    color: #fff;
    text-decoration: none;
   font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 18px;
}


div#splide-again button.splide__arrow {
    display: block;
    z-index: 99999;
}


/*=====================slider 2===================================*/

#splide-again .news-card__img img {
    width: 100%;
    max-width: 100% !important;
    height: auto;
	 transition: opacity 0.6s ease-in-out;
	
}


#splide-again .Contact-btn {
    height: 50px;
}
#splide-again .slider-content p  {
    color: #fff;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 18px;
}
#splide-again .slider-content p a {
    color: #fff;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 18px;
}
#splide-again .slider-title a {
    font-size: 30px;
    font-family: 'Inter';
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.5px;
}
#splide-again .Contact-btn a {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    padding: 12px 20px 15px 20px;
    border: 1px solid #fff;
}
#splide-again .Contact-btn a i {
    font-size: 22px;
}
label.cls input#inputs {
    display: none;
}

label.cls input#inputs1 {
    display: none;
}
label.cls input#inputs2 {
    display: none;
}
label.cls input#inputs3 {
    display: none;
}

label.cls {
    background: white;
    color: black;
    margin: 0px !important;
    width: 300px;
    border-radius: 10px;
    font-size: 20px;
}

.cls.active {
    background: #f75b5b !important;
    color: #fff;
	position:relative;
}
.cls.active:before {
    content: "\f00c";
    position: absolute;
    width: 100px;
    height: 100px;
    font-family: fontawesome;
    color: #f75b5b;
    transform: translateX(-50%);
    top: -12%;
    left: -31px;
    font-size: 31px;
}

 .cls {
            margin: 5px;        
            width: 200px;         
            border: 1px solid #ccc; 
            padding: 10px;       
            border-radius: 5px;   
        }
   

.wpcf7-not-valid-tip {
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    display: block;
}
      
        .cls:hover {
            background-color: #f0f0f0;
            cursor: pointer;
        }

        /* Style for the labels to align with radio buttons */
        .radio-container input {
            margin-right: 10px; /* Space between the radio button and the text */
        }

/* Container for centering the radio buttons and labels */
        .radio-container {
            display: flex;
            flex-direction: column; /* Align items vertically */
            align-items: center;    /* Center items horizontally */
            margin-top: 20px;       /* Optional: Add some space from the top */
        }

        /* Style for each label */
        .cls {
            display: flex;          /* Use flexbox for aligning items within the label */
            align-items: center;    /* Center the items vertically within the label */
            text-align: center;     /* Center the text horizontally */
            margin: 5px 0;          /* Vertical margin for spacing between labels */
            padding: 5px;           /* Optional: Add some padding */
            border-radius: 5px;     /* Optional: Rounded corners */
        }

        /* Style for the radio input */
        .cls input {
            margin-right: 10px;     /* Space between the radio button and the text */
        }
/*======================================================================================*/
/*====================================Responsive = mobile===============================*/
/*======================================================================================*/

@media only screen and (max-width: 768px){
	
	footer#colophon {
  
    height: auto !important;
}
	   .copyright {
    padding-top: 10px !important;
		   padding-bottom: 20px;
}
	
	
	header#masthead .col-sm-0 {
    text-align: end;
    align-content: center;
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 50%;
}
	
	.main-contact h1 {
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-family: 'Inter';
    font-weight: 600;
    line-height: 29px;
    padding-bottom: 20px;
}
	.main-navigation ul
{
	display:none;
}
	
	.main-contact p {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    font-family: 'Inter';
    line-height: 26px;
    padding-bottom: 20px;
}
	
	.lastpage p {
    font-size: 17px;
    font-family: 'Inter';
    font-weight: 400;
    line-height: 34px;
    color: #fff;
}
	
	.main-form .row .col-sm-3 p button.quote-form-btn {
    background: #000;
    color: #fff;
    font-weight: 300;
    font-size: 22px;
    font-family: 'Inter';
    border-radius: 10px;
    padding: 11px 15px 12px 15px;
}
	.main-form .row .col-sm-3 {
    padding-left: 10px;
}
	
	.main-contact {
    padding: 25px 15px 0 15px;
}
	
	.contact-form {
    padding: 25px 15px 0 10px;
}
	
	.main-form .row .col-sm-12 {
    display: flex;
    padding-left: 12px;
    text-align: left;
    padding-bottom: 20px;
}
	
	.multiform form.wpcf7-form .main-form h1 {
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    font-family: 'Inter';
    line-height: 36px;
    padding-bottom: 20px;
    margin: 0;
}
	
	.main-form {
    padding: 20px 15px;
}
	label.cls {
    background: white;
    color: black;
    margin: 0px !important;
    width: 275px;
    border-radius: 10px;
    font-size: 20px;
    margin-left: -20px !important;
}
	
	.cls.active:before {
    content: "\f00c";
    position: absolute;
    width: 54px;
    height: 54px;
    font-family: fontawesome;
    color: #f75b5b;
    transform: translateX(-50%);
    top: -12%;
    left: -25px;
    font-size: 30px;
}
	.cls.active {
    background: #f75b5b !important;
    color: #fff;
    position: relative;
}
header#masthead .col-sm-12 {
    z-index: 1;
}
header#masthead
{
	position:relative;
}
	header#masthead .col-sm-12 {
    text-align: start;
    /*position: relative;*/
}

header#masthead .col-sm-12 .site-branding a img {
    width: 100px;
    height: auto;
}
    .mobile-cls img {
        position: absolute !important;
        right: 10%;
        transform: translateY(30%);
        width: 95px;
        height: auto;
    }

    .tablet-cls img {
        width: 290px !important;
        position: absolute !important;
        transform: translateY(60%);
        top: 48%;
        left: 27%;
    }

button.splide__arrow.splide__arrow--prev {
    position: absolute;
    left: auto;
    top: auto;
    bottom: -60px;
    right: 50%;
    transform: translateX(-50%);
}

button.splide__arrow.splide__arrow--next {
    position: absolute;
    top: auto;
    bottom: -60px;
    right: 50%;
    transform: translateX(0%);
}
	
	.splide__slide {
    transition: transform 0.5s ease-in-out !important; /* Adjust duration and easing as needed */
}

.footer-left p {
    font-family: Inter;
    font-size: 15px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: center;
    width: 327px;
    height: auto;
    padding: 0 15px;
    color: #fff;
}

footer#colophon .col-sm-3.ftr-col2 ul li {
    list-style: none;
    text-align: center;
    padding-bottom: 15px;
}
footer#colophon .col-sm-3.ftr-col2 ul li a {
    font-size: 15px;
    }

footer#colophon .col-sm-3.ftr-col3 ul li {
    list-style: none;
    text-align: center;
    padding-bottom: 15px;
}

footer#colophon .col-sm-3.ftr-col3 ul li a {
    font-size: 15px;
    }

footer#colophon .col-sm-3.ftr-col4 ul li {
    list-style: none;
    text-align: center;
    padding-bottom: 15px;
}

footer#colophon .col-sm-3.ftr-col4 ul li a {
    font-size: 15px;
    }

    .copyright {
    padding-top: 100px;
}


/*.sitewebimg img {
    width: 100px !important;
    height: auto;
}*/

#splide-again .slider-title a {
    font-size: 17px;
    font-family: 'Inter';
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.5px;
}

#splide-again .slider-content p a {
    color: #fff;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
}

#splide-again .slider-content p {
    color: #fff;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 14px;
}
#splide-again .news-card__img img {
    width: 100%;
    max-width: 100% !important;
    height: auto;
	 transition: opacity 0.6s ease-in-out;

}
	

#splide-again .Contact-btn a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 6px 10px 10px 10px;
    border: 1px solid #fff;
}


.col-sm-0 {
    text-align: end;
    align-content: center;
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
}

.col-sm-0 nav#site-navigation ul#primary-menu li a {
    font-family: Inter;
    font-size: 13px;
    font-weight: 600;
    line-height: 25px;
    color: #fff;
    background: #F75B5B;
    padding: 12px 15px;
    border-radius: 20px 8px 20px 8px;
}


#splide-again .row {
    display: block;
}

#splide-again .col-6 {
    width: 100%;
}
	
	.contact-form .row .col-sm-12 {
    display: flex;
    padding-left: 50px;
    text-align: left;
    padding-bottom: 15px;
		justify-content:center;
}
	
	.contact-form .row .col-sm-3 {
    padding-left: 30px;
}
.contact-form .row .col-sm-3 p button.quote-form-btn {
    background: #000;
    color: #fff;
    font-weight: 300;
    font-size: 22px;
    font-family: 'Inter';
    border-radius: 10px;
    padding: 11px 15px 12px 15px;
}
	
	
	.my-slider-progress .splide__pagination {
    width: 100%;
    left: 0 !important;
}
	
    .my-slider-progress {
		transition: transform 0.9s ease-in-out;
        margin-left: auto !important;
        width: 70% !important;
        margin-right: auto;
        display: block;
    }
	
	.my-slider-progress li .splide__pagination__page.is-active:after {
    content: '';
    background: #FB0A0A;
    position: absolute;
    width: 50px !important;
    height: 2px;
    left: -50px !important;
    z-index: -4;
		transition: transform 0.9s ease-in-out;
	opacity:0.8;	
	
}
	
    div#splide-again button.splide__arrow.splide__arrow--prev {
        z-index: 9999;
        display: block;
        bottom: auto !important;
        top: 17.6%;
        right: auto;
        left: 50px;
		transition: transform 0.9s ease-in-out;
    }
	
div#splide-again button.splide__arrow.splide__arrow--next {
    z-index: 9999;
    display: block;
    bottom: auto !important;
    top: 17.6%;
    right: 40px;
    left: auto;
	transition: transform 0.9s ease-in-out;
}

	
}



.col-sm-12 .wpcf7-radio span.wpcf7-list-item-label {
    font-weight: 400;
}

.wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
    display: block;
}

span.wpcf7-form-control.wpcf7-radio {
    display: block;
    width: 100%;
}

span.wpcf7-list-item {
    margin: 0;
	    margin-bottom: 20px;
}

.contact-form span.wpcf7-list-item label {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 5px;
    background: white;
    color: black;
    margin: 0px !important;
    width: 300px;
    border-radius: 10px;
    font-size: 20px;
    height: 45px;
    border: 1px solid #ccc;
	    cursor: pointer;
}

.contact-form span.wpcf7-list-item label input {
    display: none;
}

.col-sm-12 .wpcf7-radio span.wpcf7-list-item-label {
    font-weight: 400;
}

.contact-form span.wpcf7-list-item label.active:before {
    content: "\f00c";
    position: absolute;
    width: 100px;
    height: 100px;
    font-family: fontawesome;
    color: #f75b5b;
    transform: translateX(-50%);
    top: -12%;
    left: -31px;
    font-size: 31px;
}

.contact-form span.wpcf7-list-item label.active {
    background: #f75b5b !important;
    color: #fff;
    position: relative;
}

/* ======================blog section======================== */

.blog-background{
	width:100%;
	height:250px;
/* 	background-image:url(https://rajasthanndaacademy.in/school/wp-content/uploads/2024/05/203131whatsapp-image-2024-03-20-at-1.15.02-pm.1.jpg) !important; */
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	opacity:0.8;
	position: relative;
	padding-top:75px;
}

.blog-background:before {
    background: rgb(0 0 0 / 31%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: '';
}
.blog-background .container
{
	justify-content:center;
	display:flex;
	align-items:center;
	height: 200px;
}

.blog-background .container h2 {
    color: #fff;
    font-size: 35px;
    letter-spacing: 0.6px;
    position: relative;
    z-index: 0;
    padding-top: 42px;
    text-align: center;
}

.container_before_page {
    padding: 50px 0 50px 0;
}

.blog-page-inner {
    box-shadow: 0 9px 18px rgba(0, 0, 0, .08), 0 5px 7px rgba(0, 0, 0, .05);
	    padding-bottom: 25px;
	margin-bottom: 25px;
	border-radius: 5px;
	background:#817a79;
	font-family:'Inter';
}

.blog-img img {
    width: 100%;
    height: 250px;
	    margin-bottom: 30px !important;
	    border-radius: 5px 5px 0 0;

}

.blog-title {
    font-size: 20px !important;
    font-weight: 600 !important;
/*     color: #222 !important; */
/*     text-align: center !important; */
	    font-family: "Work Sans", sans-serif;
/* 	    margin-bottom: 10px; */
/* 	margin-bottom: 10px; */
    padding-left: 25px;
}

.blog-title a {
    color: #fff;
    text-decoration: none;
    font-size: 23px;
	
}

.blog-content p {
    font-family: "Inter", sans-serif;
    padding-left: 25px;
    padding-right: 20px;
/*     text-align: center; */
	font-size: 15px;
    font-weight: 400;
	display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
	
}
	.blog-content p a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}
	



.read-btn {
    padding-left: 25px;
}
.read-btn a {
 
    text-decoration: none !important;
    color: #fff !important;
    background-color: #ea585a !important;
    padding: 15px 20px 15px 20px;
    border-radius: 4px;
   
	    font-family: Arial;

}
.read-btn a span {
    padding-left: 5px !important;
    font-size: 20px !important;
}

.read-btn a:hover {
    background-color: transparent !important;
	 border: 1.5px solid #ea585a;
}


.entry-header h1.entry-title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 12px;
}

.blog-page .entry-meta {
    margin-bottom: 12px;
}

.entry-meta .posted-on a {
    text-decoration: none;
}

.entry-meta span a {
    text-decoration: none;
    color: #e31720;
}
.entry-content p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Work Sans", sans-serifsans-serif;
}

.comment-respond h3#reply-title {
    display: none;
}

.comment-respond form#commentform {
    display: none;
}

aside#secondary {
    display: none;
}


@media(max-width:768px){

	.contact-form span.wpcf7-list-item label {
    width: 275px;
}

	.contact-form span.wpcf7-list-item label.active:before {
    content: "\f00c";
    position: absolute;
    width: 54px;
    height: 54px;
    font-family: fontawesome;
    color: #f75b5b;
    transform: translateX(-50%);
    top: -12%;
    left: -25px;
    font-size: 30px;
}
	.contact-form span.wpcf7-list-item label.active {
    background: #f75b5b !important;
    color: #fff;
    position: relative;
}

}




/* Additional Css added  */

#splide-again .Contact-btn a:hover {
    background: #F75B5B;
    border-color: #F75B5B;
}

#splide-again .Contact-btn a {
    transition:all 0.5s;
}

div#splide2 .splide__arrow {
    display: block;
}

footer#colophon:after {
    content: '';
    position: absolute;
    background-image: url(https://webynamics.fr/wp-content/uploads/2024/08/bg-gradient-img-10-min.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    right: 0;
    width: 250px;
    bottom: 0;
	z-index:-1;
}
footer#colophon {
    position: relative;
}

.tablet-cls img, .mobile-cls img, .compueter-cls img {
    animation: upDown 3s ease-in-out infinite;
}

.tablet-cls-new img {
    animation: upDown 3s ease-in-out infinite;
}

@keyframes upDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px); / Move up by 20px /
  }
  100% {
    transform: translateY(0);
  }
}



/* .my-slider-progress {
    background: #FB0A0A;
}
 */
.my-slider-progress-bar {
  background: #FB0A0A;
  height: 2px;
  transition: width 3500ms ease;
  width: 0;
}

.my-slider-progress:before {
    content: '';
    position: absolute;
    background: #FB0A0A;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    top: 50%;
    transform: translateY(-50%);
	  transition: width 3500ms ease;
	display:none;
}

.my-slider-progress {
    position: relative;
}

.splide__pagination__page {
            background-color: #f0f0f0;
            border-radius: 50%;
            display: inline-block;
            margin: 0 5px;
            padding: 5px 10px;
            cursor: pointer;
            font-weight: bold;
	transition: all 0.9s ease-in-out;
        }


.splide__pagination__page.is-active {
            background-color: #007bff;
            color: white;
        }

        .splide__slide img {
 width: 100%;
    transition: transform 0.9s ease-in-out, opacity 0.9s ease-in-out;
    will-change: transform;
    position: relative; /* Necessary for parallax effect */
    z-index: 1;
        }

     /* When the active slide changes */
.splide__slide.is-active img {
    transform: scale(1.05); /* Slight zoom on active image */
    transition: transform 0.9s ease-in-out, opacity 0.9s ease-in-out;
}

.splide__slide.is-active img::before {
    transform: translateY(0); /* Move background image as parallax effect */
    transition: transform 0.9s ease-in-out;
}


        .splide__pagination__page.is-active {
            background-color: #007bff; /* Change color for active state */
            color: #fff;
			transition: background-color 0.9s ease, transform 0.9s ease !important;
			
        }

        /* Hide the arrows */
        .splide__arrow {
            display: none;
        }
        .splide__pagination {
    pointer-events: all;
}.splide__pagination {
    pointer-events: all;
}

.my-slider-progress li {
/*     display: none; */
}

.my-slider-progress .splide__pagination {
    display: flex !important;
    justify-content: space-between;
    padding: 0;
    top: -18px;
    left: -20px;
}

.my-slider-progress .splide__pagination__page {
    background: #FB0A0A;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(1);
    color: #fff;
    border: 1px solid #fff;
	    margin: 0;
}

/*  .my-slider-progress {
    position: relative;
    width: 90%;
     margin: auto; 
}  */


.my-slider-progress li .splide__pagination__page {
    display: block;
}

.my-slider-progress .splide__pagination__page {
    display: none;
}


.my-slider-progress li .splide__pagination__page[aria-controls="splide-again-slide01"]:before {
    content: '01';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	            transition: transform 0.9s ease-in-out;

}


.my-slider-progress li .splide__pagination__page[aria-controls="splide-again-slide02"]:before {
    content: '02';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	transition: transform 0.9s ease-in-out;
}

.my-slider-progress li .splide__pagination__page[aria-controls="splide-again-slide03"]:before {
    content: '03';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	 transition: transform 0.9s ease-in-out;
	
}

.my-slider-progress li .splide__pagination__page[aria-controls="splide-again-slide04"]:before {
    content: '04';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	 transition: transform 0.9s ease-in-out;
}


.my-slider-progress li .splide__pagination__page.is-active:after {
    content: '';
    background: #FB0A0A;
    position: absolute;
    width: 267px;
    height: 2px;
    left: -268px;
    z-index: -4;
}

/* .my-slider-progress li .splide__pagination__page[tabindex="-1"]:after {
    content: '';
    background: #FB0A0A;
    position: absolute;
    width: 370px;
    height: 2px;
    left: -355px;
    z-index: -4;
    top: auto;
    transform: none;
} */


.my-slider-progress {
    position: relative;
    width: 70%;
    margin-left: auto;
}

div#splide-again-track {
    padding-top: 50px;
}

.my-slider-progress:after {
    content: '';
    position: absolute;
    background: #FB0A0A;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    left: -300px;
    top: 50%;
    transform: translateY(-48%);
}

.happy-addon>.elementor-widget-container, .happy-addon>.elementor-widget-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 20px !important;
}


.entry-content p {

    color: white;
    font-weight: 400;
     font-family: "Inter", Sans-serif;
}

.elementor-1752 .elementor-element.elementor-element-2b314a5 .elementor-tab-title {

    border-radius: 20px;
}



/* Zoom-in effect for the specific container with right-side expansion and shadow */
.elementor-1752 .elementor-element.elementor-element-927e547:not(.elementor-motion-effects-element-type-background),
.elementor-1752 .elementor-element.elementor-element-927e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-1752 .elementor-element.elementor-element-e16f478.e-con-full.e-flex.e-con.e-child {
    overflow: hidden; /* Prevent overflow on zoom */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition for the zoom and shadow effect */
    position: relative; /* Required for absolute positioning of shadow */
}

.elementor-1752 .elementor-element.elementor-element-927e547:not(.elementor-motion-effects-element-type-background):hover,
.elementor-1752 .elementor-element.elementor-element-927e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer:hover,
.elementor-1752 .elementor-element.elementor-element-e16f478.e-con-full.e-flex.e-con.e-child:hover {
    transform: scale(1.05) translateX(5px); /* Reduced scale and right shift on hover */
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5); /* Dark box shadow */
}


/* Zoom-in effect for the specific container with right-side expansion and shadow */
.elementor-1752 .elementor-element.elementor-element-927e547:not(.elementor-motion-effects-element-type-background),
.elementor-1752 .elementor-element.elementor-element-927e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-1752 .elementor-element.elementor-element-e16f478.e-con-full.e-flex.e-con.e-child,
.elementor-1752 .elementor-element.elementor-element-df0115e.e-con-full.e-flex.e-con.e-child {
    overflow: hidden; /* Prevent overflow on zoom */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition for the zoom and shadow effect */
    position: relative; /* Required for absolute positioning of shadow */
}

.elementor-1752 .elementor-element.elementor-element-927e547:not(.elementor-motion-effects-element-type-background):hover,
.elementor-1752 .elementor-element.elementor-element-927e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer:hover,
.elementor-1752 .elementor-element.elementor-element-e16f478.e-con-full.e-flex.e-con.e-child:hover,
.elementor-1752 .elementor-element.elementor-element-df0115e.e-con-full.e-flex.e-con.e-child:hover {
    transform: scale(1.05) translateX(5px); /* Reduced scale and right shift on hover */
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5); /* Dark box shadow */
}






/* Images changes  */ 

/* Zoom-in effect for the specific container with right-side expansion and shadow */
.elementor-1752 .elementor-element.elementor-element-927e547:not(.elementor-motion-effects-element-type-background),
.elementor-1752 .elementor-element.elementor-element-927e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-1752 .elementor-element.elementor-element-e16f478.e-con-full.e-flex.e-con.e-child,
.elementor-1752 .elementor-element.elementor-element-df0115e.e-con-full.e-flex.e-con.e-child,
img.attachment-large.size-large.wp-image-1698,.timeline-column {  /* Target the specific image */
    overflow: hidden; /* Prevent overflow on zoom */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition for the zoom and shadow effect */
    position: relative; /* Required for absolute positioning of shadow */
}

.elementor-1752 .elementor-element.elementor-element-927e547:not(.elementor-motion-effects-element-type-background):hover,
.elementor-1752 .elementor-element.elementor-element-927e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer:hover,
.elementor-1752 .elementor-element.elementor-element-e16f478.e-con-full.e-flex.e-con.e-child:hover,
.elementor-1752 .elementor-element.elementor-element-df0115e.e-con-full.e-flex.e-con.e-child:hover,
img.attachment-large.size-large.wp-image-1698:hover,.timeline-column:hover {  /* Add hover effect for the image */
    transform: scale(1.05) translateX(5px); /* Reduced scale and right shift on hover */
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5); /* Dark box shadow */
}


/* Zoom-in effect for the specific container with right-side expansion and shadow */
.elementor-1752 .elementor-element.elementor-element-927e547:not(.elementor-motion-effects-element-type-background),
.elementor-1752 .elementor-element.elementor-element-927e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-1752 .elementor-element.elementor-element-e16f478.e-con-full.e-flex.e-con.e-child,
.elementor-1752 .elementor-element.elementor-element-df0115e.e-con-full.e-flex.e-con.e-child,
img.attachment-large.size-large.wp-image-1698,
img.attachment-large.size-large.wp-image-337,.timeline-column:hover {  /* Target both images */
    overflow: hidden; /* Prevent overflow on zoom */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition for the zoom and shadow effect */
    position: relative; /* Required for absolute positioning of shadow */
}

.elementor-1752 .elementor-element.elementor-element-927e547:not(.elementor-motion-effects-element-type-background):hover,
.elementor-1752 .elementor-element.elementor-element-927e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer:hover,
.elementor-1752 .elementor-element.elementor-element-e16f478.e-con-full.e-flex.e-con.e-child:hover,
.elementor-1752 .elementor-element.elementor-element-df0115e.e-con-full.e-flex.e-con.e-child:hover,
img.attachment-large.size-large.wp-image-1698:hover,
img.attachment-large.size-large.wp-image-337:hover,.timeline-column:hover {  /* Add hover effect for both images */
    transform: scale(1.05) translateX(5px); /* Reduced scale and right shift on hover */
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5); /* Dark box shadow */
}


/* Zoom-in effect for the specific container with right-side expansion and shadow */
.elementor-1752 .elementor-element.elementor-element-927e547:not(.elementor-motion-effects-element-type-background),
.elementor-1752 .elementor-element.elementor-element-927e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-1752 .elementor-element.elementor-element-e16f478.e-con-full.e-flex.e-con.e-child,
.elementor-1752 .elementor-element.elementor-element-df0115e.e-con-full.e-flex.e-con.e-child,
img.attachment-large.size-large.wp-image-1698,
img.attachment-large.size-large.wp-image-337,
img.attachment-large.size-large.wp-image-367,.timeline-column {  /* Target all three images */
    overflow: hidden; /* Prevent overflow on zoom */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition for the zoom and shadow effect */
    position: relative; /* Required for absolute positioning of shadow */
}

.elementor-1752 .elementor-element.elementor-element-927e547:not(.elementor-motion-effects-element-type-background):hover,
.elementor-1752 .elementor-element.elementor-element-927e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer:hover,
.elementor-1752 .elementor-element.elementor-element-e16f478.e-con-full.e-flex.e-con.e-child:hover,
.elementor-1752 .elementor-element.elementor-element-df0115e.e-con-full.e-flex.e-con.e-child:hover,
img.attachment-large.size-large.wp-image-1698:hover,
img.attachment-large.size-large.wp-image-337:hover,
img.attachment-large.size-large.wp-image-367:hover,.timeline-column:hover {  /* Add hover effect for all three images */
    transform: scale(1.05) translateX(5px); /* Reduced scale and right shift on hover */
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5); /* Dark box shadow */
}


/* Zoom-in effect for the specific container with right-side expansion and shadow */
.elementor-1752 .elementor-element.elementor-element-927e547:not(.elementor-motion-effects-element-type-background),
.elementor-1752 .elementor-element.elementor-element-927e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-1752 .elementor-element.elementor-element-e16f478.e-con-full.e-flex.e-con.e-child,
.elementor-1752 .elementor-element.elementor-element-df0115e.e-con-full.e-flex.e-con.e-child,
img.attachment-large.size-large.wp-image-1698,
img.attachment-large.size-large.wp-image-337,
img.attachment-large.size-large.wp-image-367,
img.attachment-large.size-large.wp-image-339,.timeline-column { /* Target all four images */
    overflow: hidden; /* Prevent overflow on zoom */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition for the zoom and shadow effect */
    position: relative; /* Required for absolute positioning of shadow */
}

.elementor-1752 .elementor-element.elementor-element-927e547:not(.elementor-motion-effects-element-type-background):hover,
.elementor-1752 .elementor-element.elementor-element-927e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer:hover,
.elementor-1752 .elementor-element.elementor-element-e16f478.e-con-full.e-flex.e-con.e-child:hover,
.elementor-1752 .elementor-element.elementor-element-df0115e.e-con-full.e-flex.e-con.e-child:hover,
img.attachment-large.size-large.wp-image-1698:hover,
img.attachment-large.size-large.wp-image-337:hover,
img.attachment-large.size-large.wp-image-367:hover,
img.attachment-large.size-large.wp-image-339:hover,.timeline-column:hover { /* Add hover effect for all four images */
    transform: scale(1.05) translateX(5px); /* Reduced scale and right shift on hover */
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5); /* Dark box shadow */
}


/* Zoom-in effect for the specific container with right-side expansion and shadow */
.elementor-1752 .elementor-element.elementor-element-927e547:not(.elementor-motion-effects-element-type-background),
.elementor-1752 .elementor-element.elementor-element-927e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-1752 .elementor-element.elementor-element-e16f478.e-con-full.e-flex.e-con.e-child,
.elementor-1752 .elementor-element.elementor-element-df0115e.e-con-full.e-flex.e-con.e-child,
img.attachment-large.size-large.wp-image-1698,
img.attachment-large.size-large.wp-image-337,
img.attachment-large.size-large.wp-image-367,
img.attachment-large.size-large.wp-image-339,
img.attachment-large.size-large.wp-image-368 { /* Target the new image */
    overflow: hidden; /* Prevent overflow on zoom */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition for the zoom and shadow effect */
    position: relative; /* Required for absolute positioning of shadow */
}

.elementor-1752 .elementor-element.elementor-element-927e547:not(.elementor-motion-effects-element-type-background):hover,
.elementor-1752 .elementor-element.elementor-element-927e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer:hover,
.elementor-1752 .elementor-element.elementor-element-e16f478.e-con-full.e-flex.e-con.e-child:hover,
.elementor-1752 .elementor-element.elementor-element-df0115e.e-con-full.e-flex.e-con.e-child:hover,
img.attachment-large.size-large.wp-image-1698:hover,
img.attachment-large.size-large.wp-image-337:hover,
img.attachment-large.size-large.wp-image-367:hover,
img.attachment-large.size-large.wp-image-339:hover,
img.attachment-large.size-large.wp-image-368:hover { /* Add hover effect for the new image */
    transform: scale(1.05) translateX(5px); /* Reduced scale and right shift on hover */
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5); /* Dark box shadow */
}

/* Zoom-in effect for the specific container with right-side expansion and shadow */
.elementor-1752 .elementor-element.elementor-element-927e547:not(.elementor-motion-effects-element-type-background),
.elementor-1752 .elementor-element.elementor-element-927e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-1752 .elementor-element.elementor-element-e16f478.e-con-full.e-flex.e-con.e-child,
.elementor-1752 .elementor-element.elementor-element-df0115e.e-con-full.e-flex.e-con.e-child,
img.attachment-large.size-large.wp-image-1698,
img.attachment-large.size-large.wp-image-337,
img.attachment-large.size-large.wp-image-367,
img.attachment-large.size-large.wp-image-339,
img.attachment-large.size-large.wp-image-368,
img.attachment-large.size-large.wp-image-369 { /* Target the new image */
    overflow: hidden; /* Prevent overflow on zoom */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition for the zoom and shadow effect */
    position: relative; /* Required for absolute positioning of shadow */
}

.elementor-1752 .elementor-element.elementor-element-927e547:not(.elementor-motion-effects-element-type-background):hover,
.elementor-1752 .elementor-element.elementor-element-927e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer:hover,
.elementor-1752 .elementor-element.elementor-element-e16f478.e-con-full.e-flex.e-con.e-child:hover,
.elementor-1752 .elementor-element.elementor-element-df0115e.e-con-full.e-flex.e-con.e-child:hover,
img.attachment-large.size-large.wp-image-1698:hover,
img.attachment-large.size-large.wp-image-337:hover,
img.attachment-large.size-large.wp-image-367:hover,
img.attachment-large.size-large.wp-image-339:hover,
img.attachment-large.size-large.wp-image-368:hover,
img.attachment-large.size-large.wp-image-369:hover { /* Add hover effect for the new image */
    transform: scale(1.05) translateX(5px); /* Reduced scale and right shift on hover */
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5); /* Dark box shadow */
}

.elementor-element.elementor-element-5ab0b48.e-con-full.e-flex.e-con.e-child {
  position: sticky; /* Make the element sticky */
  top: 0; /* Stick it to the top of the viewport */
  height: 30vh; /* Full viewport height */
	    padding-top: 40px;
  overflow: hidden; /* Optional: if content inside this element should also scroll */
  box-sizing: border-box; /* Ensure padding and borders are included in the element's total width and height */
 Optional: to match the left side in the previous example */
  padding: 20px; /* Optional: add padding for inner spacing */
}


/* Mobile Resposniveness */


@media (max-width: 600px) {
.elementor-element.elementor-element-5ab0b48.e-con-full.e-flex.e-con.e-child {
    position: relative;
    top: 0;
    height: 30vh;
    padding-top: 40px;
    overflow: hidden;
	box-sizing: border-box;}
}



.elementor-element.elementor-element-8287a95.e-con-full.e-flex.e-con.e-child {
	 position: sticky; /* Make the element sticky */
  top: 0; /* Stick it to the top of the viewport */
  height: 70vh; /* Full viewport height */
	    padding-top: 40px;
  overflow: hidden; /* Optional: if content inside this element should also scroll */
  box-sizing: border-box; /* Ensure padding and borders are included in the element's total width and height */
 Optional: to match the left side in the previous example */
  padding: 20px; /* Optional: add padding for inner spacing */
}


/* Mobile Responsiveness */


@media (max-width: 600px) {
	
	.elementor-element.elementor-element-8287a95.e-con-full.e-flex.e-con.e-child {
    position: relative;
    top: 0;
    height: 38vh;
    padding-top: 40px;
    overflow: hidden;
    box-sizing: border-box;
    Optional: to match the left side in the previous example* / padding: 20px;
}
	
}


.elementor-1752 .elementor-element.elementor-element-69e955a .elementor-button,
.elementor-1752 .elementor-element.elementor-element-5cdcd8f .elementor-button,
.elementor-1752 .elementor-element.elementor-element-e9f9207 .elementor-button,
.elementor-1752 .elementor-element.elementor-element-18e9253 .elementor-button,
.elementor-1752 .elementor-element.elementor-element-11bba5b .elementor-button,
.elementor-1752 .elementor-element.elementor-element-bc69c56 .elementor-button,
.elementor-1752 .elementor-element.elementor-element-b653fb6 .elementor-button,
.elementor-19 .elementor-element.elementor-element-cb660cc .elementor-button{
      
      border-radius: 20px;
      color: #fff;
      font-family: 'Roboto', sans-serif;
      font-size: 1.5rem;
      font-weight: 100;
      padding: 1rem 2rem;
      position: relative;
      text-decoration: none;
      transition: 0.2s transform ease-in-out;
      will-change: transform;
      z-index: 0;
      overflow: hidden;
}

.elementor-1752 .elementor-element.elementor-element-69e955a .elementor-button::after,
.elementor-1752 .elementor-element.elementor-element-5cdcd8f .elementor-button::after,
.elementor-1752 .elementor-element.elementor-element-e9f9207 .elementor-button::after,
.elementor-1752 .elementor-element.elementor-element-18e9253 .elementor-button::after,
.elementor-1752 .elementor-element.elementor-element-11bba5b .elementor-button::after,
.elementor-1752 .elementor-element.elementor-element-bc69c56 .elementor-button::after,
.elementor-1752 .elementor-element.elementor-element-b653fb6 .elementor-button::after,
.elementor-19 .elementor-element.elementor-element-cb660cc .elementor-button::after{
      background: linear-gradient(to right, #F75B5B 0%, #C479FF 100%);
      border-radius: 20px;
      content: '';
      display: block;
      height: 100%;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      transform: translate(-100%, 0) rotate(10deg);
      transform-origin: top left;
      transition: 0.2s transform ease-out;
      will-change: transform;
      z-index: -1;
}

.elementor-1752 .elementor-element.elementor-element-69e955a .elementor-button:hover::after,
.elementor-1752 .elementor-element.elementor-element-5cdcd8f .elementor-button:hover::after,
.elementor-1752 .elementor-element.elementor-element-e9f9207 .elementor-button:hover::after,
.elementor-1752 .elementor-element.elementor-element-18e9253 .elementor-button:hover::after,
.elementor-1752 .elementor-element.elementor-element-11bba5b .elementor-button:hover::after,
.elementor-1752 .elementor-element.elementor-element-bc69c56 .elementor-button:hover::after,
.elementor-1752 .elementor-element.elementor-element-b653fb6 .elementor-button:hover::after,
.elementor-19 .elementor-element.elementor-element-cb660cc .elementor-button:hover::after{
      transform: translate(0, 0);
}

.elementor-1752 .elementor-element.elementor-element-69e955a .elementor-button:hover,
.elementor-1752 .elementor-element.elementor-element-5cdcd8f .elementor-button:hover,
.elementor-1752 .elementor-element.elementor-element-e9f9207 .elementor-button:hover,
.elementor-1752 .elementor-element.elementor-element-18e9253 .elementor-button:hover,
.elementor-1752 .elementor-element.elementor-element-11bba5b .elementor-button:hover,
.elementor-1752 .elementor-element.elementor-element-bc69c56 .elementor-button:hover,
.elementor-1752 .elementor-element.elementor-element-b653fb6 .elementor-button:hover,
.elementor-19 .elementor-element.elementor-element-cb660cc .elementor-button:hover
{
      color: #FFFFFF !important;
      transform: scale(1.05);
      will-change: transform;
}




.sitewebimg p {
    color: white;
    font-size: 17px;
}

@media (max-width: 600px) {
    .text-slide {
        text-align: center !important;
        width: 100%;
        max-width: 800px;
        overflow: hidden;
        margin: 0 auto;
        margin-left: 0px !important;
    }
}



@media (max-width: 767px) {
    .elementor-1752 .elementor-element.elementor-element-cd7beea .elementor-image-box-title {
        font-size: 22px;
        text-align: start;
    }
	
	.elementor-1752 .elementor-element.elementor-element-7eb10a6 .elementor-image-box-title {
        font-size: 22px;
        text-align: start;
    }
	    .elementor-1752 .elementor-element.elementor-element-e29991e .elementor-image-box-title {
        font-size: 22px;
        text-align: start;
    }
	.elementor-1752 .elementor-element.elementor-element-ae72ce1 .elementor-image-box-title {
        font-size: 22px;
        text-align: start;
    }
}

@media (max-width: 600px) {
    .elementor-element.elementor-element-5ab0b48.e-con-full.e-flex.e-con.e-child {
        position: relative;
        top: 0;
        height: 0vh;
        padding-top: 40px;
        overflow: hidden;
        box-sizing: border-box;
    }
}


/* General Styles for Header */
.site-header {
    padding: 15px 0; /* Add some padding */
}

.nav-container {
    display: flex; /* Use Flexbox for layout */
    flex-wrap: wrap; /* Allow wrapping for mobile */
}


.nav-container {
    display: flex; /* Use Flexbox for layout */
    flex-wrap: wrap; /* Allow wrapping for mobile */
}

/* Column styling */
.col-sm-6 {
    width: 50%; /* Set each column to 50% */
    box-sizing: border-box; /* Ensure padding/margins do not affect total width */
    padding: 10px; /* Optional: Add padding for spacing */
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .col-sm-6 {
        width: 100%; /* Full width on mobile */
        margin-bottom: 10px; /* Space between sections */
    }
}



/* Contac page css */ 

.fieldset-cf7mls .cf7mls_next {
    float: left !important;
}

.contact-form span.wpcf7-list-item label.active:before {
	display: none !important;
    content: "\f00c";
    position: absolute;
    width: 100px;
    height: 100px;
    font-family: fontawesome;
    color: #f75b5b;
    transform: translateX(-50%);
    top: -12%;
    left: -31px;
    font-size: 31px;
}


.cf7mls-btns .cf7mls_next.action-button, .cf7mls-btns .cf7mls_back.action-button {
    /* margin: 0px; */
    padding: 16px 15px;
    background: black;
    color: #fff;
    border-radius: 12px;
    margin-left: 54px;
    margin-top: -15px;
}

.contact-form span.wpcf7-list-item label {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 5px;
    background: #ffffff42;
    color: white;
    margin: 0px !important;
    width: 300px;
    border-radius: 10px;
    font-size: 20px;
    height: 45px;
    border: 1px solid #ccc;
    cursor: pointer;
}
.contact-form span.wpcf7-list-item label.active {
    background: none;
    color: #fff;
    position: relative;
}

@media (max-width: 767px) {
    .elementor-1752 .elementor-element.elementor-element-dd929ae .elementor-heading-title {
        font-size: 27px;
        text-align: left !important;
    }
}

.elementor-1752 .elementor-element.elementor-element-9007b4d .elementor-heading-title {
    color: #FFFFFF;
    font-family: "Inter", Sans-serif;
    font-size: 36px;
    font-weight: 600;
    text-align: start;
}
.timeline-container {
    display: flex; /* Use flexbox for a responsive layout */
    justify-content: space-between; /* Evenly space columns */

}

.timeline-column {
    flex: 1; /* Each column will take equal space */
    margin: 5px;
    text-align: center; /* Center text in each column */
    color: black; /* Black font color */
    font-size: 18px; /* Adjust font size as needed */
	background-color: white;
	  padding: 9px;
    border-radius: 20px; /* Optional: add rounded corners */
   
}

.timeline-column p {
    margin: 0; /* Remove default margin from paragraphs */
}

.timeline-column p {
    margin: 0;
		
    font-size: 35px;
    font-weight: 700;
}
.timeline-column h5 {
    margin: 0;
    font-size: 14px;
	color:#BDBDBD;
    font-weight: 400;
	padding-bottom: 10px;
}



.splide__pagination__page .progress-bar {
    width: 0;
    height: 4px;
    background-color: #3498db;  /* Change to your desired color */
    transition: width 0.5s ease-in-out;  /* Smooth animation */
    position: absolute;
    bottom: 0;
    left: 0;
}

.splide__pagination__page.is-active .progress-bar {
    width: 100%;
}

.page-id-5180 .form-row.form_again .form-column {
    margin-right: 10px !important;
}


/* =======================adi css 13-11-2024=========================== */
.agencede-cls h1 {
    background: linear-gradient(to right, #F75B5B 0%, #C479FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}