@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&amp;family=Montserrat:wght@100;200;300;400;500;600;700;800;900&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@500&family=Montserrat:wght@500&display=swap');
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Geologica', sans-serif;
font-family: 'Montserrat', sans-serif;
    color: #293745;
}

.page_width {
    width: 1050px;
    margin: auto;
}


.nav_mobile {
    display: none;
}

header {
    width: 100%;
    margin: auto;
    padding: 10px 0px;
}

span {
    color: #3cacd7;
}

.btn_generic {
    background-color: #3cacd7;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #fff;

}

.txt_align_center {
    text-align: center;
}

.txt_align_right {
    text-align: right;
}

.txt_align_left {
    text-align: left;
}

.margen_top50 {
    margin-top: 50px;
}

.section_margin {
    width: 100%;
    margin: 100px 0px;
}

.border_none {
    border: none !important;
}

.nav_desktop {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.logo {
    width: 275px;
}

.logo img {
    width: 100%;
}

.nav_desktop ul {
    list-style: none;
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
}

.nav_desktop ul li a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 5px;
}

.nav_desktop ul li a:hover {
    color: #3cacd7;
}

.btn_signup {
    background-color: #3cacd7;
    padding: 5px 10px;
    border-radius: 10px;
}

.btn_signup:hover {
    color: #fff !important;
}

.main_one {
    /* position: relative; */
    padding: 30px 15px;
}

.submanue_one {
    position: absolute;
    background-color: #fff;
    list-style: none;
    padding: 15px 15px 15px 95px;
    display: none;
    left: 0px;
    margin-top: 20px;
}

.submanue_one ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 15px 0 0 0;
}

.submanue_one ul li {
    padding-bottom: 50px;
}



.main_one:hover .submanue_one {
    width: 100%;
    display: flex !important;
    gap: 30px;
    align-items: flex-start;
}

.submanue_one ul li p {
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
}

.image_side_div {
    width: 350px;
}

.image_side_div img {
    width: 100%;
    border-radius: 15px;
    margin-bottom: 15px;
}

.nav_form {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

.nav_form input[type=text] {
    width: 100%;
    height: 25px;
    border-radius: 5px;
    padding: 0px 5px;

}

.nav_form input[type=password] {
    width: 100%;
    height: 25px;
    border-radius: 5px;
    padding: 0px 5px;

}

.nav_form input[type=submit] {
    width: 50%;
    height: 25px;
    background-color: #3cacd7;
    border-radius: 5px;
    border: none;
    font-size: 14px;
    font-weight: 500;

}

.nav_form input[type=submit]:hover {
    color: #fff;
}


.banner_content {
    max-width: 80%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    text-align: center;
    padding: 50px 0px;
}

.banner_content h1 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 25px;
}

.banner_content h2 {
    font-size: 25px;
    font-weight: 500;
}

.banner_content p {
    font-size: 18px;
    font-weight: 500;
}

.our_section {
    width: 100%;
    margin-top: 60px;
}

.our_service_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 25px;
}

.our_service_left {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.our_service_left h2 {
    font-size: 36px;
    font-weight: 700;
}

.our_service_left h3 {
    font-size: 26px;
    font-weight: 600;
}


.our_service_left ul {
    list-style: none;
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 18px;
}

.our_service_left ul li {
    background-image: url(../images/pages/home/check-blue-icon.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 45px;
    background-size: 20px;
}

.our_service_left p{
    font-size: 18px;
    line-height: 25px;
}

.our_service_image img {
    width: 100%;
    background: #fff;
    /*box-shadow: 0 4.94393px 19.7757px rgba(0, 106, 153, 0.2);
    border-radius: 9.88787px;*/
}

.powering_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 25px;
}

.powering_img img {
    width: 100%;
    background: #fff;
    /*box-shadow: 0 4.94393px 19.7757px rgba(0, 106, 153, 0.2);
    border-radius: 9.88787px;*/
}

.powering_right {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.powering_right h2 {
    font-size: 36px;
    font-weight: 700;
}

.powering_right p {
    font-size: 18px;
    line-height: 25px;
}

.quiz_box {
    width: 60%;
    margin: auto;
    background: #fff;
    box-shadow: 0 4.94393px 19.7757px rgba(0, 106, 153, 0.2);
    border-radius: 9.88787px;
}

.easy_step_heading {
    width: 100%;
    margin: auto;
    text-align: center;
    margin-bottom: 50px;
}

.easy_step_heading h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

.easy_step_heading p {
    font-size: 26px;
}

.easy_step_flex {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    text-align: center;
    margin-bottom: 50px;
    align-items: center;
}

.easy_step_inner {
    width: 100%;
    position: relative;
    padding: 0 100px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    align-items: center;
}

.easy_step_inner{
    font-size: 18px;
    line-height: 25px;
}
.first_row {
    position: relative;
}

.easy_step_flex.first_row::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 1px;
    height: 100%;
    border: 1px dashed #bbd0e5;
    top: 50%;
}

.easy_step_flex.first_row::after {
    content: "01";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #3cacd7;
    width: 30px;
    height: 35px;
    border: 2px solid #fff;
    box-shadow: 0 16px 40px rgb(60 172 215/24%);
    border-radius: 24px;
    color: #fff;
    padding: 9px 14px;
    font-size: 26px;
    font-weight: 700;
    top: 0;
    bottom: 0;
}

.easy_step_flex.second_row::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 1px;
    height: 100%;
    border: 1px dashed #bbd0e5;
    top: 31%;
}

.easy_step_flex.second_row::after {
    content: "02";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #3cacd7;
    width: 30px;
    height: 35px;
    border: 2px solid #fff;
    box-shadow: 0 16px 40px rgb(60 172 215/24%);
    border-radius: 24px;
    color: #fff;
    padding: 9px 12px;
    font-size: 26px;
    font-weight: 700;
    top: 0;
    bottom: 0;

}

.easy_step_flex.third_row::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 1px;
    height: 55%;
    border: 1px dashed #bbd0e5;
    top: 2%;
}

.easy_step_flex.third_row::after {
    content: "03";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #3cacd7;
    width: 30px;
    height: 35px;
    border: 2px solid #fff;
    box-shadow: 0 16px 40px rgb(60 172 215/24%);
    border-radius: 24px;
    color: #fff;
    padding: 9px 12px;
    font-size: 26px;
    font-weight: 700;
    bottom: 38%;

}

.easy_step_img img {
    width: 100%;
}

.easy_step_video video {
    width: 100%;
}

.creat_bold_section {
    background-color: #31374c;
    padding: 50px 0px;
}

.creat_bold_heading h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
}

.creat_bold_heading p {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.creat_step_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding: 50px 0px;
}

.creat_step_left {
    width: 350px;
    margin: auto;
}

.creat_step_left img {
    width: 100%;
}

.creat_step_right {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 70px 0px;
}

.creat_step_right p span {
    font-size: 20px;
    font-weight: 600;
}

.creat_step_right ul {
    list-style: none;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    gap: 20px;
}

.creat_step_right ul li {
    color: #dae4ea;
    background-image: url('../images/pages/home/check-blue-icon.svg');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 45px;
}

.creat_step_right h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}

.eye_catching_heading h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 25px;
}

.eye_catching_heading p {
    font-size: 20px;
    font-weight: 500;
}

.eye_catching_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin: 50px 0px;
}

.eye_catching_left img {
    width: 100%;
}

.eye_catching_right {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.eye_catching_right p span {
    font-size: 20px;
    font-weight: 600;
}

.eye_catching_right ul {
    list-style: none;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    gap: 20px;
}

.eye_catching_right ul li {
    background-image: url('../images/pages/home/check-blue-icon.svg');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 45px;
}

.eye_catching_right h2 {
    font-size: 30px;
    font-weight: 700;
}



.eye_catching_right.content ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.eye_catching_right.content li {
    background-image: none;
}

.eye_catching_right.content li a img {
    width: 100%;
    padding: 0;
    border: 1px solid #dae4ea;
    border-radius: 5px;
    margin-bottom: 6px;
    transition: .3s ease;
}

.eye_catching_right.content li a .active {
    padding: 0;
    border: 1px solid #61c9f1;
    border-radius: 5px;
    margin-bottom: 6px;
    transition: .3s ease;
}

.eye_carching_img {
    width: 60%;
    margin: auto;
}

.eye_carching_img img {
    width: 100%;
}

.eye_carching_img {
    display: none;
}

.eye_carching_img.active {
    display: block;
}

.eye_catching_left.content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.eye_catching_left.content p span {
    font-size: 20px;
    font-weight: 600;
}

.eye_catching_left.content ul {
    list-style: none;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    gap: 20px;
}

.eye_catching_left.content ul li {
    background-image: url('../images/pages/home/check-blue-icon.svg');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 45px;
}

.eye_catching_left.content h2 {
    font-size: 30px;
    font-weight: 700;
}

.eye_catching_grid_two {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 15px;
}

.eye_catching_two_txt {
    width: 100;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
}

.eye_catching_two_txt h2 {
    font-size: 36px;
    font-weight: 700;
}

.eye_catching_two_txt p {
    font-size: 16px;
    font-weight: 500;
}

.eye_catching_two_img img {
    width: 100%;
}

footer {
    background-color: #f0f0f0;
    padding: 20px 0px;
}

.footer_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 25px;
}

.footer_grid ul {
    width: 100%;
    margin: auto;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer_logo {
    width: 275px;
}

.footer_logo img {
    width: 100%;
}

.footer_grid ul li p {
    line-height: 25px;
}

.footer_grid ul li a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}

.footer_grid ul li a:hover {
    color: #3cacd7;
}

/* signage page code start */

.heading_txt {
    width: 100%;
    margin: auto;
    padding: 60px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.heading_txt h1 {
    font-size: 36px;
    font-weight: 700;
}

.heading_txt h2 {
    font-size: 30px;
    font-weight: 500;
}

.heading_txt p {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
}

.heading_txt img {
    width: 550px;
}

.pricing_card_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
}

.pricing_card_inner {
    /* border: 1px solid #000; */
    background: #fff;
    box-shadow: 0 4.94393px 19.7757px rgba(0, 106, 153, 0.2);
    border-radius: 9.88787px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: center;
    align-items: center;
    transition: all 0.6s ease;
    position: relative;
    margin-top: 20px;
}

.pricing_card_inner:hover {
    transform: scale(1.1);
}

.popular_card {
    position: absolute;
    right: 50px;
    border-radius: 10px;
    top: -20px;
    background: linear-gradient(287.85deg, #FF0766 0%, #FF7E5D 95.32%);
    width: 135px;
    font-size: 14px;
    color: #fff;
    padding: 8px 0;
    /* transform: rotate(-45deg); */
    text-align: center;
    /* clip-path: polygon(25% 0%, 76% 0%, 102% 107%, 0% 100%); */
}
@media(max-width:800px){
   
.popular_card {
    right: 30% !important;
} 
.pricing_card_inner:hover {
    transform: none !important;
}
}

.pricing_card_inner h2 {
    font-size: 30px;
    font-weight: 700;
}

.pricing_card_inner .price {
    font-size: 26px;
    font-weight: 600;
}

.pricing_card_inner .card_type {
    font-size: 22px;
    font-weight: 600;
}

.pricing_card_inner ul {
    list-style: none;
    font-size: 18px;
}

.pricing_card_inner .plan_select {
    font-size: 22px;
    font-weight: 600;
}

.pricing_card_inner select {
    width: 100%;
    margin: auto;
    height: 30px;
    background-color: #fff;
    color: #000;
    font-size: 15px;
    font-weight: 500;
}

.pricing_card_inner a {
    text-decoration: none;
    color: #000;
    background-color: #3cacd7;
    padding: 10px 25px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
}

.pricing_card_inner a:hover {
    color: #fff;
}

.risk_free_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
}

.risk_free_left {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.risk_free_left h2 {
    font-size: 30px;
    font-weight: 700;
}

.risk_free_left p {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}

.risk_free_img img {
    width: 215px;
}

.risk_free_right iframe {
    width: 100%;
    height: 50%;
}

.testimonials_inner {
    margin: 20px 15px;
}

.testimonials_inner img {
    width: 100%;
    background: #fff;
    box-shadow: 0 4.94393px 19.7757px rgba(0, 106, 153, 0.2);
    border-radius: 9.88787px;
    object-fit: cover;
}

.slick-next:before,
.slick-prev:before {
    color: #3cacd7 !important;
}

.our_customer_heading h2 {
    font-size: 36px;
    font-weight: 700;
}

.our_cutomer_up_flex {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 50px;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.our_cutomer_up_inner {
    display: flex;
    flex-direction: column;
    gap: 15px;


}

.our_customer_up_img {
    width: 150px;
}

.our_customer_up_img img {
    width: 100%;
}

.our_cutomer_up_inner h3 {
    font-size: 20px;
    font-weight: 600;
}

.our_cutomer_up_inner h2 {
    font-size: 36px;
    font-weight: 700;
}

.our_cutomer_bp_flex {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 60px;
    justify-content: center;
    margin: 70px 0px;
}

.our_cutomer_bp_inner img {
    width: 100%;
}

/* signage page code end */

/* setupinlobby page code start */

/* setupinlobby bk code start */
.setupinlobby_container {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.setupinlobby_container_inner {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
}

.setupinlobby_container_inner .what_do_img {
    width: 500px;
    margin: auto;
}

.what_do_img img {
    width: 100%;
}

.setupinlobby_container_inner h2 {
    font-size: 36px;
    font-weight: 600;
}

.what_do_img_5star img {
    width: 550px;
}

.setupinlobby_guarantee {
    width: 75%;
    margin: auto;
    display: flex;
    flex-direction: row;
    gap: 25px;
}

.set_guarantee_img img {
    width: 150px;
}

.set_guarantee_content {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.setupinlobby_container_inner p {
    font-size: 20px;
    font-weight: 500;
}

.setupinlobby_container_inner a {
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

.setupinlobby_container_inner a:hover {
    color: #3cacd7;
}

/* setupinlobby bk code end */

.setupinlobby_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}

.setupinlobby_txt {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.setupinlobby_txt h2 {
    font-size: 36px;
    font-weight: 700;
}

.setupinlobby_txt p {
    font-size: 20px;
    line-height: 25px;
}

.setupinlobby_txt a {
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
}

.setupinlobby_txt a:hover {
    color: #3cacd7;
}

.setupinlobby_img {
    width: 350px;
    margin: auto;
}

.setupinlobby_img img {
    width: 100%;
}

.setupinlobby_bottom_heading {
    width: 100%;
    text-align: center;
    line-height: 50px;
}

.setupinlobby_bottom_heading h2 {
    font-size: 36px;
    font-weight: 700;
}

.setupinlobby_bottom_heading p {
    font-size: 20px;
}

.set_guarantee_content p {
    font-size: 20px;
}

.setupinlobby_bottom_list_grid {
    width: 100%;
    margin: 30px 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 65px;
}

.setupinlobby_bottom_list {
    line-height: 35px;
}


.setupinlobby_bottom_list ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.setupinlobby_bottom_list ul li {
    background-image: url(../images/pages/home/check-blue-icon.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 45px;
    background-size: 20px;
}



/* setupinlobby page code end */

/* hardware page code end */

.hardwar_video_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;

}

.hardwar_video_inner {
    background: #fff;
    box-shadow: 0 4.94393px 19.7757px rgba(0, 106, 153, 0.2);
    border-radius: 9.88787px;
}

.hardwar_video_video {
    width: 100%;
    height: 360px;
    padding: 10px 0px;
}

.hardwar_video_inner img {
    width: 100%;
    height: 100%;

}

.hardwar_video_inner .hardwar_video_content {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 15px;
}

.hardwar_video_content p {
    font-size: 16px;
    line-height: 25px;
    min-height: 200px;
}

.support_services_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}

.support_services_inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.support_services_inner i {
    font-size: 45px;
}

.support_services_inner h2 {
    font-size: 26px;
    font-weight: 700;
}

.support_services_inner a {
    text-decoration: none;
    font-size: 20px;
}

/* hardware page code end */

/* large page code end */

.large_page_first_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.large_page_first_left img {
    width: 100%;
    height: 450px;
}

.large_page_first_right iframe {
    width: 100%;
    height: 250px;
}

.large_page_first_right img {
    width: 100%;
    height: 300px;
}

.large_displays_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 25px;
}

.large_displays_left {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.large_displays_left h2 {
    font-size: 36px;
    font-weight: 700;
}

.large_displays_right_tb {
    background: #fff;
    box-shadow: 0 4.94393px 19.7757px rgba(0, 106, 153, 0.2);
    border-radius: 9.88787px;
    padding: 15px;
}

.large_displays_right_tb ul {
    width: 100%;
    display: grid;
    grid-template-columns: 3fr 3fr 1fr;
    gap: 15px;
    list-style: none;
    padding: 15px 0px;
    border-bottom: 1px solid gray;
}

.large_displays_right_tb ul:first-child {
    font-size: 20px;
    font-weight: 600;
}

.large_displays_right_tb ul:nth-child(2n + 1) {
    background-color: #e7e7e7f8;
}

.large_displays_right_tb ul li {
    padding: 10px;
}

.large_displays_right_tb ul li input {
    width: 30px;
    height: 30px;
}

.large_displays_right_tb ul .price {
    font-size: 26px;
    font-weight: 700;
}

.large_displays_right {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.large_displays_right h2 {
    font-size: 36px;
    font-weight: 700;
}

.large_displays_right p {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
}

.large_displays_right img {
    width: 100%;
}

.led_signage_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

.led_signage_inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: center;
    align-items: center;
    background: #fff;
    box-shadow: 0 4.94393px 19.7757px rgba(0, 106, 153, 0.2);
    border-radius: 9.88787px;
    padding: 15px;
    padding: 20px;
    text-align: center;
}

.led_signage_inner h2 {
    font-size: 19px;
    font-weight: 700;
}

.led_signage_inner p {
    font-size: 16px;
    line-height: 25px;
}

.table_container {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.table_container h2 {
    font-size: 36px;
    font-weight: 700;
}

.large_displays_right_tb ul li a button {
    font-size: 16px;
    width: 100%;
}

/* large page code end */

/* x96 page code start */

.x96_page_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    align-items: center;
}

.x96_page_img {
    width: 350px;
    height: 400px;
    margin: auto;
}

.x96_page_img img {
    width: 100%;
}

.background_color_section {
    /*background-color: #ffecec;*/
    background-color: #c8e49961;
    padding: 50px 0px;
    margin-bottom: 0px;
}

.media_adapter_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 25px;
}

.media_adapter_left img {
    width: 100%;
}

.media_adapter_right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
}

.media_adapter_right h2 {
    font-size: 36px;
    font-weight: 700;
}

.media_adapter_right p {
    font-size: 20px;
    line-height: 35px;
}

.media_adapter_right h3 {
    font-size: 26px;
    font-weight: 700;
}

.media_adapter_right ul {
    font-size: 20px;
    line-height: 25px;
    margin-left: 35px;
}

.rich_interface_container {
    width: 70%;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 25px;
    text-align: center;
}

.rich_interface_container h2 {
    font-size: 36px;
    font-weight: 700;
}

.rich_interface_container p {
    font-size: 26px;
    line-height: 35px;
}

.rich_interface_container img {
    width: 450px;
    border-radius: 12px;
    margin: auto;
}

.product_specifications_container {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.product_specifications_container h2 {
    font-size: 36px;
    font-weight: 700;
}

.product_specifications_container ul {
    margin-left: 35px;
    line-height: 35px;
    font-size: 22px;
}

/* x96 page code end */

/* support page code start */

.support_page_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 25px;
}

.support_page_left img {
    width: 100%;
}

.rpz_viewer_container {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}

.rpz_viewer_container h2 {
    font-size: 36px;
    font-weight: 700;
}

.rpz_viewer_container p {
    font-size: 20px;
}

.contact_support_container {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}

.contact_support_container h2 {
    font-size: 36px;
    font-weight: 700;
}

.contact_support_container p {
    font-size: 20px;
}

.contact_support_container .contactus_form {
    width: 60%;
    margin: auto;
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contactus_form .input_field_two {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.contactus_form .input_field_two input {
    width: 100%;
    margin: auto;
    height: 45px;
    padding: 10px 20px;
    color: inherit;
    background: #f8f8f8;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}

.contactus_form .input_field_one {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.contactus_form .input_field_one input {
    width: 100%;
    margin: auto;
    height: 45px;
    padding: 10px 20px;
    color: inherit;
    background: #f8f8f8;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}

.contactus_form select {
    width: 100%;
    margin: auto;
    height: 45px;
    padding: 10px 20px;
    color: inherit;
    background: #f8f8f8;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}

.form_radio_check {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.radio_check {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.radio_check input {
    width: 20px;
    height: 20px;
}

.radio_check label {
    font-size: 16px;
}

.contactus_form textarea {
    width: 100%;
    height: 250px;
    padding: 20px;
    color: inherit;
    background: #f8f8f8;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}

.contactus_form .submit_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
}

.form_bottom_txt {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
}

.form_bottom_txt a {
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
}


/* support page code end */

/* FAQs page code start */

.grnc_accordion_container {
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
}

.grnc_accordion_head {
    color: #fff;
    border-radius: 6px;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #EBEBEB;
    background-color: #3cacd7;
    cursor: pointer;
    font-size: 22px;
    padding: 13px 15px 13px 15px;
}

.grnc_accordion_head.bdrnone {
    border-bottom: 0px;
}

.grnc_accordion_head .smtxt {
    font-style: italic;
    color: #EBAAA5;
    font-size: 15px;
    padding-left: 5px;
}

.grnc_accordion_body {
    background-color: #fff;
    display: none;
    padding: 15px 15px;
    overflow: inherit !important;
}

.grnc_arrow_up_down {
    position: absolute;
    font-size: 18px;
    top: 16px;
    right: 10px;
}

.grnc_arrow_up_down .fa-caret-right {
    color: #fff;
}

.grnc_arrow_up_down .fa-caret-down {
    color: #fff;
}

.accrodion_heading {
    width: 100%;
    margin: 20px 0px;
}

.accrodion_heading h2 {
    font-size: 30px;
    font-weight: 700
}

/* FAQs page code end */

/* Gig login page code start */
.gigslogin_page_grid {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 25px;
}

.gigslogin_page_left iframe {
    width: 100%;
    height: 460px;
}

.gigslogin_page_right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.gigslogin_page_right h2 {
    font-size: 30px;
    font-weight: 700;
}

.gigslogin_page_right p {
    font-size: 20px;
    line-height: 25px;
}

/* Gig login code end */

/* Sign In page code start */

.signin_page_container {
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.sign_page_form {
    width: 100%;
    margin: auto;
    position: relative;
    border-right: 1px solid #000;
}

.or_pst_div {
    width: 45px;
    height: 35px;
    padding: 10px;
    font-size: 16px;
    color: #000;
    background-color: #F1F5F9;
    position: absolute;
    top: 0%;
    bottom: 0%;
    right: -23px;
    margin: auto;
    vertical-align: middle;
    position: absolute;
    text-align: center;
}

.sign_form_inner {
    width: 100%;
    margin: auto;
    background: #fff;
    box-shadow: 0 4.94393px 19.7757px rgba(0, 106, 153, 0.2);
    border-radius: 9.88787px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.sign_form_img {
    width: 250px;
}

.sign_form_img img {
    width: 100%;
}

.sign_form_inner h2 {
    font-size: 30px;
    font-weight: 700;
}

.sign_form_inner p {
    font-size: 16px;
    font-weight: 500;
}

.sign_form_inner p {
    font-size: 16px;
    font-weight: 500;
}

.form_inner {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.form_inner input {
    height: 45px;
    padding: 10px;
    color: inherit;
    background: #f8f8f8;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}

.sign_form_inner a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}

.social_account {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.social_account .fb_signin:hover {
    transform: scale(1.1);
}

.social_account .fb_signin {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #496AB2;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.6s ease;
}

.social_account .fb_signin i {
    background-color: #1C4398;
    padding: 10px 15px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px 0px 0px 5px;

}

.social_account .fb_signin span {
    padding: 10px;
    color: #fff;
}

.social_account .google_signin:hover {
    transform: scale(1.1);
}

.social_account .google_signin {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #df4932dc;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.6s ease;
}

.social_account .google_signin i {
    background-color: #dd3015f9;
    padding: 10px 15px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px 0px 0px 5px;

}

.social_account .google_signin span {
    padding: 10px;
    color: #fff;
}

/* Sign In page code end */

/* Sign up page code start */

.signup_page_conten {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    justify-content: center;
}

.signup_page_conten h2 {
    font-size: 36px;
    font-weight: 700;
}

.signup_page_conten p {
    font-size: 20px;
}

.signup_page_conten .signup_trem {
    font-size: 20px;
    text-decoration: none;
}

.signup_page_conten .signup_trem:hover {
    color: #3cacd7;
    font-weight: 600;
}

/* Sign up page code end */

/* privacy policy page code start */
.privacy_policy_content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.privacy_policy_content h2 {
    font-size: 36px;
    font-weight: 700;
}

.privacy_policy_content p {
    font-size: 20px;
    line-height: 30px;
}

.privacy_policy_content ul {
    font-size: 20px;
    line-height: 30px;
    margin-left: 36px;
}

/* privacy policy page code end */