/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.144
 Text Domain:  bricks
*/
/**** strong tag error override ******/
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, p  strong, li strong, ul strong {
    font-weight: inherit !important;
}
/*************************************/

body
{
	background-color: #011725;
    font-family: "Albert Sans";
}
.body-text
{
	font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
  	font-family: "Albert Sans";
    color: #fff;
}
.fade-text
{
	opacity: 0.6;
}
h1
{
  	font-family: "Albert Sans";
    font-size: 78px;
    font-weight: 600;
    line-height: 1.1em;
}
h2
{
  	font-family: "Albert Sans";
    font-size: 48px;
    font-weight: 400;
    line-height: 1.1em;
}
h3
{
  	font-family: "Albert Sans";
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2em;
}
h4
{
  	font-family: "Albert Sans";
    color: #C3DC8F;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700;
}
h5
{
  	font-family: "Albert Sans";
    color: #fff;
	font-size: 24px;
	font-weight: 400;
	line-height: 130%;
}
.global-button.bricks-button
{
	font-size: 18px;
    color: #02090b;
    font-weight: 600;
    background-color: #a4e565;
    border-radius: 12px;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}
a.event-register-btn
{
	font-size: 18px;
    color: #02090b;
    font-weight: 600;
    background-color: #a4e565;
    border-radius: 12px;
    padding-top: 14px;
    padding-right: 20px;
    padding-bottom: 14px;
    padding-left: 20px;
}
.global-button.bricks-button:hover, .contact-us-form-design .gform-footer .gform_button:hover, a.event-register-btn:hover
{
	background: linear-gradient(90deg, #F18756 0%, #D66048 63.88%, #C74A40 100%), linear-gradient(91deg, #7EBC00 12.39%, rgba(116, 174, 0, 0.00) 112.71%);
    color: #fff!important;
}
.global-button.button-reverse.bricks-button
{
	background: linear-gradient(90deg, #F18756 0%, #D66048 63.88%, #C74A40 100%), linear-gradient(91deg, #7EBC00 12.39%, rgba(116, 174, 0, 0.00) 112.71%);
    color: #fff!important;
}
.global-button.button-reverse.bricks-button:hover
{
	background: #a4e565!important;
    color: #02090b!important;
}
.container-1320
{
	margin: auto!important;
  	max-width: 1320px;
}
.content-container
{
	max-width: 1220px;
    width: 100%;
}
.bricks-nav-menu li.menu-item.seprating-menu 
{
	margin-left: 7vw;
}
li.header-btn.menu-item 
{
	padding: 10px 15px;
    background-color: #A4E565;
    color: #02090B;
    border-radius: 12px;
    font-weight: 700;
}
#brx-header .bricks-nav-menu li.header-btn.menu-item:hover
{
	 background-color: #2A505A;
}
#brx-header .bricks-nav-menu
{
	align-items: center;
}
#brx-header .bricks-nav-menu li a:hover, .footer-nav-links li.menu-item a:hover
{
	 color: #A4E565;
}
.home-banner-scroll-link .content p
{
	transform: rotate(-90deg);
    margin-bottom: 38px;
}
.home-banner-scroll-link
{
	transition: transform 0.3s ease-in-out;
}
.team-grid .content-wrapper
{
	align-items: center;
}
.team-grid.four-column-layout .bricks-layout-wrapper
{
	justify-content: space-evenly;
    display: flex;
}
.team-grid.four-column-layout li.bricks-layout-item
{
	min-width: 20%
    width: 20%;
}
.banner-linear-gradient 
{
    background: linear-gradient(359deg, rgba(1, 23, 37, 0.00) 13.96%, rgba(126, 188, 0, 0.24) 116.11%);  
}
.custom-design-form .gform_heading
{
	display: none;
}
.contact-us-form-design
{
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.contact-us-form-design .gform-footer
{
	margin: 0px!important;
    padding: 0px!important;
}
.contact-us-form-design .gform-footer .gform_button
{
    background: transparent;
    font-size: 18px;
    color: #02090b;
    font-weight: 600;
    background-color: #a4e565;
    border-radius: 12px;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    border: 0px;
    margin-bottom: 0px !important;
}
.contact-us-form-design .gform_body
{
	width: 85%;
}
.contact-us-form-design .gform_footer
{
	width: 15%;
}
.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select
{
	padding: 15px !important;
    border-radius: 11px;
    background-color: rgb(255 255 255 / 80%);
    color: #2A505A !important;
    font-size: 16px !important;
    font-weight: 300;
    line-height: normal;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #2A505A !important;
  opacity: 0.8;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #2A505A !important;
  opacity: 0.8;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #2A505A !important;
  opacity: 0.8;
}
:-moz-placeholder { /* Firefox 18- */
  color: #2A505A !important;
  opacity: 0.8;
}

.gray-background-row:hover
{
	border-radius: 10px;
	background-image: linear-gradient(272deg, rgba(77, 119, 117, 0.30) -0.79%, #4D7775 21.74%) !important;
    margin: 40px auto;
}
.contact-page-form .gform_fields
{
	display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-page-form .gform_fields .gfield.gfield--type-text
{
	    width: calc(50% - 8px);
}
.contact-page-form .gform_fields .gfield.gfield--type-email
{
	    width: 100%;
}
.contact-page-form .contact-us-form-design
{
	flex-direction: column;
}
.local-scroll-btn.bricks-button:hover
{
	color: #2A505A!important;
	background: linear-gradient(91deg, #C3DC8F 12.39%, rgba(116, 172, 61, 0.78) 112.71%);
}
.gray-gradient-box
{
	background: linear-gradient(272deg, rgba(77, 119, 117, 0.30) -0.79%, #4D7775 21.74%);
}
.blue-gradient-box
{
	background: linear-gradient(272deg, rgba(25, 57, 77, 0.30) -0.79%, #19394D 21.74%);
}
.custom-list ol li
{
	margin-bottom: 15px;
}
.events-grid div.dynamic
{
	width: 100%;
}

.glass-card {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* For Safari */
}

/************* PARALLAX VIDEO BG ***************/
.bricks-background-video-wrapper {
    position: fixed !important;  /* Fixes the video in place relative to the viewport */
    top: 0;  /* Starts the video at the top of the viewport */
    left: 0;  /* Aligns the video to the left */
    width: 100vw;  /* Full width of the viewport */
    height: 100vh;  /* Full height of the viewport */
    z-index: -1;  /* Places the video behind the content */
    pointer-events: none;  /* Prevent interaction with the video */
    overflow: hidden;  /* Prevents any overflow of the video */
}

.bricks-background-video-wrapper video {
    position: absolute;  /* Position the video inside the wrapper */
    top: 50%;  /* Centers the video vertically */
    left: 50%;  /* Centers the video horizontally */
    transform: translate(-50%, -50%);  /* Ensures the video stays centered */
    min-width: 100%;  /* Ensure the video covers the full width */
    min-height: 100%;  /* Ensure the video covers the full height */
    object-fit: cover;  /* Prevents distortion and stretches the video to cover the screen */
   opacity: 0.3;  /* Set video opacity to 0.3 */
}
/**************************************/
/******* VIDEO SVG MASK CONTAINER FOR ANIMATIONS ***********/
/* Large video container (400x400) */
.video-container {
    position: relative;
    width: 400px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Background for large video */
.video-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Large masked video */
.video-mask {
    position: relative;
    width: 90%;
    height: 90%;
    object-fit: cover;

    /* Apply the SVG as a mask */
    -webkit-mask-image: url('/wp-content/uploads/2025/02/blob-mask.svg');
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;

    mask-image: url('/wp-content/uploads/2025/02/blob-mask.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
}

/* Small video container (95x95) positioned at bottom right */
.icon-video-container {
    position: absolute;
    width: 95px;
    height: 95px;
    bottom: 10px; /* Positions at the bottom */
    right: 10px; /* Positions at the right */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Background for small video */
.icon-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Masked small video */
.icon-video-mask {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;

    /* Apply the SVG as a mask */
    -webkit-mask-image: url('/wp-content/uploads/2025/02/icon-bg-mask.svg');
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;

    mask-image: url('/wp-content/uploads/2025/02/icon-bg-mask.svg');
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
}
/****************************************************************/
.single-news .brxe-container
{
	max-width: 1220px;
    width: 100%!important;
    margin: 0px auto 60px;
    color: #fff;
}
.single-news #brx-content.brxe-container a
{
	 color: #f18756;
}
.single-news .brxe-post-content h2
{
	margin-bottom: 30px;
}
.single-news #brx-content.brxe-container a:hover
{
      color: #A4E565;
}
.single-news #brx-content.brxe-container h3
{
	margin: 12px 0px;
}
.single-news #brx-content.brxe-container h2
{
	margin-bottom: 20px;
}
.single-news #brx-content.brxe-container h4
{
	margin-bottom: 10px;
}
.single-news #brx-content.brxe-container p strong, .single-news #brx-content.brxe-container p b
{
	font-weight: 500 !important;
    font-size: 18px;
}
.single-news #brx-content.brxe-container ul li, .single-news #brx-content.brxe-container ol li
{
	margin-bottom: 12px;
}



/************************************************************************************************************************/
/***********************************************************************************************************************/
/**********************************************RESPONSIVE CSS**********************************************************/
/*********************************************************************************************************************/
/********************************************************************************************************************/


@media screen and (max-width: 1440px)
{

}


@media screen and (max-width: 1320px)
{
	.container-1320
	{
		margin: auto!important;
  		max-width: 95%!important;
	}
  .bricks-nav-menu li.menu-item.seprating-menu 
  {
    	margin-left: 30px;
  }
}


@media screen and (max-width: 1220px)
{
	.content-container
	{
		max-width: 95%!important;
      	margin: auto!important;
	}
}

@media screen and (max-width: 1170px)
{
	#menu-main-menu.bricks-nav-menu li
  {
      margin: 0 0 0 25px!important;
  }
  #menu-main-menu.bricks-nav-menu li a
  {
  	    font-size: 15px;
  }
  li.header-btn.menu-item 
	{
    	padding: 0px;
    	background-color: transparent;
    	color: #fff;
	}
}

@media screen and (max-width: 959px)
{
	h1
	{
    	font-size: 54px;
	}
	h2
	{
    	font-size: 42px;
	}
  	h3
	{
    font-size: 30px;
	}
  .team-grid .bricks-layout-inner
  	{
  	    align-items: center;
  	}
}


@media screen and (max-width: 768px)
{
	.brxe-block.header-inner
  {
  	  flex-wrap: nowrap;
  }
  h1
	{
    	font-size: 48px;
	}
	h2
	{
    	font-size: 36px;
	}
  	h3
	{
    	font-size: 30px;
	}  
}


@media screen and (max-width: 640px)
{
	.contact-us-form-design
  {
  	 flex-direction: column;
  }
  .contact-us-form-design .gform_body 
  {
    	width: 100%;
  }
  .contact-us-form-design .gform_footer 
  {
      width: 100%;
     justify-content: center;
  }
  .contact-us-form-design .gform_footer .gform_button.button
  {
  	  line-height: normal!important;
      width: 200px;
      text-align: center;
  }
}


@media screen and (max-width: 479px)
{
	.brxe-block.header-inner
  	{
  	   flex-wrap: nowrap;
  	}
  	h1
	{
    	font-size: 42px;
	}
	h2
	{
    	font-size: 32px;
	}
  	h3
	{
    	font-size: 28px;
	}
}