/* ^^^^^^^^^^^ GLOBAL CSS ^^^^^^^^^^^^^  */

p:last-child {
  margin-block-end: 0px !important;
  margin-bottom: 0px !important;
}
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  background-color: #F9F9F9;
}
::-webkit-scrollbar-thumb {
  background-color: #213A5E;
  border-radius: 5px;
}
.elementor-widget-button .elementor-button {
  transition: all 0.6s ease !important;
}
.elementor-widget-button .elementor-button:hover {
  transform: scale(1.1);
}
.elementor-button:hover svg{
	fill: transparent !important;
}
.logo-slider-sm .swiper-wrapper {
		  -webkit-transition-timing-function: linear !important;
		  -moz-transition-timing-function: linear !important;
		  -o-transition-timing-function: linear !important;
		  transition-timing-function: linear !important;
}
/* ^^^^^^^^^^ HEADER CSS ^^^^^^^^^^^^  */
.mainheader.elementor-sticky--effects{
	background-color: #F9F9F9 !important;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
li.menu-item a.elementor-item-active {
    font-weight: 600;
}

/* ^^^^^^^^^^ HOME CSS ^^^^^^^^^^^  */

.hoversetbox:hover h3,
.hoversetbox:hover p{
	color: #fff !important;
}
.hoversetbox:hover svg path{
	stroke: #fff !important;
}
.banner-video-sm{
	height: 74vh;
}
.icon-box h3{
	margin: 0px;
}
.customers .swiper,
.customers .swiper-wrapper{
	overflow: visible !important;
}
.sucess-stories-sm{
	overflow: hidden !important;
    padding-top: 40px !important;
}
.blog-wrapper-sm .elementor-widget-image a{
	width: 100%;
}
.blog-wrapper-sm:hover{
	background-color: #497599 !important;
}
.blog-wrapper-sm:hover .elementor-divider-separator{
	 border-block-start-color: #fff !important;
}
.blog-wrapper-sm svg{
	width: 30px !important;
}
.blog-wrapper-sm:hover svg rect{
	fill: #fff;
}
.blog-wrapper-sm:hover svg path{
	stroke: #497599 !important;
}
.blog-wrapper-sm:hover h6,
.blog-wrapper-sm:hover .elementor-widget-text-editor,
.blog-wrapper-sm:hover .btn-post-sm a,
.blog-wrapper-sm:hover svg rect{
	color: #fff !important;
}
.
/* ^^^^^^^^^^ ABOUT CSS ^^^^^^^^^^^  */
.hover-box-sm{
	transition: all 0.6s ease;
}
.hover-box-sm:hover{
	transform: translatey(-10px);
}


/* ^^^^^^^^^^ SERVICES CSS ^^^^^^^^^^^  */
.service-btn .elementor-button-content-wrapper{
	align-items: center;
}
.service-btn svg{
	width: 27px !important;
}
.post-content-sm h2{
	font-size: clamp(20px, 3vw, 36px) !important;
	font-family: 'Helvetica' !important;
	font-weight: 400 !important;
	color: rgba(33, 33, 33, 1);
}
.post-content-sm h3{
	font-size: clamp(18px, 2vw, 30px) !important;
	font-family: 'Helvetica' !important;
	font-weight: 400 !important;
	color: rgba(33, 33, 33, 1);
}
.error404 .hidden-four{
	display: none;
}

/* ^^^^^^^^^^ MEDIA QUERIES ^^^^^^^^^^^  */

@media (min-width: 881px){
	.sticky-effect-custom-col {
		position: -webkit-sticky !important; /* Safari support */
		position: sticky !important;
		top: 130px; /* Sticky offset from the top */
		align-self: flex-start !important;
	}
	.post-title-sm{
		min-height: 78px;
	}
}
@media (max-width: 881px){
	.banner-video-sm{
		height: 45vh;
	}
}
@media (min-width: 881px) and (max-width: 1440px){
	.head-ser-sm{
		min-height: 64px !important;
	}
}

@media (min-width: 1520px) and (max-width: 1920px){
	.descroiption-sm{
		min-height: 170px !important;
	}
}
@media (min-width: 1369px) and (max-width: 1519px){
	.descroiption-sm{
		min-height: 195px !important;
	}
}
@media (min-width: 1082px) and (max-width: 1368px){
	.descroiption-sm{
		min-height: 226px !important;
	}
}
@media (min-width: 881px) and (max-width: 1081px){
	.descroiption-sm{
		min-height: 230px !important;
	}
	.box-six, 
	.box-five, 
	.box-four{
		height: 650px !important;
	}
}