/* Theme Name: Betheme Child Theme URI: https://themes.muffingroup.com/betheme Author: Muffin group Author URI: https://muffingroup.com Description: Child Theme for Betheme Template: betheme Version: 2.0.2 */ .action_button {background: linear-gradient(90deg, #00aba9 0%, #25d1b1 100%); color: #ffffff !important; letter-spacing: 1px; font-size: 16px; padding: 20px 40px !important; top: 10px; border-radius: 20px;} .menuo-right #Top_bar .menu_wrapper {position: relative; top: 10px;} .menu-line-below-80 #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle)::after {height: 10px; left: 15%; top: 50%; margin-top: 46px; width: 65%; background: linear-gradient(90deg, #00aba9 0%, #25d1b1 100%); border-radius: 5px} #Header_wrapper, #Intro {box-shadow: -14px 10px 16px 0px rgba(168, 177, 181, 0.4); z-index: 999;} .menu-line-below-80 #Top_bar.is-sticky .menu > li > a:not(.menu-toggle)::after {height: 10px; left: 15%; top: 50%; margin-top: 40px; width: 65%; background: linear-gradient(90deg, #00aba9 0%, #25d1b1 100%); border-radius: 5px} #Top_bar.is-sticky #logo img.logo-sticky {display: inline; max-height: 118px;} #Top_bar.is-sticky .menu_wrapper {top: 40px;} #Top_bar.is-sticky .top_bar_right {top: 40px;} #Top_bar.is-sticky {height: 120px;} #Top_bar .menu li ul li {width: 215px;} #Top_bar .menu > li ul {background-color: #0bb1ac; border-radius: 10px;} #Top_bar .menu li ul li a span {color: #ffffff; font-size: 15px;} #Top_bar .menu li ul {top: 93%;} #Top_bar a.responsive-menu-toggle {top: -100px; right: 0;position: relative; left: -5px; float: right;} #Top_bar a.responsive-menu-toggle i {font-size: 32px; line-height: 34px; color: #03aeaa;} /* C O N T E N T */ #Content {padding-top: 0px;} .line {background: linear-gradient(90deg, #00aba9 0%, #25d1b1 100%); height: 10px; float: left; width: 8%; border-radius: 20px;} .linee {background: linear-gradient(90deg, #00aba9 0%, #25d1b1 100%); height: 10px; float: left; width: 5%; border-radius: 20px; float: none} .liine {background: linear-gradient(90deg, #00aba9 0%, #25d1b1 100%); height: 5px; float: left; width: 10%; border-radius: 20px;} .small-head {font-size:20px; color: #959595; font-weight: 500; letter-spacing: 1px } .small-heade {font-size:16px; color: #323232; font-weight: 500;} .text-bold {font-weight:500} .btn {background: linear-gradient(90deg, #00aba9 0%, #25d1b1 100%) !important; color: #ffffff; border-radius: 20px; padding: 20px 40px !important; font-size: 16px; box-shadow: 0px 5px 20px 10px rgba(2, 173, 169, 0.2); letter-spacing: .3px;} .btnn {border: 1px solid #00aba9 !important; background: transparent; color: #00aba9; border-radius: 20px; padding: 20px 40px !important; font-size: 16px; box-shadow: 0px 5px 20px 10px rgba(2, 173, 169, 0.2); letter-spacing: .3px;} input.wpcf7-form-control.wpcf7-submit.has-spinner {border: 1px solid #00aba9 !important; background: #00aba9; color: #fff; border-radius: 20px; padding: 20px 40px !important; font-size: 18px; box-shadow: 0px 5px 20px 10px rgba(2, 173, 169, 0.2); letter-spacing: .3px;} .text-bold {font-weight:600} .read-more {background: linear-gradient(90deg, #00aba9 0%, #25d1b1 100%); border-radius: 0px 0px 20px 20px;} .boxx {width: 44% !important; margin: 0 43px;} .boxp {height: 430px;} li::marker {color: #37b8a0; font-size: 30px} .column_column ul li{margin-bottom: 0;} /* F O O T E R */ #Footer table td { border-color: rgba(255, 255, 255, 0); text-align: left; vertical-align: top; padding: 0; font-size: 16px; line-height: 25px; padding: 3px 0;} table tr:first-child td {box-shadow: inset 0 0 0px 0px rgba(0,0,0,.06);} a.zama {color: #37b8a0 !important; font-weight: 500;} #Footer .footer_copy .copyright {float: left; font-size: 14px;} .mfn-footer .footer_copy {border-top-color: rgba(255,255,255,0);} #Footer .footer_copy .one {margin-bottom: 0; padding-top: 10px; border-top: 1px solid #a8d0bc;} #back_to_top {width: 45px; height: 45px; font-size: 32px !important; position: absolute; top: -88px; right: 0px; border-radius: 30px; line-height: 32px !important; background: #37b8a0 !important;} [class^="icon-"]:before, [class*=" icon-"]:before {font-weight: 600;} .icon-up-open-big::before {color: #ffffff ;} #Footer {border-top: 12px solid; color: #37b8a0;} div.question.active {border-bottom: 8px solid; color: #37b8a0; border-radius: 0 0 5px 5px;} .faq .question {margin-bottom: 20px; box-shadow: 0px 10px 20px 5px rgba(214, 217, 216, 0.51); border-radius: 20px 20px 0 0; background: #ffffff;} .faq .question > .title {padding: 20px 80px 25px 60px; font-size: 20px; font-weight: 600; color: #0c618a !important; background: #ffffff; text-transform: uppercase; border-radius: 20px; box-shadow: 0px 10px 20px 5px rgba(214, 217, 216, 0.51);} .faq .question > .title .num {font-size: 20px; font-weight:600 !important;} .faq .question > .title .num::after {content: "."; margin-left: 2px;} /*.faq [class^="icon-"]:before, [class*=" icon-"]:before {color: #ffffff !important; font-weight:600; font-size:20px}*/ .faq .question > .answer {background: #ffffff; padding: 70px 30px 0px 60px; color: #323232; font-size: 16px; top: -45px; position: relative; border-radius: 20px; } .faq .question:before {border-color: #ffffff; background: #ffffff;} .faq .question::after {background: rgba(0, 0, 0, 0);} .faq .question .title > .acc-icon-plus, .faq .question.active > .title > .acc-icon-minus {right: 18px !important; top: 20px !important; width: 45px !important; line-height: 37px; color: #37b8a0; height: 44px; font-size: 25px;} /*.faq [class^="icon-"]:before, [class*=" icon-"]:before {display: block !important}*/ /* M O B I L E */ @media only screen and (min-width: 320px) and (max-width: 479px) {} @media only screen and (min-width: 480px) and (max-width: 767px) { .boxx {width: 100% !important; margin: 20px 0 !important;} .boxp {height: auto;} .btnn {margin: 10px 0;} .widget {margin: 0px 0;} p {font-size: 16px; line-height: 26px;} .column_column ul li {font-size: 16px; } .faq .question > .title {font-size: 17px;} .faq .question > .title .num {font-size: 17px;} } @media only screen and (min-width: 768px) and (max-width: 959px) { .btnn {margin: 10px 0;} .boxx {width: 47% !important; margin: 0 10px;} .boxp {height: 570px;} #Top_bar a.responsive-menu-toggle {top: 50px; right: -30px;position: absolute;} .action_button { left: 40px; font-size:15px} #Footer .tablet-one-fourth.column, .tablet-four.columns {width: 49%;} #Top_bar .menu li ul li a span {color: #ffffff; font-size: 15px;} .widget {margin: 10px 0;} } @media only screen and (min-width: 960px) and (max-width: 1239px) { .btnn {margin: 10px 0;} .boxx {width: 47% !important; margin: 0 10px;} .boxp {height: 600px;} #Top_bar a.responsive-menu-toggle {top: 65px; left: 100px;position: absolute;} } @media only screen and (min-width: 1240px) and (max-width: 1456px) { #Top_bar .menu > li > a span:not(.description) {padding: 0 12px;} .btnn {margin: 10px 0;} .boxx {width: 47% !important; margin: 0 10px;} .boxp {height: 450px;} }