/* Theme -----------------------------------------------------------------------------------------------------------------*/
body{font-size:1.25rem;font-weight:300; cursor:default; box-shadow:inset 0 0 5rem rgba(0, 0, 0, .5);}
.cover-container { max-width: 82em;}
.bd-placeholder-img {font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
@media (min-width: 768px) { .bd-placeholder-img-lg { font-size: 3.5rem; } }

@-webkit-keyframes bounceright { from { -webkit-transform:translateX(0); } to { -webkit-transform:translateX(3px); }} @keyframes bounceright { from { transform:translateX(0); } to { transform:translateX(3px); }}
@-webkit-keyframes wiggle      { from { -webkit-transform:rotate(0deg); }  to { -webkit-transform:rotate(30deg);   }} @keyframes wiggle      { from { transform:rotate(0deg);  } to { transform:rotate(30deg);   }}
@keyframes spin {  from {  transform: rotate(0deg); } to { transform: rotate(359deg); }}

/* Logo ------------------------------------------------------------------------------------------------------------------*/
@font-face{ font-family:'Rubik Microbe'; src:url(RubikMicrobe.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{ font-family:'Rubik Moonrocks'; src:url(RubikMoonrocks.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
.LogoImg {height:40px;width:40px;display:inline-block;margin-top:0px} .LogoImgText{height:40px;width:40px;display:inline-block;background:gray;background:rgba(0,0,0,0.2);border-radius:40px;padding-top:3px;font-size:22px}
.rubik-microbe-regular{font-family:"Rubik Microbe", serif; font-weight:400; font-style:normal;font-display:swap;} .rubik-moonrocks-regular{ font-family:"Rubik Moonrocks", serif; font-weight:400; font-style:normal;font-display:swap;}

/* Responsive Div --------------------------------------------------------------------------------------------------*/
.DivTableLeft   { border:1px solid #DDE5F0; padding:10px; text-align:center; cursor:default; display:inline-block; border-radius:8px 0px 0px 8px; margin-left:-5px; overflow:hidden; margin:1px 1px 1px 1px;} .DivTableLeft:hover   { box-shadow:inset 0 0 0 1px #DDE5F0; }
.DivTableCenter { border:1px solid #DDE5F0; padding:10px; text-align:center; cursor:default; display:inline-block; border-radius:0px 0px 0px 0px; margin-left:-5px; overflow:hidden; margin:1px 1px 1px 1px;} .DivTableCenter:hover { box-shadow:inset 0 0 0 1px #DDE5F0; }
.DivTableRight  { border:1px solid #DDE5F0; padding:10px; text-align:center; cursor:default; display:inline-block; border-radius:0px 8px 8px 0px; margin-left:-5px; overflow:hidden; margin:1px 1px 1px 1px;} .DivTableRight:hover  { box-shadow:inset 0 0 0 1px #DDE5F0; }

/* Animations ------------------------------------------------------------------------------------------------------*/
 .Blinker{ animation: blinker 2s linear infinite; } @keyframes blinker{ 50% { opacity: 0.2; } }
 .AnimateText{
   background-image:linear-gradient(-225deg,#231557 0%,#44107a 29%,#ff1361 67%,#fff800 100%);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;
   -webkit-text-fill-color:transparent;animation:textclip 2s linear infinite;display:inline-block;
 }
 @keyframes textclip{to{background-position:200% center;}}

/* Progress Bar ----------------------------------------------------------------------------------------------------*/
.ProgressBarBox{color:#000;background-color:#f1f1f1;border-radius:4px;display:inline-block;position:relative;} .ProgressBarSlider{background-color:#2196F3;border-radius:4px;float:left;width:0px;} .ProgressBarSliderText{width:100%;left:0px;position:absolute;}

/* Reviews ---------------------------------------------------------------------------------------------------------*/
.RevLeft{margin-top:7px;float:left;height:18px;width:80%;} .RevRight{margin-top:7px;float:left;height:18px;width:20%;text-align:center;line-height:13px;} .RevBarGray{width:100%;background-color:#f1f1f1;text-align:center;}
.RevBar{height:18px;line-height:16px;font-size:14px;color:white;text-shadow:2px 2px 4px #000000;white-space:nowrap;}
@media(max-width: 400px){ .RevRight, .RevLeft{width:100%;}}

/* Animations ------------------------------------------------------------------------------------------------------*/
@keyframes slideIn { to { transform: translateX(0); opacity: 1; } } @keyframes fadeIn { to { opacity: 1; } }

/* Title -----------------------------------------------------------------------------------------------------------*/
.Title{width:100%;text-align:center;margin-bottom:40px;margin-top:10px}
.Title .T1{font-size:1.8em;font-weight:600;line-height:1.3;overflow:hidden} .Title .T1{transform:translateX(-40px);opacity:0;animation:slideIn 0.8s ease-out forwards;}
.Title .T2{display:block;color:#2563eb;transform:translateX(-40px);opacity:0;animation:slideIn 0.8s ease-out forwards;animation-delay:0.3s;text-transform:uppercase;letter-spacing:4px;font-size:30px}

/* Buttons ---------------------------------------------------------------------------------------------------------*/
.BTNStart{display:inline-block;padding:7px 24px 10px 24px;font-size:18px;font-weight:bold;color:#ffffff;background:linear-gradient(135deg, #6a11cb, #2575fc);border:none;border-radius:8px;text-decoration:none;box-shadow:0 6px 15px rgba(0,0,0,0.2);transition:all 0.3s ease;}
 .BTNStart:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.3);background:linear-gradient(155deg, #6a11cb, #2575fc);} .BTNStart:active{transform:translateY(0);box-shadow:0 6px 15px rgba(0,0,0,0.2);}
.BBTN{display:inline-block;margin-top:5px;padding:3px 10px 6px 10px;font-size:18px;font-weight:400;border:none;border-radius:8px;text-decoration:none;box-shadow:0 6px 15px rgba(0,0,0,0.4);transition:all 0.3s ease;}
.BTNBlueSm{color:white;background:linear-gradient(135deg, #394D8F, #2575fc);} .BTNBlueSm:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.3);} .BTNBlueSm:active{transform:translateY(0);box-shadow:0 6px 15px rgba(0,0,0,0.2);}
 .BTNBlueSm img{height:20px;display:inline-block;margin-top:-4px;margin-right:5px}
.BTNGreenSm{color:white;background:linear-gradient(135deg, #249754, #0B5C11, #249754, #0D6114, #249754);} .BTNGreenSm:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.3);} .BTNGreenSm:active{transform:translateY(0);box-shadow:0 6px 15px rgba(0,0,0,0.2);}
 .BTNGreenSm img{height:20px;display:inline-block;margin-top:-4px;margin-right:5px}
.BTNRedSm{color:white;background:linear-gradient(135deg, #F34747, #7C0101, #F34747, #7C0101, #7C0101);} .BTNRedSm:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.3);} .BTNRedSm:active{transform:translateY(0);box-shadow:0 6px 15px rgba(0,0,0,0.2);}
 .BTNRedSm img{height:20px;display:inline-block;margin-top:-4px;margin-right:5px}
.BTNLightSm{color:black;background:linear-gradient(135deg, #FFFFFF, #D0D0D0, #F5F5F5, #FFFFFF, #D0D0D0);} .BTNLightSm:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.3);} .BTNLightSm:active{transform:translateY(0);box-shadow:0 6px 15px rgba(0,0,0,0.2);}
 .BTNLightSm img{height:20px;display:inline-block;margin-top:-4px;margin-right:5px}
.BTNWarningSm{color:white;background:linear-gradient(135deg, #FCDB03, #FFA703, #FCDB03, #FFA703, #FCDB03);} .BTNWarningSm:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.3);} .BTNWarningSm:active{transform:translateY(0);box-shadow:0 6px 15px rgba(0,0,0,0.2);}
 .BTNWarningSm img{height:20px;display:inline-block;margin-top:-4px;margin-right:5px}

/* Pricing Plans --------------------------------------------------------------------------------------------------*/
.PriceBadge        { width: 100%; height: 188px; color:white; position: absolute; top: -8px; left: -10px; overflow: hidden; } .PriceBadge:before, .PriceBadge:after { content: "";  position: absolute; }
.PriceBadge:before { width: 40px; height: 20px; right: 60px; background: #4D6530; border-radius: 8px 8px 0px 0px; }
.PriceBadge:after  { width: 8px;  height: 20px; right: 0px;   background: #4D6530; border-radius: 0px 8px 8px 0px; top: 80px; }
.BadgeRed{width:50px;background-color:#ED7676;border-radius:3px;margin-right:3px;text-align:center;} 
.BadgeOrange{width:50px;background-color:orange;border-radius:3px;margin-right:3px;text-align:center;} 
.BadgeGreen{width:50px;background-color:green;border-radius:3px;margin-right:3px;text-align:center;}
.Ribbon6 { font-size: 17px; width: 160px; height: 40px; line-height: 40px; position: absolute; top: 10px; right: -50px; z-index: 2; overflow: hidden; -webkit-transform: rotate(45deg); transform: rotate(45deg); border: 1px dashed; 
           box-shadow:0 0 0 3px #57DD43,  0px 21px 5px -18px rgba(0,0,0,0.6); background: #57DD43; text-align: center; }
.Ribbon2 { font-size: 20px; width: 200px; height: 40px; line-height: 40px; position: absolute; top: 30px; left: -50px; z-index: 2; overflow: hidden; -webkit-transform: rotate(315deg); transform: rotate(315deg); border: 1px dashed;
           box-shadow:0 0 0 3px #4C7D45,  0px 21px 5px -18px rgba(0,0,0,0.6);background:rgba(10,200,90,0.9); text-align: center; }
.Ribbon3 {z-index:3; color:white; font-size:17px; height: 50px; line-height: 50px; padding: 0 15px 0 15px; position: absolute; right: -8px; top: 50px; background: #E97420; border-radius: 5px 0 0 5px;}
.Ribbon3:before, .Ribbon3:after { content: ""; position: absolute; }
.Ribbon3:before { height: 0; width: 0; top: -8px; right: 0.1px; border-bottom: 9px solid black; border-right: 9px solid transparent; }
.pricing-table .pricing-table .pricing-header                    { position:relative;background:#345371;padding:22px;padding-bottom:1px;text-align:center;border-top-right-radius:4px;border-top-left-radius:4px}
.pricing-table .pricing-table .pricing-header .pricing-title     { font-size:22px;color:white;text-transform:uppercase;letter-spacing:2px;text-align:center;}
.pricing-table .pricing-table .pricing-header .pricing-rate      { font-size:50px;color:white;position:relative;text-align:center}
.pricing-table .pricing-table .pricing-header .pricing-rate sup  { font-size:24px;color:white;position:relative;top:-30px;}
.pricing-table .pricing-table .pricing-header .pricing-rate span { font-size:16px;color:white;text-transform:uppercase}
.pricing-table .pricing-list                                     { padding:20px 0 20px;background:#fff;border:1px solid #e3e3e3}
.btn-custom       {color:#FFFFFF;font-size:18px;border:1px solid #bdc3c7}
.btn-custom:hover {color:#FFFFFF;border:1px solid #fff}

/* Gradient Buttons -----------------------------------------------------------------------------------------------*/
.GradientButton1{
 background-image: linear-gradient(to right, #ECE9E6 0%, #FFFFFF  51%, #ECE9E6  100%);display:inline-block;margin:2px 5px 2px 5px;padding:10px 30px;text-align:center;text-transform:uppercase;transition:0.5s;background-size:200% auto;box-shadow:0 0 20px #eee;border-radius:10px;
 font-weight:bold;white-space:nowrap;color:white;
}
.GradientButton1:hover{background-position:right center;color:white;text-decoration:none;}
.RoundGradientButton{padding:9px 12px 9px 12px;border-radius:80px;display:inline-block;}

/* Tabs -----------------------------------------------------------------------------------------------------------*/
.tab{ overflow: hidden; background-color: #F5FAFA;} .TabContent{display: none; padding: 6px 12px; } .TabContant .Active{display:block}
.tab button{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:0.3s; font-size:17px;}.tab button:hover{background-color:#DEF0F0;} .tab button.active{background-color:#DEF0F0;}
.TabLinks{ height:50px;overflow:hidden;background-color:red;}