/*
Theme Name: multisyncmadeasy
Theme URI: 
Author: HIC Global Solutions
Author URI: https://hicglobalsolutions.com/
Description: Multi Sync made easy.
Version: 2.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 8.0
*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Quicksand:wght@300..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

host,
:root {
	font-size: 18px;
    --primary: #FD8201;
    --secondary: #4C8BFF;
    --lightYellow: #FFD200;
    --lightGreen: #06E07F;
    --black: #0D1216;
    --darkBlue: #28284C;
}
body {
    overflow-x: hidden;
}
img.custom-logo {
	width: 180px;
	height: 66px;
}

h1 {
	font-family: "Quicksand", sans-serif !important;
}

h2,
h3,
h4,
h5,
h6 {
	font-family: "Outfit", sans-serif !important;
}

p,
ul,
li,
a {
	font-family: "Roboto", sans-serif !important;
}
/* .text-secondary{
	color:#3D52A0 !important;
} */

#banner {
	background-image: linear-gradient(to right, #26d46a2b, #3c52a033);
}

#vedio {
	background: #28274C;
}

div#vedio h2 {
	color: #FFF;
	font-size: 50px;
}

#sercha h2 {
	color: #000;
	font-size: 50px;
}

.menuopen a {
	background: #4256a2;
	padding: 0.5rem 1rem;
	color: #FFF !important;
	border-radius: 23px;
	font-size: 18px;
}

span {
	color: #009CE9;
}
.p-0.header-section.position-sticky {
    background: #FFFF;
    z-index: 99;
    top: 0;
	border-bottom: 1px solid #daf4e7;
}

@keyframes slides {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}

div#menu-mainmenu li a {
	color: #000;
	text-decoration: none;
	margin-left: 26px;
	font-weight: 500;
}

.logos {
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}
.logos:before{
    position: absolute;
    top: 0;
    content: '';
    width: 103px;
    height: 100%;
    z-index: 2;
    background: #daf5e6;
    opacity: 1;
    filter: blur(25px);
    left: -32px;
}
.logos:after{
    position: absolute;
    top: 0;
    content: '';
    width: 103px;
    height: 100%;
    z-index: 2;
    background: #d8ddec;
    opacity: 1;
    filter: blur(18px);
    right: -32px;
}
/* .logos:before,
.logos:after {
	position: absolute;
	top: 0;
	content: '';
	width: 250px;
	height: 100%;
	z-index: 2;
}
 */

.logo_items {
	display: inline-block;
	animation: 100s slides infinite linear;
}

.logos:hover .logo_items {
	animation-play-state: paused;
}

.logo_items img {
	height: 100px;
}


.logosone {
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}

/* .logosone:before,
.logosone:after {
	position: absolute;
	top: 0;
	content: '';
	width: 250px;
	height: 100%;
	z-index: 2;
}
 */
.logosone:before{
    position: absolute;
    top: 0;
    content: '';
    width: 103px;
    height: 100%;
    z-index: 2;
    background: #daf5e6;
    opacity: 1;
    filter: blur(25px);
    left: -32px;
}
.logosone:after{
    position: absolute;
    top: 0;
    content: '';
    width: 103px;
    height: 100%;
    z-index: 2;
    background: #d8ddec;
    opacity: 1;
    filter: blur(25px);
    right: -32px;
}


.logosone .logo_items {
	display: inline-block;
	animation: 100s slideLeftToRight infinite linear;
}

.logosone:hover .logo_items {
	animation-play-state: paused;
}

.logosone .logo_items img {
	height: 100px;
}

@keyframes slideLeftToRight {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0%);
	}
}

div#menu-mainmenu menu-item a {
	color: #000 !important;
	text-decoration: none !important;
}

i.fa-solid.fa-play {
	font-size: 25px;
	box-shadow: 2px 0px 2px 2px;
	background: #FFF;
	width: 60px;
	height: 60px;
	align-items: center;
	line-height: 2.4;
	border-radius: 30px;
	position: absolute;
	top: 43%;
	left: 50%;
}

button.btn.btn-primary.me-2.banner-btio {
	font-size: 18px;
	border: 1px solid #000;
	background: none;
	color: #000;
	border-radius: 50px;
	padding: 0.5rem 1rem!important;
}

button.btn.btn-secondary.banner-bti {
	font-size: 18px;
	background: #4256A2;
	color: #FFFFFF;
	border-radius: 50px;
	padding: 0.5rem 1rem!important;
}

.random-word {
	display: inline-block;
	color: #0475ee;
/* 	letter-spacing: 3px; */
	width: auto;
	/* transition: all 1.25s; */
	animation: slidedown 4s infinite;
	-webkit-animation: slidedown 4s infinite;
	-moz-animation: slidedown 4s infinite;

}

.random-word {
	display: inline-block;
	animation: slideInOut 3s ease-in-out infinite;
	opacity: 1;
}

.imgages-box {

	margin: 33px;
	height: 40px;
	width: 180px;
	background: #FFF;
	padding: 30px;
	object-fit: contain;
	border-radius: 35px;
}

.faqSearchGoup {
	position: relative;
}

.box-prodect {
	padding: 20px;
	border-radius: 30px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	background:#fff;
}
.box-prodect:hover{
	transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

img.img-fluid.show-data-img {
	object-fit: contain;
	width: 200px !important;
	height: 34px !important;
}

img.me-2.img-fluid.show-data-img-one {
	object-fit: contain;
}

.text-right {
	text-align: right;
}

.box-number-cunt {
/* 	box-shadow: 0px 0px 12px rgb(61 82 160 / 22%);
    background: linear-gradient(180deg, #fff, #fff, #fff, rgb(61 82 160 / 68%)); */
    background: #3D52A0;
    border-radius: 50%;
    height: 300px;
    width: 300px;
    /* line-height: 3.2; */
    text-align: center;
    margin: auto;
    /* align-items: center; */
    margin: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-number-cunt span {
	color: #FFF;
/* 	color:#28274c; */
	font-size: 129px;
	font-weight: bold;
}
.box-number-cunt sub {
	color: #fff;
}

h6 {
	color: #3D52A0 !important;
}

#cta {
	background-image: linear-gradient(to right, #26d46a2b, #3c52a033);
}

#footer ul {
	padding: 0px;
	margin: 0px;
}

#footer ul li {
	list-style: none;
	margin-top: 17px;
}

#footer ul li a {
	text-decoration: none;
	color: #000;
}

.box-icon-box i {
	background: #4256a2;
	height: 30px;
	width: 30px;
	text-align: center;
	font-size: 17px;
	/* display: flex; */
	line-height: 1.9;
	border-radius: 30px;
	color: #FFF;
}

#footer li a {
	transition: .3s !important;
}

#footer ul li a::before {
 position: relative;
    content: "\f219";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    color: inherit;
    margin-right: 10px;
    color: #06e07f;
}

#footer li a:hover {
	color: #4256a2 !important;
	letter-spacing: 1px !important;
}

div#menu-mainmenu li a:hover {
	color: #4256a2 !important;
}

.privacy ul li {
	margin: 18px;
}

.single-blog-img {
	position: relative;
	/* border-radius: 30px; */
}

.single-blog-img img {
	border-radius: 30px;
}

/* .blog-date {
	position: absolute;
	top: 12px;
	left: 18px;
	color: #FFF;
	background: #4256a2a3;
	padding: 5px;
	border-radius: 10px;
}

.upk-content-wrap {
	backdrop-filter: blur(0px);
	-webkit-backdrop-filter: blur(0px);
	background-color: #FFFFFFAD;
	border-radius: 30px 0px 9px 0px;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 63%;
	font-weight: 600;
	font-size: 17px;
	padding: 10px;
	transition: transform 0.3s ease, background-color 0.3s ease;
}

.upk-content-wrap:hover {
	transform: scale(1.05);
	background-color: #e0e0e0;
	overflow: hidden;
	width: 65%;
	margin-right: 5px;
	
}


.upk-content-wrap .icon {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 24px;
}
 */
.mostpopular {
	border: 2px solid #4256a2 !important;
	background: linear-gradient(103deg, rgba(13, 110, 253, 0.1) 35%, rgba(0, 212, 255, 0.1) 100%);
}

.custompayNew {
	background: #4256a2;
	display: inline-block;
	text-decoration: none;
	font-weight: 600;
	cursor: pointer;
}

.ribbon span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 15px 0;
	background: #4256a2;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	color: #fff;
	font: 700 14px / 1 "Montserrat", sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	text-align: center;
}

.ribbon {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
}

.ribbon-top-right span {
	left: -25px;
	top: 30px;
	transform: rotate(45deg);
}

.ribbon-top-right {
	top: -10px;
	right: -10px;
}

#faq {
	background: #e0f2fc;
	padding-top: 10vh;
	padding-bottom: 10vh;
}

.accordion-button:not(.collapsed) {
	color: #ffffff;
	background-color: #1d56a7;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.accordion-item {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .125);
	margin-top: 16px;
}

.text-center.secend-banner h1 {
	font-size: 60px;
	font-weight: bold;
	font-family: 'Open Sans';
}

.text-center.secend-banner p {
	font-size: 23px;
	font-family: 'Inter';
	font-weight: 400;
}

span#basic-addon2 {
	background: #4256a2;
	color: #FFF;
}

.spanece h2 {
	color: #000;
	font-size: 50px;
}

div#footer h5 {
	color: #3d52a1;
}

.menuopen a:hover {
	background: none !important;
	border: 1px solid #000;
}

.modal-shadowM {
	box-shadow: 3px 10px 16px 0px #4256a2 !important;
}

.random-word {
	display: inline-block;
	color: #0475ee;
/* 	letter-spacing: 3px; */
	width: auto;
	transition: all 1.25s;
	animation: slidedown 4s infinite;
	-webkit-animation: slidedown 4s infinite;
	-moz-animation: slidedown 4s infinite;
}

input#faqSearchForm {
	border-radius: 20px;
	border-bottom: 2px solid #0475ee;
	padding-left:55px;
}
i#searchIconFaq {
    position: absolute;
    top: 20px;
    left: 20px;
	background: var(--darkBlue);
	color:#fff;
	padding: 0.5rem;
	border-radius:50px;
	display:flex;
	justify-content:center;
	align-items:center;
	top:9px;
	left:9px
}
button.btn.btn-primary.me-2.banner-btio:hover {
	background: #000000;
	color: #FFF;
}

button.btn.btn-secondary.banner-bti:hover {
	background: #212529;
}
.imges-one-section img{
	width:100%;
}
.imges-two-section img{
	width:100%;
}

.imges-there-section img{
	width:100%;
}
.imges-four-section img{
	width:100%;
}
.imges-one-section {
	position: absolute;
	top: 16%;
	left: 0;
	z-index: -999;
	opacity: 0.6;
	object-fit: contain;
}

.imges-two-section {
	position: absolute;
	right: 0;
	/* overflow: hidden; */
	top: 42%;
	z-index: -999;
}

.imges-there-section {
	position: absolute;
	top: 52%;
	left: 0;
	z-index: -999;
	opacity: 0.6;
	object-fit: contain;
}

.imges-four-section {
	position: absolute;
	right: 0;
	/* overflow: hidden; */
	top: 66%;
	z-index: -999;
}
.show-imges-idia {
    max-width: 69% !important;
}
/* mobile responcive */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	#banner h1 {
		font-size: 40px !important;
	}

	button.btn.btn-primary.me-2.banner-btio {
		font-size: 18px;
	}

	#sercha h2 {
		font-size: 35px;
	}

	div#cta {
		padding: 2px !important;
	}
	input#faqSearchForm{
		padding-left:40px;
		font-size:14px;
	}
	i#searchIconFaq {
    position: absolute;
    top: 5px;
    left: 7px;
	font-size:0.7rem;	
}
	.show-imges-idia {
    max-width: 100% !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
	.box-number-cunt {
    width: 200px;
    height: 200px;
}
	.box-number-cunt span{
		font-size: 72px;
	}
}
.form-check-input[type=checkbox] {
    border-radius: .25em;
    /* background: blue; */
    border: 2px solid #2175bb;
}
i.fas.fa-external-link-alt {
    margin-left:2px;
    font-size: 16px;
}
#offcanvasMenu li.menu-item {
   
    text-decoration: none;
    margin-bottom: 20px !important;
}
#offcanvasMenu li.menu-item a {
   
    text-decoration: none;
    margin-bottom: 20px !important;
	color:#000;
}
#offcanvasMenu li.menu-item a:hover {
   color:#4256a2 !important;
}
#offcanvasMenu .menuopen {
    margin-top: 20px;
}
#menu-item-17.menuopen a:hover {
    background:#212529 !important;
    color: #FFF !important;
    border: none !important;
}
.box-icon-box i:hover {
    background:#fd8201;
}
h6.fea{
	background: #4c8bff;
    width: 90px;
    text-align: center;
    padding: 2px;
    color: #FFF !important;
    border-radius: 7px;
}
a.copyrightstyle:hover {
    color: #000 !important;
}
div#offcanvasMenu {
    width: 85% !important;
    max-width: 78% !important;
}
sub {
    color: #FFF;
}
.opppw{
	color:#2175bb;
}
@media (max-width: 768px) { /* Adjust this breakpoint based on your needs */
  [data-aos] {
    opacity: 1 !important; /* Ensures the element is visible without animation */
    transform: none !important; /* Prevents the element from moving/animating */
  }
}

 /* Move reCAPTCHA v3 badge to the left */
 
 .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
	z-index:99 !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

.footer-section .social-links {
    background-color: var(--darkBlue);
    width: 35px;
    height: 35px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 50%;
    margin-right: 10px;
    padding: 5px;
    transition: .3s ease-in;
	font-size:16px;
}
.footer-section .social-links:hover {
    background-color: var(--primary);
}
.blog_link{
	color:#000 !important;
}
.footer-section .copy-right-links {
    text-decoration: none;
    color: #0D1216;
    transition: .3s;
    font-weight: normal;
    font-family: "Roboto", sans-serif !important;
}
.footer-section .copy-right-links:hover {
    color: var(--primary);
   
}
.social-links {
    background-color: var(--darkBlue);
    width: 35px;
    height: 35px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 50%;
    margin-right: 10px;
    padding: 5px;
    transition: .3s ease-in;
    font-size: 16px;
}
/* .single-blog-img img{
		height:400px;
		object-fit:fill;
	} */
a.blog_link.mt-3 {
    list-style: none;
    text-decoration: none;
    margin-top: 10px !important;
}
.upk-content-wrap {
    color: #000;
    margin-top: 14px;
}
.upk-content-wrap:hover {
    color: #4256a2;
}
div#sigle_post_page span {
		color:#000 !important;
	font-size:18px !important;
	line-height: 36px;
	}
		div#sigle_post_page p{
		color:#000 !important;
			font-size:18px !important;
			line-height: 36px;

	}
	div#sigle_post_page h2,h3,h4{
		font-weight:600 !important;
	}
	div#sigle_post_page h4{
		margin-top:15px;
		margin-bottom:15px;
		font-size:22px;
		color:#000;
	}
	div#sigle_post_page h2 {
    color: #000000;
    font-size:28px;
}
	div#sigle_post_page h3 {
    color: #000000;
	font-size:25px;
   }
	div#sigle_post_page ul li{
		color:#000 !important;
		line-height:36px;
		font-size:18px !important;
	}
	div#sigle_post_page span{
		color:#414C55 !important;
	}
section#blog-single img {
    width: 100% !important;
}
ul.fighae-list.p-0 li {
    list-style: none;
}
ul.fighae-list.p-0 li span {
  font-weight:bold;
}
.form-check-input[type=radio] {
    border-radius: 27% !important;
    border: 2px solid #2175bb;
}
.lolo {
    color: red !important;
}
/* 404 Page CSS */

.notfound-copy-parent {
  margin: 0;
  padding: 0;
  background-image: linear-gradient(#28274c, #7039ff);
  height: 100vh;
  font-family: Roboto, Arial, sans-serif;
  color: #fff;
  text-align: center;
  position:relative;	
}
.starry-sky {
  display: block;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
.search-icon {
  display: inline-block;
}
.notfound-copy {
  color: #fff;
  position: absolute;
  top: 10rem;
  right: 0;
}
h1 {
   font-weight: 700;
  font-size: 40px;
}
/* change to alternating star opacities */
.all-stars {
  animation: blinkblink 7s linear infinite;
}

@keyframes blinkblink {  
  50% { opacity: 0.1; }
}
@media(max-width:767px){
	.starry-sky{
		position:relative;
		padding-top:10rem;
	}
	.notfound-copy{
		right: 6%;
    margin: auto;
    left: 0%;
	top:3rem;	
	}
}
	.BtnNotFound{
		background:#4256a2;
		padding:0.5rem 1rem;
		color:#fff;
		text-decoration:none;
		font-weight:500;
	}
	.BtnNotFound:hover{
		background: #212529;
	}
/* 404 Page CSS Close */

/* Premium Support Package */

#accordionFlushExample, #accordionFlushExample .accordion-item, #accordionFlushExample div{
		background: transparent;
		border-left:0;
	border-right:0;
	border-top:0;
	}
	#accordionFlushExample .accordion-button:hover , #accordionFlushExample [data-bs-toggle="collapse"][aria-expanded="true"]{
		color:#039be6;
	}
.related-post {
/*     position: sticky; */
    top: 100px;
	margin-top:24px;
}

/* .related-post-share {
    position: sticky;
    top: 100px;
	margin-top:24px;
} */
/* Premium Support Package Close */