@font-face {
font-family: "Centra No2";
font-display: swap;
src:
url(https://db.onlinewebfonts.com/t/229a57bbeef591e04a1fdfe347c90864.woff2)
format(woff2),
url(https://db.onlinewebfonts.com/t/229a57bbeef591e04a1fdfe347c90864.woff)
format(woff);
}
.whatsapp-float {
position: fixed;
padding-top: 1%;
bottom: 20px;
left: 20px;
background-color: #25d366;
color: white;
border-radius: 50%;
width: 60px;
height: 60px;
text-align: center;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
z-index: 1000;
cursor: pointer;
transition: background-color 0.3s ease;
}
svg.svg-inline--fa.fa-whatsapp:hover {
background-color: #1ebc59;
}
.whatsapp-float svg.svg-inline--fa.fa-whatsapp {
font-size: 30px;
line-height: 60px;
}
header {
background: #fff;
position: sticky;
top: 0;
width: 100%;
box-shadow:
0 4px 8px 0 rgba(0, 0, 0, 0.2),
0 6px 20px 0 rgba(0, 0, 0, 0.19);
z-index: 9999;
} #selct-r {
position: relative;
}
p.semi-head {
color: #022e49;
font-size: 24px;
font-weight: 600;
text-decoration: underline;
}
.mit-rej h3 {
font-size: 30px !important;
}
div#errorpage {
display: flex;
height: 70vh;
flex-direction: column;
align-content: center;
align-items: center;
justify-content: center;
}
#errorpage h1 {
font-size: 52px;
font-weight: 700;
font-family: "Centra No2";
}
#banner-bg > div > div > div:nth-child(3) > div > div > div {
background: #ffffffe3;
border-radius: 50px;
text-align: center;
padding: 10px;
}
.hitw {
font-size: 18px;
font-weight: 600;
}
.section-4 div:hover {
box-shadow:
0 4px 8px 0 rgba(0, 0, 0, 0.2),
0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1060;
display: none;
width: 60%;
max-width: 800px;
height: 100%;
max-height: 80vh;
overflow-x: hidden;
overflow-y: auto;
outline: 0;
}
.header3 div:first-child {
padding: 0 !important;
}
.modal-dialog {
max-width: none !important;
}
.modal-body p,
.modal-body ol li {
text-align: left !important;
font-size: 16px;
}
.modal-body {
padding: 0 1rem;
}
#selct:after {
color: red !important;
content: "" !important;
position: fixed !important;
height: 10px !important;
width: 10px !important;
right: 0 !important;
top: 0 !important;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none;
z-index: 9999;
}
.popup-container {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10000;
background-color: #022e49;
color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
padding: 20px;
border-radius: 5px;
text-align: center;
display: none;
}
#popup-form {
max-width: 450px;
margin: 0 auto;
padding-top: 50px;
}
form#popup-form h2 {
font-weight: 600;
}
.close-popup {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
background: #fff;
color: #022e49;
padding: 8px;
border-radius: 50%;
height: 35px;
font-size: 19px;
}
#popup-form input.form-control,
select.form-select {
background: #022e49;
color: #fff;
border: 1px solid #fff;
height: 50px;
}
#popup-form input.form-control:focus {
background: #022e49;
color: #fff;
}
* {
font-family: "Centra No2";
}
.navbar-nav a {
position: relative;
text-decoration: none;
color: #333;
transition: color 0.3s ease;
}
div#navbarNavAltMarkup {
font-weight: 600;
}
.navbar-nav a::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #0b5ed7;
visibility: hidden;
transform: scaleX(0);
transition:
transform 0.3s ease,
visibility 0.3s ease;
}
.navbar-nav a:hover {
color: #007bff;
}
.navbar-nav a:active {
background: transparent;
color: #007bff;
}
.navbar-nav a:hover::before {
visibility: visible;
transform: scaleX(1);
}
ul#navv {
line-height: 0;
align-items: center;
}
.header3 {
align-items: center;
}
.active-link {
background-color: #022e49;
border-radius: 5px;
}
.header-section-3 {
display: flex;
align-items: center;
justify-content: center;
}
#btn {
background-color: #022e49;
border-radius: 5px;
}
#search-bg {
background-color: #e9e9eb;
border: none;
}
#basic-addon2 {
background-color: #022e49;
border-radius: 0 5px 5px 0;
}
#navv li a {
color: #fff;
padding: 20px;
}
#header {
align-items: center;
padding: 10px 0;
}
#navbar {
padding: 0;
}
.dropdown:hover > .dropdown-menu {
display: block;
}
.row.cpack-wrapper {
display: flex;
gap: 30px;
align-content: center;
align-items: center;
justify-content: center;
}
.cpack {
background: #203349;
color: #fff;
padding: 20px;
height: 100%;
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.cpack p {
font-size: 16px !important;
}
.cpack h3 {
font-size: 26px;
font-weight: 600;
}
.banner {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: auto;
padding: 5%;
}
.b-home {
background-image:
linear-gradient(0deg, #022e49c9, #022e49c9),
url(//scopusjournalpublications.com/img/woman-buying-books-bookstore.webp);
padding: 50px 7% 0;
}
.b-home-2 {
background-image:
linear-gradient(0deg, #022e49dc, #022e49dc),
url(//scopusjournalpublications.com/img/book-library-book-stack-wood-desk-ducation-background-back-school-concept.webp);
}
.b-service {
background-image:
linear-gradient(0deg, #022e49dc, #022e49dc),
url(//scopusjournalpublications.com/img/woman-hand-picking-book-from-bookshelf-library-university-college-high-school-bookshop.webp);
}
.b-testi {
background-image:
linear-gradient(0deg, #022e49dc, #022e49dc),
url(//scopusjournalpublications.com/img/business-people-shaking-hands-finishing-up-meeting-deals-business-concept.webp);
}
.b-contact {
background-image:
linear-gradient(0deg, #022e49dc, #022e49dc),
url(//scopusjournalpublications.com/img/closeup-business-woman-hand-typing-laptop-keyboard-with-m.webp);
}
.b-services-tab {
background-image:
linear-gradient(0deg, #022e49dc, #022e49dc),
url(//scopusjournalpublications.com/img/book-library-book-stack-wood-desk-ducation-background-back-school-concept.webp);
padding: 3% 6%;
}
.b-services-tab .banner-content div {
display: flex;
justify-content: center;
align-items: center;
}
hr {
color: #fff;
opacity: 1;
}
#banner-bg-2 > div > div > div.row {
display: flex;
align-items: center;
justify-content: center;
}
.silver {
background: #294779;
padding: 0;
border-radius: 30px;
color: #fff;
}
.diamond {
background-color: #203349 !important;
}
.silver .banner-list li svg {
padding: 5px;
color: #fff;
font-size: 12px;
background: green;
border-radius: 50%;
margin-right: 10px;
}
svg.svg-inline--fa.fa-xmark {
background-color: #ff4444 !important;
color: #fff !important;
}
.diamond p {
background-color: #132234 !important;
}
.silver p {
background: #172d52;
padding: 10px 30px !important;
font-size: 18px !important;
margin: 0 !important;
margin-bottom: 30px !important;
}
.silver h3 {
padding: 30px 20px !important;
padding-bottom: 0 !important;
font-size: 32px !important;
color: #fff !important;
}
.silver .banner-list {
gap: 10px;
padding-left: 50px;
padding-bottom: 20px;
}
.pricing {
gap: 20px 50px;
display: flex;
align-items: center;
justify-content: center;
}
.list-group-horizontal {
gap: 30px;
justify-content: center;
}
.b-services-tab button {
background: none;
color: #fff;
}
.b-services-tab button:hover {
background: #fff;
color: #022e49;
}
.footer-banner {
background-image:
linear-gradient(0deg, #022e49dc, #022e49dc),
url(//scopusjournalpublications.com/img/global-connections.webp);
}
.banner-content h1,
.banner-content h5,
.banner-content2 h2,
.banner-content2 h3 {
font-size: 52px;
color: #fff;
font-weight: 700;
}
.fa-star {
color: #dfb10c;
}
.banner-content2 h2 {
font-size: 2.2rem;
font-weight: 700;
}
.banner-service2 {
display: flex;
align-items: center;
justify-content: center;
}
.banner-content p {
color: #fff;
width: 75%;
font-size: 18px;
margin-top: 20px;
}
.banner-content2 p {
color: #fff;
font-size: 18px;
margin-top: 20px;
}
#btn-member {
border: 1px solid #fff;
background-color: transparent;
color: #fff;
font-size: 16px;
padding: 20px 25px;
}
.fa-facebook:hover,
.fa-twitter:hover,
.fa-instagram:hover,
.fa-linkedin:hover {
cursor: pointer;
color: #ccc;
}
.footOne-left h2 {
font-size: 38px;
font-weight: 700;
}
.footOne-left p {
font-size: 18px;
}
.footOne-right {
text-align: left;
}
.fa-facebook:hover,
.fa-twitter:hover,
.fa-instagram:hover,
.fa-linkedin:hover {
cursor: pointer;
color: #ccc;
}
.fa-facebook,
.fa-twitter,
.fa-instagram,
.fa-linkedin {
color: #fff;
margin-top: 20px;
padding: 10px;
font-size: 20px !important;
text-align: center;
text-decoration: none;
border-radius: 50%;
transition: 0.3s;
}
.social-media {
display: flex;
gap: 10px;
}
.counter {
display: flex;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
text-align: center;
background: #022e49;
margin-top: 30px !important;
padding: 30px;
color: #fff;
}
.counter-box h5 {
font-size: 64px;
}
.counter-box p {
font-size: 25px;
}
.heading-box {
background-color: #000;
padding: 9%;
color: #fff;
}
.heading-1 {
font-size: 48px;
margin-bottom: 40px;
}
.section-2 p {
font-size: 18px;
}
.section-2 > div > div.col-md-5 > ul > li {
line-height: 2.5;
font-size: 18px;
list-style: none;
}
.section-2 > div > div.col-md-5 > ul > li::before {
color: #022e49;
content: "\2022";
font-weight: 700;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.section-3 {
background-image:
linear-gradient(0deg, #022e49d9, #022e49d9), url(//scopusjournalpublications.com/img/banner2.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 354px;
display: flex;
align-items: center;
justify-content: center;
}
.inner-3 {
background-color: #fff;
text-align: center;
align-items: center;
padding: 0;
}
#btn-section-3 {
border: 1px solid #000;
transition: 0.3s;
padding: 10px 30px;
}
.inner-desc {
padding: 4% 0;
}
.inner-desc p {
font-size: 14px;
}
.inner-desc h3 {
font-weight: 700;
}
.inner-img {
padding-left: 0 !important;
padding-right: 0 !important;
}
.section-4 div {
text-align: center;
display: flex;
transition: 0.3s;
cursor: pointer;
flex-direction: column;
align-items: center;
justify-content: center;
background: #e9e9eb;
border-radius: 10px;
padding: 25px;
height: 220px;
margin: 20px;
width: 20%;
}
.section-4 {
justify-content: center;
}
.section-4 h3 {
font-size: 20px;
}
.section-6 {
height: auto;
padding: 3.5%;
}
.section-6-media {
height: auto;
padding: 3.5% 11%;
text-align: center;
background-color: #e9e9eb;
}
.section-6-testi {
height: auto;
padding: 3.5% 3%;
text-align: center;
background-color: #e9e9eb;
display: flex;
justify-content: center;
align-items: center;
}
.section-6-testi div {
align-items: center;
}
.row.section-6-testi img {
width: 75%;
}
.section-6-media p,
.section-6-testi p {
font-size: 18px;
margin: 40px 0;
}
#sec6 {
padding: 3.5% 10.5%;
}
.section-6 div,
.section-blog div {
text-align: center;
margin: 0;
}
.section-4,
.section-6 {
align-items: center;
}
.section-4 div h5,
.section-6-form div h2,
.section-6 div h5,
.section-feature-events h5,
.section-blog div h5,
.section-faq div h5,
.media-blog h5,
.section-6-media h5,
.section-6-testi h5 {
text-align: center;
font-size: 62px;
line-height: 1;
font-weight: 700;
}
.section-4 div p,
.section-6 div p,
.section-6-form div p {
font-size: 18px;
text-align: center;
margin: 30px 0;
}
.section-6 div button {
margin-top: 15px;
}
.section-service-wrap {
background: #e9e9eb;
}
.text-dark li {
color: #000 !important;
text-align: left !important;
}
.section-6-media div div h3 {
text-align: left;
font-size: 26px;
padding: 10px 0;
font-weight: 500;
}
.tab-content h3 {
font-size: 38px !important;
font-weight: 700 !important;
color: #022e49;
}
.activated {
text-decoration: 2px solid underline !important;
text-underline-offset: 60%;
color: #0a58ca !important;
}
.text-dark li svg {
color: #fff !important;
}
.dropdown:hover > .dropdown-menu {
display: block;
}
.row.sec-testimonial > div {
border: 1px solid #666;
padding: 30px;
border-radius: 15px;
}
.row.head-testimonial > h2 {
font-size: 38px;
line-height: 1.2;
font-weight: 700;
text-align: center;
color: #022e49;
}
.row.head-testimonial > p {
font-size: 18px;
}
.row.sec-testimonial {
display: flex;
justify-content: center;
gap: 40px;
}
.row.sec-testimonial p,
.row.sec-testimonial-other p {
font-size: 15px;
margin-bottom: -10px;
}
.row.sec-testimonial-other > div {
border: 1px solid #ccc;
padding: 30px;
border-radius: 15px;
width: 23%;
height: 335px;
}
.row.sec-testimonial-other {
display: flex;
justify-content: center;
gap: 20px;
}
.sec-testimonial h3 {
font-size: 20px;
}
.tesi-box {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.row.section-service {
align-items: center;
overflow: hidden;
}
.section-service-img {
padding: 0;
height: auto;
}
.section-service-img img {
width: 100%;
height: 350px;
object-fit: cover;
}
.section-service-desc h2 {
font-size: 2.2rem !important;
font-weight: 700;
color: #022e49;
text-align: left !important;
padding: 0 !important;
}
.section-6 h5,
.section-6-media h5,
.section-6-testi h5,
.section-6-media h2,
.section-6-media h3 {
font-size: 38px;
line-height: 1.2;
font-weight: 700;
text-align: center;
color: #022e49;
}
.section-6 h2 {
font-size: 56px !important;
font-weight: 700;
color: #022e49;
}
.section-service-desc {
display: flex;
height: fit-content;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
.box-ht {
height: 350px;
}
.section-service p {
font-size: 18px;
}
.sect-3 img {
border-radius: 5px;
}
.sect-3 {
display: flex;
justify-content: center;
align-items: center;
}
.btn-primary {
background-color: #022e49;
}
.btn-pd {
padding: 7px 30px;
}
.section-service h2,
.section-service h3 {
color: #022e49;
font-weight: 700;
font-size: 42px;
}
.section-service h2 {
text-align: center;
padding: 0 180px;
}
.sect-3 h2 {
text-align: left;
padding: 0;
}
.mb-sec-1-desc h5,
.wwa-sec-2-desc h5,
.wwa-sec-1-desc h5,
.section-bfooter div h5,
.heading-box h5 {
font-size: 2.5rem;
}
.section-service-desc h4 {
font-size: 1.5rem;
margin-top: -30px;
}
.section-service-desc p {
font-size: 18px;
}
.section-6 div p,
.section-6-media p,
.section-6-testi p {
font-size: 18px;
text-align: center;
}
#btn-section-service {
padding-left: 50px;
padding-right: 50px;
}
.section-faq {
height: auto;
padding: 4% 14%;
align-items: center;
}
.section-faq div div h3 {
display: none;
margin: 15px 0;
border-bottom: 1px solid #022e49;
color: #022e49;
width: fit-content;
}
.section-faq div h5,
.section-6 div h5,
.section-4 div h5 {
margin: 50px 0;
}
.accordion-button::before,
.accordion-button:not(.collapsed)::after {
content: none;
}
.accordion-button {
text-align: left;
}
button.accordion-button.collapsed,
button.accordion-button {
font-size: 18px;
font-weight: 600;
}
.footer {
height: auto;
padding: 3.5% 10.5%;
}
.footer h2 {
font-size: 24px;
margin-bottom: 24px;
}
.footer-icons,
.footer-icon,
.banner-list {
list-style: none;
padding: 0;
display: flex;
gap: 20px;
flex-direction: column;
justify-content: center;
margin-top: 10px;
}
.cont-head h4 {
margin-left: 30px;
}
.cont-right {
background-color: #022e49;
color: #fff;
padding: 7% 5%;
}
.contact-icons h3 {
font-weight: 600;
font-size: 18px;
}
.cont-left {
box-shadow:
0 4px 8px 0 rgba(0, 0, 0, 0.2),
0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.cont-left button {
padding: 10px 50px;
}
.activer {
color: rgba(0, 0, 0, 0.7) !important;
text-decoration: underline !important;
text-decoration-color: #0a58ca !important;
text-decoration-thickness: 2px !important;
text-underline-offset: 15px;
}
.cont-left input,
.cont-left textarea {
padding: 1rem;
}
.contact-icons div {
align-items: center;
font-size: 14px;
}
.contact-icons li svg {
padding: 15px;
color: #022e49;
font-size: 25px;
background: #fff;
border-radius: 50%;
margin-right: 10px;
}
.contact-icons {
list-style: none;
padding: 0;
display: flex;
gap: 20px;
flex-direction: column;
justify-content: center;
margin-top: 10px;
}
.footer-icon {
align-items: flex-end;
margin-top: 0 !important;
}
.footer-list {
list-style: none;
padding: 0;
display: flex;
gap: 10px;
flex-direction: column;
justify-content: center;
margin-top: 10px;
}
.footer-list li a,
.copy-list li a {
text-decoration: none;
color: #fff;
transition: 0.3s;
}
.footer-icon p,
#header > .header-section-2 > div > div > div > p > a {
font-size: 14px;
font-weight: 600;
display: flex;
align-items: center;
margin: 0;
}
.header-section-2 > div > div > div > p > a {
color: #666;
text-decoration: none;
}
.banner-list li {
font-size: 16px;
font-weight: 400;
display: flex;
color: #fff;
align-items: center;
gap: 10px;
}
.banner-list li svg {
padding: 7px;
color: #022e49;
font-size: 15px;
background: #226fe2;
border-radius: 50%;
margin-right: 10px;
}
.footer-icons li,
.footer-icons a li {
display: flex;
align-items: center;
color: #fff;
}
.footer-icons a {
display: flex;
align-items: center;
color: inherit;
text-decoration: none;
}
.footOne-right div ul li {
justify-content: left;
}
.footer-icons li svg {
padding: 7px;
color: #000;
font-size: 15px;
background: #fff;
border-radius: 50%;
margin-right: 10px;
}
.footer-icon p svg {
padding: 7px;
color: #fff;
font-size: 15px;
background: #022e49;
border-radius: 50%;
margin-right: 10px;
}
.footer-icons i {
font-size: 24px;
color: #fff;
}
.footer div div div div .fa-facebook,
.footer div div div div .fa-twitter,
.footer div div div div .fa-instagram,
.footer div div div div .fa-linkedin {
padding: 5px;
font-size: 20px !important;
}
.footer-wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.footer-2 {
border-top: 2px solid #fff;
}
.footer-copy {
text-align: center;
font-size: 14px;
width: 100%;
padding: 15px 0;
}
ul.copy-list {
list-style: none;
display: flex;
gap: 10px;
justify-content: center;
}
ul.copy-list li:first-child {
border-right: 1px solid #e9e9eb;
padding-right: 15px;
}
.footer-2 {
width: 100%;
}
textarea.form-control {
height: 200px;
}
@media (max-width: 820px) {
.section-6-media {
padding: 3.5% 11%;
}
.navbar > .container {
justify-content: center !important;
}
.banner-content h1 {
font-size: 34px;
}
#btn-member {
font-size: 14px;
padding: 10px;
} .counter {
padding: 15px;
}
.counter-box h5 {
font-size: 46px;
}
.counter-box p {
font-size: 16px;
}
.heading-1 {
font-size: 34px;
}
.heading-box {
padding: 9%;
}
.heading-box h5 {
font-size: 28px;
}
.section-2 p {
font-size: 15px;
}
.section-2 > div > div.col-md-5 > ul > li {
font-size: 15px;
}
.inner-desc p {
font-size: 13px;
line-height: 1.2;
}
#btn-section-3 {
padding: 7px 25px;
font-size: 13px;
}
.section-4 div p,
.section-6 div p {
font-size: 18px;
}
.section-4 div h5,
.section-6 div h5,
.section-feature-events h5,
.section-blog div h5,
.section-faq div h5,
.media-blog h5 {
font-size: 42px;
}
.row.section-service {
padding: 10px 20px;
}
#btn-section-service {
padding-left: 30px;
padding-right: 30px;
font-size: 14px;
}
.section-service-desc > p {
font-size: 14px;
margin-bottom: 0;
}
.section-service-desc > h5 {
font-size: 22px;
}
.section-service-desc {
gap: 5px;
}
.section-service-wrap {
padding: 25px 0;
}
.section-4 div,
.section-blog,
.section-faq {
padding: 3.5%;
height: auto;
}
.section-6 {
padding: 3.5%;
}
.section-6 div,
.section-blog div {
margin: 0;
}
.slide {
margin: 20px 0;
}
.section-feature-events {
height: auto;
padding: 20px;
}
.slider-content h2 {
font-size: 22px;
}
.slider-content p {
margin-top: 15px;
font-size: 14px;
}
.slide img {
height: 400px;
}
.section-membership-process div div div div img {
object-fit: contain;
}
.nav-arrow {
left: 650px;
right: 0;
bottom: -215px;
}
.slider-container {
height: 500px;
}
.fa-arrow-right {
margin-left: 15px;
font-size: 30px;
}
.fa-arrow-left {
margin-left: -60px !important;
font-size: 30px;
}
.slider {
margin: 50px auto;
width: 100%;
}
.footer {
padding: 6%;
}
.footer h2 {
font-size: 20px;
margin-bottom: 25px;
}
.footer h4 {
font-size: 20px;
margin-top: 25px;
margin-bottom: 0;
}
.footer-icons li,
.footer-list,
.footer p {
margin: 0;
font-size: 14px;
}
}
@media only screen and (max-width: 430px) {
body {
overflow-x: hidden !important;
}
form#popup-form h2 {
font-size: 18px;
}
#popup-form input.form-control,
select.form-select {
height: 35px;
}
.btn-group-lg > .btn,
.btn-lg {
padding: 5px 20px;
}
.popup-container {
width: 80%;
}
.col-md-3.col-sm-6.header-section-1,
#navbar {
width: 50%;
}
.header-section-2 {
width: 100%;
}
.mob-btn {
text-align: left;
margin-top: 10px;
} .banner-content p,
.section-service-desc > p {
font-size: 16px;
width: 100%;
}
.banner-content h1,
.banner-content2 h2,
.section-6-form div h2,
.section-about-1 > div > h5,
.section-mv div h5,
.section-about h2,
.section-membership-wrapper h5,
.memeber-offer-wrapper h5,
.section-membership-process-wrapper h5,
.section-membership-process div div div h2 .accordion-button:not(.collapsed),
.section-membership-process div div div h2 .accordion-button,
.mb-sec-1-desc h5 {
font-size: 30px;
}
.banner-list li {
margin-bottom: -15px;
}
.banner-list li svg {
padding: 5px;
font-size: 12px;
}
.section-service-desc > h5 {
font-size: 22px;
}
.section-4 h3 {
font-size: 13px;
}
.section-4 div {
width: 40%;
height: 200px;
}
.section-service h2,
.banner-content2 h2,
.section-6 h5,
.section-6-media h5,
.section-service h3 {
font-size: 22px !important;
padding: 10px;
}
.row.head-testimonial > h2 {
font-size: 30px;
}
.section-service-wrap,
.sect-3,
.section-service {
margin: auto;
}
.sect-3 {
padding: 0 !important;
}
.section-service p {
font-size: 16px;
line-height: 1.2;
text-align: justify;
}
.sect-3 button {
text-align: center;
}
.section-4 div,
.section-blog,
.section-faq {
padding: 0;
margin: 10px;
} .section-6-media div div {
margin: 10px 0;
}
.section-6 div p,
.section-6-media p,
.section-6-testi p {
font-size: 16px;
}
.row.sec-testimonial > div {
width: 75%;
text-align: center;
padding: 15px;
}
.tesi-box {
justify-content: center;
}
.btn-group-lg > .btn,
.btn-lg {
margin-bottom: 20px !important;
}
body > footer > div > div:nth-child(2) > div:nth-child(3) > h4 {
margin-bottom: 20px;
}
body > footer > div > div > div > ul > li {
margin-bottom: -5px;
}
.banner {
padding: 5%;
padding-bottom: 5% !important;
}
.section-6-contact {
margin: 0 !important;
}
.cont-left input,
.cont-left textarea {
padding: 10px;
margin: 5px 0;
font-size: 15px;
}
.cont-left .row.m-3 {
margin: 0 !important;
}
.cont-left {
padding-top: 25px;
}
textarea.form-control {
height: 150px;
}
.cont-right {
padding: 5% 0;
text-align: center;
}
.row.section-6-testi img {
width: 50%;
margin-bottom: 30px;
}
.row.sec-testimonial p,
.row.sec-testimonial-other p {
font-size: 14px;
margin-bottom: -10px;
line-height: 1.2;
}
.banner-content img {
width: 15%;
}
.banner-rating p {
font-size: 11px !important;
}
.col-md-8.section-service-desc.mt-3.mb-3,
.section-service-desc {
padding: 0 !important;
}
.row.section-service.mt-2.mb-1.p-5,
.row.section-service.mt-1.mb-1.p-5,
.row.section-service.mt-1.mb-2.p-5 {
padding: 10px !important;
}
.box-ht,
.section-service-img {
height: auto;
}
.section-service-desc {
gap: 20px;
}
.mit-rej .row .col-md-6 {
width: 50%;
}
.mit-rej div div h3 {
font-size: 16px !important;
}
.mit-rej div div h2 {
font-size: 20px !important;
}
#banner-bg-2 > div > div > div.row.banner-service2 > div {
margin: 0 !important;
}
.mit-rej p {
font-size: 13px;
line-height: 1.2;
}
.row.pricing ul li {
margin-bottom: 0;
}
.cpack {
height: fit-content;
}
.modal {
width: 90%;
}
.modal-body p,
.modal-body ol li {
font-size: 14px !important;
}
.cpack p {
font-size: 15px !important;
}
.b-about {
padding: 10% 7%;
}
.about-img {
margin-left: 10%;
}
.about-img img {
width: 100%;
}
.section-about-1 > :first-child {
margin-bottom: 25%;
}
.section-about div,
.section-membership div {
width: 100%;
}
.b-wya,
.b-mcrit,
.section-6-media,
.section-6-testi,
.b-media,
.b-join,
.b-mb,
.wwa-sec-2-desc,
.mb-sec-1-desc {
padding: 5%;
}
.row.media-sec-2 {
margin: 0 auto;
}
.b-mcrit div {
width: 95%;
}
#basic-addon2 {
margin-right: -8px;
}
.input-group {
justify-content: flex-end;
}
.banner-content h1,
.section-6-form div h2,
.section-about-1 > div > h5,
.section-mv div h5,
.section-about h2,
.section-membership-wrapper h5,
.memeber-offer-wrapper h5,
.section-membership-process-wrapper h5,
.section-membership-process div div div h2 .accordion-button:not(.collapsed),
.section-membership-process div div div h2 .accordion-button,
.mb-sec-1-desc h5 {
font-size: 30px;
}
.mb-sec-1-desc h5 {
text-align: center;
}
.section-quote > img {
top: 40px;
}
svg#quote-coma {
visibility: visible;
}
.row.section-quote {
padding: 10% 5%;
}
#section-quote > img {
top: 499%;
display: none;
}
.section-quote > img {
padding: 10px;
width: 20%;
left: 0;
}
.section-membership-wrapper {
padding: 10% 0;
}
.slide img {
width: 100%;
margin: 0 auto;
}
.media-sec-2 h3 {
margin-top: -12%;
}
#mo-1,
#mo-2,
#mo-3,
#mo-4,
#mo-5,
#mo-6,
.mo-1,
.mben-col-4,
.mben-col-8,
.mben-col-6 {
width: 100% !important;
}
.section-mv {
padding: 5%;
}
.counter-box h5 {
font-size: 30px;
}
.counter-box p {
font-size: 14px;
}
.section-6-form div p,
.mb-sec-1-desc p {
font-size: 15px;
}
.mb-sec-1-desc p {
text-align: justify;
}
.counter {
margin-top: 15px;
padding: 5px;
}
.heading-1 {
font-size: 30px;
margin-bottom: 20px;
}
.section-3 {
height: auto;
}
.section-faq div h5,
.section-6 div h5,
.section-4 div h5,
.media-blog h5,
.section-join-us .join-left h2 {
margin: 30px 0;
font-size: 30px;
}
.section-6 {
padding: 15px;
}
.section-4 div p,
.section-6 div p,
.section-mv div p {
font-size: 15px;
}
.section-4 div,
.section-blog,
.section-faq {
padding: 25px;
}
.row.section-service {
display: flex;
flex-direction: column;
align-items: flex-start;
align-content: space-around;
justify-content: center;
}
.section-service-img,
.section-service-desc {
width: 100% !important;
}
.row.section-service.service-horz {
display: flex;
flex-direction: column-reverse;
}
.section-4 div h5,
.section-6 div h5,
.section-feature-events h5,
.section-blog div h5,
.section-faq div h5,
.media-blog h5,
.section-6-media h5,
.section-6-testi h5 {
font-size: 30px;
}
.slide img {
height: 300px;
}
.slider-container {
height: 375px;
}
.slider-content p {
margin-top: 5px;
font-size: 13px;
line-height: 1;
margin-top: 30px;
}
.slider-content h2 {
font-size: 16px;
line-height: 1;
}
.slider-content {
width: 50%;
padding: 10px;
}
.nav-arrow {
left: 0;
right: 0;
bottom: -175px;
}
.slider {
margin: 30px auto;
width: 90%;
}
.section-6 div button {
margin-top: 0;
}
article > h3 {
font-size: 15px;
}
button.accordion-button.collapsed,
button.accordion-button {
font-size: 15px;
}
.accordion-body {
font-size: 14px;
}
.footer {
padding: 20px;
text-align: center;
}
.footer-icons li,
.social-media {
justify-content: center;
}
}
.sample-content {
padding: 4%;
}  .accordian-container {
max-width: 100%;
margin: 20px auto;
font-family: sans-serif;
padding: 3.5% 11%;
} .accordianWrapper {
border-bottom: 1px solid #ddd;
overflow: hidden; padding: 0;
} .accordianContentWrapper {
overflow: hidden;
max-height: 0; transition: max-height 0.4s ease, padding 0.4s ease, background-color 0.4s ease;
padding: 0 15px; }
.accordianContent p {
margin: 15px 0;
line-height: 1.4;
color: #000;
font-size: 18px;
} .icon {
display: flex;
align-item-center: center;
transition: transform 0.4s ease;
} .titleWrapper {
display: flex;
justify-content: space-between;
align-item-center: center;
padding: 15px;
cursor: pointer;
text-decoration: none;
color: #333;
transition: background-color 0.3s ease;
}
.titleWrapper:hover {
background-color: #f1f1f1;
}
.titleWrapper h3 {
margin: 0;
font-size: 22px;
font-weight: 600;
line-height: 2;
}  .accordianWrapper.active .accordianContentWrapper {
max-height: 1000px; padding: 15px;
background-color: #fff;
} .accordianWrapper.active .icon {
transform: rotate(180deg);
} .accordianWrapper.active .titleWrapper {
background-color: #e9f5ff;
}
.accordian-container h2 {
font-size: 38px;
line-height: 1.2;
font-weight: 700;
text-align: center;
color: #022e49;
}
.accordian-container p {
font-size: 18px;
text-align: center;
}
.accordian-container .row:first-child {
margin-bottom: 30px !important;
}
p.l-font {
text-align: left;
}  .process-section {
background: #e9e9eb;  }
.process-row {
display: flex;
justify-content: space-between;
gap: 30px;
} .sticky-panel {
display: flex;
flex-direction: column;
gap: 30px;
}
.navbar-expand-lg .navbar-nav {
flex-wrap: wrap;
}
@media (max-width: 1199px) {
header .container {
max-width: 100%;
}
.navbar-expand-lg .navbar-nav {
flex-wrap: wrap;
row-gap: 5px;
}
.header3 {
width: 100%;
}
.footer-icon p svg {
font-size: 10px;
}
.col button {
font-size: 13px;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-top: 0;
padding-bottom: 0;
}
.whatsapp-float {
padding-top: 14px;
}
.footer {
padding: 3.5% 2%;
}
} @media (min-width: 992px) {
.sticky-panel {
position: sticky;
top: 100px; height: fit-content;
align-self: flex-start;
}
}
@media (max-width: 991px) {
.navbar-collapse {
position: absolute;
top: 100%;
left: calc(50% - 150px);
margin-top: 8px;
background: #fff;
width: 405px;
padding: 15px;
border-radius: 10px;
max-height: calc(100vh - 90px);
overflow-y: auto;
z-index: 1050;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.dropdown-item {
padding: 5px;
}
}
@media (max-width: 767px) {
.navbar-collapse {
top: 170%;
}
.process-row {
display: block;
}
.panel-card {
margin-bottom: 30px;
}
.section-service h2 {
padding: 0;
}
.head-testimonial {
justify-content: center;
}
.quote-section {
padding: 15px !important;
}
.quote-text {
font-size: 16px !important;
}
.footer-icon {
align-items: flex-start;
}
.header3 {
row-gap: 10px;
}
.footer {
text-align: center;
}
.footOne-right div ul li {
justify-content: center;
}
.social-media {
justify-content: center;
}
.footer-icons li {
justify-content: center;
}
.footer-btn {
display: block;
text-align: center;
}
.footer-btn button {
margin: 0 !important;
} .footer {
padding: 30px 20px;
}
.footer p,
.footer-list li,
.footer-icons li {
line-height: 1.5;
overflow-wrap: anywhere;
}
.footer .footer-list,
.footer .footer-icons {
margin-top: 12px;
}
.cont-head h4 {
margin-left: 0;
}
body > footer > div > div > div > ul > li {
margin-bottom: 0;
}
}
@media (max-width: 575px) {
.footer-icon {
align-items: flex-start;
}
.header3 div:first-child {
padding: 5px !important;
}
.col-lg-2.col-md-2.col-sm-3.col-3.header-section-1 {
width: 50%;
}
.col-lg-3.col-md-3.col-sm-5.col-6.header-section-2 {
width: 100%;
}
.row.header3 {
justify-content: space-between;
row-gap: 0;
}
.header3 .footer-icon {
display: none;
}
.header3 {
text-align: end;
}
.header3 div:first-child {
display: none;
}
#btn {
font-size: 15px;
}
.navbar-collapse {
top: 52px;
} .footer h4,
body > footer > div > div:nth-child(2) > div:nth-child(3) > h4 {
margin-top: 30px;
margin-bottom: 18px;
}
.footer .footer-list,
.footer .footer-icons {
margin-top: 0;
margin-bottom: 0;
}
.footer .footOne-right .footer-icons {
margin: 16px 0;
}
.footer .row.mt-5 p {
margin-bottom: 10px;
}
.footer .social-media {
margin-top: 5px;
}
} .panel-card {
border: 1px solid #ddd;
border-radius: 12px;
background-color: #fff;
padding: 30px;
text-align: center;
}
.dr-name {
margin: 15px 0 5px;
font-size: 20px;
color: #1a7c3e; }
.dr-title {
font-size: 14px;
color: #666;
margin-bottom: 20px;
}
.blue-bullet {
display: inline-block;
background-color: #007bff; color: #fff;
padding: 8px 15px;
border-radius: 20px;
font-size: 14px;
} .process-steps-list {
display: flex;
flex-direction: column;
gap: 30px;
}
.process-step {
border: 1px solid #ddd;
border-radius: 12px;
background-color: #fff;
padding: 30px;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);  opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease, transform 0.6s ease;
} .process-step.is-visible {
opacity: 1;
transform: translateY(0);
} .process-step::before {
content: attr(data-step);
display: block;
font-size: 24px;
color: #022e49; margin-bottom: 15px;
font-weight: 600;
}
.process-step h3 {
margin-top: 0;
font-size: 26px;
color: #000;
font-weight: 700;
}
.process-step p {
color: #000;
font-size: 18px;
line-height: 1.6;
} .features-section {
padding: 60px 20px;
background: #ffffff;
text-align: center;
}
.features-title {
font-size: 28px;
font-weight: 700;
color: #1a1a1a;
margin-bottom: 15px;
}
.features-subtitle {
line-height: 1.6;
margin: 0 auto 40px;
}
.features-grid {
display: flex;
gap: 20px;
justify-content: center;
background: #f9f9f9;
padding: 25px;
border-radius: 10px;
text-align: left;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
transition: 0.3s ease;
}
.feature-card h3 {
font-size: 20px !important;
font-weight: 700 !important;
margin-bottom: 10px;
color: #022e49;
}
.feature-card p {
font-size: 16px;
line-height: 1.6;
text-align: left;
margin: 0;
margin-left: 10px;
position: relative;
}
.features-grid .feature-card p:before {
content: '';
height: 95px;
width: 2px;
position: absolute;
left: -10px;
background: #D3D3D3;
}
.features-grid .feature-card:nth-child(1) p:before {
background: #87CEEB;
}
.features-grid .feature-card:nth-child(2) p:before {
background: #90EE90;
}
.section-col-box {
margin-top: 50px;
}
.section-col-box h3 {
font-weight: 700 !important;
}
.section-col-box p {
margin: 0;
}
.section-col-box img {
background: #022e49;
padding: 10px;
border-radius: 10px;
}
.quote-section {
padding: 60px 200px;
background: linear-gradient(90deg, #022e49, #000000);
color: #fff;
text-align: center;
}
.quote-section .container {
max-width: 900px;
margin: 0 auto;
}
.quote-text {
font-size: 20px;
line-height: 1.6;
font-weight: 500;
margin-bottom: 30px;
}
.quote-author {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}
.author-icon {
font-size: 30px;
}
.author-info h4 {
font-size: 16px;
margin: 0;
font-weight: 600;
}
.author-info span {
font-size: 13px;
opacity: 0.8;
}
.author-icon img {
background: #000;
padding: 8px;
border-radius: 100%;
}
.research-publish-section {
padding: 70px 20px;
background: #e9e9eb;
text-align: center;
}
.rp-container {
max-width: 1100px;
margin: 0 auto;
} .rp-tag {
font-size: 12px;
font-weight: 600;
color: #20c997;
letter-spacing: 1px;
display: inline-block;
margin-bottom: 10px;
} .rp-title {
font-size: 32px;
font-weight: 700;
color: #022e49;
margin-bottom: 10px;
} .rp-subtitle {
font-size: 16px;
color: #212529;
margin: 0 auto 40px;
line-height: 1.6;
} .rp-cards {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
margin-bottom: 40px;
}
.rp-card {
background: #ffffff;
padding: 25px;
width: 240px;
border-radius: 12px;
text-align: center;
box-shadow: 0 8px 20px rgba(0,0,0,0.05);
border-top: 3px solid #022e49;
transition: 0.3s ease;
}
.rp-card:hover {
transform: translateY(-6px);
} .rp-icon {
font-size: 28px;
margin-bottom: 10px;
} .rp-card h3 {
font-size: 20px;
font-weight: 700;
margin-bottom: 8px;
}
.rp-card p {
font-size: 16px;
color: #212529;
line-height: 1.5;
} .rp-stats {
background: #022e49;
border-radius: 12px;
padding: 30px 20px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.rp-stat {
flex: 1;
min-width: 200px;
color: #ffffff;
}
.rp-stat span {
font-size: 26px;
color: #fff;
margin-bottom: 5px;
font-weight: 700;
}
.rp-stat p {
font-size: 16px;
}           .dd-caret {
display: none;
}
@media (max-width: 991px) {
#navbarNavAltMarkup .navbar-nav {
flex-direction: column;
align-items: stretch;
width: 100%;
}
#navbarNavAltMarkup .navbar-nav > .dropdown {
width: 100%;
min-width: 0;
}
.dropdown-toggle-wrap {
display: flex;
align-items: center;
min-width: 0;
}
.dd-caret {
background: none;
border: none;
padding: 8px 10px;
cursor: pointer;
color: inherit;
display: flex;
align-items: center;
justify-content: center;
}
.dd-caret i {
transition: transform 0.25s ease;
font-size: 12px;
}
.dd-caret.open i {
transform: rotate(180deg);
}
.dropdown-menu.show {
display: block !important;
position: static;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 4px 0 8px;
}
.dropdown-menu {
font-size: 14px;
}
.dropdown-toggle::after {
display: none;
} .dropdown:hover > .dropdown-menu {
display: none;
}
} :root {
--wa-pulse-rgb: 37, 211, 102;
}
svg.wa-icon {
display: inline-block;
width: 1.15em;
height: 1.15em;
margin-right: 10px !important;
vertical-align: -0.2em;
flex-shrink: 0;
color: inherit !important;
fill: currentColor !important;
}
svg.wa-icon path {
fill: currentColor !important;
} :is(a, button):has(> svg.wa-icon) {
column-gap: 0 !important;
}
:is(a, button) > svg.wa-icon ~ :is(svg, i, span[aria-hidden="true"]) {
margin-left: 0.4em;
} :is(a, button):has(> svg.wa-icon),
a[href*="wa.me"]:has(> svg, > i),
.whatsapp-float {
animation: wa-pulse 2s ease-in-out infinite;
}
:is(a, button) > svg.wa-icon,
a[href*="wa.me"]:has(> svg, > i) > :is(svg, i).fa-whatsapp,
a[href*="wa.me"]:has(> svg, > i) > svg:first-child,
.whatsapp-float > :is(svg, i) {
display: inline-block;
transform-origin: 50% 50%;
animation: wa-ring 2.5s ease-in-out infinite;
} @keyframes wa-pulse {
0%, 100% {
box-shadow: 0 0 0 0 rgba(var(--wa-pulse-rgb), 0.7);
scale: 1;
}
50% {
box-shadow: 0 0 0 14px rgba(var(--wa-pulse-rgb), 0);
scale: 1.03;
}
}
@keyframes wa-ring {
0%       { transform: rotate(0deg); }
10%      { transform: rotate(15deg); }
20%      { transform: rotate(-10deg); }
30%      { transform: rotate(15deg); }
40%      { transform: rotate(-5deg); }
50%, 100% { transform: rotate(0deg); }
}
@media (prefers-reduced-motion: reduce) {
:is(a, button):has(> svg.wa-icon),
a[href*="wa.me"]:has(> svg, > i),
.whatsapp-float,
:is(a, button) > svg.wa-icon,
a[href*="wa.me"] > :is(svg, i),
.whatsapp-float > :is(svg, i) {
animation: none !important;
}
}