@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {--ColorSiteBG: #ffffff;--ColorNavigationBG: #ffffff;--ColorContentBG: #ffffff;--ColorOverlay1: #c7b5c2;--ColorOverlay2: #83d4d4;--ColorNavigationBorder: #ffffff;--ColorSiteText: #1c1c1c;--ColorLinkText: #83d4d4;--ColorNavigationText: #333333;--ColorSectionHeaders: #333333;--ColorCopyright: #333333;--ColorSiteBorder: #000000;}html, body { position:relative; height:100%; }
BODY  { font-size:13pt; font-family:'Poppins', sans-serif; color:#1c1c1c;}
TD  { font-size:13pt; font-family:'Poppins', sans-serif; color:#1c1c1c;}
TH  { font-size:13pt; font-family:'Poppins', sans-serif; color:#1c1c1c; font-weight:bold;}
A,A:Visited,A:Active,A:Hover  { color:#83d4d4; /*text-decoration:underline;*/}
A.navlinks3,A.navlinks3:Visited,A.navlinks3:Active { text-decoration:none;}
A.navlinks3:Hover { text-decoration:underline;}
A.navlinks4,A.navlinks4:Visited,A.navlinks4:Active { text-decoration:none;}
A.navlinks4:Hover { text-decoration:underline;}
.sectiontitle  { font-weight:bold; color:#333333;}
.sectiontitle2  { font-weight:bold; font-size:14pt; color:#333333;}
.greyout  { /*color:#999999;*/    opacity:0.5;}
.navlinks  { font-weight:bold; color:#333333;}
.navlinks2  { font-weight:bold; color:333333; font-size:10pt;}
.navlinks3  { font-weight:bold; color:333333; font-size:10pt; text-decoration:none;}
.navlinks4  { font-weight:bold; color:#333333; font-size:13pt; text-decoration:none;}
A.navlinks  { font-weight:bold; color:#333333;}
A.navlinks:visited  { font-weight:bold; color:#333333;}
A.navlinks:active  { font-weight:bold; color:#333333;}
A.navlinks:hover  { font-weight:bold; color:#333333;}
A.navlinks2:visited  { font-weight:bold; color:#333333;}
A.navlinks2:active  { font-weight:bold; color:#333333;}
A.navlinks2:hover  { font-weight:bold; color:#333333;}
A.navlinks3:visited  { font-weight:bold; color:#333333;}
A.navlinks3:active  { font-weight:bold; color:#333333;}
A.navlinks3:hover  { font-weight:bold; color:#333333;}
A.navlinks4:visited  { font-weight:bold; color:#333333;}
A.navlinks4:active  { font-weight:bold; color:#333333;}
A.navlinks4:hover  { font-weight:bold; color:#333333;}
.title  { font-size:14pt; font-weight:bold; color:#83d4d4;}
 h1, h2, h3, h4, h5, h6, h7 { color:#333333; }
.bigboldblack  { font-size:12pt; font-weight:bold; color:#1c1c1c;}
.bigbold2  { font-size:12pt; font-weight:bold; color:#333333;}
.bigbold  { font-size:10pt; font-weight:bold; color:#333333;}
.revbigbold  { font-size:10pt; font-weight:bold; color:#ffffff;}
.smalltext  { font-size:13pt;}
.footertext  { font-weight:bold; font-size:8pt; color:#333333; margin-top:2em; text-align:center;}
A.footertext  { font-weight:bold; color:#333333;}
A.footertext:visited  { font-weight:bold; color:#333333;}
A.footertext:active  { font-weight:bold; color:#333333;}
A.footertext:hover  { font-weight:bold; color:#333333;}
.pages  { font-weight:bold; font-size:7pt; color:#c7b5c2;}
.sectionbullet  { font-weight:bold; color:#c7b5c2;}
.navcolorbuttons { font-size:8pt; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; border-bottom:1px solid #000; background-color:#333333; color:#ffffff;}
.xml-icon {     padding:0px 3px 1px 3px;    margin:0;    text-align:center; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; background-color:#ff6600;    border:1px solid;    border-color:#ffc8a4 #3f1a01 #3f1a01 #ffc8a4;    cursor:pointer;}
.button-icon {     padding:0px 3px 1px 3px;    margin:0;    text-decoration:none; text-align:center; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;    font-weight:bold;    color:#fff;    background-color:#cccccc;    border:1px solid;    border-color:#ffc8a4 #3f1a01 #3f1a01 #ffc8a4;    cursor:pointer;}
/* ----------- Version Upgrade Styles ----------------------- */
/* TEXT STYLES */
.EmphasisText {    color:#83d4d4;    font-weight:bold;}
.CaptionText {    color:#333333;    font-weight:bold;}
.ReverseText {    color:#ffffff;}
/* BOXES */
.ContainerBox {    border:1px solid #1c1c1c;     background-color:#c7b5c2;     overflow:auto;}
.ContainerBoxClear {    border:1px solid #1c1c1c;     overflow:auto;}
.ContainerContentBG {    border:1px solid #ffffff;     overflow:auto;}
.ContainerBoxReverse,A.ControlBoxReverse:Link,A.ControlBoxReverse:Visited,A.ControlBoxReverse:Active,A.ControlBoxReverse:Hover {    border:1px solid #000000;     background-color:#{#ColorColorSiteText};     color:#c7b5c2;    /*overflow:auto;*/}
.DataContainerBox {    border-top:1px solid #333333;}
/* SYSTEM BUTTONS */
.StoreButton,A.StoreButton,A.StoreButton:Active,A.StoreButton:Visited {    padding:5px;    color:#333333;    border:1px solid #333333;    background-color:#ffffff;     font-size:9pt;    font-family:Arial,Helvetica,verdana;    font-weight:bold;    text-decoration:none;}
.A.StoreButton:Hover {    background-color:#333333;    color:#ffffff;}
.RSSBUTTON,A.RSSBUTTON,A.RSSBUTTON:Link,A.RSSBUTTON:Active,A.RSSBUTTON:Visited {    display:inline-block;    color:#ffffff;    text-decoration:none;    font-size:8pt;    border:1px solid #ae6103;    padding:2px 3px;    font-weight:bold;    background-color:#ffa02d;    padding:3px 5px 3px 5px;    }
A.RSSBUTTON:Hover{    color:#ffffff;    background-color:#ae6103;}
.SystemButtonLink,A.SystemButtonLink:Link,A.SystemButtonLink:Active,A.SystemButtonLink:Visited {    display:inline-block;    text-decoration:none;    font-weight:bold;    padding:5px;    border:1px solid #000000;    background-color:#333333;    color:#c7b5c2;    width:auto;    font-size:7pt;    font-family:Verdana;}
A.SystemButtonLink:Hover {    background-color:#c7b5c2;    color:#333333;}
.SystemButtonLinkColor,A.SystemButtonLinkColor:Link,A.SystemButtonLinkColor:Active,A.SystemButtonLinkColor:Visited {    display:inline-block;    text-decoration:none;    font-weight:bold;    padding:5px;      border:1px solid #000000;    background-color:#83d4d4;    color:#c7b5c2;     width:auto;    font-size:7pt;    font-family:Verdana;}
A.SystemButtonLinkColor:Hover {    background-color:#c7b5c2;    color:#83d4d4;}
A.PageNumberBlock,A.PageNumberBlock:Link,A.PageNumberBlock:Active,A.PageNumberBlock:Visited {    border:1px solid #000000;    background-color:#c7b5c2;    color:#1c1c1c;    font-weight:bold;    text-decoration:none;    padding:2px;    margin:3px;    font-size:7pt;}
A.PageNumberBlock:Hover {    background-color:#c7b5c2;    color:#1c1c1c;}
A.PageNumberBlockSelected,A.PageNumberBlockSelected:Link,A.PageNumberBlockSelected:Active,A.PageNumberBlockSelected:Visited,A.PageNumberBlockSelected:Hover {    border:1px solid #000000;    background-color:#1c1c1c;    color:#c7b5c2;    font-weight:bold;   text-decoration:none;    padding:2px;    margin:3px;    font-size:7pt;}
/* CELLS AND BACKGROUNDS */
.CellColor1 {    background-color:#ffffff;}
.CellColor2 {    background-color:#ffffff;}
.CellColor3 {    background-color:#c7b5c2;}
.CellColor4 {    background-color:#83d4d4;}
.CellColor7 {    background-color:#83d4d4;}
.CellColor9 {    background-color:#333333;}
/* FORM ELEMENTS */
input.SmallForm {    font-size:.8em;}
select.SmallForm {     font-size:.8em;}
textarea.SmallForm {     font-size:1em;}
input.SmallFormYellow {    font-size:.8em;    background-color:#feffcc;}
select.SmallFormYellow {     font-size:.8em;    background-color:#feffcc;}
input.LargeForm {    font-size:1.5em;}
select.LargeForm {    font-size:1.5em;}
textarea.LargeForm {    font-size:1.5em;}
.floatclear { display:block; height:0px; clear:both;}
.PNGFix {    behavior:url(/lib/css/iepngfix.htc);}
/* Version 5 Styles */
.divSiteLoader {    position:absolute;    top:0px;    bottom:0px;    left:0px;    right:0px;    z-index:9999;    font-size:48pt;    text-align:center;    color:#ffffff;    background-color:#000000;    opacity:0.5;}
a img {    border:0px;}
img {    /*max-width:100%;*/}
.divContentListBlock {    margin-bottom:1em;}
.divContentListBlock .title {    font-size:1em;    font-weight:bold;}
.textEmphasis {    color:#83d4d4;}
.textSmaller {    font-size:0.9em;}
.textSmallest {    font-size:0.8em;}
.divSearchBar {    background-color:#c7b5c2;    color:#1c1c1c;    font-weight:bold;    padding:1.5em 2em 1em;}
.divClearLine {    clear:both;}
.divFloatLine {    float:left;    margin-right:2em;}
.aButton {    display:inline-block;    padding:5px 10px;    font-size:1.2em;    background-color:#333333;    color:#c7b5c2;    cursor:pointer;}
.formApp {    margin:0px;    padding:0px;}
.formApp .caption {    font-size:0.8em; opacity:0.75;}
.formApp .caption, .formApp .field {    margin-bottom:0.5em;}
.formApp .field input[type=text], .formApp .field input[type=password], .formApp .field select, .formApp .field textarea {    padding:5px;    }
.formApp .field input[type=submit], .formApp .field input[type=button] {    padding:5px 10px;}
.formApp .textarea textarea {    width:90%;    min-height:75px;}
.formApp .controls {    margin-top:1em;}
.formApp .controls input[type=submit], .formApp .controls input[type=button], .formAppButton {    padding:9px 18px;    border:0px;    background-color:#83d4d4;    color:#ffffff;}
.formApp .controls input[type=submit]:hover, .formApp .controls input[type=button]:hover, .formAppButton:hover {    color:#ffffff;    background-color:#333333;}
.divBlogAuthorBox {    padding:15px;    margin:1em 0px;    background-color:#c7b5c2;}
.appButton, a.appButton, a.appButtonLarge {   background-image:none; text-shadow:none; border:0px; padding:6px 12px;    border:0px;    background-color:#83d4d4;    color:#ffffff;    font-size:0.9em;    text-decoration:none;    display:inline-block;    cursor:pointer;    text-align:center;}
.appButton:hover, a.appButton:hover, a.appButtonLarge:hover,.appButton:active, a.appButton:active, a.appButtonLarge:active,.appButton:focus, a.appButton:focus, a.appButtonLarge:focus .btn.appButton:hover {    color:#ffffff;    background-color:#333333;}
a.appButtonLarge {    display:block;    padding:25px;    font-size:1.8em;    margin-bottom:0.5em;}
.btn.appButton, a.btn.appButton { padding:6px 12px; font-size:14px; }
a.appControl {    cursor:pointer;    text-decoration:none;}
.tableApp {    width:100%;    border:0px;    border-collapse: collapse;    border-collapse:separate;    border-spacing:1px;}
.tableApp th {    padding:8px;    text-align:left;    background-color:#333333;    color:#ffffff;    font-size:0.9em;    margin:1px;}
.tableApp td {    padding:8px;    background-color:#c7b5c2;    margin:1px;}
.divPrayerCounter {    display:inline-block;    font-size:10pt;}
.divShadeBox {    padding:15px;    background-color:#c7b5c2;}
.divDropdown ul {    margin:0px;    padding:0px;    list-style:none;    position:relative;    z-index:9999;}
.divDropdown ul li {    display:inline-block;    *display:inline;    position:relative;}
.divDropdown ul li a {    display:inline-block;    text-decoration:none;}
.divDropdown ul li ul {    display:none;    position:absolute;    top:100%;    left:0px;}
.divDropdown ul li:hover ul {    display:block;    color:#ffffff;}
.divDropdown ul li ul li {    position:relative;    width:100%;}
.divDropdown ul li ul li a {    width:100%;white-space:nowrap;}
.divDropdown ul li ul li ul, .divDropdown ul li:hover ul li ul {    display:none;    left:100%;    top:0px;}
.divDropdown ul li ul li:hover ul {    display:block;}
.divDropdown ul li ul li ul li ul, .divDropdown ul li:hover ul li ul li ul {    display:none;    left:100%;    top:0px;}
.divDropdown ul li ul li ul li:hover ul {    display:block;}
#TempTemplate .divDropdown ul li ul li a {    background-color:rgba(0,0,0,1);color:#ffffff; text-align:left;}
#TempTemplate .divDropdown ul li ul li a:hover {    background-color:rgba(50,50,50,1);color:#ffffff; text-align:left;}
.system-dropdown-menu ul {    margin:0px;    padding:0px;    list-style:none;    position:relative;    z-index:9999;}
.system-dropdown-menu ul li {    display:inline-block;    *display:inline;    position:relative;}
.system-dropdown-menu ul li a {    display:inline-block;    text-decoration:none;}
.system-dropdown-menu ul li ul {    display:none;    position:absolute;    top:100%;    left:0px;}
.system-dropdown-menu ul li:hover ul {    display:block;    color:#ffffff;}
.system-dropdown-menu ul li ul li {    position:relative;    width:100%;}
.system-dropdown-menu ul li ul li a {    width:100%;}
.system-dropdown-menu ul li ul li ul, .system-dropdown-menu ul li:hover ul li ul {    display:none;    left:100%;    top:0px;}
.system-dropdown-menu ul li ul li:hover ul {    display:block;}
.system-dropdown-menu ul li ul li ul li ul, .system-dropdown-menu ul li:hover ul li ul li ul {    display:none;    left:100%;    top:0px;}
.system-dropdown-menu ul li ul li ul li:hover ul {    display:block;}
.system-dropdown-menu ul li ul li ul li a { white-space:nowrap; text-align:left; padding:0.5em 1em; background-color:rgba(0,0,0,.75); color:#ffffff; }
.tableCalendar {    width:100%;    border-collapse:collapse;}
.tableCalendar th {    width:14.28%;    font-size:0.8em;    background-color:#333333;    color:#ffffff;    padding:5px;}
.tableCalendar td {    font-size:0.8em;    background-color:#ffffff;    margin:1px;    border:1px solid #c7b5c2;    min-height:90px;}
.tableCalendar td.past {    background-color:#c7b5c2;    color:#999999;}
.tableCalendar td.past a{    color:#999999;}
.tableCalendar td .monthDay {    text-align:right;    padding:5px;    background-color:#c7b5c2;    color:#333333;}
.tableCalendar .divCalendarMonthEntry {    padding:5px;}
.divCalendarOptionLinks {    font-size:0.9em;}
.divAppDirectorySummaryProfile { font-size:0.8em; }
.divAppDirectorySummaryProfile .profilePhoto {    float:left;    margin-right:25px;   margin-bottom:25px;}
.divAppDirectorySummaryProfile .profilePhoto a img {    border:0px;}
.divAppDirectorySummaryProfile .name{    font-weight:bold;    font-size:1.2em;}
.divAppDirectorySummaryProfile .name a {    text-decoration:none;}
.divAppDirectorySummaryProfile .name a:hover {    text-decoration:underline;}
.divAppDirectorySummaryProfile .jobTitle{    font-weight:bold;}
.divAppDirectorySummaryProfile .website{    font-weight:bold;}
.divAppDirectorySummaryProfile .email{   font-weight:bold;}
.divAppDirectorySummaryProfile .bioShort{    padding-right:25px;    margin-top:1em;    margin-bottom:1em;    font-size:0.9em;    overflow:hidden;}
.divAppDirectoryProfile {}
.divAppDirectoryProfile .profilePhoto{    float:right;    margin-left:25px;    margin-bottom:25px;}
.divAppDirectoryProfile h2.name {    margin:0px;}
.divAppDirectoryProfile .jobTitle {    font-weight:bold;    margin-bottom:1em;}
.divAppStorePages {    text-align:right;    font-size:14pt;}
.divAppStorePages .page {    display:inline-block;    padding:5px;}
.divAppStorePages .page:hover {}
.divAppStorePages .page a {    display:inline-block;}
.divBlogRollEntry {    margin-bottom:4em;}
.divBlogRollEntry h2 {    margin-bottom:0px;}
.divAppSubscriptions {    margin-bottom:1em;}
.divAppSubscriptions .name {    font-weight:bold;}
#divCollectionMessage {    position:absolute;    position:fixed;    top:0px;    bottom:0px;    left:0px;    right:0px;    background-image:url('/lib/common/images/collectionDivBG.png');    z-index:9998;}
#divCollectionMessageInner {    position:absolute;    top:0px;    left:0px;    width:800px;    height:600px;    background-color:#000000;    z-index:9999;    color:#ffffff;    padding:50px;    text-align:left;    font-size:12pt;    font-family:Arial,Helvetica,sans-serif;    line-height:normal;    overflow:auto;}
#divCollectionMessageInner h2 {    font-family:Arial,Helvetica,sans-serif;    color:#ff9999;    line-height:normal;}
#divCollectionMessageInner .buttonsProceed a {    display:inline-block;    padding:10px 20px;    background-color:#660000;    color:#ffffff;    text-decoration:none;}
#divCollectionMessageInner .buttonsProceed a:hover {    background-color:#330000;}
.divPost {    margin-bottom:1em;}
.divPost .image {    float:left;    margin:0px 10px 10px 0px;}
.divPost .image img {}
.divPost .postBody {    width:100%;}
.divPost .postTitle {    font-size:1.1em;    font-weight:bold;}
.divPost .post {    margin:0.25em 0px;}
.divPost .postDate {    color:#999999;    font-size:0.8em;}
.divSocialNetworkMessageBox {    margin-bottom:1em;    background-color:#c7b5c2;    padding:15px 30px 15px 15px;}
.divSocialNetworkToolbar {    background-color:#c7b5c2;    color:#ffffff;    margin-bottom:1em;    padding:15px;    position:relative;    white-space:nowrap;}
#divSocialNetworkSearchResults {    position:absolute;    height:250px;    bottom:-250px;    width:100%;    background-color:#333333;    left:0px;    z-index:999;    overflow:auto;    display:none;}
#divSocialNetworkSearchResultsClose {    position:absolute;    left:0px;right:0px;    bottom:-275px;    z-index:9999;    text-align:right;    display:none;}
.divSocialNetworkToolbar .profileButton, .divSocialNetworkToolbar .signInButton {    float:left;}
.divSocialNetworkToolbar .signOutButton {    float:right;}
.divSocialNetworkToolbar .searchArea {    padding:0px 115px 0px 200px;}
.divSocialNetworkToolbar .signInArea {    float:left;}
.divSocialNetworkToolbar .searchArea input[type=text] {}
.divSocialNetworkToolbar .signInArea input[type=text], .divSocialNetworkToolbar .signInArea input[type=password] {    border:1px solid color:#999999;    padding:5px;    margin-right:5px;    vertical-align:middle;}
.divSocialNetworkMessageBox .photoArea {    float:left;}
.divSocialNetworkMessageBox .messageArea {    padding-left:65px;}
.divSocialNetworkMessageBox .caption {    margin-bottom:0.25em;    font-size:0.8em;}
.divSocialNetworkMessageBox form input[type=text] {    margin-bottom:0.5em;}
.divSocialNetworkMessageBox form input[type=text], .divSocialNetworkMessageBox form input[type=password], .divSocialNetworkMessageBox form textarea {    border:1px solid #999999;    font-family:Arial,Helvetica,sans-serif;    padding:5px;}
.divAppRacesSponsorshipLevel {}
.divAppRacesSponsorshipLevel .title {    font-size:1.2em;}
.divAppRacesSponsorshipLevel .instructions {    font-size:0.8em;}
.divAppRacesSponsorshipLevel .choose {    font-weight:bold;    font-size:0.8em;}
.divAppRacesSponsorshipLevel .choose input[type=radio] {    vertical-align:middle;}
.divFormCaption {    font-size:0.8em;    margin-bottom:0.5em;}
.divFormField {    margin-bottom:0.5em;}
.divFormField input[type=text], .divFormField input[type=password], .divFormField select, .divFormField textarea {    padding:5px;}
.divFormField textarea {    width:90%;}
.divFormField input[type=submit], .divFormField input[type=button] {    padding:10px 20px;}
.appLaunchButton {    padding:10px 20px;}
fieldset {    padding:25px;    margin-bottom:1em;}
fieldset legend {    font-weight:bold;    color:#999999;}
.requiredField:after {    content: ' *';    color:#83d4d4;}
.divParallax {  background-attachment: fixed;  background-position: center center;  background-size: cover;}
.divTopBottomDivider {    padding:1em 0px;    margin:1em 0px;    border-top:1px solid #c7b5c2;    border-bottom:1px solid #c7b5c2;}
.full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
.fb_iframe_widget iframe {  width:100%;}
@media print {    .noprint {        display:none;    }}
@media screen and (max-width:420px) { .img-responsive { max-width:100% !important;} }
@media only screen and (max-width: 767px) { .divBlogAuthorBox h3 { text-align:center; } .divBlogAuthorBox img { margin:0px auto; } }
.flex-row {    display: flex;    flex-wrap: wrap;}
.flex-row > [class*='col-'] {    display: flex;    flex-direction: column;}
.flex-row.row:after, .flex-row.row:before {    display: flex;}
#divSiteModal {    position:fixed;     z-index:999;     top:0px;     bottom:0px;     left:0px;     right: 0px;     background-color:rgba(255,255,255,.95);     padding:2em;     display:none;    overflow:auto;}
#divSiteModalClose {    position:absolute;    right:15px;    top:15px;}
.wireframe-preview {    padding:2em 0px;    background-color:rgba(0,0,0,.10);    text-align:center;    color:rgba(0,0,0,.25);    font-size:0.8em;}
form.system-niceform  { padding:2em;border:1px solid rgba(0,0,0,.10);background-color:rgba(0,0,0,.05); } form.system-niceform label { opacity:0.75; font-size:0.8em; } form.system-niceform .btn { background-image:none; text-shadow:none; border:0px; } 
a.btn-primary, a.btn-success, a.btn-info, a.btn-warning, a.btn-danger { color:#ffffff; }
.system-content-box { padding:2em;background-color:rgba(0,0,0,.05);margin-bottom:1em; }.system-content-box h3 { margin-top:0px; font-weight:bold; }img.system-spot-image, .system-spot-image img { border:1px solid rgba(0,0,0,.15); padding:2px; }.center-popup-content { height: 100%; width: 100%; max-width: 600px; max-height: 600px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color:#ffffff; padding:2em; overflow:auto; }.center-popup-content .close-button { position:fixed; right:1em; top:1em; cursor:pointer;font-size:1.5em; }.center-popup-content .content {  }.center-popup-wrapper { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 99999; background: rgba(0, 0, 0, 0.9); display: flex; overflow: auto; flex-direction: column; opacity: 1; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); visibility:hidden; }figure.auto-caption { margin-bottom:2em !important; width:100% !important; }figure.auto-caption figcaption { display:block;font-size:0.6em; text-align:center; padding:0.5em; color: rgba(150,150,150, 1); background-color:rgba(0,0,0,.05); }figure.auto-caption figcaption a { color: rgba(150,150,150, 1) !important; text-decoration:none; }.btn, .btn-primary, btn-success, .btn-danger, .btn-warning, .btn-info { background-image:none;text-shadow:none;border:0; }.btn-site, a.btn-site  { background-color:var(--ColorSectionHeaders);color:var(--ColorContentBG); }.btn-site:hover, a.btn-site:hover  { background-color:var(--ColorLinkText);color:var(--ColorContentBG); }.growEffect {  transition: all 0.25s ease; }.growEffect:hover {  -webkit-transform:scale(1.05); transform:scale(1.05); transition: all 0.25s ease; }.placeholder-16-9 { --w: 16; --h: 9; width:100%;aspect-ratio: var(--w) / var(--h); background-color:rgba(0,0,0,.25); } .placeholder-9-16 { --w: 9; --h: 16;width:100%;aspect-ratio: var(--w) / var(--h); background-color:rgba(0,0,0,.25);} .placeholder-1-1 { --w: 1; --h: 1;width:100%;aspect-ratio: var(--w) / var(--h); background-color:rgba(0,0,0,.25);} .placeholder-crop { --fx: 50%; --fy: 50%; width: 100%; aspect-ratio: var(--w) / var(--h); position: relative; overflow: hidden; display: block; } .placeholder-crop > img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: var(--fx) var(--fy); display: block; }


/* Inherited Custom CSS from Template ID #20385 */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: none;
  outline: none;
  text-decoration: none;
}

h2, h3, h4, h5, h6, h7 {
    color:#2dbacf;
}

  main.book  {
      background-image:url('/images/2025HomepageBannerBG.jpg');
      background-size:cover;
      background-position:center center;
      background-repeat:no-repeat;
  }


.divAppSignOut {
    font-size:0.8em;
    margin-top:0.5em;
    text-align:center;
}

.divAppSignOut a {
    color:#000000;
    font-size:1em;
}

:root {
  --primary: #2dbacf;
  --secoundary: #3b3b3b;
  --shadow1: #0000000d 0px 8px 24px;
}
[class*="grid"] {
  display: grid;
}
[class*="title"] {
  font-family: "Philosopher", sans-serif;
}
[class*="card"] {
  transition: 0.3s;
}
[class*="card"]:hover {
  transform: translateY(-1rem);
}
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  scroll-padding-top: 8rem;
}
body {
  -webkit-text-size-adjust: 100%;
  background: #f5fcff;
  color:#666666;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
p,
a,
input,
select,
textarea,
button {
  font-size: 1.6rem;
}
img,
video {
  max-width: 100%;
}
.image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.custom-container {
  max-width: 1240px;
  padding: 0 2rem;
  margin: auto;
  width: 100%;
}
.subtitle {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
}
button {
  height: 5rem;
  padding: 0 2rem;
  /*display: flex;*/
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: var(--primary);
  color: white;
  border-radius: 5rem;
  box-shadow: 0px 10px 20px -5px #2dbacf57;
  transition: 0.3s;
}
button:hover {
  background: var(--secoundary);
  box-shadow: 0px 10px 20px -5px #00000057;
}
button.empty {
  background: none;
  border: 2px solid var(--primary);
  color: var(--primary);
  box-shadow: none;
}
section {
  padding: 8rem 0;
  overflow-x: hidden;
}

section.video-section {
    background-color:#f6f6f6;
}
section.testimonial-section {
    background-color:#f6f6f6;
}
/* header section */
header {
  height: 8rem;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background: white;
  box-shadow: var(--shadow1);
}
.logo img {
  height: 6rem;
}
header .custom-container {
  height: 100%;
  max-width: 100%;
  padding: 0 5rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
}
header .links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}
header .links a {
  color: var(--secoundary);
  font-weight: 400;
}
header .buttons {
  /*display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;*/
}
header .buttons button {
  height: 4.5rem;
}
.menu {
  font-size: 3rem;
  display: none;
}
/* header section end */

main {
  position: relative;
  margin-top: 8rem;
}
main video.bg,
main img.bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
main::before {
  /*content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #0b3036a5;
  width: 100%;
  height: 100%;
  z-index: 1;*/
}
main .custom-container {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .inner {
    display:flex;
    gap:1;
    justify-content:space-between;
    align-items:center;
    padding:4em 1em;
    color:#000000;
}
main .inner h1 {
    font-family: "Libre Caslon Text", serif;
    font-weight:800;
    color:#000000;
    letter-spacing:.25em;
}
main .inner p {
    color:#000000;
    font-size:1em;
    text-align:center;
}
main .inner a {
    display:inline-block;
    text-decoration:none;
    color:#ffffff;
    border-radius:1em;
    background-color:#4c4c4c;
    padding:.50em 2em;
    font-size:0.8em;
    text-align:center;
}
main .inner a:hover {
    background-color:#353434;
}
main .inner a.button2 {
    background-color:#226576;
}
main .inner a.button2:hover {
    background-color:#154450;
}
main .inner .pic img {
    max-width:400px;
}
main .typo {
  text-align: center;
  color: white;
}
main .typo h1 {
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1.5rem;
}
main .typo h2 {
  font-size: 2.3rem;
  font-weight: 500;
  margin: 1.5rem 0;
}
main .typo p {
  max-width: 80rem;
  margin: auto;
}
main .typo button {
  margin: auto;
  margin-top: 3rem;
  font-size: 2rem;
  height: 6rem;
  padding: 0 3rem;
  font-weight: 500;
  box-shadow: none;
}
main.bg {
  background: linear-gradient(#0b303663, #0b303663), url(/images/cta.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 40rem;
  min-height: 40rem;
}
main.bg .custom-container {
  height: 40rem;
}

.sec-typo {
  max-width: 75rem;
  margin: auto;
  text-align: center;
  margin-bottom: 5rem;
}
.sec-typo.fit {
  max-width: fit-content;
}
.sec-typo.wider {
  max-width: 90rem;
}
.sec-typo p {
  margin-top: 2rem;
}
.sec-typo.t2 {
  margin-bottom: 0;
  margin-top: 8rem;
}
.sec-typo.t2 .sec-title {
  color: var(--primary);
  line-height: 1;
}
.sec-typo.t2 p {
  margin: 2.5rem 0;
  text-wrap: balance;
}
.sec-typo.t2 button {
  height: 6rem;
  font-size: 2rem;
  font-weight: 500;
  padding: 0 3rem;
  margin: auto;
}
.sec-title {
  font-size: 3.5rem;
  position: relative;
  font-weight:bold;
}
.sec-title::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  width: 10rem;
  height: 0.5rem;
  background: #999999;
  border-radius: 1rem;
  bottom: -1rem;
}
.sec-typo.t2 .sec-title::before {
  display: none;
}

.videos{
  padding: 0 5rem;
  display: flex;
  gap: 1rem;
}
.video_col{
  width: 50%;
  display: flex;
  flex-direction: column;  
  gap: 2rem;
}
.video_col h3{
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.2;
  color:#333333;
}
.video {
  max-width: 70rem;
  margin: auto;
  width: 100%;
  position: relative;
}
.video::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 100%;
  background: #66666699;
  z-index: 1;
  top: 1.5rem;
  border-radius: 1rem;
  box-shadow: var(--shadow1);
}
.video::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 100%;
  background: #66666644;
  z-index: 2;
  top: 3rem;
  border-radius: 1rem;
  box-shadow: var(--shadow1);
}
.video iframe {
  width: 100%;
  aspect-ratio: 16/9.2;
  border-radius: 3rem;
  border: 1rem solid #666666;
  box-shadow: var(--shadow1);
  position: relative;
  z-index: 3;
  background-color: #000000;
}
.product {
  display: grid;
  flex-wrap: wrap;
  gap: 1.5rem;
  grid-template-columns: repeat(2, 1fr);
}
.card-1 {
  background: white;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: var(--shadow1);
  padding: 1.5rem;
  text-align: center;
  height: 100%;
}
.card-1 .image {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: var(--shadow1);
}
.card-1 .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.card-1 .body {
  padding: 1.5rem;
}
.card-1 .body h3 {
  font-size: 3rem;
  color: var(--primary);
}
.card-1 .body a {
  color: var(--primary);
  display: block;
  margin-top: 1rem;
}
section.bg {
  background: white;
}
.reason {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
}
.card-2 {
  position: relative;
  width: 30rem;
  aspect-ratio: 16/9;
  border-radius: 2rem;
  overflow: hidden;
}
.card-2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#00000011, #000000e9);
}
.card-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.card-2 h3 {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 2rem;
  color: white;
  font-size: 2rem;
  padding: 0 2rem;
}
.steps {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.card-3 {
  width: 30rem;
  border-radius: 2rem;
  padding: 3rem;
  background: white;
  box-shadow: var(--shadow1);
  text-align: center;
}
.grid-3 .card-3 img{
  border-radius: 1rem;
  height: 23rem;
  margin: 2rem 0;
}
.card-3 .ico {
  width: 8rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary);
  overflow: hidden;
  margin: auto;
  margin-bottom: 1.5rem;
}
.card-3 .ico img {
  height: 5rem;
}
.card-3 small {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 2rem;
  font-family: "Philosopher", sans-serif;
  margin: auto;
  margin-bottom: 1.5rem;
}
.card-3 h3 {
  font-family: "Philosopher", sans-serif;
  font-size: 2rem;
  color: #2dbacf;
}
.cta {
  background: linear-gradient(#0b3036a5, #0b3036a5), url('/images/cta.jpg');
  background-position-y: 90%;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.cta .custom-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cta-typo .title {
  font-size: 5rem;
  color: white;
  text-align: center;
}
.cta-typo p {
  color: white;
  text-align: center;
  margin: auto;
  max-width: 70rem;
  margin-top: 2rem;
}
.cta-typo button {
  margin: auto;
  margin-top: 3rem;
}
.t3 {
  margin-bottom: 2rem;
}
.t3 .sec-title {
  font-size: 3rem;
  color: var(--primary);
}
.t3 .sec-title::before {
  display: none;
}
.slider {
  margin: 0 1rem;
  padding: 5rem;
  border-radius: 2rem;
  overflow: hidden;
  margin-bottom: 3rem;
  position: relative;
  background: var(--secoundary);
}
.slider p {
  color:#ffffff;
}
.slider .pp {
  width: 8rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 50%;
  border: 0.5rem solid white;
}
.slider .pp img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.slider .body {
  height: 23rem;
  color: white;
  position: relative;
}
.slider .body .details {
  font-size: 1.6rem;
  margin-top: 3rem;
  font-style: italic;
  color: var(--primary);
  font-weight: 600;
  font-family: "Philosopher", sans-serif;
}
.slick-dots li button {
  background: none !important;
  width: unset !important;
  height: unset !important;
}

.slick-dots li button::before {
  color: var(--primary) !important;
  font-size: 0.8rem;
}
.slick-dots li {
  margin: 0 !important;
}
.slick-dots li.slick-active button:before {
  font-size: 1.2rem;
}
footer {
  padding: 3rem 0;
  background: white;
  text-align: center;
}
footer p {
  font-size: 1.4rem;
}
.mb {
  display: none;
}
.pc {
  display: block;
}
.cards {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.card {
  border-radius: 2rem;
  overflow: hidden;
  aspect-ratio: 1/1;
  width: 30rem;
  position: relative;
}
.card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#00000006, #00000015);
}
.card img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.card h3 {
  position: absolute;
  color: white;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 1rem;
  font-size: 3rem;
  font-family: "Philosopher", sans-serif;
}
.big-card {
  position: relative;
  width: 100%;
  aspect-ratio: 16/5;
  overflow: hidden;
  border-radius: 3rem;
  margin-top: 5rem;
}
.big-card::before {
  content: "";
  background: #0b3036a5;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.big-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.big-card .content {
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 5rem;
  text-align: center;
}
.big-card .content h3 {
  color: white;
  font-size: 4rem;
  font-family: "Philosopher", sans-serif;
}
.big-card .counter {
  color: white;
  font-size: 4rem;
  font-weight: 700;
  font-family: "Philosopher", sans-serif;
}
.big-card .content p {
  color: white;
  margin-top: 2rem;
}
.grid-3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  align-items: stretch;
}
.card-4 {
  background: white;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: var(--shadow1);
}
.card-4 .body {
  padding: 2rem;
}
.card-4 .body h3 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}
.card-4 .image {
  aspect-ratio: 16/10;
  overflow: hidden;
  position: relative;
}
.card-4 .image::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  background: linear-gradient(#ffffff00 20%, #ffffff 100%);
  width: 100%;
}
.card-4 .image span{
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: #2db9cfb8;
  color: rgb(62, 62, 62);
  width: 70px;
  border-radius: 3rem;
  text-decoration: 2px line-through;
  font-weight: 600;
  font-size: 1.6rem;

  text-align: center;
  padding: .5rem 0;
}
.card-4 .body h4 {
  font-size: 1.6rem;
  line-height: 1.2;
  color: #333333;
  font-weight: 500;
  margin-top: 1rem;
  font-weight:normal;
}
.card-4 .body p {
  color: #555555;
  font-weight: normal;
  margin-top: 1.5rem;
  font-size:0.8em;
}
.bundle {
  padding: 3rem;
  background: white;
  border-radius: 3rem;
  position: relative;
  border: 1rem solid #666666;
}

.price {
  position: absolute;
  width: 15rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #333333;
  z-index: 9;
  transform: rotate(40deg);
  right: -7.5rem;
  top: -7.5rem;
}
.price sup {
    color:#ffffff;
}
.price p {
  font-weight: 700;
  font-size: 4rem;
  color: white;
  line-height: 1;
}
.price .cut {
  text-decoration: line-through;
  font-size: 3rem;
  color: #ffffffcf;
  font-weight: 500;
}
.card-4 {
  height: 100%;
  position: relative;
  padding-bottom: 8rem;
}
.card-4 .body {
  display: grid;
  grid-template-rows: 1fr auto;
}
.card-4 button {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
}
.bundle .card-4 {
  padding-bottom: unset;
}
.card-4 .tag {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary);
  padding: 0 3rem;
  border-radius: 5rem;
  color: white;
  font-size: 2rem;
  font-weight: 600;
  box-shadow: 0px 10px 20px -5px #2dbacf57;
}
.sec-typo h3 {
  font-size: 2rem;
  font-weight: 600;
  margin-top: 3rem;
  margin-bottom: -1rem;
  line-height: 1.2;
}
.slider p {
  font-size: 2rem;
}
.reason.r5 {
  flex-wrap: nowrap;
}
.reason.r5 .cardd-2 {
  width: 100%;
}
.steps.maw {
  flex-wrap: unset;
}
.steps.maw .card-3 {
  width: 100%;
  background: none;
  box-shadow: none;
  padding: 0;
}
.s4 {
  max-width: 100%;
}
.s4 .sec-title {
  font-size: 5rem;
  position: relative;
}
.s4 .sec-title img.car {
  width: 6rem;
  bottom: 0;
  display: block;
  margin: auto;
}
.s4 .sec-title::before {
  display: none;
}
.s5 .card-3 {
  width: 25rem;
}
.grid-4 {
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
table {
  border-collapse: collapse;
  width: 100%;
  font-size: 1.8rem;
}

td,
th {
  border: 1px solid black;
  text-align: left;
  padding: 1rem 2rem;
  background: white;
}
th {
  font-size: 2rem;
  font-weight: 600;
}
/* tr td:last-child {
  background: rgb(207, 255, 207);
  color: green;
}
tr td:nth-child(2) {
  background: rgb(255, 207, 207);
  color: red;
} */
.grid-2.book {
  grid-template-columns: 1fr 2.3fr;
  align-items: center;
  background: white;
  overflow: hidden;
  border-radius: 2rem;
  box-shadow: var(--shadow1);
  
}
.grid-2.book .right {
  padding: 2rem 5rem;
}

.left img {
  margin-bottom: -10px;
}
.grid-2.book h2 {
  font-size: 4rem;
  line-height: 1.2;
  font-family: "Philosopher", sans-serif;
  color: var(--primary);
}
.grid-2.book h3 {
  font-size: 2.5rem;
  line-height: 1.2;
  margin-top: 1.5rem;
  font-weight: 500;
  color: var(--secoundary);
}
.grid-2.book p {
  font-weight: 500;
  margin: 3rem 0;
  color: var(--secoundary);
}
.cta {
  position: relative;
}
.cta {
  background: #0b3036a5;
}
.cta img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  opacity: 0.5;
  z-index: -1;
}
.steps.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 3rem;
}
.steps.grid-2 .card-3 {
  width: 100%;
  font-weight:normal;
}
.steps.grid-2 .card-3 h3 {
    color:#666666;
    font-weight:bold;
}
.steps.grid-2 .card-3 p {
  margin-top: 1rem;
}
.steps.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.steps.grid-3 .card-3 {
  width: 100%;
  font-weight:normal;
}
.steps.grid-3 .card-3 h3 {
  text-align: left;
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: flex-start;
  line-height: 1.15;
  margin-top: 1rem;
}
.steps.grid-3 .card-3 p {
}
.steps.grid-3 .card-3 h3 i {
  color: var(--primary);
}
.steps.maw .card-3 {
  background: white;
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: var(--shadow1);
}

.price_offer{
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.price_original{
  font-size: 2rem;
  font-weight: 600;
    
  font-family: "Philosopher", sans-serif;
}
.price_original span{
  text-decoration: 3px line-through;
    
  font-family: "Philosopher", sans-serif;
}
.price_now{
  font-size: 2.5rem;
  color: #2dbacf;
    
  font-family: "Philosopher", sans-serif;
}
.price_discount{
  font-size: 1.2rem;
  color: #2dbacf;
  font-weight: 600;
}
.price_discount.white{
  font-size: 1.2rem;
  color: white;
  font-weight: 600;
}
.price_discount small{
  font-weight: 400;
  color: black;
}





@media (max-width: 1024px) {
  html {
    font-size: 45%;
  }
  .custom-container {
    padding: 0 1.5rem;
  }
}
@media (max-width: 660px) {
  html {
    font-size: 60%;
  }
  .pc {
    display: none;
  }
  .mb {
    display: block;
  }
  header .custom-container {
    padding: 0 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
  }
  .menu {
    display: block;
  }
  .logo img {
    height: 5rem;
  }
  header .buttons {
    display: flex;
    align-items: center;
  }
  header .buttons button {
    height: 4rem;
    font-size: 1.3rem;
    padding: 0 1.5rem;
  }
  header .links {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    height: calc(100vh - 8rem);
    position: fixed;
    top: 8rem;
    background: #000000b8;
    backdrop-filter: blur(15px);
    width: 100%;
    padding: 5rem 0;
    left: 0px;
    transition: all 0.3s ease 0s;
    transform: translateX(100%);
  }
  .active {
    transform: translateX(0%) !important;
  }
  header .links a {
    color: white;
  }
  section {
    padding: 5rem 0;
    overflow: hidden;
  }

  [class*="grid"],
  .active {
    grid-template-columns: 1fr;
    gap: 5rem;
  }

  .fix {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  main .typo h1 {
    font-size: 3rem;
  }
  main .typo h2 {
    font-size: 1.8rem;
  }
  main,
  main .custom-container {
    /*height: calc(100vh - 8rem);
    min-height: 60rem;*/
  }
  main .inner {
      display:block;
      text-align:center;
  }
   main .inner img {
       margin-top:2em;
   }
  .sec-title {
    font-size: 2.5rem;
  }
  .sec-typo.t2 button {
    height: 5rem;
    font-size: 1.6rem;
    width: 100%;
  }
  main .typo button {
    font-size: 1.6rem;
    height: 5rem;
  }
  .t3 .sec-title {
    font-size: 1.8rem;
  }

  .videos{
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    gap: 5rem;
  }
  .video_col {
    width: 100%;
    display: flex;
    flex-direction: column;  
    gap: 2rem;
  }
  .video_col h3 {
    color:#333333;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
  }
  .slider {
    margin: 0.5rem;
    margin-bottom: 2rem;
    padding: 2rem;
  }
  .slider .body {
    height: 23rem;
  }
  footer p {
    font-size: 1.2rem;
  }
  [class*="card"] {
    width: 100%;
  }
  main.bg .custom-container {
    min-height: 40rem;
  }
  .big-card {
    aspect-ratio: 1/1;
    height: 100%;
  }
  .big-card .content {
    padding: 2rem;
  }
  .big-card .content h3 {
    font-size: 2.3rem;
  }
  .big-card .counter {
    font-size: 2.3rem;
  }
  .bundle {
    padding: 1rem;
    border-radius: 2rem;
    border: 0.5rem solid var(--primary);
    margin-top: 13rem;
  }
  .price {
    transform: rotate(0deg);
    right: unset;
    top: -7.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .steps.grid-2,
  .steps.grid-3 {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .cta-typo .title {
    font-size: 3rem;
  }
  .reason {
    flex-direction: column;
  }
  .steps.maw {
    flex-direction: column;
  }
  .s4 .sec-title {
    font-size: 3rem;
  }
  .product {
    grid-template-columns: 1fr;
  }
  .table-wrap {
    overflow-x: scroll;
  }
  .table-wrap table {
    width: 60rem;
  }
  th,
  td {
    font-size: 1.6rem;
  }
  td,
  th {
    padding: 1rem;
  }
  .card-1 .body h3 {
    font-size: 2rem;
  }
  .steps.s5 .card-3 {
    width: 100%;
  }
  .grid-2.book {
    grid-template-columns: 1fr;
  }
  .grid-2.book .right {
    padding: 0 2rem;
    padding-bottom: 3rem;
  }
  .grid-2.book h2 {
    font-size: 3rem;
  }
  .grid-2.book h3 {
    font-size: 2rem;
  }
}
.cta-typo h3.title {
  font-size: 3rem;
}


/* Custom CSS from Template ID #21050 */

body {
}


#SimpleImageBanner img {
    width:100%;
}

.white-line {
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
}

.grey-line {
    background-color: #e1e1e1;
    padding-top: 60px;
    padding-bottom: 60px;
}

#divMobileMenuIcon {
    display:block;
    text-align:center;
}

#divMobileMenuIcon a {
    display:block;
    padding:1em;
    background-color:rgba(0,0,0,.75);
    color:rgba(255,255,255,1);
    text-decoration:none;
}

#divMobileMenuIcon a:hover {
    background-color:rgba(0,0,0,.95);
}

@media only screen and (max-width: 1200px) {
  /* For Desktop */
}

@media only screen and (max-width: 992px) {
    /* For Laptop */
}

@media only screen and (max-width: 767px) {
    /* For Tab */
}

@media only screen and (max-width: 480px) {
    /* For Mobile */ 
}