/*
Theme Name: sayvo Responsive Theme
*/
	body {
		background: #2A7B9B;
        background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);
		font-family: "Inter", sans-serif;
  		font-optical-sizing: auto;
		color: #fff;
		font-size: 16px;
		line-height: normal;
		overflow-x: hidden;
	}
	ul, ol, li, ul ul, ol ol {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	select, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="date"], input[type="tel"], textarea {
		box-shadow: none;
		outline: none;
		margin: 0;
		width: 100%;
		font-size: 12px;
		padding: 5px;
		border-radius: 4px;
		resize: none;
		height: 38px;
		border: 2px solid #BEBEBE;
	}
	select, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="tel"]:focus, textarea:focus {
		background: #fff;
		box-shadow: none;
	}
	textarea { position: relative; height: 100px; }
	h1.page-title,
	h1 {
		position: relative;
		font-size: 64px;
		line-height: normal;
		color: #fff;
		font-weight: 500;
		padding-bottom: 20px;
		margin-bottom: 0;
		padding-top: 15px;
	}
	h2 {
		position: relative;
		font-size: 32px; 
		line-height: normal;
		color: #fff;
		font-weight: 500;
		padding-bottom: 10px;
		margin-bottom: 0;
	}
	h3 {
		position: relative;
		font-size: 22px;  
		line-height: normal;
		color: #fff;
		font-weight: 500;
		padding-bottom: 20px;
		margin-bottom: 0;
	}
	p {
		padding-bottom: 10px;
		margin-bottom: 0;
		font-size: 16px;
		line-height: 24px;
		color: #fff;
	}
	.main-content ul {
		padding-top: 20px;
	}
	.main-content ul li {
		font-size: 14px;
		line-height: normal;
		padding-bottom: 10px;
	}
	a {
		color: #404040;
		text-decoration: none;
		outline: none;
		transition: all 0.3s ease-in-out;
	}
	.small-heighlight-btn {
		background: #f5f5f5;
		border: 1px solid #6d767e1a;
		border-radius: 7px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 170px;
		font-size: 12px;
		line-height: normal;
		gap: 8px;
		padding: 7px;
	}
	.small-heighlight-btn img {
		height: 16px;
	}
	a.black-btn, input[type="submit"] {
		font-size: 13px;
		display: inline-block;
		line-height: 36px;
		background: #000;
		color: #fff;
		padding: 0 12px;
		border-radius: 8px;
		transition: all 0.3s ease-in-out;
	}
	.pink-pill {
		font-size: 12px;
		color: #F44CFF;
		display: inline-block;
		backdrop-filter: blur(6px);
		background-color: rgba(243, 71, 255, 0.2);
		border-radius: 20px;
		padding: 4px 8px;
		margin-bottom: 15px;
	}
	button.accordion-button {
		font-size: 22px;
		font-weight: 500;
		align-items: center;
		display: flex;
		flex: none;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 18px;
		height: min-content;
		justify-content: flex-start;
		overflow: visible;
		/* padding: 0; */
		position: relative;
		width: 100%;
		outline: none;
		border: none;
		box-shadow: none !important;
		padding-left: 0;
		padding-right: 0;
		padding-right: 35px;
	}
	.accordion-button::after {
		position: absolute;
		right: 0;
		top: 20px;
	}
	.accordion-body {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 40px;
		padding-top: 0;
	}
	.accordion-body p {
		padding-bottom: 20px;
	}
	button.accordion-button span.image {
		width: 36px;
		background-color: rgba(243, 71, 255, 0.2);
		border-radius: 8px;
		box-shadow: rgba(243, 71, 255, 0.25) 0px 0px 0px 1px, rgba(243, 71, 255, 0.32) 0px 1px 2px 0px, rgba(243, 71, 255, 0.32) 0px 6px 16px 0px;
		padding: 6px;
	}
	.accordion-button:not(.collapsed) {
		background-color: transparent;
	}
	.accordion-item {
		margin-bottom: 14px;
	}
	a.pink-link {
		color: #f347ff;
	}
	a.pink-link .image {
		display: inline-block;
		transition: all 0.3s ease-in-out
	}
	/* Header CSS */
	header {
		padding: 12px 0;
		border-bottom: 1px solid #e5e5e5;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		background-color: #fff;
		z-index: 9;
	}
	.site-logo img {
		height: 50px;
	}
	.header-menu {
		text-align: right;
	}
	.header-menu ul li {
		display: inline-block;
		margin-left: 10px;
	}
	.header-menu ul li a {
		display: inline-block;
		color: #737373;
		padding: 8px 15px;
		border-radius: 3px;
	}
	.header-menu ul li.current-menu-item a {
		color: #000;
	}
	.header-menu ul li a:hover {
		background: hsl(208deg 7% 46% / 10%);
	}
	/* home css */
	.main-content {
		padding-top: 75px;
	}
	.home-banner {
		padding: 25px 0 50px 0;
	}
	.home-banner h1 {
		padding-bottom: 0;
	}
	.home-banner p {
		padding-bottom: 24px;
	}
	.banner-image img {
		display: block;
		margin: 0 auto;
		max-width: 470px;
		width: 100%;
	}
	
	.most-popular {
		padding: 100px 0 50px 0;
	}
	.most-popular .accordion, section.faq .accordion {
		max-width: 700px;
		margin: 0 auto;
		margin-top: 40px;
	}
	.most-popular .container {
		border-bottom: 1px solid #e2e8f0;
	}
	section.benifits {
		padding: 50px 0 30px 0;
	}
	section.benifits h2 {
		padding-bottom: 25px;
		margin-bottom: 30px;
	
	}
	section.benifits h3 {
		font-weight: 700;
		color: #000;
	}
	section.benifits h3 span.image {
		width: 24px;
		display: inline-block;
		margin-right: 5px;
	}
	section.benifits .bottom-section {
		padding-top: 60px;
	}
	section.benifits .bottom-section h2 {
		margin-bottom: 0;
		font-size: 54px;
		font-weight: 400;
		line-height: normal;
		padding-bottom: 10px;
		padding-left: 15px;
	}
	section.benifits .bottom-section p {
		border-left: 2px solid #f347ff;
		padding-left: 15px;
		padding-bottom: 0;
		font-size: 14px;
		color: #525252;
		line-height: 25px;
	}
	section.blogs h2 {
		color: #000;
		padding-bottom: 50px;
	}
	section.blogs {
		padding: 40px 0 30px 0;
	}
	.blog {
		border-radius: 20px;
		box-shadow: 0 .7961918735236395px 1.1146686229330953px -.375px #00000008, 0 2.414506143104518px 3.380308600346325px -.75px #00000009, 0 6.382653521484461px 8.935714930078246px -1.125px #0000000b, 0 20px 28px -1.5px #00000012;
		overflow: hidden;
		height: 100%;
	}
	.blog .image img {
		height: 240px;
		width: 100%;
		object-fit: cover;
		object-position: center center;
		overflow: hidden;
	}
	.blog .image:hover img {
		transform: scale(1.1);
	}
	.blog .description {
		padding: 30px;
	}
	section.no-problems {
		padding: 70px 0;
	
	}
	section.no-problems ul {
		padding-top: 20px;
	}
	section.no-problems ul li {
		font-size: 14px;
		line-height: normal;
		padding-bottom: 10px;
	}
	section.integrate {
		padding: 50px 0 0 0;
		text-align: center;
	}
	section.integrate .image {
		overflow: hidden;
	}
	.banner-bottom img {
    	max-width: 130px;
	}
	section.integrate .text-center {
		position: relative;
		z-index: 1;
		background: #fff;
	}
	section.organise-business {
		padding: 50px 0;
	}
	section.organise-business .row {
		flex-direction: row-reverse;
	}
	section.meet-team {
		padding: 50px 0;
	}
	section.meet-team .container {
		padding: 50px 12px;
	}
	.meet-team h2 {
		color: #000;
	}
	.team-member .image {
		border-radius: 20px;
		overflow: hidden;
		margin-bottom: 18px;
	}
	.team-member h5 {
		font-size: 16px;
		line-height: normal;
		color: #000;
	}
	.team-member h6 {
		font-size: 14px;
		line-height: normal;
		color: #525252;
	}
	.team-member .image img {
		height: 240px;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	section.faq {
		background-image: url(images/home2-bg.png);
		background-size: cover;
		background-position: center top;
		padding: 100px 0 50px 0;
	}
	section.faq .accordion-button::after {
		content: "+";
		background-image: none;
	}
	section.faq .accordion-button::after {
		position: absolute;
		right: 0;
		top: 10px;
		height: auto;
		width: 23px;
		font-size: 25px;
	}
	section.faq .accordion-button:not(.collapsed)::after {
		transform: rotate(-45deg);
	}
	.book-call {
		background-image: url(images/home2-bg.png);
		background-size: cover;
		background-position: center top;
		padding: 100px 0 150px 0;
	}
	.contact-us {
		background-size: contain;
		background-repeat: no-repeat;
	}
	.form-outer {
		max-width: 600px;
		margin: 0 auto;
	}
	.country-select, label {
		display: block;
		padding-bottom: 10px;
	}
	.form-outer p {
		padding: 0;
	}
	.form-outer br {
		display: none;
	}
	.form-outer h2 {
		padding-top: 35px;
		padding-bottom: 15px;
	}
	.wpcf7-not-valid-tip {
		color: #dc3232;
		font-size: 11px;
		font-weight: normal;
		display: block;
		line-height: normal;
	}
	.country-select.inside .selected-flag {
		height: 35px;
	}
	.wpcf7 form .wpcf7-response-output {
		margin: 15px 0 0 0;
		font-size: 12px;
		text-align: center;
	}
	

	
body {

}