* {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
   padding: 0;
   margin: 0;
}

/**,
*::before,
*::after {
	position: relative;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}*/




/*  --------------------------------   -------------------------------  */
html,
body {
    width: 100%;
	scroll-behavior: smooth;
}


.d-none {
	display: none !important;
}

/*  --------------------------------   -------------------------------  */
.container {
	max-width: 98%;
	position: relative;
}

.relative {position: relative;}

.bg-primary {
	background: #b636ff;
	color: #ededed;
}

.bg-lighter {
	background: #ebebeb;
}

.bg-transparent {
	background: transparent !important;
	background-color: transparent !important;
}


img.flex_image {
	object-fit: fill;
	background-position: center center;
	aspect-ratio: 1 auto !important;
   width: 100%;
}

.col-image-fill {}

.col-image-fill img {
	width: 100%; 
	object-fit: fill; 
	box-shadow: 0 5px 7px rgba(00,11,50,0.20); 
	border: 2px solid #eff !important; 
	outline: 1px solid #d92cf9 !important; 
	border-radius: 2px; 
	aspect-ratio: 0.98 / 1; 
	overflow: hidden;
}




/*  --------------------------------   -------------------------------  */
.m-0 {margin: 0}

.m-1 {margin: 1rem}
.m-2 {margin: 2rem}
.m-3 {margin: 3rem}
.m-4 {margin: 4rem}

.m-auto {margin: auto}
.mx-auto {margin: 0 auto}
.my-auto {margin: auto 0}

.mx-1 {margin: initial 1rem}
.mx-2 {margin: initial 2rem}
.mx-3 {margin: initial 3rem}
.mx-4 {margin: initial 4rem}

.mt-1 {margin-top: 1rem}
.mt-2 {margin-top: 2rem}
.mt-3 {margin-top: 3rem}
.mt-4 {margin-top: 4rem}

.mb-1 {margin-bottom: 1rem}
.mb-2 {margin-bottom: 2rem}
.mb-3 {margin-bottom: 3rem}
.mb-4 {margin-bottom: 4rem}

.my-1 {margin: 1rem auto}
.my-2 {margin: 2rem auto}
.my-3 {margin: 3rem auto}
.my-4 {margin: 4rem auto}
.my-5 {margin: 5rem auto}

.mt-auto {margin-top: auto !important}
.mb-auto {margin-bottom: auto !important}
.ml-auto {margin-left: auto !important}
.mr-auto {margin-right: auto !important}

.p-0 {padding: 0}
.p-1 {padding: 0.8em}
.p-2 {padding: 1.2em}
.p-3 {padding: 2.3em}
.p-4 {padding: 3.4em}
.p-5 {padding: 4.5em}

.pt-1 {padding-top: 0.8em}
.pt-2 {padding-top: 1.2em}
.pt-3 {padding-top: 2.3em}
.pt-4 {padding-top: 3.4em}
.pt-5 {padding-top: 4.5em}

.pb-1 {padding-bottom: 0.8em}
.pb-2 {padding-bottom: 1.2em}
.pb-3 {padding-bottom: 2.3em}
.pb-4 {padding-bottom: 3.4em}
.pb-5 {padding-bottom: 4.5em}




/*  --------------------------------   -------------------------------  */
.border {
	border: 1px solid #678;
	border-radius: 2px;
}

.border-0 {border: 0 !important;}
.border-left-sm {border-left: 2px solid #678;}
.font-italic {font-style: italic;}
.text-light {color: #eff !important;}




/*  --------------------------------   -------------------------------  */
.our-mission p,
.bg-secondary {
	color: #636a82;
	background: #e5ebf2 !important;
}

.our-mission p {
	color: #636a82;
}




/*  --------------------------------   -------------------------------  */
.section-heading {
/*	margin: 2rem;*/
	display: flex;
	margin: 0.4rem 0 1rem;
	max-width: 90%;
	position: relative;
	margin: 2.5rem auto 1rem !important;
/*	margin-right: auto !important;*/
	padding: 12px 8px 10px;
	text-align: center;
	flex-direction: column;
	justify-content: center;
/*	border-bottom: 1px solid #999fb3;*/
	line-height: 1;
}

.section-heading p,
.section-heading span {
	margin: auto;
	display: block;
	color: #7c7c7c;
	text-transform: capitalize;
	font-style: italic;
	font-size: 13px;
	line-height: 1.5;
}

.section-heading p {
   font-size: 15px;
   color: #999fb3;
   padding-bottom: 1.7rem;
   border-bottom: 1px solid #999fb3;
   font-family: 'Poppins', sans-serif;
}


.single-profile b.fa {
	font-size: 4rem;
}

.profile-icon-name {
	margin: 0.5rem 0;
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: 500;
}

.single-profile:hover b.fa {
	color: white;
}




/*  --------------------------------   -------------------------------  */
.theme-bg-image {
	margin: 0;
	position: relative;
	text-transform: capitalize;
	background-image: url(assets/images/about/profile_image.jpg); 
}

.theme-bg-image .container {
	position: relative;
	padding: 3rem 0;
	color: white;
}

.theme-bg-image .d-flex {
	margin: 0; 
	padding: 40px 20px; 
	text-transform: capitalize;
	border: 1px solid #e5ebf2;
	border-radius: 2px;
}

.theme-bg-image .container h2 {
	font-weight: 700; 
	font-size: 2rem;
}

.theme-bg-image .container h2,
.theme-bg-image .container p {
	color: #efefef; 
	text-align: center;
}

.theme-bg-image .container hr {
	margin: 1rem auto;
	background: #efef;
}




/*  --------------------------------   -------------------------------  */
.section-theme {
	margin: 0;
	padding: 1rem;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.section-theme.container::after {
	content: 'tt';
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(0, 0, 0, 0.8) !important;
	z-index: 3;
}




/*  --------------------------------   -------------------------------  */
.video-row {
         display: flex;
         flex-wrap: wrap;
         width: 100%;
      }

      .video-column {
         flex: 0 0 25%;
         box-sizing: border-box;
         padding: 10px;
         display: flex;
         align-items: center;
         justify-content: center;
      }

      .video-column video {
         width: 100%;
         height: 100%;
         object-fit: contain;
         padding: 2px;
         background: #eff;
         border-radius: 2px;
      }

      @media (max-width: 1200px) {
         .video-column {
            flex: 0 0 50%;
         }
      }

      @media (max-width: 768px) {
         .video-column {
            flex: 0 0 100%;
         }
      }


      .portfolio-videos {
         background-color: #141414;
         background: #131313d2 url(assets/images/portfolio/p5.jpg) no-repeat;
         background-position: center;
         background-size: cover;
         padding: 50px 0;
         position: relative;
      }




/*  --------------------------------   -------------------------------  */
.single-contact-box {
	height: 100%;
	color: white;
	padding: 1rem;
}

.single-contact-box h3 {
	margin: 0;
	font-weight: bold;
	color: white;
}




/*  --------------------------------   -------------------------------  */
@media (max-width: 994px) {
    .header-text h1 {
       font-size: 2.4rem;
    }
    .header-text p {
       font-size: 1.4rem;
    }
    .section-heading {
    	width: 99%;
    }
    .section-heading h2 {
    	font-size: 2rem;
    }

    .single-contact-box {
    	padding: 6px !important;
    }

    .contact-add-info p {
    	font-size: 13px !important;
    }
}