/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 25 2025 | 18:21:00 */
.sm-ilne-form form.elementor-form .elementor-form-fields-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px !important;
}
.sm-ilne-form form.elementor-form .elementor-field-group {
    padding: 0 !important;
}








iframe {
    z-index: 9999;
    position: relative;
}

a {
    z-index: 99;
    position: relative;
}
/*ipad*/
@media (min-width: 768px) and (max-width: 1024px) {

}
 
/*all mobile*/
@media (max-width: 767px){
  
	body .sm-awards-wrap {
		grid-template-columns: repeat(1, 1fr);
	}
	body .sm-awards-box.center-box {
		grid-column: 1;
		width: 100%;
	}	
	body .sm-hover-boder {
    	min-height: auto;
	}
 
}


.sm-hover-boder {
    min-height: 343px;
}

.sm-awards-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  justify-items: stretch;
  position: relative;
}

/* Default box styling */
.sm-awards-box {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  padding: 30px;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
  text-align: left;
}

/* Center App Development box */
.sm-awards-box.center-box {
  grid-column: 1 / span 2;
  justify-self: center;
  width: 50%; /* adjust to make narrower or wider */
}

/* Reset & body */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #040404; /* background color */
}

/* body.elementor-editor-wp-page #particles-js {
	z-index: 0;
} */


/* Particles container full screen */
#particles-js {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9;
	
}

/* Content above background */
.content {
	position: relative;
	z-index: 1;
	text-align: center;
	top: 40%;
}
/*
div#ultimate-cursor > div div:nth-child(1) {
    background-color: rgb(251, 251, 251) !important;
}

div#ultimate-cursor > div div:nth-child(2) {
    background-color: rgba(255, 255, 255, 0.38) !important;
}
*/
/*btn 2*/
.sm-btn-black .elementor-button:hover {
    box-shadow: 0px 0px 30px #c1c1c1 !important;
}
.sm-btn-black .elementor-button span.elementor-button-content-wrapper span.elementor-button-icon {
    background: #000000;
}
.sm-btn-black .elementor-button span.elementor-button-content-wrapper span.elementor-button-icon:before {
    background-color: #ffffff;
}
.sm-btn-black .elementor-button span.elementor-button-content-wrapper span.elementor-button-icon svg {
    filter: brightness(0) saturate(100%) invert(87%) sepia(96%) saturate(7198%) hue-rotate(182deg) brightness(124%) contrast(100%);
}



/*btn 1*/
.elementor-button:hover {
    box-shadow: 0px 0px 30px white !important;
}
.sm-blog-item .elementor-button:hover {
    box-shadow: 0px 0px 15px white !important;
}

.elementor-button span.elementor-button-content-wrapper span.elementor-button-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    background: #ffffff;
    width: 40px;
    height: 40px;
	min-width: 40px;
    border-radius: 100px;
    position: relative;
}
.elementor-button span.elementor-button-content-wrapper span.elementor-button-icon:before {
    content: "";
    height: 1px;
    width: 14px;
    position: absolute;
    left: 12px;
    background-color: #000;
    transform: translateY(calc(-50% + 0.5px)) translateZ(0);
}
.elementor-button span.elementor-button-content-wrapper span.elementor-button-icon svg {
    width: 9px;
    position: relative;
    left: 5px;
    display:none;
    filter: brightness(0) saturate(100%) invert(0%) sepia(94%) saturate(0%) hue-rotate(250deg) brightness(97%) contrast(105%);
}
.elementor-button span.elementor-button-content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.elementor-button:hover span.elementor-button-content-wrapper span.elementor-button-icon svg{
    display: block;
}

/* line animation*/
.sm-animaiton-line {
    position: relative;
}
.sm-animaiton-line:before {
    content: "";
    height: 6px;
    background: #ffffff;
    position: absolute;
    top: 16px;
    left: 0;
    animation: lineAnim 2s infinite ease-in-out;
}

 @keyframes lineAnim {
    0% {
        width: 90px;
        left: 0;
    }
    50% {
        width: 190px;
        left: 0;
    }
    100% {
        width: 90px;
        left: 0;
    }
}
/* Mobile */
@media (max-width: 767px) {
	
	body .sm-animaiton-line:before {
		height: 6px;
		top: 12px;
		animation: lineAnimMobile 2s infinite ease-in-out;
	}
	body .sm-animaiton-line .elementor-heading-title {
		position: relative;
		left: 50px; /* প্রয়োজনমত ঠিক করুন */
	}
	
}
@keyframes lineAnimMobile {
  0%   { width: 20px; left: 0; }
  50%  { width: 50px; left: 0; }
  100% { width: 20px; left: 0; }
}




.sm-animaiton-line .elementor-heading-title {
    position: relative;
    left: 190px; /* প্রয়োজনমত ঠিক করুন */
}

/* line 2 animation*/
.sm-animaiton-line-2 {
    position: relative;
}


.sm-animaiton-line-2:before {
    content: "";
    height: 6px;
    background: #ffffff;
    position: absolute;
    top: 7px;
    left: 0;
    animation: lineAnim1 2s infinite ease-in-out;
}
@media (max-width: 767px) {
  .sm-animaiton-line-2:before {
    animation: lineAnimMobile1 2s infinite ease-in-out;
	top: 11px;
  }
  body .sm-animaiton-line-2 .elementor-heading-title {
    left: 50px; /* প্রয়োজনমত ঠিক করুন */
}
}
@keyframes lineAnimMobile1 {
  0%   { width: 20px; left: 0; }
  50%  { width: 50px; left: 0; }
  100% { width: 20px; left: 0; }
}

@keyframes lineAnim1 {
    0% {
        width: 20px;
        left: 0;
    }
    50% {
        width: 90px;
        left: 0;
    }
    100% {
        width: 20px;
        left: 0;
    }
}
.sm-animaiton-line-2 .elementor-heading-title {
    position: relative;
    left: 90px; /* প্রয়োজনমত ঠিক করুন */
}


.sm-box-shadow{
	box-shadow: 0px 0px 15px white;
}

/**/


.sm-hover-ani-box a.elementor-button {
    border: 0;
    width: 100%;
    padding: 0 10px;
    text-transform: capitalize;
    border-radius:0;
}
.sm-hover-ani-box a.elementor-button span.elementor-button-content-wrapper {
    width: 100%;
    justify-content: space-between;
}
.sm-hover-ani-box .elementor-button span.elementor-button-content-wrapper span.elementor-button-icon {
    background: transparent;
    position: relative;
    left: 13px;
}
.sm-hover-ani-box .elementor-button span.elementor-button-content-wrapper span.elementor-button-icon:before {
    background-color: #f9f9f9;
}

.sm-hover-ani-box .elementor-button:hover span.elementor-button-content-wrapper span.elementor-button-icon:before {
    background-color: #000;
}
.sm-hover-ani-box a.elementor-button:hover {
    color: #000;
}
.sm-hover-ani-box a.elementor-button:hover {
    background:#fff;
    box-shadow: none !important;
}

/*sm-hover-ani-box*/
.sm-hover-ani-box:hover .elementor-button span.elementor-button-content-wrapper span.elementor-button-icon:before {
    background-color: #000;
}
.sm-hover-ani-box:hover a.elementor-button {
    color: #000;
}
.sm-hover-ani-box:hover a.elementor-button {
    background:#fff;
    box-shadow: none !important;
}

.sm-hover-ani-box:hover .elementor-button span.elementor-button-content-wrapper span.elementor-button-icon svg{
    display:block;
}
.sm-hover-ani-box:hover .sm-hover-boder {
    border:1px solid #9C9C9C !important;
    background-color: #02020200 !important;
}

.sm-filter-gallery .eael-filter-gallery-control li.control {
    font-size: 16px;
    color: #fff !important;
}
.sm-filter-gallery .eael-filter-gallery-control li.control.active {
    background: #fff !important;
    color: #000 !important;
    box-shadow: 0px 0px 6px white;
}

/* sm-ticker */
/* .sm-ticker-track {
  visibility: hidden;
}
.sm-ticker-track:first-child {
  visibility: visible;
} */


.sm-ticker {
  overflow: hidden;
  white-space: nowrap;
  padding: 15px 0px;
  position: relative;

}
.sm-ticker .sm-ticker-track {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform; /* smoother motion */
}
.sm-ticker .sm-item {
  display: inline-flex;
  align-items: center;
  margin: 0 50px;
  font-size: 24px;
  font-weight: 600;
  color: #000;
  gap: 15px;
}
.sm-ticker .sm-item img.sm-star{
  filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7460%) hue-rotate(334deg) brightness(105%) contrast(108%);
  margin: 0;
}
.sm-ticker .sm-star {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  animation: sm-rotate 4s linear infinite;
}

@keyframes sm-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
/* sm-testemonial */
.sm-testemonial .elementor-testimonial__text:before {
    content: url(https://webitsolutions.ca/wp-content/uploads/2025/09/svgexport-10.svg);
    display: flex;
    justify-content:center;
    filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(26%) hue-rotate(252deg) brightness(106%) contrast(106%);  
}
/* sm-awards-wrap */
  .sm-awards-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
 
  .sm-awards-wrap .sm-awards-box {
    background: rgba(255, 255, 255, 0.06);
    padding: 36px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid rgba(255,255,255,0.06);
    transition: background 0.25s;
    color: #fff;
  }
  .sm-awards-wrap .sm-awards-box:hover {
    background: rgba(255, 255, 255, 0.12);
  }

  .sm-hover-img {
    position: fixed;
    left: 0;
    top: 0;
    width: 220px;           /* change size if needed */
    height: auto;
    pointer-events: none;
    display: none;
    z-index: 99999;
    box-shadow: 0 10px 30px rgba(0,0,0,0.45);
    border-radius: 6px;
    /* center the image exactly on (left,top) and rotate */
    transform: translate(-50%,-50%) rotate(-8deg);
    will-change: transform, left, top;
  }
/* sm- */
.sm-ticker.sm2 {
    padding: 43px 0px;
}


/* sm- */
.sm-img-icon-box h3.elementor-image-box-title {
    margin-top: 0;
}
.sm-img-white img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2323%) hue-rotate(311deg) brightness(114%) contrast(100%);
}
/* sm- */
/* sm- */
/* sm- */
/* sm- */
/* sm- */
/* sm- */
/* sm- */
/* sm- */