/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Rion CSS START */
.header-bgcolor {
    background-color: rgba(255, 255, 255, 0.95); /* white with slight transparency */
    transition: background-color 0.3s ease;
	box-shadow: 0px 1px 3px 0px #b5b3b3;
}

#logo-main img {
    backface-visibility: hidden;
    will-change: opacity;
}

.elementor-62 .header-bgcolor .elementor-element-f486016 .elementor-nav-menu--main .elementor-item
{
    color: #000000 !important;
    fill: #000000 !important;
}

.elementor-62 .header-bgcolor .elementor-element.elementor-element-b8f067d.elementor-view-default .elementor-icon svg {
    fill: #666666 !important;
}

.home-slider .elementor-slides .swiper-slide-inner {
	width: 1320px;
	padding: 50px 50px 50px 0;
}

.post-type-archive-videos .elementor-lightbox .elementor-video-container .elementor-video-landscape {
    max-height: 70vh !important;
    width: 65vw !important;
}

.elementor-pagination {
	margin-top:60px;
}

.elementor-pagination .page-numbers {
	display: inline-block;
    min-width: 40px;
  	height: 40px;
  	padding: 8px 12px;
  	background-color: #f5f5f5; /* light silver */
  	color: #444444;
  	text-align: center;
  	text-decoration: none;
  	border-radius: 5px;
  	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* light card shadow */
  	transition: all 0.2s ease-in-out;
  	font-weight: 500;
	background: #FFFFFF;
}

.elementor-pagination .page-numbers.current {
	background-color: #ffffff;
  	color: #467FF7;
  	font-weight: 600;
  	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
  	border: 1px solid #467FF7;
}

.elementor-pagination a:hover {
  background-color: #ffffff;
  color: #467FF7;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
}

body.post-type-archive-videos {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='760' preserveAspectRatio='none' viewBox='0 0 1440 760'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1046%26quot%3b)' fill='none'%3e%3cpath d='M521.95 2.6L579.23 2.6L579.23 59.88L521.95 59.88z' fill='rgba(193%2c 217%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M1154.95 117.95a14.85 14.85 0 1 0 29.62-2.14z' fill='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M922.71 205.51L946.74 205.51L946.74 229.54L922.71 229.54z' fill='rgba(224%2c 209%2c 251%2c 1)'%3e%3c/path%3e%3cpath d='M319.27 121.42L353.08 121.42L353.08 155.23L319.27 155.23z' stroke='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M1030.48 393.28 a12.09 12.09 0 1 0 24.18 0 a12.09 12.09 0 1 0 -24.18 0z' fill='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M117.21 328.59L135.74 328.59L135.74 366.07L117.21 366.07z' stroke='rgba(224%2c 209%2c 251%2c 1)'%3e%3c/path%3e%3cpath d='M598.81 39.01L623.41 39.01L623.41 101.43L598.81 101.43z' fill='rgba(224%2c 209%2c 251%2c 1)'%3e%3c/path%3e%3cpath d='M301.27 147.76L309.38 147.76L309.38 155.87L301.27 155.87z' fill='rgba(224%2c 209%2c 251%2c 1)'%3e%3c/path%3e%3cpath d='M112.02 58.62 a52.22 52.22 0 1 0 104.44 0 a52.22 52.22 0 1 0 -104.44 0z' stroke='rgba(224%2c 209%2c 251%2c 1)'%3e%3c/path%3e%3cpath d='M769.68 654.97 a69.15 69.15 0 1 0 138.3 0 a69.15 69.15 0 1 0 -138.3 0z' stroke='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M522.34 180.8L595.01 180.8L595.01 253.47L522.34 253.47z' stroke='rgba(193%2c 217%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M1195.04 191.02a26.58 26.58 0 1 0-52.23-9.89z' fill='rgba(196%2c 242%2c 243%2c 1)'%3e%3c/path%3e%3cpath d='M568.08 451.73a18.06 18.06 0 1 0-24.81 26.25z' stroke='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M1322.84 354.44L1387.06 354.44L1387.06 374.94L1322.84 374.94z' fill='rgba(193%2c 217%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M1.05 551.31L55.74 551.31L55.74 592.83L1.05 592.83z' fill='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M1074.87 113.88a37.35 37.35 0 1 0 25.73 70.13z' stroke='rgba(193%2c 217%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M1009.72 499.79L1065.86 499.79L1065.86 541.46L1009.72 541.46z' stroke='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M1288.03 689.89L1334.43 689.89L1334.43 742.74L1288.03 742.74z' fill='rgba(193%2c 217%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M122.55 124.88L125.26 124.88L125.26 195.06L122.55 195.06z' stroke='rgba(196%2c 242%2c 243%2c 1)'%3e%3c/path%3e%3cpath d='M70.06 340.14L133.8 340.14L133.8 403.88L70.06 403.88z' stroke='rgba(196%2c 242%2c 243%2c 1)'%3e%3c/path%3e%3cpath d='M900.3 362.79a45.21 45.21 0 1 0 62.16 65.66z' stroke='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M452.28 682.54L489.19 682.54L489.19 715.66L452.28 715.66z' stroke='rgba(193%2c 217%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M1334.06 158.72 a37.17 37.17 0 1 0 74.34 0 a37.17 37.17 0 1 0 -74.34 0z' fill='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M208.1 298.5a39.6 39.6 0 1 0 56.88-55.11z' stroke='rgba(224%2c 209%2c 251%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1046'%3e%3crect width='1440' height='760' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
	background-size: 100%;
}

body.single-videos {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='760' preserveAspectRatio='none' viewBox='0 0 1440 760'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1046%26quot%3b)' fill='none'%3e%3cpath d='M521.95 2.6L579.23 2.6L579.23 59.88L521.95 59.88z' fill='rgba(193%2c 217%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M1154.95 117.95a14.85 14.85 0 1 0 29.62-2.14z' fill='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M922.71 205.51L946.74 205.51L946.74 229.54L922.71 229.54z' fill='rgba(224%2c 209%2c 251%2c 1)'%3e%3c/path%3e%3cpath d='M319.27 121.42L353.08 121.42L353.08 155.23L319.27 155.23z' stroke='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M1030.48 393.28 a12.09 12.09 0 1 0 24.18 0 a12.09 12.09 0 1 0 -24.18 0z' fill='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M117.21 328.59L135.74 328.59L135.74 366.07L117.21 366.07z' stroke='rgba(224%2c 209%2c 251%2c 1)'%3e%3c/path%3e%3cpath d='M598.81 39.01L623.41 39.01L623.41 101.43L598.81 101.43z' fill='rgba(224%2c 209%2c 251%2c 1)'%3e%3c/path%3e%3cpath d='M301.27 147.76L309.38 147.76L309.38 155.87L301.27 155.87z' fill='rgba(224%2c 209%2c 251%2c 1)'%3e%3c/path%3e%3cpath d='M112.02 58.62 a52.22 52.22 0 1 0 104.44 0 a52.22 52.22 0 1 0 -104.44 0z' stroke='rgba(224%2c 209%2c 251%2c 1)'%3e%3c/path%3e%3cpath d='M769.68 654.97 a69.15 69.15 0 1 0 138.3 0 a69.15 69.15 0 1 0 -138.3 0z' stroke='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M522.34 180.8L595.01 180.8L595.01 253.47L522.34 253.47z' stroke='rgba(193%2c 217%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M1195.04 191.02a26.58 26.58 0 1 0-52.23-9.89z' fill='rgba(196%2c 242%2c 243%2c 1)'%3e%3c/path%3e%3cpath d='M568.08 451.73a18.06 18.06 0 1 0-24.81 26.25z' stroke='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M1322.84 354.44L1387.06 354.44L1387.06 374.94L1322.84 374.94z' fill='rgba(193%2c 217%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M1.05 551.31L55.74 551.31L55.74 592.83L1.05 592.83z' fill='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M1074.87 113.88a37.35 37.35 0 1 0 25.73 70.13z' stroke='rgba(193%2c 217%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M1009.72 499.79L1065.86 499.79L1065.86 541.46L1009.72 541.46z' stroke='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M1288.03 689.89L1334.43 689.89L1334.43 742.74L1288.03 742.74z' fill='rgba(193%2c 217%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M122.55 124.88L125.26 124.88L125.26 195.06L122.55 195.06z' stroke='rgba(196%2c 242%2c 243%2c 1)'%3e%3c/path%3e%3cpath d='M70.06 340.14L133.8 340.14L133.8 403.88L70.06 403.88z' stroke='rgba(196%2c 242%2c 243%2c 1)'%3e%3c/path%3e%3cpath d='M900.3 362.79a45.21 45.21 0 1 0 62.16 65.66z' stroke='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M452.28 682.54L489.19 682.54L489.19 715.66L452.28 715.66z' stroke='rgba(193%2c 217%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M1334.06 158.72 a37.17 37.17 0 1 0 74.34 0 a37.17 37.17 0 1 0 -74.34 0z' fill='rgba(243%2c 237%2c 205%2c 1)'%3e%3c/path%3e%3cpath d='M208.1 298.5a39.6 39.6 0 1 0 56.88-55.11z' stroke='rgba(224%2c 209%2c 251%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1046'%3e%3crect width='1440' height='760' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
	background-size: 100%;
}

.sp-social {
    width: 1000px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.sp-social .card {
    position: relative;
    border-radius: 10px;
}

.sp-social .card .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f00;
    transition: 0.7s;
    z-index: 1;
}

.sp-social .card:nth-child(1) .icon {
    background: #1877F2;
}

.sp-social .card:nth-child(2) .icon {
    background: #111111;
}
.sp-social .card:nth-child(3) .icon {
    background: #0A66C2;
}

.sp-social .card .icon .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 80px;
    transition: 0.7s;
    color: #fff;
}

.sp-social i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 80px;
    transition: 0.7s;
    color: #fff;
}

.sp-social .card .face {
    width: 300px;
    height: 100px;   /* reduced from 200px */
    transition: 0.5s;
}

.sp-social .card .face.face1 {
    position: relative;
    background: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(50px);   /* half of new height (was 100px) */
}

.sp-social .card:hover .face.face1 {
    background: #ff0057;
    transform: translateY(0px);
}

.sp-social .card .face.face1 .content {
    opacity: 1;
    transition: 0.5s;
}

.sp-social .card .face .content .flwer {
	font-size: 28px;
    font-weight: 600;
}

.sp-social .card:hover .face.face1 .content {
    opacity: 1;
}
.sp-social .card .face.face1 .content i{
    max-width: 100px;
}

.sp-social .card .face.face2 {
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
    transform: translateY(-50px);  /* half of new height (was -100px) */
}
.sp-social .card:hover .face.face2 {
    transform: translateY(0);
}

.sp-social .card .face.face2 .content p {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #414141;
}

.sp-social .card .face.face2 .content h3 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #fff;
    font-size: 24px;
    text-align: center;
    color: #414141;
} 

.sp-social .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}




/* Rion CSS END */

/* Shovon css start */
.loader{
	display: flex;
  justify-content: center;
  align-items: center; 
}
.loaderinside{
	width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
/* Shovon css end */


@media screen and (max-width: 1366px) {
	.home-slider .elementor-slides .swiper-slide-inner {
		width: 1210px;
		padding: 50px 50px 50px 20px;
	}
}

@media screen and (max-width: 1150px) {
	.home-slider .elementor-slides .swiper-slide-inner {
		width: 100%;
		padding: 50px 50px 50px 20px;
	}
}

@media screen and (max-width: 1024px) {
	.home-slider .elementor-slides .swiper-slide-inner {
		width: 100%;
		padding: 50px 50px 50px 50px;
	}
	.home-slider .elementor-slides .swiper-slide-inner {
		justify-content: center;
	}
	.home-slider .elementor-slides .swiper-slide-inner .swiper-slide-contents {
		text-align: center;
	}
	.post-type-archive-videos .elementor-lightbox .elementor-video-container .elementor-video-landscape {
    	max-height: 60vh !important;
    	width: 82vw !important;
	}
	.sp-social {
        width: 100%;
    }
	
	.sp-social .card .face {
		width: 270px;
		height: 100px;
		transition: 0.5s;
	}
}

@media screen and (max-width: 980px) {
	.sp-social .card .face {
		width: 200px;
		height: 100px;
		transition: 0.5s;
	}
}

@media screen and (max-width: 768px) {
	.post-type-archive-videos .elementor-lightbox .elementor-video-container .elementor-video-landscape {
    	max-height: 60vh !important;
    	width: 92vw !important;
	}
	.sp-social {
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .sp-social .card {
        margin-bottom: 20px;
    }
	.sp-social .card .face {
		width: 300px;
		height: 100px;
		transition: 0.5s;
	}
}

@media screen and (max-width: 550px) {
	.footer-custom-nav .elementor-icon-list-item {
		margin-bottom: 8px;
	}
}

@media (min-width: 1026px) and (max-width: 1280px) {
  .stkholder .e-con-inner {
    --e-con-grid-template-columns: repeat(4, 1fr) !important;
    --e-con-grid-template-rows: auto;
    --grid-auto-flow: row;
  }
}


@media (min-width: 600px) and (max-width: 768px) {
  .stkholder .e-con-inner {
    --e-con-grid-template-columns: repeat(2, 1fr) !important;
    --e-con-grid-template-rows: auto;
    --grid-auto-flow: row;
  }
}

