/*
Theme Name: Yarash
Theme URI: http://xxx.com/
Template: builder
Version: 3.4
Updated: 10/10/2024
Author: Thomas Digital
Author URI: https://www.thomasdigital.com
Description: Builder with drag and drop elements using wireframe kit design.
Tags: wordpress, bootstrap, wireframe, acf
Developer: Ryan
*/

/*------------------------------------------
    #MARK: REMOVE
------------------------------------------*/
/* #region */

.mh { 
    min-height: 2000px; 
}

body:not(.wp-admin) {
    background: url(upload/bg-1.jpg) top center no-repeat;
}

/* #endregion */

/*------------------------------------------
    #MARK: ROOT
------------------------------------------*/
/* #region */

:root {

    --font-size: 17px;
    --font-1: "Mundial";
    --font-2: "Ubuntu";

    /*
    --color1: #003663;
    --color2: #001221;
    --color3: #CC003B;

    --h1: 80px;
    --h2: 54px;
    --h3: 44px;
    --h4: 32px;
    --h5: 24px;
    --h6: 18px;
    */

    --color10: black;
    --color11: white;

    --a: #DDA15E;
    --hover: #A1AEB7;       

    --darktitle:white;
    --darktext:white;
}

/* #endregion */

/*------------------------------------------
    #MARK: HEADER
------------------------------------------*/
/* #region */

.top-id {
    position: absolute;
    margin-top: -150px;
}

header.header {
	transition:0.3s;
}

.navbar {
    justify-content: space-between;
    gap: 20px;
}

.navbar-expand-lg .navbar-collapse {
    justify-content: flex-end;
}

.main-menu {
    width: 100%;
}

.main-menu .navbar-nav {
    gap: 10px;
    justify-content: flex-end;
}

.navbar-brand {
    width: 208.54px;
}

header .navbar-nav .nav-link {
    padding: 0px !important;
}

#navbar-home .navbar-nav {
    gap: 40px;
}

header .navbar-nav .nav-link::after {
	display:none;
}

header .navbar-nav .nav-link span {
    color: #11386F;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 16px */
    text-transform: uppercase;
    transition: 0.3s;
}

header .navbar-nav .nav-link:hover span,
header .navbar-nav .current_page_item > .nav-link > span {
    color: #37B5FF !important;
}

.page-id-870 #mega-1 .mega_menu_items .flex-item:nth-child(2) .div-link .mmtitle {
    color: #37b5ff;
}

.page-id-870 #mega-1 .mega_menu_items .flex-item:nth-child(2) .div-link .mmtitle:after {
    width: 100%;
}

header.menu-overlay .navbar-nav .nav-link span {
    color: #FFF;
}

header.menu-overlay .navbar-nav .nav-link:hover span {
    color: #37B5FF;
}

#navbar-home .navbar-nav li {
    position: relative;
}

#navbar-home .navbar-nav li:first-child::after, 
#navbar-home .navbar-nav li:nth-child(2)::after {
    content: '\f078';
    font-family: FontAwesome;
    color: #11386F;
    font-size: 10px;
    margin-left: 5px;
    margin-top: 5px;
    position: absolute;
}

.home #navbar-home .navbar-nav li:first-child::after, 
.home #navbar-home .navbar-nav li:nth-child(2)::after {
    color: #FFF;
}

#navbar-home .navbar-nav li:first-child, #navbar-home .navbar-nav li:nth-child(2) {
    padding-right: 16px;
}

.header.mega-menu-active, .header:hover {
    background-color: #FFF;
}

header:hover .navbar-nav .nav-link span,
header.menu-overlay.mega-menu-active .navbar-nav .nav-link span{
    color: #11386F;
}

header:hover .navbar-nav .nav-link:hover span,
header.menu-overlay.mega-menu-active .navbar-nav .nav-link:hover span {
    color: #37B5FF;
}

.mega-menu-active #navbar-home .navbar-nav li:hover:first-child::after, 
.mega-menu-active #navbar-home .navbar-nav li:hover:nth-child(2)::after,
header:hover #navbar-home .navbar-nav li:hover:first-child::after, 
header:hover #navbar-home .navbar-nav li:hover:nth-child(2)::after{
    color: #37B5FF;
}

.mega-menu-active #navbar-home .navbar-nav li:first-child::after, 
.mega-menu-active #navbar-home .navbar-nav li:nth-child(2)::after,
header:hover #navbar-home .navbar-nav li:first-child::after, 
header:hover #navbar-home .navbar-nav li:nth-child(2)::after{
    color: #11386F;
}

.mega_menu_container {
    display: flex;
    gap: 10px 120px;
}

.mega_menu_title {
    width: 170px;
}

.mega_menu_items {
    display: flex;
    flex-flow: column;
    gap: 13px;
}

.mega-drop .mmtitle {
    color: #11386F;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    position: relative;
    margin: 0px;
	width:max-content;
}

.mega-drop .mmtitle:hover {
    color: #37B5FF;
}

.mega-drop .mmtitle::after {
    content: '';
    width: 100%;
    height: 2px;
    bottom: -5px;
    background-color: #37B5FF;
    position: absolute;
    transition: 0.3s;
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
}

.mega-drop .mmtitle:hover::after {
    width: 100%;
}

.mega_menu_title p {
    color: #1B1B1B;
    font-family: "Playfair Display";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 36px */
	margin:0px;
}

.mega-drop .wrap {
    min-height: 220px;
    padding: 50px 0px;
}

#mega-2 .mega_menu_items {
    flex-flow: wrap;
    gap: 13px 100px;
    max-width: 600px;
}

#mega-2 .mega_menu_items .flex-item {
    width: 250px;
}

.header:hover .mega-drop .container-xl::after, 
.header.mega-menu-active .mega-drop .container-xl::after{
    content: '';
    width: 100%;
    position: absolute;
    top: -40px;
    height: 1px;
    background-color: #37B5FF;
    z-index: 9;
}

div#menu-oc-right {
    max-width: initial !important;
    width: 100%;
}

.mobile-menu .box .d-brand.main-logo.navbar-brand {
    display: block;
    margin: 40px 0px;
}

header.menu-overlay .box .navbar-nav .nav-link span {
    color: #11386F;
}

.menu-item-1174, .menu-item-1173,
.menu-item-1117, .menu-item-1118 {
	display:none;
}

.sticky-head .menu_wrap {
    background-color: #FFF;
}


/* #endregion */

/*------------------------------------------
    #MARK: FOOTER
------------------------------------------*/
/* #region */

.footer_text {
    max-width: 749px;
}

.element .footer_text .dtext {
    line-height: 120%;
    font-size: 13px;
}

.footer_copyright {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 15px;
}

.footer_copyright a span, .footer_copyright div {
    color: #1B1B1B;
    text-align: right;
    font-family: Barlow;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 13px */
    position: relative;
    transition: 0.3s;
}

.mini-links::before {
    position: absolute;
    left: -7px;
    content: '';
    width: 1px;
    height: 100%;
    background-color: #1B1B1B;
}

.footer_copyright a:hover span {
    color: #37B5FF;
}

.home .element.footer-0 {
    position: absolute;
    bottom: 0px;
}

.element.footer-0 .wrap .container-xl {
    border-top: 1px solid hsl(0deg 0% 11% / 20%);
    padding: 22px 0 30px;
}

.home .element.footer-0 .wrap .container-xl {
    border-top: 1px solid rgb(255 255 255 / 20%);
}

.home .element .footer_text .dtext {
    color: #FFF;
}

.home .footer_copyright a span, .home .footer_copyright div {
    color: #FFF;
}

.home .footer_copyright a:hover span {
	color: #37B5FF;
}

.home .element.footer-0 .wrap {
	border-color: rgb(255 255 255 / 20%);
}

.home .mini-links::before {
	background-color:#FFF;
}

.landing footer {
    display: none;
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */

.hero-01 .wrap {
    height: 100vh;
}

.hero-01 .wrap {
    height: 100vh;
}

.element .hero-opt {
    display: flex;
    flex-flow: column;
    gap: 20px;
    max-width: 530px;
	padding-bottom: 160px;
}

.element .mtitle {
    color: #1B1B1B;
    font-family: "Playfair Display";
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 50px */
    text-transform: capitalize;
}

.element .hero-opt .mtitle {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.element .fwhite, .element .fwhite * {
    color: #FFF !important;
}

.element .dtext, .element .dtext * {
    color: #1B1B1B;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
}

.element .hero-opt .dtext, .element .hero-opt .dtext * {
    font-family: Barlow;
    font-size: 24px;
    line-height: 110%; /* 26.4px */
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
	color:#FFF;
}

.overlay.hero_overlay1 {
    opacity: 0.1;
    background: linear-gradient(270deg, rgba(27, 27, 27, 0.00) 0%, #1B1B1B 100%);
}

.overlay.hero_overlay2 {
    background: linear-gradient(180deg, rgba(27, 27, 27, 0.00) 64.63%, #1B1B1B 100%);
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO 02
------------------------------------------*/
/* #region */

.landing .header:hover {
  background-color: transparent;
}

.landing #navbar-home .navbar-nav li:first-child::after,
.landing #navbar-home .navbar-nav li:nth-child(2)::after {
  display: none;
}

.landing header:hover .navbar-nav .nav-link span,
.landing header .navbar-nav .current_page_item > .nav-link > span {
  color: #fff !important;
}

.landing header:hover .mobile-menu .navbar-nav .nav-link span,
.landing header .mobile-menu .navbar-nav .current_page_item > .nav-link > span {
  color: #11386f !important;
}

.hero-02 .wrap {
  min-height: 100vh !important;
}

.hero-02 .overlay.color1 {
  background: linear-gradient(270deg, rgba(27, 27, 27, 0) 0%, #1b1b1b 100%);
  opacity: 0.1;
}

.hero-02 .overlay.color2 {
  background: linear-gradient(180deg, rgba(27, 27, 27, 0) 0%, #1b1b1b 100%);
  opacity: 0.3;
  transform: matrix(1, 0, 0, -1, 0, 0);
}

.hero-02 .overlay.color3 {
  background: linear-gradient(180deg, rgba(27, 27, 27, 0) 64.63%, #1b1b1b 100%);
}

.hero-02 .dtop {
  margin-top: 20px;
}

.hero-02 .dbot {
  margin-top: auto;
  margin-bottom: 30px;
}

.hero-02 .footer_text .dtext {
  color: #fff;
  display: block !important;
  text-align: start;
}

.hero-02 .dinfo {
  max-width: 470px;
  margin-top: 94px;
  margin-inline: auto;
}

.hero-02 .custom-menu {
  margin-top: 47px;
  position: relative;
}

.hero-02 .dropdown-button {
  width: 100%;
  padding: 10px 0;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hero-02 .dropdown-button .ititle {
  width: auto;
  color: #fff;
  font-family: "Playfair Display";
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
}

.hero-02 .mtitle {
  color: #fff;
}

.hero-02 .dropdown-content {
  width: 100%;
  padding: 33px 31px 40px;
  position: absolute;
  opacity: 0;
  z-index: 1;
  transition: 0.3s;
  visibility: hidden;
}

.hero-02 .dropdown-content .overlay.color {
  background-color: #fff;
  backdrop-filter: blur(25px);
  opacity: 0.7;
}

.hero-02 .dropdown-content a {
  width: 100%;
  padding: 1px 0;
  text-decoration: none;
  text-align: start;
  display: block;
}

.hero-02 .dropdown-container.active .dropdown-content {
  opacity: 1;
}

.hero-02 .dropdown-container.active .dropdown-content {
  opacity: 1;
  visibility: visible;
}

.hero-02 .arrow-down {
  width: auto;
  transition: transform 0.3s ease;
}

.hero-02 .dropdown-container.active .arrow-down {
  transform: rotate(180deg);
}

.hero-02 .dropdown-container .btn-loop {
  position: relative;
  display: flex;
  gap: 22px;
}

.hero-02 .dropdown-container .link-text {
  border-bottom: 1px solid rgba(55, 181, 255, 0.5);
  transition: 0.3s;
}

.hero-02 .dropdown-container .link-text:hover {
  border-bottom: 1px solid #37b5ff;
}

.hero-02 .dropdown-container .link-text:hover span {
  color: #37b5ff;
}

.hero-02 .dropdown-container .link-text span {
  color: #11386f;
  font-family: "Barlow";
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
  transition: 0.3s;
}

.hero-02 .single-container .link-text {
  padding: 10px 0;
  border-bottom: 1px solid #d9d9d9;
  display: block;
  text-align: center;
}

.hero-02 .single-container .link-text span {
  color: #fff;
  font-family: "Playfair Display";
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
}

.hero-02 .footer {
  padding-top: 24px;
  border-top: 1px solid hsla(0, 0%, 100%, 0.2);
}

.hero-02 .footer_copyright a span,
.hero-02 .footer_copyright div {
  color: #fff;
}

.hero-02 .mini-links::before {
  background-color: #fff;
}

/* #endregion */

/*------------------------------------------
    #MARK: TITLE TEXT 01
------------------------------------------*/
/* #region */

.title-text-01 .wrap {
    padding: 85px 0px 80px 0px;
}

.element .dtext a:hover {
    text-decoration: underline;
}

.element .dtext a {
    color: #37B5FF;
    transition: 0.3s;
}

.title-text-01 .title {
    display: flex;
    flex-flow: column;
    gap: 20px;
}

.element .btitle {
    color: #37B5FF;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
    text-transform: uppercase;
}

/* Dark Theme */

.title-text-01[data-theme="dark"] {
    background: transparent;
}

.title-text-01[data-theme="dark"] .wrap {
    background: #0B2345;
}

.title-text-01[data-theme="dark"] .mtitle {
    color: #FFF;
}

.title-text-01[data-theme="dark"] .dtext * {
    color: #FFF;
}

.title-text-01[data-theme="dark"] .dtext p {
    margin-bottom: 35px;
}


/* #endregion */

/*------------------------------------------
    #MARK: SINGLE IMAGE 01
------------------------------------------*/
/* #region */

.single-image-01 .wrap {
    padding: 0px 0px 100px 0px;
}

/* #endregion */

/*------------------------------------------
    #MARK: CARDS 01
------------------------------------------*/
/* #region */

.title_container {
    padding-bottom: 60px;
}

.element .atitle {
    color: #11386F;
    font-family: "Playfair Display";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 36px */
}

.cards-01 .dinfo {
    display: flex;
    gap: 20px;
    align-items: center;
}

.tri {
    width: 0;
    height: 0;
    border-bottom-width: 14px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-right-width: 14px;
    border-right-style: solid;
    border-right-color: #37B5FF;
    margin-top: 3px;
}

.cards-01 .dinfo .pad {
	line-height: 100%;max-width: 270px;
}

.element .ititle {
    color: #1B1B1B;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 18px */
}

.cards-01 .row {
    row-gap: 40px;
}

.cards-01 .wrap {
    padding: 0px 0px 94px 0px;
}

/* #endregion */

/*------------------------------------------
    #MARK: TITLE TEXT 02
------------------------------------------*/
/* #region */

.title_text_v2_container {
    background-color: #F5FBFF;
    padding: 90px 70px;
    display: flex;
    gap: 10px 90px;
}

.title_v2 {
    width: 370px;
    display: flex;
    flex-flow: column;
    gap: 20px;
}

.text_v2 {
    flex: 1;
    position: relative;
    display: flex;
    flex-flow: column;
    gap: 32px;
}

.text_v2::before {
    content: '';
    width: 1px;
    height: 160px;
    position: absolute;
    background-color: #E5E5E5;
    left: -43px;
    top: 50%;
    transform: translateY(-50%);
}

.element .d-link.btn.w-icon {
    display: flex;
    align-items: center;
    width: max-content;
}

.element .d-link.btn.w-icon span::before {
    display: none;
}

.element .d-link.btn.w-icon .a-span {
    color: #37B5FF;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 14px */
    text-transform: uppercase;
}

.element .d-link.btn.w-icon img.d-icon {
    margin: 0px 20px 0px 0px;
}

.title-text-02 .wrap {
    padding: 0px 0px 66px 0px;
}

.element .d-link.btn.w-icon:hover .a-span {
    text-decoration: underline;
}

/* #endregion */

/*------------------------------------------
    #MARK: AJAX LESS 01
------------------------------------------*/
/* #region */

span.read_more_text {
    display: none;
}

.text_row p {
    margin: 0px;
    color: #1B1B1B;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
}

.ajax-less-01 .title_container {
    border-bottom: 2px solid #37B5FF;
    padding-bottom: 30px;
}

.element .title_container .mtitle {
	font-size:40px;
}

.ajax-less-01 .row_container {
    padding-top: 60px;
    display: flex;
    flex-flow: column;
    gap: 60px;
}

.row_container .individual_row {
    border-bottom: 1px solid rgb(17 56 111 / 20%);
    padding-bottom: 60px;
}

.title_row {
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.element .read_more_button {
    color: #37B5FF;
    font-family: Barlow;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    padding-left: 17px;
    display: block;
    margin-top: 30px;
}

.element .read_more_button::before {
    content: '+';
    padding-right: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.element .read_more_button:hover {
    text-decoration: underline;
}

/* #endregion */

/*------------------------------------------
    #MARK: ROW CONTENTS 01
------------------------------------------*/
/* #region */

.row-contents-01 .title_container {
    border-bottom: 2px solid #37B5FF;
    padding-bottom: 30px;
}

.row_flex_container {
    padding: 60px 70px 0px 70px;
    display: flex;
    flex-flow: column;
    gap: 60px;
}

.individual_row_flex {
    display: flex;
    gap: 10px 60px;
}

.flex_title {
    width: 400px;
}

.flex_text {
    flex: 1;
}

.element .flex_title .ititle {
    color: #11386F;
    font-family: "Playfair Display";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 26px */
}

.row-contents-01 .wrap {
    padding: 0px 0px 100px 0px;
}

.row_flex_container > .dtext {
    margin-top: -20px;
}

/* #endregion */

/*------------------------------------------
    #MARK: FLIP BOXES 01
------------------------------------------*/
/* #region */

.flip_boxes_container {
    display: flex;
    flex-flow: wrap;
    gap: 30px 10px;
    justify-content: center;
}

.individual_flip_box {
    width: 285px;
    height: 216px;
    position: relative;
    cursor: pointer;
}

.flip_box_content {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    text-align: left;
    justify-content: space-between;
    padding: 30px;
}

.flip_box_content .diconn {
    max-width: initial;
    align-items: flex-end;
    justify-content: flex-start;
    max-height: 80px;
}

.element .flip_box_content .ititle {
    color: #11386F;
    font-weight: 500;
    text-transform: uppercase;
}

.element .flip-box-back .diconn img {
    opacity: 1;
}

.flip-box-01 .wrap {
    padding: 0px 0px 100px 0px;
}

.flip-box {
    background-color: transparent;
    width: 100%;
    height: 100%;
    perspective: 1000px;
}

.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-box-front {
    background-color: transparent;
    border: 1px solid rgb(55 181 255 / 30%);
}

.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-box-back {
    transform: rotateY(180deg);
    background: #9BDAFF;
}

/* #endregion */

/*------------------------------------------
    #MARK: FORM NEWSLETTER 01
------------------------------------------*/
/* #region */

.gfsub-01 .wrap {
    padding: 0px 0px 100px 0px;
}

.form_sub_container {
    background: #F5FBFF;
    padding: 80px 0px 72px 0px;
}

.gfsub-01 .dinfo {
    padding: 0px 60px;
    display: flex;
    flex-flow: column;
    gap: 20px;
}

.gform_container {
    padding: 0px 60px;
    display: flex;
    flex-flow: column;
    gap: 20px;
}

.element .gform_text p {
    color: #4D4D4D;
}

.gform .gform_body input {
    border: none !important;
    border-bottom: 1px solid #37B5FF !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0px !important;
    padding: 0px !important;
    color: #000 !important;
    font-family: Barlow !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 150% !important; /* 22.5px */
}

.gform .gform_body input::placeholder {
    color: #999;
}

.gform .gform_footer {
    margin-top: 30px !important;
    padding-top: 0px !important;
    position: relative;
    align-items: center;
    gap: 10px;
    width: max-content;
}

.gform .gform_footer input {
    color: #37B5FF !important;
    font-family: Barlow !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 100% !important; /* 14px */
    text-transform: uppercase !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 14px 20px 14px 51px !IMPORTANT;
    border: 1px solid #37B5FF !important;
    border-radius: 26px !important;
    transition: 0.3s !IMPORTANT;
}

.gform .gform_footer::before {
    content: url(https://yarashdev.wpenginepowered.com/wp-content/uploads/2025/04/Button-Arrow.svg);
    position: absolute;
    left: 20px;
    top: 53%;
    transform: translateY(-50%);
    transition: 0.3s;
}

.gform .gform_footer input:hover {
    background: #37B5FF !important;
    color: #FFF !important;
}

.gform .gform_footer:hover::before {
    filter: brightness(1000);
}

.gform_validation_errors {
    display: none !important;
}

.gfield_validation_message {
    font-family: 'Barlow' !important;
}

.gform_confirmation_message {
    font-family: 'Barlow' !important;
}

.newsletter_wysiwyg {}

.newsletter_wysiwyg h3 {
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0px;
    color: #4d4d4d;
}

.newsletter_wysiwyg > div > div {
    display: flex;
    flex-flow: column;
    gap: 20px;
}

.newsletter_wysiwyg .form-group {
    align-items: center;
    display: flex;
    gap: 10px;
}

.newsletter_wysiwyg .form-group:nth-child(4) {
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.newsletter_wysiwyg .form-group input {
    flex: 1;
    border: none;
    border-bottom: 1px solid #37b5ff;
    box-shadow: none;
    background: 0 0;
    border-radius: 0;
    padding: 0;
    color: #000;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0px;
}

.newsletter_wysiwyg .form-group:nth-child(4) input {
    width: 100%;
}

.newsletter_wysiwyg .form-group label {
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0px;
    color: #4d4d4d;
}

.newsletter_wysiwyg form#advisor_stream_signup_form {
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.newsletter_wysiwyg .form-group:nth-child(4) label {
    width: 100%;
}

.newsletter_wysiwyg .form-group label {
    width: 90px;
}

.newsletter_wysiwyg a, .newsletter_wysiwyg p {
    color: #4d4d4d;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0px;
}

.newsletter_wysiwyg a {
    color: #37b5ff;
    transition: 0.3s;
}

.newsletter_wysiwyg a:hover {
    color: #37b5ff;
    text-decoration: underline;
}

.newsletter_wysiwyg #advisor_stream_signup_form button {
    color: #37b5ff;
    font-family: 'Barlow';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    background: 0 0;
    box-shadow: none;
    padding: 14px 20px 14px 51px;
    border: 1px solid #37b5ff;
    border-radius: 26px;
    transition: .3s;
    width: max-content;
    position: relative;
    transition: 0.3s;
}

.newsletter_wysiwyg #advisor_stream_signup_form button::before {
    content: url(https://yarashdev.wpenginepowered.com/wp-content/uploads/2025/04/Button-Arrow.svg);
    position: absolute;
    left: 20px;
    top: 53%;
    transform: translateY(-50%);
    transition: 0.3s;
}

.newsletter_wysiwyg #advisor_stream_signup_form button:hover {
    background-color: #37b5ff;
    color: #FFF;
}

.newsletter_wysiwyg #advisor_stream_signup_form button:hover::before {
    filter: brightness(1000);
}

/* Newsletter code */



/* #endregion */


/*------------------------------------------
    #MARK: ROW CONTACT 01
------------------------------------------*/
/* #region */

.frcontact-01 .wrap {
    padding: 80px 0px 100px 0px;
}

.frcontact-01 .dinfo, .frcontact-01 .soc-med {
    max-width: 300px;
}

.frcontact-01 .dinfo p {
    padding-bottom: 10px;
    margin: 0px;
}

.frcontact-01 .dinfo p strong {
    color: #37B5FF;
    font-family: Barlow;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
    padding-top: 30px;
    display: block;
}

.frcontact-01 .dinfo p:first-child strong {
    padding: 0px;
}

.frcontact-01 .dinfo p a {
    color: #1B1B1B;
}

.frcontact-01 .dinfo p a:hover {
    color: #37B5FF;
}

.frcontact-01 .soc-med .social-icons {
    gap: 5px;
    flex-flow: wrap;
    padding-top: 10px;
}

.frcontact-01 .social-icons img {
    filter: none !important;
    opacity: 1 !important;
    width: auto;
    max-height: 20px;
}

.frcontact-01 .social-icons .soc-link {
    background: transparent;
    width: 32px;
    height: 23px;
}

.frcontact-01 .soc-link:hover img {
    transform: scale(1.5);
}

.element .gform_container .mtitle {
    font-size: 40px;
}

.frcontact-01 .gform_container {
    padding: 0px;
}

.gform.gform_v2 {
    padding-top: 20px;
}

.gform.gform_v2 .gform_body .gform_fields {
    gap: 30px !important;
}

.gform_v2 .gform_body input, .gform_v2 .gform_body textarea {
    height: 50px !important;
    border: 1px solid #EEE !IMPORTANT;
    background: rgba(255, 255, 255, 0.70) !important;
    padding: 0px 15px !important;
	box-shadow:none !important;
}

.gform .gform_body label.gfield_label {
    color: rgba(27, 27, 27, 0.50);
    font-family: Barlow;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
    text-transform: capitalize;
}

.gform .gform_body ul.chosen-choices {
    padding-left: 5px !important;
}

.gform .gform_body .chosen-container {
    width: 100% !IMPORTANT;
    border: 1px solid #EEE !important;
    background: rgba(255, 255, 255, 0.70) !important;
    box-shadow: none !important;
    min-height: 50px !IMPORTANT;
    padding: 7px 0px !important;
}

.gform .gform_body ul.chosen-choices input {
    color: rgb(27 27 27 / 30%) !important;
	height:100% !important;
}

.gform_v2 .gform_body textarea {
    min-block-size: initial !important;
    height: 160px !important;
}

.gform .gform_body .chosen-drop {
    color: #1B1B1B;
    font-family: Barlow;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.gform .gform_body .search-choice {
    color: #1B1B1B;
    font-family: Barlow;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    background-color: #37B5FF !important;
}

.gform .gform_body span.gfield_required {
    color: #37B5FF;
    font-family: Barlow;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: capitalize;
}

/* #endregion */
