@charset "utf-8";

@import url("https://use.typekit.net/kdb5dlr.css");


/*===== Common CSS =====*/
/*===== HeaderFooter CSS =====*/

/*===== ComingSoon CSS =====*/
/*===== WelcomePage CSS =====*/
/*===== SignUp CSS =====*/
/*===== CheckOut CSS =====*/
/*===== Profile CSS =====*/
/*===== InstitutionalPricing CSS =====*/
 
 

 
/*===== Responsive CSS =====*/

/*===============================
  ===============================*/

/*===== Common CSS =====*/

:root {
    --PRS-primaryFont: 'Public Sans', sans-serif;
    
    --PRS-blue: #1e438a;
    --PRS-red: #DB5037;
    
    --PRS-white:#ffffff;
    --PRS-black:#000000;
    --PRS-lightGrey:#f7f8f8;

}


body { padding: 0 !important; margin: 0; font-family: var(--PRS-primaryFont); font-size: 20px; line-height: 30px; font-weight: 400; color: var(--PRS-black); letter-spacing: -0.75px; position: relative; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale; }

* { box-sizing:border-box; }
*:hover { -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; }
*:focus, .btn-default-focus { box-shadow: none !important; outline:none !important; }


h1, h2, h3, h4, h5, h6, p, ul { padding: 0; margin: 0; }

h2,
h3.secTitle { font-size: 40px; line-height: 50px; color: var(--PRS-blue); font-weight: 500; margin:0 0 20px; padding:0 0 20px; position: relative; }
h2 b,
h3.secTitle b { font-weight: 800; display: block; }
h2::after,
h3.secTitle::after { content:""; display: block; position: absolute; left:0; bottom:0; width:150px; height:5px; background: var(--PRS-red); }

h3.secTitle.center { text-align: center; }
h3.secTitle.center::after { right:0; margin: auto; }


h3 { font-size: 60px; line-height: 70px; font-weight: 700; color: var(--PRS-blue); margin:0 0 25px; }
.subTitle { font-size: 30px; line-height: 40px; }
.red { color: var(--PRS-red); }

h4 { font-size: 40px; line-height: 50px; font-weight: 700; color: var(--PRS-blue); margin:0 0 15px; }

h5 { font-size: 25px; line-height: 30px; font-weight: 700; color: var(--PRS-black); margin:0 0 15px; }
h6 { font-size: 14px; font-weight: 300; color: var(--PRS-white); }

img, svg { border: none; vertical-align: middle; max-width: 100%; }
ul li { list-style: none; }

p { margin:0 0 40px; }
p:last-child { margin:0; }

a { cursor: pointer; color:var(--PRS-blue); font-size:20px; font-weight: normal; outline: none !important; text-decoration: none;
    -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}
a:hover, a:focus { text-decoration: none; color:var(--PRS-red); }
a, input, button, textarea, a:focus, select:focus { outline: none; }
a:hover, a:focus, select:focus, button:focus { outline: none; text-decoration: none; }
button, input, textarea { outline: none; -webkit-appearance: none; -moz-appearance: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }


.btn { font-size:18px; font-weight: 600; padding:15px 30px; letter-spacing: 2px; color: var(--PRS-white); text-transform: uppercase; 
    border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
}

.primaryBtn { background: var(--PRS-blue); border:2px solid var(--PRS-blue) !important; }
.primaryBtn:hover,
.primaryBtn:focus { color: var(--PRS-blue); background: var(--PRS-white); }

.secondaryBtn { background: var(--PRS-red); border:2px solid var(--PRS-red) !important; }
.secondaryBtn:hover,
.secondaryBtn:focus { color: var(--PRS-red); background: transparent; }



.checkoutBtn {
    font-weight: 600;
    padding: 8px 25px;
    letter-spacing: 2px;
    color: var(--PRS-white);
    text-transform: uppercase;
    background: #28c158;
    border: 2px solid #28c158 !important;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

    .checkoutBtn:hover,
    .checkoutBtn:focus {
        color: #28c158;
        background: var(--PRS-white);
    }


form { display: block; }
.form-group { margin:0 0 35px; position: relative; }
.form-control { width:100%; height:58px; border:2px solid transparent; display: block; background: #F1F2F2; padding:0 20px; color: var(--PRS-blue) !important; font-size:20px; font-weight: 600;
    border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0;
}
textarea.form-control { height:100px; padding:15px 20px; resize: none; }
.form-control:focus { background: #F1F2F2; border:2px solid var(--PRS-blue); }


.form-group .arrowIcon,
.form-group .viewIcon { width:40px; height:40px; position: absolute; right:8px; bottom:8px; margin: auto; opacity: 0.5; }
.form-group .arrowIcon img,
.form-group .viewIcon img { right:0; bottom:0; }

.form-group .viewIcon {
    bottom: inherit;
    top: 14px;
}

    .form-group .arrowIcon:hover,
    .form-group .arrowIcon:hover img,
    .form-group .viewIcon:hover,
    .form-group .viewIcon:hover img {
        opacity: 1;
    }

.form-group .arrowIcon { pointer-events: none; }

::-webkit-input-placeholder { font-weight: 300 !important; }
:-ms-input-placeholder { font-weight: 300 !important; }
:-o-input-placeholder { font-weight: 300 !important; }
::placeholder {font-weight: 300 !important; }



.checkbox { text-align: left; }
.checkbox input[type="checkbox"] { display:none; }
.checkbox input[type="checkbox"] + label { font-size:16px; font-weight: 400; cursor: pointer; margin:0px !important; }
.checkbox input[type="checkbox"] + label span { display:inline-block; vertical-align:middle; min-width:30px; max-width:30px; height:30px; margin:0 8px 0 0; position: relative; top:-2px;  background:url("../images/checkbox.svg")no-repeat left top / 30px; }

.checkbox input[type="checkbox"]:checked + label span { background:url("../images/checkbox.svg")no-repeat left bottom / 30px; }




header, main, section, footer { display: block; position: relative; }
header, section, footer { padding-left:50px !important; padding-right:50px !important; }
.container-fluid { max-width:1700px; }
.container { max-width:1450px; }
.container.inner { max-width:1150px; }


.sidebarOpen header .navbar-brand,
.sidebarOpen main,
.sidebarOpen footer { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); }


.loader { width: 100%; height: 100vh; position: fixed; z-index: 99; left: 0; top: 0; display: table; 
    transition: 0.25s ease-in-out; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; 
}
.loader .center-box { display: table-cell; vertical-align: middle; text-align: center; }
.loader img { height: 50px; }

.pageload header, .pageload main, .pageload footer { display: block; }
.pageload .loader { left: 100%; }


main { margin:145px 0 0; }

/*===== *************** =====*/


/*===== HeaderFooter CSS =====*/
header { padding:30px 0; position: fixed; left:0; right:0; top:0; z-index: 99;
    background: rgba(255,255,255,0);
    box-shadow: 0 0 10px rgba(0,0,0,0); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0); -moz-box-shadow: 0 0 10px rgba(0,0,0,0); -o-box-shadow: 0 0 10px rgba(0,0,0,0);
}
header .container-fluid { display: flex; align-items: center; justify-content: space-between; }

header .navbar-brand,
header h1,
header h1 a,
header h1 img { display: block; width:120px; height:85px; object-fit: contain; object-position: center; margin:0; padding:0; }

header .navbar-brand img.logoWhite { display: none; }

.menuWrp { display: flex; align-items: center; }
    .menuWrp .links a,
    .menuWrp .links .dropdown {
        margin: 0 30px 0 0;
    }

        .menuWrp .links a:last-child {
            margin:0;
        }




        .btns-group .loginBtn,
        .menuWrp .links a.loginBtn,
        .navbar-nav .nav-item a.loginBtn {
            color: var(--PRS-red);
            background: transparent;
            border: 2px solid var(--PRS-red);
            padding: 8px 15px 10px;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
        }

        .btns-group .loginBtn:hover,
        .menuWrp .links a.loginBtn:hover,
        .navbar-nav .nav-item a.loginBtn:hover {
            color: var(--PRS-white);
            background: var(--PRS-red);
        }



    .menuWrp .links .dropdown-menu .dropdown-item:hover {
        color: var(--PRS-white);
        background: var(--PRS-blue);
    }
    .menuWrp .dropdown .dropdown-menu {
        width:100%;
    }

    .menuWrp .dropdown .dropdown-menu::before {
        content: "";
        display: block;
        position: absolute;
        top: -8px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 8px solid rgba(0, 0, 0, 0.175);
        right: 4px;
    }

    .menuWrp .links,
    .menuWrp .userDetail {
        display: flex;
        align-items: center;
        background: transparent;
        border: none;
    }

        .menuWrp .userDetail .userImg {
            min-width: 45px;
            max-width: 45px;
            height: 45px;
            object-fit: cover;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
        }

        .menuWrp .userDetail p {
            max-width: 150px;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding: 5px 2px 5px 10px;
        }





.navbar-toggler { width:50px; height:50px; background: var(--PRS-blue); text-align: center; padding:10px; display:none;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}

header .offcanvas { width:350px !important; height: 100vh; overflow: auto; background: var(--PRS-blue); padding:80px 50px 50px; }
header .offcanvas .offcanvas-body { padding: 0; }
header .offcanvas .btn-close { position: absolute; right:25px; top:25px; }

.navbar-nav .nav-item { margin:5px 0; }
.navbar-nav .nav-link { color: var(--PRS-white);
    transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out;
}


header.sticky { background: rgba(255,255,255,0.85);
    -o-backdrop-filter: blur(5px); -moz-backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
    box-shadow: 0 0 10px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.25); -o-box-shadow: 0 0 10px rgba(0,0,0,0.25);
}
.navbar-nav:hover .nav-link { opacity: 0.35; }
.navbar-nav:hover .nav-link:hover { opacity: 1; }



.shareWidget { position: fixed; right:50px; bottom:40px; z-index: 99; }
.shareWidget a { font-size:14px; font-weight: bold; text-transform: uppercase; color: var(--PRS-red); background: var(--PRS-white); padding:10px; display: flex; align-items: center; border:2px solid rgba(0,0,0,0);
    border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
}
.shareWidget a img { width:45px; height:45px; object-fit: contain; display: block;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.shareWidget .shareBtn { position: relative; z-index: 2; 
    box-shadow: 0 0 12px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 12px rgba(0,0,0,0.25); 
}
.shareWidget .shareBtn img { background: var(--PRS-red);  }

.shareWidget .socialMedia { position: absolute; z-index:1; left:0; right:0; display: flex; align-items: center; flex-direction: column; padding:0 0 70px; 
    bottom:-100%; opacity: 0; pointer-events: none; 
    transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out;
}
.shareWidget .socialMedia a { margin:5px 0; padding:0; display: flex;  }
.shareWidget .socialMedia a img { position: relative; z-index: 2; }
.shareWidget .socialMedia a span { color: var(--PRS-black); background: var(--PRS-white); position: absolute; right:0; z-index: 1; opacity: 0; padding:8px 15px;
    transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out;
    border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px;
}

.shareWidget .shareBtn:hover { border:2px solid rgba(0,0,0,0.2); }
.shareWidget:hover .socialMedia { bottom: 0; opacity: 1; pointer-events: inherit; }
.shareWidget .socialMedia a:hover span { right:100%; opacity: 1; }



footer { background: #F1F2F2; padding:60px 0; margin:150px 0 0; position: relative; }
footer .container-fluid { position: relative; z-index: 2; }
footer .blueDot { position: absolute; right:150px; top:-120px; width:120px; height:120px; background: var(--PRS-blue); border:5px solid var(--PRS-white); z-index: 2;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}

footer ul li { margin:10px 0; }
footer a { color: var(--PRS-black); }

.primaryBtn.langaugeOption { margin-top:50px; padding:5px 5px 5px 10px; display: flex; align-items: center; text-transform: none; font-weight: 300;
    color: var(--PRS-white) !important; background: var(--PRS-blue) !important;
}
.langaugeOption img { min-width:28px; max-width:28px; height: 28px; object-fit: contain; }
.langaugeOption span { margin:0 12px 0 6px; }

.dropup ul, .dropup li { margin:0; padding: 0; }
.dropup li a { display: block; padding:10px 12px; font-size:16px; }
.dropup .dropdown-toggle::after { display: none; }


.patternImg { position: absolute; right:0; bottom:0; width:550px; z-index: 0; }

footer.mt-0 {
    margin-top:0 !important;
}
/*===== *************** =====*/



/*===== ComingSoon CSS =====*/
.comingSoonPage { margin:0; }

.comingSoon { width:100%; height:100vh; display: table; overflow: auto; text-align: center; padding:50px 0;
    background: url("../images/comingSoonPage-bgPattern.png")no-repeat left top / contain;
}
.comingSoon .centerBox { display: table-cell; vertical-align: middle; }

.comingSoon .logo-pageTitle { display: flex; align-items: center; justify-content: center; }
.comingSoon .navbar-brand,
.comingSoon .navbar-brand img { width:250px; display: block; }

.comingSoon .pageTitle::after { display: none; }
.comingSoon .pageTitle { font-size:80px; line-height: 80px; font-weight: bold; text-transform: uppercase; text-align: left; display: flex; flex-direction: column; margin:0 0 0 80px; padding:0; color: var(--PRS-white);
    -moz-text-stroke: 2px var(--PRS-red);
    -webkit-text-stroke: 2px var(--PRS-red);
    text-stroke: 2px var(--PRS-red);
}
.comingSoon .pageTitle span { font-weight: bolder; }


.comingSoon p { font-size:35px; line-height: 45px; margin:75px 0 25px; }

.comingSoon .socialMedia { justify-content: center; }
.comingSoon .socialMedia a { margin:0 25px; }
.comingSoon .socialMedia a,
.comingSoon .socialMedia a img { max-width:80px; min-width:80px; height:80px; display: block; object-fit: contain; }

/*===== *************** =====*/



/*===== WelcomePage CSS =====*/
.welcomeBanner { width:100%; height:90vh; min-height: 600px; max-height:1080px; padding:25px 0 100px; display: table; }
.welcomeBanner .centerWrp { display: table-cell; vertical-align: middle; }

.welcomeBanner .img,
.welcomeBanner .img img {
    width:100%; max-height: 800px; object-fit: contain;
}
.welcomeBanner .text { padding:0 50px 0 0; }
.welcomeBanner .text p { font-size:30px; line-height: 36px; }



.AboutUsWrp,
.KeyFeaturesWrp { 
    padding:100px 0;
}
.AboutUsWrp p,
.PRS_QBankWrp p,
.PRS_SocialMedia p,
.plansDetails p { 
    font-size:23px; line-height: 30px;
}


.AboutUsWrp { background: var(--PRS-lightGrey); }
.AboutUsWrp .imgText { position: relative; padding:25px 0; }
.AboutUsWrp .imgText .row { position: relative; }
.AboutUsWrp img.PRS_Pattern { width:450px; position: absolute; left:-150px; top:0; bottom:0; margin: auto; }



.KeyFeaturesWrp { overflow: hidden; }
.KeyFeaturesWrp .img,
.KeyFeaturesWrp .text { margin:25px 0; overflow: hidden; 
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
.KeyFeaturesWrp .img img { width:100%; object-fit: contain; }
.KeyFeaturesWrp .text h4 { font-size:26px; color: var(--PRS-black); }

ul.iconListing li { margin:20px 0; padding-left:40px; font-size:22px; line-height: 30px; position: relative; }
ul.iconListing li::before { content: ""; display: block; position: absolute; left:0; top:-1px; width:30px; height:30px;
    background: url("../images/listing_Ic.svg")no-repeat center center / contain;
}


/* JW Player */
.videoBox { width:100%; max-width:100%; margin:15px auto 75px; overflow: hidden; 
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; 
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
}
.videoBox .jwplayer, .videoBox .jwplayer .jw-video, .videoBox .jwplayer .jw-preview { 
    border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;
}
/*.jw-video, .jw-preview { border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; }*/



.jw-display-icon-container .jw-icon { opacity: 0; }
.jw-display-icon-container .jw-icon * { fill:var(--vms-white); }

.jw-controls-backdrop { 
    background: linear-gradient(to bottom,transparent,rgba(0,0,0,1) 77%,rgba(0,0,0,1) 100%) 100% 100%/100% 240px no-repeat transparent;
    transition: opacity 250ms cubic-bezier(0,.25,.25,1),background-size 250ms cubic-bezier(0,.25,.25,1);
    opacity: 0;
}
.jw-state-idle .jw-controls { background: transparent !important; }



.PRS_QBankWrp { padding:70px 0; background: var(--PRS-lightGrey); }
.PRS_QBankWrp .text { margin:30px 0; }


.PRS_QBankWrp .PRS_Features { padding:20px 100px 50px 20px; margin:30px 0; background: var(--PRS-white); position: relative; overflow: hidden;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
}
.PRS_QBankWrp .PRS_Features p { font-size:20px; font-weight: bold; margin:0; }
.PRS_QBankWrp .PRS_Features img.FeaturesImg { width:90px; height:90px; object-fit: contain; position: absolute; right:0; bottom:0; }



.PRS_SocialMedia { position: relative; }
.PRS_SocialMedia::before { content: ""; display: block; position: absolute; left:0; right:0; top:0; height:50%; background: var(--PRS-lightGrey); z-index: 0; }

.PRS_SocialMedia .container { position: relative; z-index: 1; }
.PRS_SocialMedia .centerBox { background: var(--PRS-white); padding:30px 50px;
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; 
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
}

.PRS_SocialMedia .img,
.PRS_SocialMedia .img img { width:100%; }

.socialMedia { display: flex; align-items: center; }
.socialMedia a { margin:0 30px 10px 0; }
.socialMedia a,
.socialMedia a img { max-width:60px; min-width:60px; height:60px; display: block; object-fit: contain; }


.PRS_PricingWrp { padding:100px 0; }

.plansDetails {
    max-width: 380px;
    margin: 20px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px;
    background: var(--PRS-lightGrey);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0);
}
    .plansDetails .PlanPrice {
        margin: 0 0 30px; position:relative;
    }
    .plansDetails img.planDays {
        width: 100%;
        height: 162px;
        object-fit: cover;
        position: relative; z-index:1;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
    }
    .plansDetails .PlanPrice h4 {
        position: absolute;
        left: 0;
        padding: 10px 20px;
        margin: 0;
        color: white;
        font-size: 50px;
        z-index: 2;
        text-shadow: 0 0 2px #000000;
        -webkit-text-shadow: 0 0 2px #000000;
        -moz-text-shadow: 0 0 2px #000000;
    }

.plansDetails h3,
.plansDetails p { color:var(--PRS-black); margin:0; } 
.plansDetails .buyPlan { 
    display: inline-block; font-weight: bold; font-size:16px; letter-spacing: 2px; text-transform: uppercase; padding:9px 28px; margin:30px 0 10px; color: var(--PRS-white); background: var(--PRS-blue);
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
    transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out;
} 

.plansDetails h3 strike {
    font-size: 50%; opacity: 0.5;
}
.plansDetails p.Note {
    color: var(--PRS-red); font-size:90%; margin:0 0 25px;
}
 

.plansDetails:hover { 
    background: var(--PRS-white);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
}



.PRS_PricingWrp .col-12:nth-child(odd) .PlanPrice h4 {
    top: 0;
}
.PRS_PricingWrp .col-12:nth-child(even) .PlanPrice h4 {
    bottom: 0;
}

.owl-carousel .item {
    margin: 40px 15px 50px;
}

.owl-nav .owl-prev,
.owl-nav .owl-next { width:60px; height:60px; display: block; font-size:0px; position: absolute; top:0; bottom:0; margin: auto; cursor: pointer; }
.owl-nav .owl-prev { left:-135px; background: url("../images/prevArrow-Ic.svg")no-repeat center center / contain; }
.owl-nav .owl-next { right:-135px; background: url("../images/nextArrow-Ic.svg")no-repeat center center / contain; }
.owl-nav .disabled { opacity: 0.25; pointer-events: none; }

.owl-dots { display: none; }


.InstitutionalPricing { padding:100px 0 110px; background: var(--PRS-blue); text-align: center; }
.InstitutionalPricing *,
.InstitutionalPricing h3.secTitle { color: var(--PRS-white); }
.InstitutionalPricing .text { max-width:800px; margin: auto; }

/*===== *************** =====*/



/*===== SignUp CSS =====*/
.signUp_Page header img.logoBlue,
.signUp_Page header.sticky img.logoWhite { display: none; }

.signUp_Page header img.logoWhite,
.signUp_Page header.sticky img.logoBlue { display: block; }

.signUp_Page main { margin:0; }

.signupWrp { width:100%; height:100vh; min-height: 600px; padding:100px 0 50px; display: table; overflow: hidden; }
.signupWrp img.footerPattern_PRS { position: absolute; right:-25px; bottom:0; display: block; width:500px; opacity: 0.5; }

.signupWrp .centerWrp { display: table-cell; vertical-align: middle; position: relative; z-index: 2; }

.signupWrp .img { width:45%; height:100vh; position: absolute; left:0; top:0; bottom:0; z-index: 0; }
.signupWrp .img img { width:100%; max-height: 100%; object-fit: cover; object-position: right bottom; }

.nav-tabs { border: none; margin:0 0 40px; }
.nav-tabs .nav-item .nav-link,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active { border: none; padding:0; }

.nav-tabs .nav-item { position: relative; margin:0 40px 0 0; }
.nav-tabs .nav-item::before { content: ""; display: block; position: absolute; right:-20px; top:0; bottom:0;  margin: auto; width:1px; height:30px; background: var(--PRS-black); } 
.nav-tabs .nav-item:last-child { margin:0; }
.nav-tabs .nav-item:last-child::before { display: none; }

.nav-tabs .nav-item .nav-link,
.nav-tabs .nav-item .nav-link .red { font-size: 40px; font-weight: 600; color: #D1D3D4; line-height: 50px; }
.nav-tabs .nav-item .nav-link.active { color: var(--PRS-blue); background: transparent; }
.nav-tabs .nav-item .nav-link.active .red { color: var(--PRS-red); }


.tab-content form { max-width:600px; }
.tab-content form .note p { font-size: 18px; }
.tab-content form .btn, .tab-content form .link { display: inline-block; margin:35px 0 0; }



.forgetPasswordForm .otpBox { display: flex; flex-wrap: wrap; }
.forgetPasswordForm .otpBox label { width:100%; }
.forgetPasswordForm .otpBox .form-control { width:58px; margin-right:20px; padding:0; text-align: center; 
    appearance:none; -webkit-appearance:none; -moz-appearance:none;
}

.linkGroup,
.btnsGroup { display: flex; flex-wrap: wrap; }

.linkGroup { margin:25px 0 50px; }
.linkGroup a.link { margin-right:50px; text-decoration: underline; }

.btnsGroup .btn { margin-right:50px; }


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*===== *************** =====*/



/*===== CheckOut CSS =====*/
.checkoutWrp { margin:200px 0 100px; }


.blueBox { padding:70px; background: var(--PRS-blue);
    border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px;
}
.backLink { color: var(--PRS-white); }
.backLink .backIcon { min-width:30px; max-width:30px; height:30px; margin:-2px 5px 0 0; display: inline-block; vertical-align: middle; object-fit: cover; object-position: center top; }
.backLink:hover .backIcon { object-position: center bottom; }

.blueBox * { color: var(--PRS-white); }
.blueBox h4 { margin:30px 0; }

.planListing li { margin:25px 0; }
.planListing li a { padding:20px 25px; border:2px solid rgba(255,255,255,0.25); background: rgba(0,0,0,0);
    display: flex; justify-content: space-between; align-items: center;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
.planListing li a * { line-height: 40px; }
.planListing li a .planName { font-size:30px; font-weight: 300; margin:0 20px 0 0; }
.planListing li a .planPrice { font-size:40px; color: var(--PRS-red); font-weight: bold; }

.planListing li a:hover { background: rgba(0,0,0,0.25); }


.termsAndCondition { margin:50px 0 0; }
.termsAndCondition li { margin:10px 0; }
.termsAndCondition li p { font-size: 15px; line-height: 18px; position: relative; padding-left:20px; }

.termsAndCondition li p::before { content: "*"; display: block; position: absolute; left:0; top:3px; }



.checkoutBanner { padding:100px 0 150px; text-align: center; }
.checkoutBanner p { margin:0 100px; }


.selectedPlan .planDetail { padding:20px 30px; margin:0 0 30px; background: #f1f2f2; display: flex; justify-content: space-between; align-items: center; max-width: 40%; }
.selectedPlan .planDetail .planPrice { font-size: 35px; color: var(--PRS-red); font-weight: bold; }
.selectedPlan p,
.selectedPlan .planDetail .planName { font-size: 28px; margin: 0; }


.selectedPlan .link_Black { margin:30px; }
.link_Black { color: var(--PRS-black); }
.link_Black .linkIcon { width:30px; height:30px; margin:-2px 5px 0 0; object-fit: cover; object-position: center top; }
.link_Black:hover .linkIcon { object-position: center bottom; }


.selectedPlan p { opacity: 0.5; }

.selectedPlanWrp .planDetails { padding:70px; border:2px solid var(--PRS-red); position: relative; margin:100px 0;
    border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;
}
.selectedPlanWrp .planDetails h5 { position: absolute; left:70px; top:-25px; color: var(--PRS-blue); background: var(--PRS-white); padding:10px 20px; font-weight: 600; }



.form-control.StripeElement {
    padding: 17px 0 !important;
}


.selectedPlanBox {
    border:2px solid var(--PRS-red); background: #ffeeeb; padding:10px 25px; 
    max-width:400px; width:100%; margin:0 auto; height:266px;
    display: flex; flex-direction: column; justify-content: center;
    border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px;
}
.selectedPlanBox .d-flex { display: flex; justify-content: space-between; align-items: center;  margin:20px 0; }
.selectedPlanBox .d-flex * { margin:0; }
.selectedPlanBox .d-flex h4 { font-size: 28px; }
.selectedPlanBox .dc-applied { margin:5px 0; }
.selectedPlanBox p,
.selectedPlanBox span { font-size:18px; }




.CardDetail-Wrp .AddNewCard {
    
    display: flex; flex-direction: column; align-items: center;
}
.CardDetail-Wrp .AddNewCard form {
    max-width:400px; width:100%; margin: auto;
}



    .CardDetail-Wrp .AddNewCard .form-group {
        width:100%; margin: 15px 0;
    }

.CardDetail-Wrp .btns-group { display: flex; flex-direction: column; }
.CardDetail-Wrp .btns-group button { margin:10px; text-transform: uppercase; font-size: 15px !important; font-weight: 600 !important; }
.CardDetail-Wrp .btns-group .blackBtn { border: none; color: var(--PRS-black); background: transparent; }
.CardDetail-Wrp .primaryBtn { margin:100px 0 0; }

.card-details { max-width:100%;
    display: flex; flex-direction: column; padding:20px 25px; max-width:400px; width:100%; margin:0 auto; border:2px solid transparent;
    background:#f2f2f0 url("../images/CardBg-Pattern.jpg")no-repeat center center / cover;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
.card-details img.Card-Chip { width:70px; }
.card-details .Card-Number { display: flex; align-items: center; justify-content: space-between; margin:28px 0 0; }
.card-details .Expiry-Date { margin:0 0 15px; display: flex; align-items: center; }
.card-details .Expiry-Date * { margin:0 10px 0 0; font-size:18px; opacity: 0.75; }
.card-details .CardHolder-Name { color: var(--PRS-red); font-size: 20px; text-transform: uppercase; font-weight: 600; }


.card-details.selected { border:2px solid var(--PRS-blue); }



.CheckOutBtn { text-align: center; }
.CheckOutBtn button {
    overflow: hidden;width: 100%; border: none; padding: 0;
    background: var(--PRS-red);
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
.CheckOutBtn button * { color: white; margin:0; }
.CheckOutBtn h4 { font-size:40px; line-height: 40px; }
.CheckOutBtn button h4 { padding:25px; font-size:60px; line-height: 60px; display: block; }
.CheckOutBtn span { background: var(--PRS-blue); min-width:100%; text-align: center; padding:10px; text-transform: uppercase; display: flex; align-items: center;  justify-content: center; } 
.CheckOutBtn span img { width:25px; height:25px; margin:0 0 0 10px; }


.ThankyouWrp {
    margin:100px 0;
}
.ThankyouWrp .primaryBtn { margin:100px 0 0; }
.ThankyouWrp img { margin:0 0 30px; }

.ThankyouWrp .container {
    max-width:800px; text-align: center;
}





/*===== *************** =====*/


/*===== Profile CSS =====*/
.innerPage-bannerWrp { padding:25px 0; background: var(--PRS-lightGrey); }
.innerPage-bannerWrp .text { padding-right:150px; }


.userProfileWrp { padding:80px 0; }

.userProfileTabs { padding:75px; position: relative; border:2px solid var(--PRS-red);
    border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;
}
.userProfileTabs .nav-tabs { margin:0; position: absolute; left:50px; top:-22px; background: var(--PRS-white); }
.userProfileTabs .nav-item { margin:0 60px 0 0; }
.userProfileTabs .nav-item .nav-link { font-size: 30px; line-height: 40px; margin:0 25px; }
.userProfileTabs .nav-item::before { display: none; }

.userProfileTabs form { max-width:100%; }
.userProfileTabs form label { margin:0 0 5px; }
.userProfileTabs form .checkbox { margin:10px 0; }

.userProfileWrp .tab-content form { text-align: left; margin:0 0 50px; }

form .note { margin:30px 0; }
form .note p { margin:0; }
form .note a { font-weight: bold; }


.paymentBlock { padding:20px 30px 30px; margin:30px 0; border:1px solid var(--PRS-red);
    border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px;
}
.paymentBlock .d-flex { align-items: center; justify-content: space-between; }
.paymentBlock h4 { font-size:20px; margin:0; }
.paymentBlock .decription { margin:30px 0; }
.paymentBlock div p,
.paymentBlock div h5 { margin:0; }

.paymentBlock .btn { font-size: 13px; padding: 11px 15px; }


/*===== *************** =====*/



/*===== InstitutionalPricing CSS =====*/
.InstitutionalPricingForm { padding:100px 0 0; text-align: center; }

.InstitutionalPricingForm form { margin:40px 0 0; }
.InstitutionalPricingForm form .form-group { text-align: left; }

.PriviacyPolicyPageWrp {
    background-image: -webkit-linear-gradient(#f5f5f0, white);
    background-image: -moz-linear-gradient(#f5f5f0, white);
    background-image: linear-gradient(#f5f5f0, white);
    padding: 70px 0;
}

.PriviacyPolicy h1 {
    font-size: 40px; line-height:45px; margin: 30px 0 10px;
}
.PriviacyPolicy h2 {
    font-size: 35px;
    line-height: 45px;
    margin: 30px 0 10px;
}
.PriviacyPolicy h3 {
    font-size: 30px;
    line-height: 35px;
    margin: 30px 0 10px;
}
.PriviacyPolicy h4 {
    font-size: 25px;
    line-height: 30px;
    margin: 30px 0 10px;
}
.PriviacyPolicy h5 {
    font-size: 20px;
    line-height: 25px;
    margin: 30px 0 10px;
}
.PriviacyPolicy h6 {
    font-size: 17px;
    line-height: 22px;
    margin: 30px 0 10px;
}

.PriviacyPolicy p {
    margin: 10px 0;
}

/*===== Modal CSS =====*/
.modal-open .modal { opacity:1 !important; }
.modal-backdrop.fade { opacity: 0.75; }
.modal-backdrop { opacity: 0.75; }
.modal-dialog { margin: 100px auto 20px; }
.modal { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.modal-backdrop { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

/*===== *************** =====*/

.TrialPlan {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 3px solid var(--PRS-blue);
    border-left: 15px solid var(--PRS-blue);
    padding: 15px 25px;
    position: relative;
    max-width: 700px;
    margin: 35px auto;
    border-radius: 15px;
}

    .TrialPlan div * {
        color: var(--PRS-black);
        margin: 0;
        line-height: 1.25;
    }

    .TrialPlan .buyPlan {
        white-space: nowrap;
        font-weight: bold;
        font-size: 16px;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding: 9px 28px;
        color: var(--PRS-white);
        background: var(--PRS-blue);
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        transition: 0.2s ease-in-out;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
    }


.LogoWrp {
    padding: 80px 0;
    background: #F1F2F2;
}

.slick-initialized .slick-slide {
    display: block;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    margin: 15px;
    background: white;
    border-radius: 25px;
    overflow: hidden;
    padding: 15px;
}

.slick-slide img {
    display: block;
    margin: auto;
    padding: 0 5px;
    width: auto;
    height: 100px;
    object-fit: contain;
}




/*===== Responsive CSS =====*/
@media screen and (max-width: 1919px) {
    
    .AboutUsWrp img.PRS_Pattern { width:400px; left:-100px; }
    
}
    

@media screen and (max-width: 1599px) {
    
    body,
    .form-control,
    a { font-size: 18px; line-height: 26px; }
    h3 { font-size: 50px; line-height: 60px; }
    h4 { font-size: 32px; line-height: 40px; }
    
    .primaryBtn, .secondaryBtn { font-size: 16px; }
    
    main { margin:104px 0 0; }
    
    header { padding:12px 0; }
    header .navbar-brand,
    header h1,
    header h1 a,
    header h1 img { width: 110px; height: 80px; }
    
    
    /* ComingSoon CSS */
    .comingSoon .navbar-brand,
    .comingSoon .navbar-brand img { width:190px; }

    .comingSoon .pageTitle { font-size:65px; line-height: 65px; }
    .comingSoon p { font-size:28px; line-height: 35px; }
    .comingSoon .socialMedia a,
    .comingSoon .socialMedia a img { max-width:70px; min-width:70px; height:70px; display: block; object-fit: contain; }

    
    /* WelcomePage CSS */
    .AboutUsWrp img.PRS_Pattern { width:375px; left:-50px; }
    
    ul.iconListing li { font-size:20px; }
    
    
    /* CheckOut CSS */
    .planListing li a .planName { font-size:25px; }
    .planListing li a .planPrice { font-size:35px; }

    
    .selectedPlanBox { height: 242px; }
    
    
    
}

@media screen and (max-width: 1439px) {
    
    /* HeaderFooter CSS */
    
    /* WelcomePage CSS */
    .owl-nav .owl-prev { left:-75px; }
    .owl-nav .owl-next { right:-75px; }
    
    
}

@media screen and (max-width: 1365px) {
    
    h2, h3.secTitle { font-size: 38px; line-height: 50px; }
    
    
    header,
    section,
    footer { 
        padding-left: 0 !important; padding-right: 0 !important; 
    }
    
    
    .shareWidget { right:12px; bottom:30px; }
    .shareWidget a.shareBtn { padding:7px; }
    .shareWidget a img { width:40px; height:40px; }
    
    .shareWidget .socialMedia { padding:0 0 60px; }
    
    
    /* HeaderFooter CSS */
    .patternImg { width:500px; }
    
    /* WelcomePage CSS */
    .welcomeBanner { height: auto; }
    
    .welcomeBanner .text p { font-size: 25px; }
    .AboutUsWrp p,
    .PRS_SocialMedia p,
    .plansDetails p { font-size: 22px; line-height: 35px; }
    
    .AboutUsWrp img.PRS_Pattern { left:0; }
    
    .owl-nav .owl-prev { left:-15px; }
    .owl-nav .owl-next { right:-15px; }
    
    
    /* CheckOut CSS */
    
    
    /* Profile CSS */
    .innerPage-bannerWrp .text { padding-right: 0; }

}

@media screen and (max-width: 1199px) {
    h2,
    h3,
    h3.secTitle { font-size: 35px; }
    
    body,
    .form-control,
    a { font-size: 17px; }
    .primaryBtn, .secondaryBtn { font-size: 15px; }
   
    .form-group { margin:0 0 20px; }
    .form-control { height: 52px; padding:0 15px; }
    textarea.form-control { padding:10px 15px; }
    
    footer .patternImg { width:400px; }
    footer .blueDot {  right:50px; top: -100px; width: 80px; height: 80px; }

    /* WelcomePage CSS */
    .welcomeBanner { padding:25px 0 70px; }
    .welcomeBanner .text { padding:20px 0; }
    
    .AboutUsWrp,
    .KeyFeaturesWrp { padding: 70px 0; }
    .AboutUsWrp p,
    .PRS_SocialMedia p,
    .plansDetails p { font-size: 20px; line-height: 30px; }
    
    
    .AboutUsWrp .imgText { padding:125px 0 0; }
    .AboutUsWrp img.PRS_Pattern { bottom: inherit; }
    
    
    .PRS_PricingWrp { padding:70px 0; }
    .owl-carousel .item { margin:30px 50px 50px; }
    .plansDetails img.planDays { height: auto; }
    
    .owl-nav .owl-prev { left:0; }
    .owl-nav .owl-next { right:0; }
    
    
    /* SignUp CSS */
    .tab-content form .note p { font-size: 15px; }
    
    
    /* CheckOut CSS */
    .planListing li a .planName { font-size:22px; }
    .planListing li a .planPrice { font-size:30px; }
    
    
    /* Profile CSS */
    .userProfileWrp { padding:80px 0 25px; }
    
    .userProfileTabs { padding:45px; }
    .userProfileTabs .nav-tabs { left:30px; }
    .userProfileTabs .nav-item { margin: 0 10px 0 0; }
    .userProfileTabs .nav-item .nav-link { font-size: 25px !important; margin:0 15px; }
    
    .userProfileTabs h4 { font-size: 28px; }
    .paymentBlock h4 { font-size: 20px; }
    
    
    /* InstitutionalPricing CSS */
    .InstitutionalPricingForm { padding:60px 0 0; }
    
    
    
    
    .CardDetail-Wrp .btns-group { flex-direction: row; }
    
    

}

@media screen and (max-width: 991px) {
    
    h3 { font-size: 40px; line-height: 50px; }
    .subTitle { font-size: 25px; line-height: 35px; }
    h4 { font-size: 28px; line-height: 35px; }
    h5 { font-size: 22px; line-height: 30px; }
    
    p { margin:0 0 25px; }
    p:last-child { margin:0; }
    
    .primaryBtn, .secondaryBtn { padding:12px 30px; }
    
    
    /* HeaderFooter CSS */
    header { padding: 10px 0; }
    header .navbar-brand,
    header h1,
    header h1 a,
    header h1 img { 
        width: 90px; height: 65px;
    }


    .menuWrp .userDetail {
        color: var(--PRS-white);
    }
       .menuWrp .dropdown .dropdown-menu {
        position:relative;
    }
    .menuWrp .dropdown .dropdown-menu::before {
        border-bottom: 8px solid rgba(255, 255, 255, 1);
        right: 0;
        left: 0;
        margin: auto;
    }
    
    .navbar-nav .nav-item a.loginBtn { margin:5px 0; display: inline-block; }
    
    
    footer { margin: 120px 0 0; }
    footer ul { margin:0 0 40px; }
    footer .blueDot { right: 15px; top: -110px; width: 100px; height: 100px; }
    
    .langaugeOption { margin:0; }    
    
    
    /* ComingSoon CSS */
    .comingSoon p { font-size:25px; line-height: 32px; }
    
    
    /* WelcomePage CSS */
    .welcomeBanner .text { padding:50px 0 0; text-align: center; max-width: 800px; margin: auto; }
    
    .welcomeBanner .img,
    .KeyFeaturesWrp .img img,
    .welcomeBanner .img img { 
        max-height: 400px;
    }
    
    .KeyFeaturesWrp .text,
    .KeyFeaturesWrp h3.secTitle { 
        text-align: center;
    }
    .welcomeBanner h2::after,
    .KeyFeaturesWrp h3.secTitle::after { 
        right:0; margin: auto;
    }
    
    .KeyFeaturesWrp ul.iconListing { max-width:500px; margin: auto; }
    .KeyFeaturesWrp ul.iconListing li { text-align: left; }
    ul.iconListing li { font-size: 18px; }
    
    
    .PRS_QBankWrp .text { margin:0; }  
    .PRS_PricingWrp h3 { font-size: 32px; }
    .plansDetails .buyPlan { font-size:14px; margin:15px 0 30px; }
    .owl-carousel .item { margin: 30px 10px 50px; } 
    .owl-nav .owl-prev,
    .owl-nav .owl-next { width:50px; height:50px; } 
    
    
    
    /* SignUp CSS */
    .signupWrp .img { width: 75%; height: auto; }
    .signupWrp .centerWrp { display: block; }
    
    .signupWrp .formWrp {
        background: rgba(255,255,255,0.85); padding: 30px; margin:25px 0 0;
        backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); -moz-backdrop-filter: blur(2px);
    }
    .signupWrp .nav-tabs { justify-content: center; }
    .tab-content form { margin: auto; text-align: center; }
    
    
    .nav-tabs .nav-item .nav-link,
    .nav-tabs .nav-item .nav-link .red { font-size:34px; color: var(--PRS-black); opacity: 0.5; }
    .nav-tabs .nav-item .nav-link.active,
    .nav-tabs .nav-item .nav-link.active .red { opacity: 1; }
    
    .signupWrp img.footerPattern_PRS { opacity: 1; }
    
    
    /* CheckOut CSS */
    .checkoutBanner { padding:100px 0; }
    .checkoutBanner h3 { margin:0; }
    .checkoutWrp { margin: 125px 0 100px; }
    .blueBox { padding:50px; }
    
    .termsAndCondition li p { font-size: 14px; line-height: 16px; }
    
    .selectedPlan .planDetail { max-width:100%; }
    
    
    .selectedPlanWrp .planDetails { padding:40px 25px 30px; }
    
    
    /* Profile CSS */
    main { margin: 85px 0 0; }
    
    .innerPage-bannerWrp { padding:50px 0; }
    .innerPage-bannerWrp .img img { max-height: 350px; display: block; margin: auto; }
    .innerPage-bannerWrp .text { text-align: center; padding:30px 0 0; }
    .innerPage-bannerWrp .text h3 { margin:0 0 15px; }
    
    .userProfileWrp .tab-content form .btn,
    .userProfileWrp .tab-content form .link,
    .paymentBlock { margin:15px 0; }
    
    
    
    .selectedPlanBox { height: auto; margin:50px auto 0; }

    .TrialPlan {
        max-width: 500px;
    }

}

@media screen and (max-width: 767px) {
    
    body,
    a { font-size: 16px; }
    
    
    h2, h3,
    h3.secTitle { font-size: 30px; line-height: 40px; }
    
    /* HeaderFooter CSS */
    header .offcanvas { width: 300px !important; padding: 60px 40px 25px; }
    .navbar-toggler { width:45px; height:45px; display:block; }


    .menuWrp .links { display:none;
    }

    
    /* ComingSoon CSS */
    .comingSoon .logo-pageTitle {
        flex-direction: column;
    }
    .comingSoon .navbar-brand,
    .comingSoon .navbar-brand img { width: 150px; }
    .comingSoon .pageTitle { flex-direction: row; justify-content: center; font-size:55px; line-height: 55px; flex-wrap: wrap; margin:20px 0 0; }
    .comingSoon .pageTitle span { margin:5px; }
    
    .comingSoon p { font-size: 22px; line-height: 30px; }
    
    .comingSoon .socialMedia a { margin:0 8px; }
    .comingSoon .socialMedia a,
    .comingSoon .socialMedia a img { max-width: 60px; min-width: 60px; height: 60px; }
    
    
    /* WelcomePage CSS */
    .AboutUsWrp p,
    .PRS_SocialMedia p,
    .plansDetails p { font-size: 18px; line-height: 28px; }
    .welcomeBanner .text p { font-size: 20px; line-height: 30px; }
    
    .videoBox { margin:30px auto; }
    .KeyFeaturesWrp .img,
    .KeyFeaturesWrp .text { margin:25px 0 0; }
    
    .owl-carousel .item { max-width: 320px; margin:30px auto; }    
    
    /* SignUp CSS */
    .signupWrp .formWrp { padding:30px 15px; }
    .tab-content form .btn,
    .tab-content form .link { margin:15px 0; }
    .nav-tabs .nav-item .nav-link,
    .nav-tabs .nav-item .nav-link .red { font-size: 28px; }
    
    .signupWrp .formWrp .text-end { text-align: center !important; }
    
    .tab-content form .note p { font-size: 14px; }
        
    
    /* CheckOut CSS */
    .blueBox { padding:30px 15px;
        border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px;
    }
    .planListing li a { padding:15px; flex-direction: column; }
    .planListing li a .planName { line-height: 30px; margin:0 0 5px; }
    
    .termsAndCondition li p { font-size: 13px; line-height: 16px; }
    
    .selectedPlan { text-align: center; }
    .selectedPlan .planDetail { flex-direction: column; }
    .selectedPlan p,
    .selectedPlan .planDetail .planName { margin:0 0 10px; font-size: 20px; }
    
    
    /* Profile CSS */
    .userProfileTabs { padding:60px 15px 25px;
        border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
    }
    .userProfileTabs .nav-tabs { left:0; right:0; }
    .userProfileTabs .nav-item { margin:0 20px 0 0; }
    .userProfileTabs .nav-item .nav-link { margin:0; font-size:18px !important; }
    .userProfileTabs .nav-item .nav-link.active { margin:-2px 0 0; font-size:25px !important; }
    
    .paymentBlock { padding:20px 15px; }
    .paymentBlock .d-flex { flex-direction: column; align-items: flex-start; }
    .paymentBlock .btn { margin:20px 0 0; }
    
    .CardDetail-Wrp .d-flex { align-items: center !important; }
    .CheckOutBtn { max-width:300px; margin:30px auto 0; }
  
    
    
    .CheckOutBtn h4 { font-size:30px; line-height: 30px; }
    .CheckOutBtn button h4 { font-size:50px; line-height: 50px; }

 
    
    .CardDetail-Wrp .btns-group {
        justify-content:center;
    }
    .TrialPlan {
        padding: 8px 10px;
        width: 90%;
        flex-direction: column;
        align-items: center;
        border: 2px solid var(--PRS-blue);
        border-top: 15px solid var(--PRS-blue);
        text-align: center;
    }
        .TrialPlan .buyPlan {
            margin: 12px 0 0;
        }


}

@media screen and (max-width: 575px) {
    
    .primaryBtn, .secondaryBtn { padding: 10px 20px; }
    
    h3 { font-size: 32px; line-height: 42px; }
    .subTitle { font-size: 22px; line-height: 32px; }

    /* HeaderFooter CSS */
    footer .blueDot { right: 15px; top: -100px; width: 75px; height: 75px; }
    
    
    /* WelcomePage CSS */
    .welcomeBanner h2 { font-size: 25px; line-height: 35px; }
    
    .KeyFeaturesWrp .text h4 { font-size: 22px; line-height: 30px; }
    ul.iconListing li { font-size: 17px; }
    
    
    .PRS_QBankWrp .text { margin:0 0 25px; }
    .PRS_QBankWrp .PRS_Features { padding: 15px 20px 50px; margin: 15px 0 0; }
    .PRS_QBankWrp .PRS_Features img.FeaturesImg { width: 80px; height: 80px; }
    
    .owl-nav .owl-prev { left: -10px; }
    .owl-nav .owl-next { right: -10px; }
    

}