:root {
--theme_red: #dd2224 !important;
--white: #fff;
--theme_blue: #3e4096;
}
.cust_head {
font-weight: 700;
color: var(--theme_blue); }
.form_box {
box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.17);
}
textarea,
.form-control,
input {
border: 0px solid #081f511a !important;
background: #fff !important;
padding: 10px 10px 10px 10px !important;
border-bottom: 2px solid var(--theme_blue) !important;
border-radius: 5px !important;
margin-bottom: 5px !important;
height: auto !important;
font-style: italic;
width: 100% !important;
}
@media (max-width: 575px) {
.cf-turnstile {
transform: scale(0.8);
transform-origin: center;
}
}
.cust_red_btn svg {
height: 1.2rem;
width: 1.2rem;
font-family: "Raleway", Sans-serif;
}
.cust_red_btn svg path {
fill: var(--white);
}
.cust_red_btn {
color: var(--white);
background-color: var(--theme_red);
border: 1px solid #0071dc;
font-family: "Raleway";
transition: 0.3s;
}
.cust_red_btn:focus-within,
.cust_red_btn:focus,
.cust_red_btn:active,
.cust_red_btn:hover {
color: var(--white) !important;
background-color: var(--theme_red) !important;
border: 1px solid #ffc221 !important;
}
section {
padding: 5rem 0rem;
}
.mini_head {
font-weight: 700;
color: var(--theme_blue);
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6,
.Raleway {
font-family: "Raleway";
}
a {
text-decoration: none;
}
.p_font {
color: #354c68;
font-family: "Roboto", Sans-serif;
font-size: 1.1rem;
font-weight: 400;
}
.Roboto {
font-family: "Roboto";
}
.custbtn:hover .btn_arrow {
animation: 0.3s link-icon linear;
}
.shadow_1 {
box-shadow: 0px 0px 35px 0px rgba(74, 74, 74, 0.1);
}
.bg_about_boximg_2,
.bg_about_boximg {
background-image: url(https://ucmas-usa.com/wp-content/uploads/2024/11/bothell-1-1024x768.jpg);
background-position: center;
background-size: cover;
}
.bg_about_boximg_2 {
background-image: url(https://ucmas-usa.com/wp-content/uploads/2024/11/8.jpg);
}
@keyframes link-icon {
0% {
transform: translateX(0);
opacity: 1;
}
49% {
transform: translateX(20px);
opacity: 0;
}
50% {
transform: translateX(-20px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.shed_details_mainicon svg path {
fill: var(--theme_red);
}
.shed_details_mainicon svg {
height: 2rem;
width: 2rem;
}
.title-section h5 {
font-size: 1.1rem;
font-weight: 700;
text-transform: capitalize;
line-height: 28px;
letter-spacing: 0px;
color: #000000;
}
.text-tfanimated {
font-size: 1.1rem;
color: #354c68;
font-weight: 400;
line-height: 32px;
}
.shed_details_mainicon {
transition: 0.3s;
}
.shed_details_mainicon:hover {
transform: translateY(-0.5rem);
}
.shed_details_mainicon:hover svg path {
fill: var(--theme_blue);
}
.shed_row > div:nth-child(3) .shed_details_mainicon svg {
height: 1.6rem;
width: 1.6rem;
}
.title-section .contact a {
color: var(--theme_red);
text-decoration: none;
}
.bg_blue {
background-color: var(--theme_blue);
}
.text_yellow {
color: #ffda63;
}
video {
width: 100%;
display: flex;
border: none;
background-color: #000;
}
.page-title {
display: none;
}
.red_txt {
color: var(--theme_red);
}
.blue_txt {
color: var(--theme_blue);
}
.bene_list li {
list-style-type: none;
}
.bene_list li svg {
height: 0.9rem;
width: 0.9rem;
margin-right: 5px;
margin-top: -3px;
}
.bene_list li {
color: #54595f;
margin-bottom: 0.75rem;
}
.bene_list li svg path {
fill: var(--theme_blue);
}
.bene_list li:hover svg path {
fill: var(--theme_red);
}
.swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #c0c0c0;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 30px;
}
.swiper-pagination-bullet-active {
background-color: #ff4c4c !important;
}
.testi_quote svg{
height: 1.5rem;width: 1.5rem;
}
.text-tfanimated{
font-family: "Roboto", Sans-serif;
font-size: 1.2rem;
font-weight: 400;
line-height: 32px;
color: #354C68;
margin: 25px 0px 0px 0px;
max-width: 100%;
}
.bene_list li{
font-family:"Roboto", Sans-serif;
}
.new_updates * {
font-weight:700;
} 
.lg-outer button {
background-color: transparent !important;
}
.review_slider p { 
color: #000000;
font-style: normal;
margin: 5px 5px 5px 5px;
} 
@media only screen and (min-width: 1441px) {
#blog-iframe iframe {
min-height: 650px;
}
}
@media only screen and (max-width: 1440px) {
#blog-iframe iframe {
min-height: 650px;
}
}
.newbutton {
padding: 18px 42px;
color: var(--theme-accent-color);
fill: var(--theme-accent-color);
border: 1px solid;
border-color: var(--theme-accent-color);
background-color: transparent;
display: inline-block;
z-index: 1;
font-weight:bold;
position: relative;
line-height: 1;
white-space: nowrap;
}
.newbutton a {
color: #2f3680 !important;
font-size: 14px !important;
font-weight: 700;
font-family: 'Raleway';
}
label.error{
font-size: .8rem;
color: #ff1b1b;
}
.d-md-none a[href="/center-finder/"] {
color: white;
line-height: 1.62;
font-family: 'Roboto';
font-size: 1rem;
}
.blog-prev{
left: auto;
right: calc(0rem + 3rem);
}
.blog-next, .blog-prev { 
border-radius: .25rem;
}
.blog_slider .entry-title{
font-size: 1.1rem;
overflow: hidden;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.blog_slider .content{ 
overflow: hidden; 
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
font-family: "Roboto", Sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
letter-spacing: 0px;
}
.blog_slider article .post-meta{
box-shadow:none;
}
.blog_slider .entry-title a:hover{
color: var(--theme_red);
}
.swiper-button-next,.swiper-button-prev{
background: #ef3237;
height: 2rem;width: 2rem;
color: #591214;
border-radius: 20rem;
}
.swiper-button-prev:after,
.swiper-button-next:after{
font-size: 1rem;color: var(--white);
}@media (max-width: 1399px) {
}
@media (max-width: 1199px) {
.form_box {
margin-top: 0rem;
}
.form_box_col {
margin: auto;
}
.cf-turnstile{
transform: scale(.8);
transform-origin: center;
}
}
@media (max-width: 767px) {
.p_font{
font-size: 1rem;
}
}
@media (min-width: 1200px) {
.form_box {
margin-top: -22rem;
}
.cf-turnstile{
transform: scale(.8);
transform-origin: left center;
}
}
@media (min-width: 1400px) {
.form_box {
margin-top: -26rem;
}
}
@media (min-width: 1600px) {
.form_box {
margin-top: -28rem;
}
}
@media (min-width: 1800px) {
.form_box {
margin-top: -30rem;
}
}
@media (min-width: 1900px) {
.form_box {
margin-top: -30rem;
}
}
@media (min-width: 1920px) {
.banner_box,section{ margin: auto;
}
}