:root {
    --bg: #f8f7fa;
    --menutxtcl: 111, 115, 145;
    --menutxtweight: 600;
    --intlinear: 90, 99, 129;
    --txtall: 79, 82, 107;
    --cl1: 127, 139, 216;
    --pckdf: var(--cl1);
    --whydf: var(--cl1);
    --lbds: 255, 255, 255;
    --lsdb: 56, 58, 70;
    --text: 85, 85, 85;
    --fixedtel: #d581b4;
}
body.dark {
    --bg: #26272d;
    --menutxtcl: 226, 226, 228;
    --intlinear: 45, 45, 58;
    --txtall: 226, 226, 228;
    --cl1: 192, 128, 223;
    --lbds: 56, 58, 70;
    --lsdb: 255, 255, 255;
    --pckdf: var(--cl1);
    --text: 226, 226, 228;
}

@media (max-width: 768px){
    .fixActions {
        display: none !important;
    }
}
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,200;0,300;0,400;1,200;1,300;1,400&display=swap"); #img0 { display: block; } #img1 { display: none; } #img2 { display: none; } #img3 { display: none; } #img4 { display: none; } #img5 { display: none; } #img6 { display: none; } #img7 { display: none; } @media all and (max-width: 499px) { .footImg img { height: auto !important; width: auto !important; } #img0 { display: none; } #img1 { display: block; } #img2 { display: block; } #img3 { display: block; } #img4 { display: block; } #img5 { display: block; } #img6 { display: block; } #img7 { display: block; } } .mobiledit { display: block; margin-left: auto !important; margin-right: auto !important; width: 50% !important; padding-top: 20px !important; } .trustpilot-widget { padding-top: 20px; } a:link, a:active, a:visited, a:hover { color: #3f51b5; } .fonty { font-family: "Barlow Condensed", sans-serif !important; color: white !important; } .outerdiv { width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; } .innerdiv { transform: scale(1.2); margin: 1rem; display: grid; grid-gap: 1.5rem; grid-template-rows: repeat(2, 22rem); grid-template-columns: repeat(4, 17rem); } .eachdiv { padding: 1rem 2rem; border-radius: 0.8rem; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; color: white; } .div1 { background: rgba(var(--lbds)); grid-column: 1/3; grid-row: 1/2; } .div2 { background: rgba(var(--lbds)); grid-column: 3/4; grid-row: 1/2; } .div3 { background: rgba(var(--lbds)); grid-column: 4/5; grid-row: 1/3; color: black; } .div4 { background: rgba(var(--lbds)); grid-column: 1/2; grid-row: 2/3; color: black; } .div5 { background: rgba(var(--lbds)); grid-column: 2/4; grid-row: 2/3; } .userdetails { display: flex; } .imgbox { margin-right: 1rem; } .imgbox img { border-radius: 50%; width: 2rem; border: 2px solid #cec5c5; margin: 0px !important; } .detbox { display: flex; flex-direction: column; justify-content: center; } .detbox p { margin: 0; } .detbox .name { color: hsl(0, 0%, 81%); font-size: 0.9rem; margin-bottom: 0.1rem; font-weight: 600; } .detbox .name.dark { color: #49505a; } .detbox .designation { color: hsl(0, 0%, 81%); opacity: 50%; font-size: 0.8rem; } .detbox .designation.dark { color: #49505a; } .review h4 { font-size: 1.4rem; color: #f3deff; font-weight: 600; line-height: 1.5; margin-bottom: 0.8rem; } .review.dark h4 { color: #4b5258; } .review p { font-size: 0.95rem; color: #f3deff; font-weight: 500; opacity: 50%; line-height: 1.5; } .review.dark p { color: #0e0e0e; } .attribution { font-size: 1rem; line-height: 1.5; position: fixed; bottom: 1rem; right: 1rem; text-align: right; } .attribution a { text-decoration: none; } @media only screen and (max-width: 1000px) { .innerdiv { transform: scale(0.7); } } @media only screen and (max-width: 800px) { .innerdiv { transform: scale(0.6); } } @media only screen and (max-width: 600px) { .div1 { background-position-x: 10rem; } .innerdiv { display: flex; flex-direction: column; transform: scale(1); margin: 2rem; margin-bottom: 5rem; } .attribution { position: relative; } } .stripepay-content {padding: 0 20px;margin-bottom: 50px !important;}.stripepay-content .form-group {margin-bottom: 20px;}.stripepay-content label {font-weight: bold;margin-bottom: 5px;}.stripepay-content .stripe-label {margin-bottom: 20px;}.stripepay-button {background: rgba(var(--cl1)) !important;}.tabOption ul li{padding:7px 15px !important;}body.dark .stripepay-content label {color: rgba(var(--txtall)) !important; font-weight: 500;}body.dark .stripepay-content .stripe-label span {color: #a7a7a7;font-weight: 400;}body.dark form#payment-form {background: rgba(var(--lbds));}.embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
} h4{font-size: 19px;
    font-weight: 700;
    color: rgba(var(--text));
    margin-bottom: 15px;}