/* Theme Name: Ray On Tech Theme URI: https://aarkayinfotech.com/ Template: Divi Author: Aarkay Infotech Author URI: https://aarkayinfotech.com/ Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection. Version: 4.27.4.1751306863 Updated: 2025-06-30 18:07:43 */ #main-content .et_pb_button { font-size: 16px; padding: 10px 25px !important;} .et_pb_image img { border-radius: 15px;} .et_pb_equal_columns { align-items: center;} .container, .et_pb_row, .et_pb_fullwidth_header .et_pb_fullwidth_header_container { width: 90%;} #main-header > .container { background-color: #fff; border-radius: 6px; box-shadow: 2px 2px 5px -1px rgba(0, 0, 0, 0.4); padding: 10px 35px 10px 20px; margin: 25px auto; display: flex; align-items: center; justify-content: space-between; transition: all .4s ease;} #main-header > .container:after { content: none;} #main-header .logo_container { height: auto; width: auto; position: relative; transition: all .4s ease; max-width: 255px;} #main-header .logo_container a { display: block;} #main-header .logo_container .logo_helper { display: none;} #main-header.et-fixed-header > .container { padding: 15px 35px 15px 20px;} #main-header.et-fixed-header .logo_container { max-width: 200px;} #main-header #et-top-navigation { padding-left: 50px !important;} #main-header #et-top-navigation .nav > li > a { font-weight: 400; opacity: 1;} #main-header #et-top-navigation .nav > li > a:hover { color: #008363;} #main-content .slider .et_pb_slide { padding-left: 0; padding-right: 0;} #main-content .slider .et_pb_slides .et_pb_container { max-width: 1600px; width: 90%;} #main-content .slider .et_pb_slide_description { float:left !important; padding: 130px 0 170px;} #main-content .slider .et_pb_slide_description .et_pb_slide_title { font-size: 48px; font-weight: 600; line-height: 1.25; padding: 0;} #main-content .slider .et_pb_slide_description .et_pb_slide_title small { display: block; font-weight: 200; font-size: 54px; font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif; color: #008363;} #main-content .slider .et_pb_slide_image { right: 10px; margin: 0;} #main-content .slider .et_pb_slide_image img { max-height: none !important;} #main-content .slider .et-pb-controllers { width: 90%; max-width: 1600px; text-align: left; transform: translateX(-50%); left: 50%;} #main-content .slider .et-pb-controllers a { width: 15px; height: 8px; transition: all .5s ease; background: #565656;} #main-content .slider .et-pb-controllers a.et-pb-active-control { width: 40px; background-color: #003b5b;} #main-content .ttl { margin-bottom: 10px;} #main-content .ttl .et_pb_module_heading { font-size: 30px; line-height: 38px; padding: 0;} #main-content .subttl { margin-bottom: 15px;} #main-content .subttl .et_pb_module_heading { font-weight: 300; font-size: 18px; line-height: 26px; font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif; color: #343434;} #main-content .dtq-logo-carousel .dtq-logo-carousel-item { background: #FFF; border: 1px solid #ebebeb; border-radius: 8px; cursor: pointer; transition: all .4s ease; filter: grayscale(100%); opacity: .7;} #main-content .dtq-logo-carousel .dtq-logo-carousel-item:hover { opacity: 1; filter: grayscale(0);} #main-content .reviews { padding-bottom: 45px;} #main-content .reviews .et_pb_slide { background: transparent;} #main-content .reviews .et_pb_slide .et_pb_slide_description { text-shadow: none; text-align: center; width: 80%; float: none; padding: 0 50px; display: flex; flex-direction: column-reverse;} #main-content .reviews .et_pb_slide .et_pb_slider_container_inner { display: block;} #main-content .reviews .et_pb_slide .et_pb_slide_description .et_pb_slide_title { color: #343434 !important; font-size: 22px; padding: 20px 0 0; line-height: 28px;} #main-content .reviews .et_pb_slide .et_pb_slide_description .et_pb_slide_title small { display: block; font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif; font-weight: 400; font-style: italic; font-size: 18px; opacity: .6;} #main-content .reviews .et_pb_slide .et_pb_slide_description .et_pb_slide_content { color: #343434;} #main-content .reviews .et_pb_slide .et_pb_slide_image { position: static; width: auto; margin: 0 !important;} #main-content .reviews .et-pb-controllers { bottom: -20px;} #main-content .reviews .et-pb-controllers a { width: 15px; height: 8px; transition: all .5s ease; background: #565656;} #main-content .reviews .et-pb-controllers a.et-pb-active-control { width: 40px; background-color: #003b5b;} #main-content .brands { background-color: #e9f7ff;} #main-content .brands .slick-track { padding: 0;} #main-content .form_box { background-color: #FFF; padding: 50px; border-radius: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, .05);} #main-content .form_box .et_pb_module_heading { font-size: 24px;font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif; letter-spacing: .5px; text-transform: uppercase; text-align: center;} #main-content .wpforms-container { margin: 0;} #main-content .wpforms-container .wpforms-field { padding: 0 0 20px;} #main-content .wpforms-container .wpforms-field.hide { display: none;} #main-content .wpforms-container .wpforms-field input[type=text], #main-content .form_box .wpforms-field input[type=email], #main-content .form_box .wpforms-field textarea { height: 50px;} #main-content .wpforms-container .wpforms-field textarea { height: 100px; resize: none;} #main-content .wpforms-container .wpforms-field em.wpforms-error { padding: 5px 0 0; margin: 0; font-size: 13px;} #main-content .wpforms-container .wpforms-field em.wpforms-error:before { content: none;} #main-content .wpforms-container .wpforms-submit-container { margin: 0;} #main-content .wpforms-container .wpforms-submit-container .wpforms-submit-spinner { position: absolute; right: 15px; top: 17px; pointer-events: none;} #main-content .wpforms-container .wpforms-submit { padding: 15px 30px; height: 60px; font-size: 18px; background: #008363; width: 100%;} #main-content .wpforms-container .wpforms-submit:hover { background: #003b5b;} #main-content .wpforms-container .wpforms-confirmation-container-full { text-align: center; margin: 0; line-height: 28px; padding: 30px; border-radius: 6px;} #main-content .et_pb_portfolio_grid_items { display: flex; align-items: flex-start; gap: 30px;} #main-content .et_pb_portfolio_grid_items .project { border: 1px solid #ebebeb; border-radius: 8px; overflow: hidden; transition: all .4s ease; margin: 0;} #main-content .et_pb_portfolio_grid_items .project:hover { box-shadow: 0 0 15px rgba(0, 0, 0, .15);} #main-content .et_pb_portfolio_grid_items .project .et_pb_module_header { margin: 0; padding: 0;} #main-content .et_pb_portfolio_grid_items .project .et_pb_module_header a { display: block; padding: 15px 20px; text-align: center; font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif; font-size: 18px; font-weight: 400; background-color: #003b5b; color: #FFF; transition: all .4s ease;} #main-content .et_pb_portfolio_grid_items .project:hover .et_pb_module_header a { background-color: #008363;} #main-content .et_pb_portfolio_grid_items .project .et_overlay { display: none;} .single-project #main-content .et_pb_post_title { margin-bottom: 10px;} .single-project #main-content .et_pb_post_title .entry-title { font-size: 26px; line-height: 38px; padding-bottom: 5px;} .single-project #main-content .ttl_specs { margin: 50px 0 15px;} .single-project #main-content .ttl_specs .et_pb_module_heading { padding: 0; font-size: 22px; line-height: 30px;} .single-project #main-content .specs { list-style: none; margin: 0; padding: 0;} .single-project #main-content .specs li { display: flex; border-bottom: 1px solid #eaeaea; padding: 5px 0;} .single-project #main-content .specs li em { flex: 1; font-style: normal; opacity: .65;} .single-project #main-content .specs li strong { flex: 2; font-weight: 500;} .single-project #main-content .info, .archive #main-content .info { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 20px;} .single-project #main-content .info li, .archive #main-content .info li { width: calc(33.33333% - 15px); color: #767676;} .single-project #main-content .info b, .archive #main-content .info b { font-weight: 500; display: block; color: #343434;} .single-project #main-content .brands, .archive #main-content .brands { background: #FFFFFF;} .single-project #main-content .pro_btns { padding-top: 5px;} .single-project #main-content .pro_btns .et_pb_button + .et_pb_button { margin-left: 10px;} .contact p { padding: 4px 0; display: flex; gap: 10px;} .contact p:before { font-size: 18px; font-family: 'ETmodules';} .contact p.address:before { content: "\e01d";} .contact p.phone:before { content: "\e090";} .contact p.email:before { content: "\e010";} .sticky_btns { display: flex; flex-direction: column; gap: 15px; position: fixed;top: calc(50% - 94px); right: 10px; z-index: 99;} .sticky_btns .sticky_btn { width: 115px; text-align: center; line-height: 1.3; background: #FFF; box-shadow: 0 0 20px rgba(0, 0, 0, .15); color: #161616; border-radius: 10px; padding: 20px 0 15px; font-size: 15px; transition: all .4s ease;} .sticky_btns .sticky_btn:before { content: ''; width: 60px; display: block; height: 60px; margin: 0 auto 10px;} .sticky_btns .sticky_btn.brochure:before { background: url(/wp-content/uploads/2025/06/favicon.png) center no-repeat; background-size: cover;} .sticky_btns .sticky_btn.whatsapp:before { background: url(/wp-content/uploads/2026/03/whatsapp.png) center no-repeat; background-size: cover;} .sticky_btns .sticky_btn:hover { background: #e9f7ff;} #main-footer { padding: 70px 0 35px;} #main-footer a { border-bottom: 1px solid transparent; transition: all .4s ease;} #main-footer a:hover { color: #FFF !important; border-color: #FFF;} #main-footer #footer-widgets { padding: 0 0 60px;} #main-footer #footer-widgets .footer-widget { margin-bottom: 0;} #main-footer #footer-widgets .wp-caption { border: 0; background: transparent; margin: 0; padding: 0;} #main-footer #footer-widgets .wp-caption .wp-caption-text { display: none;} #main-footer #footer-widgets .fwidget:not(:last-child) { margin-bottom: 15px !important;} #main-footer #footer-widgets .footer-widget .title { padding-bottom: 15px; font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif; letter-spacing: .5px;} #main-footer #footer-widgets .footer-widget ul.menu {} #main-footer #footer-widgets .footer-widget ul.menu li { margin: 0; padding: 2px 0; display: flex; align-items: center; gap: 8px;} #main-footer #footer-widgets .footer-widget ul.menu li:before { content: "\24"; font-size: 22px; font-family: 'ETmodules'; border: 0; position: relative; top: auto;} #main-footer #footer-bottom { padding: 0;} #main-footer #footer-bottom #footer-info { text-align: center; float: none; padding: 35px 0 0; font-weight: 300; border-top: 1px solid #2f617c;} #main-footer #footer-bottom #footer-info a { font-weight: 500; opacity: 1;} @media (max-width: 1199px){ #page-container p { font-size: 15px; line-height: 25px;} #main-header > .container, #main-header.et-fixed-header > .container { padding: 10px 15px;} #main-header .logo_container, #main-header.et-fixed-header .logo_container { max-width: 160px;} #main-header #et-top-navigation { padding-left: 0 !important;} #main-header #et-top-navigation li { padding-right: 10px;} #main-header #et-top-navigation li a { font-size: 14px;} #main-content .slider .et_pb_slide_description .et_pb_slide_title, #main-content .slider .et_pb_slide_description .et_pb_slide_title small { font-size: 40px;} #main-content .et_pb_section:not(.et_pb_fullwidth_section) { padding: 60px 0;} #main-content .break_1199 { flex-direction: column; gap: 30px;} #main-content .break_1199 .et_pb_column { width: 100%; margin: 0;} #main-content .break_1199:after { content: none;} #main-content .hide_1199 { display: none;} #main-content .subttl { margin-bottom: 0;} #main-content .ttl, #main-content .subttl { text-align: center;} #main-content .et_pb_portfolio_grid_items .project .et_pb_module_header a { font-size: 16px; padding: 15px;} .single-project #main-content .info li, .archive #main-content .info li { width: calc(50% - 15px);} #main-footer #footer-widgets .footer-widget .title { font-size: 18px;} } @media (max-width: 980px){ #main-header .logo_container #logo { max-width: 200px;} #page-container #main-header .et_mobile_menu { background: #FFF; padding: 10px 0;} #page-container #main-header .et_mobile_menu li { padding: 0;} #page-container #main-header .et_mobile_menu li a { font-weight: 400;} #page-container #main-header .et_mobile_menu li:last-child a { border-bottom: 0;} #main-content .slider .et_pb_slide_description { padding: 80px 0 100px;} #main-content .slider .et_pb_slide_description .et_pb_slide_title, #main-content .slider .et_pb_slide_description .et_pb_slide_title small { font-size: 30px;} #main-content .break_1199 { display: flex; gap: 20px;} #main-content .et_pb_section:not(.et_pb_fullwidth_section) { padding: 30px 0;} #main-content .et_pb_portfolio_grid_items { gap: 20px;} #main-content .et_pb_portfolio_grid_items .project { width: 33%;} #main-content .et_pb_portfolio_grid_items .project .et_pb_module_header a { font-size: 15px; line-height: 24px;} #main-content .ttl { margin-bottom: 5px;} #main-content .ttl .et_pb_module_heading { font-size: 25px; line-height: 34px;} #main-content .subttl .et_pb_module_heading { font-size: 16px; padding-bottom: 5px;} #main-content .reviews .et_pb_slide .et_pb_slide_description { width: 100%; padding: 0;} #main-content .reviews .et_pb_slide .et_pb_slide_description .et_pb_slide_title { font-size: 18px;} #main-content .reviews .et_pb_slide .et_pb_slide_description .et_pb_slide_title small { font-size: 16px;} } @media (max-width: 767px){ #main-content .slider .et_pb_slide { background-position: 0 center;} #main-content .slider .et_pb_slide_image { display: block !important; max-width: 300px; right: auto; top: auto; margin: 30px auto 0 !important;} #main-content .slider .et_pb_slide_description { padding: 30px 0 80px;} #main-content .slider .et-pb-controllers { text-align: center;} #main-content .et_pb_portfolio_grid_items { flex-direction: column;} #main-content .et_pb_portfolio_grid_items .project { width: 100%; max-width: 350px; margin: 0 auto;} .sticky_btns { flex-direction: row; width: calc(100% - 30px); left: 15px; justify-content: center; top: auto; bottom: 0; gap: 10px;} .sticky_btns .sticky_btn { width: auto; padding: 10px 12px 8px; display: flex; align-items: center; font-size: 14px; font-weight: 500; border-radius: 10px 10px 0 0;} .sticky_btns .sticky_btn:before { display: inline-block; align-items: center; margin: 0 8px 0 0; width: 24px; height: 24px;} .single-project #main-content .pro_btns .et_pb_button { padding: 10px 15px !important; font-size: 13px;} .single-project #main-content .pro_btns .et_pb_button + .et_pb_button { margin-left: 5px;} .single-project #main-content .specs li { flex-direction: column;} .single-project #main-content .info, .archive #main-content .info { flex-direction: column; gap: 15px;} .single-project #main-content .info li, .archive #main-content .info li { width: auto;} .single-project #main-content .et_pb_post_title .entry-title { font-size: 20px; line-height: 30px;} #main-content .form_box { padding: 30px 25px;} #main-content .form_box > .et_pb_heading { margin-bottom: 0;} #main-content .form_box .et_pb_module_heading { padding-bottom: 20px;} #main-footer { padding-bottom: 70px;} #main-footer #footer-widgets .fwidget { margin-bottom: 0 !important;} #main-footer #footer-widgets .footer-widget { margin-bottom: 40px !important;} #main-footer #footer-widgets .footer-widget:last-child { margin-bottom: 0 !important;} }