@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*@import "https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css";*/
@import "https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css";

@import "icofont.min.css";
@import "col.css";
@import "medi.css";
@import "new-css.css";
@import "mega-menu.css";

/*.btn-menu{
    outline: none !important; 
	border: 0; 
	background:#FFF;
}

.btn-menu:hover, .btn-menu::after, .btn-menu:active{
	outline: none !important; 
	border:none;
}
.menu .modal-dialog {
    width: 100% !important;
    max-width: none;
    height: 100%;
    margin: 0;
	overflow: hidden;
	background:rgba(255,255,255,1.00); 
  }

 .menu .modal-dialog .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
	background:rgba(255,255,255,1.00); 
  }

 .menu .modal-dialog .modal-content .modal-body {
    overflow-y: auto;
	background-image: url("../images/highquality.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top 50px;
	  
  }
.closebtn{	
	background:#022356 !important;
	color:rgba(255,255,255,1.00) !important;
	padding:15px  20px;
	font-size: 20px;
	border: 0 !important;
	outline: none !important;
	cursor: pointer;
}
.mymenu{
		display: block;
		list-style: none;
	}
.mymenu li{
	padding: 5px;
	float: left;
}

.mymenu li a{
	padding: 5px;
	color:#222;
	text-decoration: none;
	cursor: pointer;
}

.vertical-menu{
  width:320px;
  height:100vh;
  background:#FFF;
  box-shadow:0 0 15px rgba(0,0,0,0.08);
  overflow-y:auto;
}




.vertical-menu a{
  text-decoration:none;
  color:#222;
}


.menu-item{
  border-bottom:1px solid #f1f1f1;
}


.normal-link{
  display:block;
  padding:5px 20px;
  font-size:15px;
  font-weight:600;
  transition:0.3s;
}

.normal-link:hover{
  background:#f7f7f7;
  color:#022356;
  padding-left:28px;
}


.dropdowns-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:4px 20px;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  transition:0.3s;
}

.dropdowns-toggle:hover{
  background:#f7f7f7;
}
	.dropdowns-toggle h6{
		font-weight: 600;
	}


.toggle-icon{
  font-size:24px;
  font-weight:bold;
  color:#022356;
  transition:0.3s;
}


.dropdown-container{
  overflow:hidden;
  background:#fafafa;
  transition:max-height 0.4s ease;
}


.dropdown-container a{
  display:block;
  padding:14px 35px;
	padding:4px 20px;
  font-size:12px;
  border-top:1px solid #ececec;
  transition:0.3s;
  color:#212529;
}

.dropdown-container a:hover{
  background:#eceff5;
  color:#022356;
  padding-left:45px;
}


@media(min-width:768px){

  .dropdown-container{
    max-height:500px !important;
  }

  .toggle-icon{
    display:none;
  }
  

}


@media(max-width:767px){

  .vertical-menu{
    width:100%;
    height:auto;
  }

  .dropdown-container{
    max-height:0;
  }
.dropdown-container a{  
  padding:14px 35px;
	}
  .normal-link:hover{
  background:#f7f7f7;
}
.dropdowns-toggle:hover{
  background:#f7f7f7;
}
.dropdown-container{  
  background:#fafafa;
}

.dropdown-container a:hover{
  background:#eceff5;
}

}
*/

.call-icon{
	
} 
.callus h6{
	color: #0199DE;
	font-size: 26px;
	font-weight: 600;
}



.mt-120{
	margin-top:150px;
}

.call{
	width: 300px;
	height:70px;
	background:#FFF;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-radius:38px;
	float: right;
	padding:0px;
	
}

.call-icon{	
	width: 70px;
	height: 70px;	
	/*color:#0D1934;*/
	background: linear-gradient(31deg,rgba(2,35,86, 1) 0%, rgba(1,153,222, 1) 100%);
	border-radius: 50%;
	padding: 10px;
	display: flex;
	  justify-content: center;
	  align-items: center;
	animation: pulse 1.5s infinite;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(2,35,86, 0.7);
  }
  70% {
    box-shadow: 0 0 0 20px rgba(1,153,222, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(2,35,86, 0);
  }
}

.call-icon i{
	font-size: clamp( 3rem, 5vw, 5vh);
	color:#FFF;
	text-align: center;
	animation: ring 1s infinite;
}

@keyframes ring {
  0% { transform: rotate(0); }
  10% { transform: rotate(15deg); }
  20% { transform: rotate(-10deg); }
  30% { transform: rotate(5deg); }
  40% { transform: rotate(-5deg); }
  50%, 100% { transform: rotate(0); }
}

.call h5 span{
	color:#022356;
	font-size: 14px;
}

.call h5{
color:#0199DE;	
}


.block-1{
	background-image:url("../images/Parsh-accounting.jpeg");
	background-repeat: no-repeat;
    /*background-position:center -190px;
	/*height: 250px;*/
    /*object-fit:cover;*/
}

.block-2{
	background:url("../images/block-2.webp") no-repeat;	
	/*background-size: contain;*/
}
.block-3{
	background:url("../images/block-3.webp") no-repeat;	
	/*background-size: contain;*/
}

.border-inner{
	/*border: 1px solid #022356 !important;*/
	outline: 1px solid #022356;
    outline-offset: -15px;
}

.block h5{
	font-size: clamp(1rem, 1.5vw, 1.9rem);
	font-weight: 600;
}
.block a{
	color: #0199DE !important; 
	font-weight: 600;
	
}

.block i{
	background:#0199DE;
	color:#FFF;
	padding:8px 10px;
	font-size: 55px;
}
.counter-baner{
        background:url("../images/number-scroll.webp");
        background-repeat: no-repeat;
        background-size:  cover;
    }

span.counter{   
    font-size: clamp(3.0rem, 3.5vw, 3.9rem);
    line-height: normal;    
	text-align:center;
    color: #FFF;
    font-weight: bold;
	text-shadow: 1px 1px #000;
    }

.counters h5{
	font-size: clamp(3.0rem, 3.5vw, 3.9rem);
    line-height: normal;
	text-align:center;
    color: #FFF;
    font-weight: bold;
	text-shadow: 1px 1px #000;
}

.counters h6{
	font-size: clamp(1.0rem, 1.5vw, 2.0rem);
    line-height: normal;
	text-align:center;
    color: #FFF;
    font-weight: bold;
	text-shadow: 1px 1px #000;
}

.p-tag{font-size: 14px; text-shadow: 1px 1px #000;}

.swiper {
  width: 100%;
}

.product-card {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
}

.product-card img {
  width: 100%;
  border-radius: 8px;
}


.swiper-button-next, .swiper-button-prev { 
	width: 50px !important;
	height: 50px !important;
	border-radius: 50% !important;		
    background:#022356 !important;
    color:#FFF !important;
	padding:5px !important;
	top: 35% !important;
	
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: clamp(1rem, 2vw, 1.5rem) !important;
  font-weight: 900;
}

.swiper-slide h5{
	font-size: clamp(1.5rem, 1.6vw, 1.9rem);
	font-weight: 600;
}

.swiper-slide p{
	font-size: clamp(0.9rem, 1.0vw, 1.2rem);
}

.left-box {
    /* background-image: linear-gradient(to right bottom, #f4f8f9, #f3f9f9, #f3faf6, #f7faf3, #fcfaf1); */
    background: linear-gradient(139deg, #F4F8F9 50%, #FDFBF2 50%);
}

/*FAQ*/
.accordion .card {background:none !important;}

 .collapsible-link {
    width: 100%;
    position: relative;
    text-align: left;
}

.collapsible-link::before {
    content: '\2192';
    position: absolute;
    top: 50%;
    right: 0.8rem;
    transform: translateY(-50%);
    display: block;
    font-family: 'FontAwesome';
    font-size: 1.1rem;
    color:#000;
}

.collapsible-link[aria-expanded='true']::before {
    content: '\2192';
    color:#00AEEF;
}  

.btn-link{ 
    font-size: 18px !important;
    font-size:14px;
    font-weight: 600;
    color: #113142;
}
.btn-link:hover{
    color:#00AEEF;
    text-decoration: none;
}
.collapsed{
    padding:25px;
    background:none;
    
}

.btn-link[aria-expanded='true']{
    color:#00AEEF;
    background:#FFF !important;
    padding:25px;
    text-decoration: none !important;
}

.btn-link[aria-expanded='true']::after {
	content: "";
	width: 120px;
	position: absolute;
	margin: 0 auto;
	height: 5px;
	background:#00AEEF;
	left: 0;	
	top:0px;
    text-align: left;
    border-radius: 20px;
}

.accordion .card {background:none !important;}

 .collapsible-link {
    width: 100%;
    position: relative;
    text-align: left;
}

.collapsible-link::before {
    content: '\2192';
    position: absolute;
    top: 50%;
    right: 0.8rem;
    transform: translateY(-50%);
    display: block;
    font-family: 'FontAwesome';
    font-size: 1.1rem;
    color:#000;
}

.collapsible-link[aria-expanded='true']::before {
    content: '\2192';
    color:#00AEEF;
}  

.btn-link{ 
    font-size: 18px !important;
    font-size:14px;
    font-weight: 600;
    color: #113142;
}
.btn-link:hover{
    color:#00AEEF;
    text-decoration: none;
}
.collapsed{
    padding:25px;
    background:none;
    
}

.btn-link[aria-expanded='true']{
    color:#00AEEF;
    background:#FFF !important;
    padding:25px;
    text-decoration: none !important;
}

.btn-link[aria-expanded='true']::after {
	content: "";
	width: 120px;
	position: absolute;
	margin: 0 auto;
	height: 5px;
	background:#00AEEF;
	left: 0;	
	top:0px;
    text-align: left;
    border-radius: 20px;
}

.bg-faq{background:#F7FCFF;}

/*.faq .collapsible-link::before {
  content: '';
  width: 14px;
  height: 2px;
  bac

.kground: #333;
  position: absolute;
  top: calc(50% - 1px);
  right: 1rem;
  display: block;
  transition: all 0.3s;
  
}*/

/* Vertical line */
/*.faq .collapsible-link::after {
  content: '';
  width: 2px;
  height: 14px;
  background: #333;
  position: absolute;
  top: calc(50% - 7px);
  right: calc(1rem + 6px);
  display: block;
  transition: all 0.3s;
    
}*/

.faq .collapsible-link {
    width: 100%;
    position: relative;
    text-align: left;
}

.faq .collapsible-link::before {
    content: '\002B';
    position: absolute;
    top: 50%;
    right: 0.8rem;
    transform: translateY(-50%);
    display: block;
    font-family: 'FontAwesome';
    font-size: 2.1rem;
    font-weight: 900;
    color:#000;
}

.faq .collapsible-link[aria-expanded='true']::before {
    content: '\2212';
    color:#00AEEF;
}  


/*.faq .collapsible-link[aria-expanded='true']::after {
  transform: rotate(90deg) translateX(-1px);
}

.faq .collapsible-link[aria-expanded='true']::before {
  transform: rotate(180deg);
}*/

.collapsible-link[aria-expanded='true']{
    color: #00AEEF !important;
}


/*FAQ*/
.wrapper {
    position: relative;
}

.layer-1 img {
    width: 100%;
    display: block;
}

.layer-2 {
    position: absolute;
    top: 30%;
    left:20px; /* adjust as needed */
    z-index: 2;
	
}


.frame-2 {
    width: 300px;
	height: 225px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 8px;
    background: #fff;
	padding: 15px;
}

.form-body {
    padding: 10px;
    text-align: center;
    border-radius: 0 0 10px 10px;
}

.expert {
    float: right;
    font-size: 16px;
    background: #00AEEF;
    color: #FFF;
    padding: 8px 15px;
    border-radius: 10px;
}
.gray-space-bar {
    width: 130px;
    height: 8px;
    float: left;
    background: #E8E8E8;
    border-radius: 10px;
    margin: 0;
    padding: 0;
}
.activ-bar {
    width: 100%;
    float: left;
    background: #E5F7FD;
    border-radius: 10px;
    margin: 0;
    padding: 5px 15px 5px 15px;
    font-size: 14px;
}

.skb-space-bar {
    width: 80px;
    height: 8px;
    float: right;
    background: #A0E1F9;
    border-radius: 10px;
    margin: 7px 0;
    padding: 0;
}


.iti.iti--allow-dropdown{
	width: 100% !important;
	
}


.card-slider {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding:10px;
  
}

.card-slider::-webkit-scrollbar {
  display: none;
}

.card-item {
  scroll-snap-align: start;
  flex: 0 0 100%;
}

.blog-paragraph {
  display: -webkit-box;
  -webkit-line-clamp: 4;   /* number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-slider .card-body h5{
	font-size: clamp(1.5rem, 1.6vw, 1.9rem);
	font-weight: 600;
	
}


/* Tablet */
@media (min-width: 768px) {
  .card-item {
    flex: 0 0 50%;
  }
}

/* Desktop */
@media (min-width: 992px) {
  .card-item {
    flex: 0 0 33.3333%;
  }
}

.card-border{
	border:1px dashed rgba(213,213,213,0.9)!important;
}

.rounded-25{
	border-radius: 25px;
}

.contact-whatsaap{
	background-color:#EDFDF2;
	border:1px solid #BBF7D0;
}

.chatnow, .whatsaapicon{
	background: #22C55E;
	color: #FFF;
}
.whatsaap-text h5{
	font-size: clamp(1.5rem, 1.6vw, 1.9rem);
	color: #14532D;
	font-weight: 700;
	
}

.whatsaap-text p{
	font-size: clamp(0.9rem, 1.0vw, 1.2rem);
	color: #14532D;
}

footer .col-megamenu ul li i, footer .col-megamenu ul li a, footer .col-megamenu h6{ 
color: #FFF !important;}

.social h6{
	font-size: clamp(1.5rem, 1.6vw, 1.9rem);
	font-weight: 600;
	
}
.social-media-links ul li{
	padding: 0;
	margin: 0;
}
.social-media-links ul li a i{
	font-size: clamp(1.5rem, 1.6vw, 1.9rem);
	color: #FFF;	
}

.social-media-links ul li a i{
	width:50px;
	height:50px;
	float: left;
	border-radius: 10px;
	/*background: rgba(7,3,3,1.00);*/
	align-content: center;
	/*margin:2px;*/
	transition: all .25s ease;
	
}
.social-media-links ul li a i.icofont-whatsapp:hover, 
.social-media-links ul li a i.icofont-whatsapp:focus, 
.social-media-links ul li a i.icofont-whatsapp:active{
	background: #22C55E;
	color: #FFF;	
}

.social-media-links ul li a i.icofont-facebook:hover, 
.social-media-links ul li a i.icofont-facebook:focus, 
.social-media-links ul li a i.icofont-facebook:active{
	background:#0866FF;
	color: #FFF;	
}

.social-media-links ul li a i.icofont-instagram:hover, 
.social-media-links ul li a i.icofont-instagram:focus, 
.social-media-links ul li a i.icofont-instagram:active{
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  /*-webkit-background-clip: text;          
  background-clip: text;
  -webkit-text-fill-color: transparent;*/
	color: #FFF;	
}

.social-media-links ul li a i.icofont-linkedin:hover, 
.social-media-links ul li a i.icofont-linkedin:focus, 
.social-media-links ul li a i.icofont-linkedin:active{
	background:#0A66C2;
	color: #FFF;	
}

.social-media-links ul li a i.icofont-ui-call:hover, 
.social-media-links ul li a i.icofont-ui-call:focus, 
.social-media-links ul li a i.icofont-ui-call:active{
	background: #31A24C;
	color: #FFF;	
}

.social-media-links ul li a i.icofont-envelope:hover, 
.social-media-links ul li a i.icofont-envelope:focus, 
.social-media-links ul li a i.icofont-envelope:active{
	background:rgba(196,9,12,1.00);
	color: #FFF;	
}
.social-media-links ul li a i.icofont-location-pin:hover, 
.social-media-links ul li a i.icofont-location-pin:focus, 
.social-media-links ul li a i.icofont-location-pin:active{
	background:rgba(15,114,219,1.00);
	color: #FFF;	
}
 







.home h5{
	/*font-size: clamp( 3rem, 5.5vw, 5.5vh);*/
	font-size: clamp(1rem, 1.2vw, 1.125rem);
	font-weight: 600;
	
}

.serve i{
	font-size: clamp(3.0rem, 5.5vw, 4.5rem);
	font-weight: 600;
	color:#022356;	
}

/**** testimonial**/

.testimonial h6 {	
	text-align: center;
	text-transform: uppercase;	
	position: relative;
	margin: 25px 0 50px;
}
.testimonial h6::after {
	content: "";
	width: 200px;
	position: absolute;
	margin: 0 auto;
	height: 3px;
	background:#022356;
	left: 0;
	right: 0;
	bottom: -10px;
}
.testimonial .carousel {
	/*width: 650px;*/
	margin: 0 auto;
	padding-bottom: 50px;
}
.testimonial .carousel .carousel-item {
	color:#000;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	min-height: 340px;
}
.testimonial .carousel .carousel-item a {
	color: #022356;
}
.testimonial .carousel .img-box {
	width: 145px;
	height: 145px;
	margin: 0 auto;
	border-radius: 50%;
}
.testimonial .carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.testimonial .carousel .testimonial {	
	padding: 30px 0 10px;
}
.testimonial .carousel .overview {	
	text-align: center;
	padding-bottom: 5px;
}
.testimonial .carousel .overview b {
	color: #000;
	font-size: 15px;
	text-transform: uppercase;
	display: block;	
	padding-bottom: 5px;
}
.testimonial .carousel .star-rating i {
	font-size: 18px;
	color:#FCC916;
}
.testimonial .carousel-control-prev, .carousel-control-next {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background:#022356;
	text-shadow: none;
	top: 4px;
}
.testimonial .carousel-control-prev i, .carousel-control-next i {
	font-size: 20px;
	margin-right: 2px;
}
.testimonial .carousel-control-prev {
	left: auto;
	right: 40px;
	
}


.testimonial .carousel-control-next i {
	margin-right: -2px;
}
.testimonial .carousel .carousel-indicators {
	bottom: 15px;
}
.testimonial .carousel-indicators li, .carousel-indicators li.active {
	width: 11px;
	height: 11px;
	margin: 1px 5px;
	border-radius: 50%;
}
.testimonial .carousel-indicators li {	
	background:#0199DE;
	border: none;
}
.testimonial .carousel-indicators li.active {		
	background:#022356;		
}

p.testimonial{
	font-size: 20px;
}