/*
 Theme Name:   Design by Da | Das Awesome Co., Ltd 
 Theme URI:    https://www.das-awesome.com/
 Description:  Developed by Design by Da | Das Awesome Co., Ltd 
 Author:       Design by Da | Das Awesome Co., Ltd 
 Author URI:   https://www.das-awesome.com/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

html {
  scroll-padding-top: 9vw;
}
.bottom-gradient-blur {
	
}
.brxe-nav-menu .bricks-mobile-menu {
	padding-top: 16vh;
	padding-bottom: 10vh;
}
.bricks-mobile-menu-toggle {
	color: #363636;
}
.show-mobile-menu .bricks-mobile-menu-toggle {
	color: #fff;
}

.pvc-stats-icon {
	display:none;
}

.apply-filters__button {
    height: 40px;
    width: 40px;
    border-radius: 100px;
    color: transparent;
    background-color: var(--bricks-color-hybliq);
    background-image: url('https://viryasolutions.com/storage/2025/12/Frame-13.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 36px 36px;
}

/* line break */
.desktop-br {
	display: block;
}

.mobile-br {
	display: none;
}

@media screen and (max-width: 1200px) {
	.desktop-br {
		display: block;
	}

	.mobile-br {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	.desktop-br {
		display: none;
	}

	.mobile-br {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	.desktop-br {
		display: none;
	}

	.mobile-br {
		display: block;
	}
}

/* Text Gradient */
.gradient-grey-stats {
	background: linear-gradient(205.84deg, #4C5B6A -2.39%, #939BA5 83.68%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.gradient-green-stats {
	background: linear-gradient(205.84deg, #0AAF2B -2.39%, #9DDFAA 83.68%), linear-gradient(205.84deg, #123075 -2.39%, #3979E6 83.68%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.green-text {
	color: var(--bricks-color-hybliq);
}

/* Buttons */
.blur-button {
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	transition-duration: 0.2s; 
	transition-timing-function: cubic-bezier(0.1, 0, 0.3, 1);
}
.brx-button {
	transition-duration: 0.5s; 
	transition-timing-function: cubic-bezier(0.1, 0, 0.3, 1);
}
.nb-arrow-button-v5 {
    border-radius: 100px;
    background: linear-gradient(to right, transparent 50%, var(--bricks-color-hybliq) 50%);
    background-size: 200% 100%;
    background-position: 0% 0%;
    transition: background-position 0.6s var(--elastic-ease-out);
}

.nb-arrow-button-v5:hover {
    background-position: 100% 0%;
}

/* Hover Box */
.hover-box {
	transition-duration: 0.5s; 
	transition-timing-function: cubic-bezier(0.1, 0, 0.3, 1);
}


/* Fluentform */
.contact-form .ff_btn_style {
  width: 100%;
  background: radial-gradient(50% 50% at 50% 50%, #0AAF2B 0%, #53C76C 100%);
  border-radius: 100px !important;
}

.contact-form label {
  color: #3D4A55;
  font-weight: bold;
}

.contact-form .ff-default input {
  border: 0px solid transparent !important;
  border-radius: 100px !important;
  font-family: "FCVision" !important;
  padding: 14px 32px !important;
}

.contact-form .ff-default textarea {
  border: 0px solid transparent !important;
  border-radius: 24px !important;
  font-family: "FCVision" !important;
  padding: 14px 32px !important;
}

.contact-form .ff-default select {
  border: 0px solid transparent !important;
  border-radius: 100px !important;
  font-family: "FCVision" !important;
  padding: 14px 32px !important;
  background-color: #fff;
}

.contact-form .fluentform .ff_t_c {
  margin: 0;
  padding: 0 5px 0 0;
}

.contact-form .fluentform .ff_t_c a {
  text-decoration: underline;
}

.contact-form .fluentform input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: 2px solid #1E66D1;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  margin: 0;
  flex-shrink: 0;
  padding: 0px !important;
  margin-right: 8px !important;
}

.contact-form .fluentform input[type="checkbox"]:checked {
  background-color: #1E66D1;
  border-color: #1E66D1;
}

.contact-form .fluentform input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0121 0.727869C15.4495 1.16532 15.4495 1.87574 15.0121 2.31319L6.05306 11.2722C5.61561 11.7096 4.90519 11.7096 4.46774 11.2722L0.988245 6.79268C0.550791 6.35523 0.550791 5.64481 0.988245 5.20736C1.4257 4.76991 2.13612 4.76991 2.57357 5.20736L5.26216 7.89245L13.4302 0.727869C13.8677 0.290416 14.5781 0.290416 15.0156 0.727869H15.0121Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.contact-form .fluentform input[type="checkbox"]:focus {
  outline: 2px solid #1E66D1;
  outline-offset: 2px;
}


/* Sidebar */
.brxe-sidebar {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}
.brxe-sidebar .bricks-widget-title {
    font-size: 20px;
	margin-bottom: 8px;
}
.brxe-sidebar input {
    border-radius: 1000px;
    padding-left: 20px;
    padding-right: 20px;
}

.widget_categories, .widget_webinar_categories {
    padding: 24px;
    border-radius: 24px;
    border: solid 1px rgb(147, 155, 165, 0.20);
}
.widget_categories ul, .widget_webinar_categories ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 30px;
}

.prev-next .jet-filters-pagination__link {
	color: transparent !important;
}
.jet-filters-pagination__link {
	padding: 0 !important;
	text-align: center !important;
	min-width: 32px; 
	height: 32px;
	border-radius:100px;
	color: currentcolor;
	font-weight: bold;
	display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.jet-filters-pagination__item.next {
	border-radius: 100px;
	border: solid 1px;
	border-color: currentcolor;
	width: 30px;
	height: 32px;
	background-image: url('data:image/svg+xml;utf8,%3Csvg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2.16602 11.5L7.66602 6L2.16602 0.5L0.882682 1.78333L5.09935 6L0.882682 10.2167L2.16602 11.5Z" fill="%23363636"/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8px 12px;
}
.jet-filters-pagination__item.prev {
	border-radius: 100px;
	border: solid 1px;
	border-color: currentcolor;
	width: 30px;
	height: 32px;
	background-image: url('data:image/svg+xml;utf8,%3Csvg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.83398 0.5L0.333984 6L5.83398 11.5L7.11732 10.2167L2.90065 6L7.11732 1.78333L5.83398 0.5Z" fill="%23363636"/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8px 12px;
}

/* Posts H6 */
.post-content-area h2,
.post-content-area h3,
.post-content-area h4,
.post-content-area h5,
.post-content-area h6 {
    margin-bottom: 16px;
}
.post-content-area a {
    text-decoration: underline;
    color: var(--bricks-color-hybliq);
    transition: color 0.2s ease; /* Optional: adds a smooth transition */
}
.post-content-area a:hover {
    color: #123075;
}