File: /var/www/grapossconnect/style.css
html {
margin: 0;
height: 100%;
scroll-behavior: smooth;
}
body {
font-family: 'Nunito Sans', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div,
a {
font-family: 'Nunito Sans', sans-serif;
}
ul {
padding: 0;
margin: 0;
}
li {
list-style: none;
}
a:hover {
text-decoration: none;
}
.all-heads {
color: #ED1D24;
font-weight: 600;
font-size: 28px;
letter-spacing: 0.5px;
}
/* ********************************* PAGE SECTION HEDER CSS */
.page-header {
background: #f2595f;
text-align: center;
padding: 2em 0;
}
.page-header h4 {
margin: 0;
color: #fff;
font-weight: 800;
letter-spacing: 1px;
font-size: 28px;
}
.page-header h1 {
margin: 0;
color: #fff;
font-weight: 800;
letter-spacing: 1px;
font-size: 28px;
}
.page-header p {
margin: 0;
color: #fff;
font-weight: 800;
letter-spacing: 1px;
font-size: 13px;
padding: 10px 0 0;
}
.page-header p a {
color: #fff;
}
/* ****************** HEADER SECTION CSS */
.header-section {
padding: 20px 0;
}
.header-section.sticky {
position: fixed;
top: 0;
background: #fff;
right: 0;
left: 0;
z-index: 999;
border-bottom: 4px solid whitesmoke;
}
.header-section .pull-left .logo-img {
width: 100%;
}
.header-section .navigation-header nav .toggle,
.header-section .navigation-header nav input {
display: none;
}
.header-section .navigation-header nav:after {
content: "";
display: table;
clear: both;
}
.header-section .navigation-header nav ul {
display: flex;
align-items: center;
justify-content: end;
padding: 0;
}
.header-section .navigation-header nav a {
padding: 16px 0 16px 30px;
text-decoration: none;
display: flex;
color: #000;
font-weight: 900;
font-size: 13px;
text-transform: uppercase;
outline: none;
cursor: pointer;
transition: 0.4s all;
align-items: center;
}
.header-section .navigation-header nav a i {
margin-left: 8px;
}
.header-section .navigation-header nav a:hover {
color: #ed1d24;
}
.header-section .navigation-header nav .menu ul {
display: none;
position: absolute;
top: 50px;
background: #f2f2f2;
width: 230px;
z-index: 999;
border: 1px solid #e1e1e1;
}
.header-section .navigation-header nav .menu ul::marker {
color: transparent;
}
.header-section .navigation-header nav .menu ul li a {
padding: 14px 20px;
border-bottom: 1px solid #cccccc;
width: 100%;
}
.header-section .navigation-header nav ul li:hover>ul {
display: inherit;
}
.header-section .navigation-header nav ul ul li {
width: 100%;
}
.header-section .navigation-header nav ul ul ul li {
position: relative;
top: -60px;
left: 170px;
}
.header-section .navigation-header li>a:only-child:after {
content: "";
}
@media all and (max-width: 768px) {
.header-section .navigation-header nav {
margin: 0;
margin-top: 20px;
}
.header-section .navigation-header .toggle+a,
.header-section .navigation-header .menu {
display: none;
}
.header-section .navigation-header .toggle {
display: flex !important;
background-color: #787878;
padding: 14px 20px;
color: #fff;
font-size: 17px;
text-decoration: none;
border: none;
margin: 0;
cursor: pointer;
align-items: center;
justify-content: space-between;
}
.header-section .navigation-header nav .menu li a {
padding: 14px;
border-bottom: 1px solid #d4d4d4;
background: #f6f6f6;
font-size: 12px;
}
.header-section .navigation-header [id^="drop"]:checked+ul {
display: block;
}
.header-section .navigation-header nav ul li {
display: block;
width: 100%;
}
.header-section .navigation-header nav ul ul .toggle,
.header-section .navigation-header nav ul ul a {
padding: 0 40px;
}
.header-section .navigation-header nav ul ul ul a {
padding: 0 80px;
}
.header-section .navigation-header nav ul li ul li .toggle,
.header-section .navigation-header nav ul ul a,
.header-section .navigation-header nav ul ul ul a {
padding: 14px 20px;
color: #fff;
font-size: 17px;
}
.header-section .navigation-header nav ul li ul li .toggle,
.header-section .navigation-header nav ul ul a {
background-color: #212121;
}
.header-section .navigation-header nav ul ul {
float: none;
position: static;
color: #ffffff;
}
.header-section .navigation-header nav ul ul li:hover>ul,
.header-section .navigation-header nav ul li:hover>ul {
display: none;
}
.header-section .navigation-header nav ul ul li {
display: block;
width: 100%;
}
.header-section .navigation-header nav ul ul ul li {
position: static;
}
}
@media all and (max-width: 330px) {
.header-section .navigation-header nav ul li {
display: block;
width: 94%;
}
}
/* ****************** BANNER SECTION CSS */
.banner-section {
position: relative;
z-index: 5;
padding: 150px 0;
}
.banner-section .banner-bg {
position: absolute;
bottom: 0;
background: url(images/banner.webp);
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.banner-texts h1 {
color: #ed1d24;
font-weight: 900;
letter-spacing: 0;
font-size: 44px;
margin: 0;
padding-bottom: 12px;
}
.banner-texts h2 {
color: #fff;
font-weight: 900;
letter-spacing: 3px;
font-size: 20px;
margin: 0;
padding-bottom: 30px;
}
.banner-texts p {
color: #000;
letter-spacing: 2px;
font-size: 16px;
margin: 0;
padding-bottom: 10px;
font-weight: 700;
}
.banner-texts a.btn {
background: #ee2a31;
border: none;
font-size: 14px;
color: #ffffff;
padding: 14px 30px;
border-radius: 50px;
font-weight: 700;
letter-spacing: 1px;
outline: none;
transition: all .25s ease-in-out;
}
.banner-texts a.btn:hover {
background: #161616;
}
/* ********************* WHAT WE ARE DOING SECTION CSS */
.what-doing-section {
padding: 3em 0;
}
.what-doing-box {
padding: 2em;
background: #f3f3f3;
border: 1px solid #e5e5e5;
float: left;
width: 100%;
}
.what-doing-box .what-doing-head {
border-left: 4px solid #ED1D24;
padding-left: 20px;
}
.what-doing-box .what-doing-para {
margin: 0;
color: #808080;
padding-top: 10px;
padding-bottom: 20px;
}
.what-doing-ul {
margin: 0;
padding: 0;
float: left;
width: 100%;
}
.what-doing-ul li {
list-style: none;
float: left;
width: 50%;
margin-bottom: 20px;
}
.what-doing-ul li img {
width: 10%;
float: left;
}
.what-doing-ul li h4 {
margin: 0;
font-size: 14px;
font-weight: 600;
color: #ED1D24;
padding: 4px 0 4px 34px;
letter-spacing: 0.5px;
}
.what-doing-head p {
margin: 0;
padding-bottom: 6px;
}
.doing-img {
width: 100%;
height: 394px;
}
/* ******************** OUR PRODUCTS CSS */
.our-products-section {
padding: 3em 0;
}
.our-products-section .our-products-ul li {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.our-products-section .our-products-ul li a {
display: flex;
align-items: center;
border: 1px solid #dfdfdf;
padding: 20px;
border-radius: 4px;
background: #f9f9f9;
width: 100%;
transition: 0.4s all;
}
.our-products-section .our-products-ul li a:hover {
box-shadow: 0 0 10px -2px #b2b2b2;
}
.our-products-section .our-products-ul li img {
width: 150px;
min-width: 150px;
height: 100px;
object-fit: contain;
}
.our-products-section .our-products-ul li .our-products-flex {
width: 100%;
padding-left: 4em;
}
.our-products-section .our-products-ul li .our-products-flex h4 {
margin: 0;
color: #f1802b;
font-weight: bolder;
font-size: 22px;
}
.our-products-section .our-products-ul li .our-products-flex p {
margin-bottom: 0;
font-weight: 700;
padding: 10px 0 0;
font-size: 14px;
line-height: 24px;
color: #000;
letter-spacing: 0.5px;
}
/* ******************** OUR SERVICES CSS */
.our-service-section {
background: #f7f7f7;
padding: 3em 0;
}
.service-box {
background: #ffffff;
padding: 20px;
float: left;
width: 100%;
border-radius: 4px;
cursor: pointer;
transition: all .25s ease-in-out;
border: 1px solid #e1e1e1;
}
.service-box:hover {
box-shadow: 0px 3px 10px 0px #bababa;
}
.service-box img {
width: 30%;
float: left;
}
.service-box h4 {
padding-left: 110px;
margin: 0;
font-size: 16px;
padding-bottom: 4px;
padding-top: 6px;
font-weight: 700;
color: #000000;
line-height: 24px;
}
.service-box h4 span {
font-size: 14px;
color: #494949;
font-weight: 600;
}
.service-box p {
padding-left: 110px;
margin: 0;
color: #444444;
}
/* ************************** OUR FEATURES SECTION CSS */
.our-features-section {
padding: 3em 0;
}
.our-features-ul {
margin: 0;
padding: 0;
}
.our-features-ul li {
list-style: none;
margin-bottom: 2em;
}
.our-features-ul li img {
width: 14%;
float: left;
}
.our-features-ul li h4 {
margin: 0;
font-size: 18px;
padding-left: 100px;
font-weight: 600;
letter-spacing: 1px;
padding-bottom: 8px;
}
.our-features-ul li p {
margin: 0;
padding-left: 100px;
padding-bottom: 8px;
}
/* *************************** VISION & MISSION SECTION */
.vision-section {
padding: 3em 0;
background: #f3f3f3;
}
.vision-section h6 {
margin: 0;
background: #fbfbfb;
padding: 10px 20px;
border-left: 2px solid #828282;
font-size: 18px;
font-weight: 600;
color: #767676;
line-height: 26px;
margin-top: 10px;
}
.vision-section p {
margin: 0;
padding: 20px 0;
color: #4d4d4d;
font-weight: 600;
}
.vision-section button {
background: #ED1D24;
color: #fff;
border: none;
padding: 10px 30px;
border-radius: 4px;
margin-top: 2em;
}
/* *************************** BUSINESS ORGANIZATION SECTION CSS */
.organization-section {
padding: 3em 0;
background: whitesmoke;
}
.organization-section .side-img {
width: 48%;
margin: 0 auto;
display: table;
}
.organization-section .organization-details h6 {
margin: 0;
color: #ed1d24;
font-size: 22px;
letter-spacing: 1px;
font-weight: bold;
}
.organization-section .counter-bg-padding {
padding-bottom: 0;
padding-top: 0;
}
.organization-section .organization-counter-box {
background: #f3666a;
padding: 20px 10px;
text-align: center;
border-radius: 10px;
margin-top: 2em;
transition: all .25s ease-in-out;
cursor: pointer;
}
.organization-section .organization-counter-box:hover {
box-shadow: 0px 2px 10px -2px #7e7e7e;
}
.organization-section .organization-counter-box .image-bottom {
margin: 0 0 0 0;
}
.organization-section .organization-counter-box .counter-value {
color: #fff;
font-size: 30px;
margin: 0;
font-weight: bold;
padding: 10px 0 0;
}
.organization-section .organization-counter-box h4 {
color: #ffffff;
font-size: 15px;
font-weight: 600;
letter-spacing: 1px;
margin: 0;
}
/* ****************************** TESTIMONIALS SECTION CSS */
.testimonials-section {
padding: 3em 0;
background: #fbfbfb;
}
.testimonials-section .slideshow-container .mySlides img {
width: 160px;
border-radius: 50%;
height: 160px;
border: 6px solid #ff7277;
padding: 8px;
background: #fff;
}
.testimonials-section .slideshow-container .mySlides h4 {
margin: 0;
padding: 20px;
font-size: 20px;
}
.testimonials-section .slideshow-container .mySlides p {
margin: 0 auto;
background: #ff7277;
width: 22%;
padding: 4px 0;
color: #fff;
}
.testimonials-section .slideshow-container {
position: relative;
background: #fff3f3;
width: 100%;
border: 1px solid gainsboro;
border-radius: 6px;
}
.testimonials-section .mySlides {
display: none;
padding: 50px 80px;
text-align: center;
}
.testimonials-section .prev,
.testimonials-section .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -30px;
padding: 16px;
color: #888;
font-weight: bold;
font-size: 20px;
border-radius: 0 3px 3px 0;
user-select: none;
}
.testimonials-section .next {
position: absolute;
right: 0;
border-radius: 3px 0 0 3px;
}
.testimonials-section .prev:hover,
.testimonials-section .next:hover {
background-color: #ff7277;
color: white;
}
/* ************************************ CONNECT WITH US SECTION CSS */
.connectus-section {
padding: 3em 0;
background: #eee8df;
}
.connectus-section .connectus-img {
width: 86%;
}
.connectus-section .connectus-box img {
width: 14%;
border-radius: 50%;
margin: 0 auto;
display: table;
margin-top: -50px;
}
.connectus-section .connectus-box h4 {
margin: 0;
color: #ed1d24;
font-size: 22px;
letter-spacing: 0.5px;
font-weight: 600;
text-align: center;
padding: 20px 0;
}
.connectus-section .connectus-box form {
width: 80%;
margin: 0 auto !important;
}
.connectus-section .connectus-box form button {
background: #ee2a31;
border: none;
font-size: 14px;
color: #ffffff;
padding: 12px 30px;
border-radius: 50px;
font-weight: 700;
letter-spacing: 1px;
outline: none;
transition: all .25s ease-in-out;
}
.connectus-section .connectus-box form button:hover {
background: #161616;
}
.connectus-section .connectus-box form input {
width: 100%;
margin-bottom: 10px;
padding: 6px 10px;
border: 1px solid #c5c5c5;
border-radius: 4px;
font-size: 14px;
}
.connectus-section .connectus-box form textarea {
width: 100%;
margin-bottom: 10px;
padding: 6px 10px;
border: 1px solid #c5c5c5;
border-radius: 4px;
}
.connectus-section .connectus-box {
background: #fff;
padding: 20px;
border-radius: 4px;
}
/* **************************** COUNTER SECTION CSS */
.counters-section {
position: relative;
background: #232323;
z-index: 5;
}
.counter-bg-padding {
padding-bottom: 5em;
padding-top: 5em;
}
.counters-section .counters-bg {
background-image: url(images/banner-2.webp);
opacity: .3;
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
.bgimage-property {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.image-bottom {
margin: 0 0 25px 0;
}
.counter-value {
color: #fff;
font-size: 40px;
line-height: 50px;
font-weight: 700;
margin: 0;
}
.counter-bgimage h4 {
color: #ffffff;
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;
}
/* **************************** OUR TEAM CSS */
.teams-section {
background: #ffe2e3;
padding: 3em;
}
.teams-section .shadow-effect {
background: #fff;
padding: 20px;
border-radius: 20px;
text-align: center;
border: 1px solid #ECECEC;
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
}
.teams-section .owl-carousel .owl-item .img-circle {
transform-style: preserve-3d;
max-width: 50%;
height: auto;
margin: 0 auto 17px;
transition: transform .5s;
}
.teams-section .owl-carousel .owl-item .img-circle:hover {
transform: scale(0.9);
}
#customers-teams .item {
height: 470px !important;
text-align: center;
padding: 0 20px;
margin-bottom: 20px;
opacity: .2;
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#customers-teams .item p {
margin: 0;
font-size: 14px;
}
#customers-teams .item h2 {
font-size: 22px;
font-weight: bold;
letter-spacing: 0.5px;
color: #ed1d24;
}
#customers-teams .item .title {
font-size: 14px;
}
#pastexp {
margin-top: 20px;
}
#customers-teams .item h5 {
font-size: 15px;
font-weight: 700;
}
#customers-teams .owl-item.active.center .item {
opacity: 1;
-webkit-transform: scale3d(1.0, 1.0, 1);
transform: scale3d(1.0, 1.0, 1);
}
#customers-teams.owl-carousel .owl-dots .owl-dot.active span,
#customers-teams.owl-carousel .owl-dots .owl-dot:hover span {
background: rgba(215, 67, 77, 0.8);
transform: translate3d(0px, -50%, 0px) scale(0.7);
}
#customers-teams.owl-carousel .owl-dots {
display: inline-block;
width: 100%;
text-align: center;
}
#customers-teams.owl-carousel .owl-dots .owl-dot {
display: inline-block;
}
#customers-teams.owl-carousel .owl-dots .owl-dot span {
background: rgba(215, 67, 77, 0.8);
display: inline-block;
height: 20px;
margin: 0 2px 5px;
margin-top: 50px;
transform: translate3d(0px, -50%, 0px) scale(0.3);
transform-origin: 50% 50% 0;
transition: all 250ms ease-out 0s;
width: 20px;
outline: none;
border-radius: 50% !important;
}
.owl-dot,
.owl-dot:active,
.owl-dot:focus {
outline: 0 !important;
}
@media only screen and (max-width:1000px) {
#customers-teams.owl-carousel .owl-dots .owl-dot span {
height: 20px;
width: 20px;
margin-top: 30px;
}
}
#teamsocial {
align-items: center;
justify-content: center;
display: flex;
margin: 10px auto;
margin-top: 20px;
}
#teamsocial #socialicon {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 40px;
height: 40px;
margin: 0 0.5rem;
border-radius: 50%;
cursor: pointer;
font-size: 1.5rem;
text-decoration: none;
transition: all 0.3s ease;
}
#teamsocial #socialicon:hover {
font-size: 2rem;
width: 50px;
height: 50px;
}
/* ************************************************** OUR ADVISORS SECTION CSS */
.our-advisors-section {
padding: 3em 0;
}
.our-advisors-section .slider {
overflow: hidden;
}
.our-advisors-section ul {
position: relative;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: flex;
transform: translateX(-33.3333333333%);
}
.our-advisors-section li {
position: relative;
width: 32.333333%;
color: #000;
flex-shrink: 0;
padding: 30px;
height: 320px;
border: 1px solid #e0e0e0;
margin-right: 12px;
background: #f3f3f3;
}
.our-advisors-section li h4 {
margin: 0;
font-weight: 700;
font-size: 22px;
letter-spacing: 0.5px;
padding-bottom: 10px;
}
.our-advisors-section li p {
margin: 0;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.3px;
}
.our-advisors-section .slider-nav .prev,
.our-advisors-section .slider-nav .next {
position: absolute;
background: slategrey;
height: 40px;
width: 40px;
top: 50%;
transform: translateY(-50%);
color: #fff;
font-size: 22px;
padding: 5px 13px;
cursor: pointer;
}
.our-advisors-section .slider-nav .prev {
left: 0;
}
.our-advisors-section .slider-nav .next {
right: 0;
}
.our-advisors-section .transition {
transition: transform 0.5s ease;
}
.our-advisors-section .left {
transform: translateX(-100%);
}
.our-advisors-section .right {
transform: translateX(100%);
}
/* **************************** OUR LATEST NEWS CSS */
.latest-news-section {
padding: 3em 0;
}
.latest-news-box {
background: #f3f3f3;
padding: 30px 20px;
}
.latest-news-box h5 {
font-size: 16px;
font-weight: 600;
color: #ED1D24;
}
.latest-news-box h4 {
font-size: 17px;
font-weight: 600;
line-height: 26px;
color: #4b4b4b;
}
.latest-news-box p {
font-size: 16px;
color: #747474;
}
.latest-news-box h6 {
margin: 0;
color: #ED1D24;
font-size: 14px;
cursor: pointer;
}
/* **************************** SEND MESSAGE SECTION CSS */
.message-section {
padding: 3em 0;
}
.connect-withus-box {
text-align: center;
padding-top: 6em;
}
.connect-withus-box h2 {
font-size: 28px;
margin: 0;
color: #ED1D24;
font-weight: 600;
}
.connect-withus-ul {
margin: 0;
padding: 40px 130px;
float: left;
width: 100%;
}
.connect-withus-ul li {
float: left;
list-style: none;
margin-right: 30px;
}
.connect-withus-ul li:last-child {
margin-right: 0;
}
.connect-withus-ul li img {
width: 40px;
}
.contact-now-form {
background-color: rgba(255, 255, 255, 1);
border-radius: 5px;
box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.6);
margin-top: 50px;
padding: 60px 30px 30px 30px;
position: relative;
}
.contact-icon {
background-color: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-outline-radius: 50%;
box-shadow: 0px 4px 2px #f6f6f6;
display: inline-block;
left: 0;
margin: 0px auto 0;
padding: 15px;
position: absolute;
right: 0;
top: -50px;
height: 94px;
width: 94px;
}
.contact-icon img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-outline-radius: 50%;
}
.contact-now-form h3 {
color: #212529;
margin-bottom: 30px;
}
.contact-form {
padding: 0px 0px;
}
.form-div {
padding-bottom: 30px;
}
.contact-form .form-input {
background-color: #ffffff;
border: 0px solid #898989;
box-shadow: 0px 0px 6px -2px #666666;
border-radius: 7px;
color: #898989;
height: 40px;
padding: 5px 20px;
position: relative;
width: 100%;
}
.contact-form .form-textarea {
background-color: #ffffff;
border: 0px solid #898989;
box-shadow: 0px 0px 6px -2px #666666;
border-radius: 7px;
color: #898989;
height: 100px;
padding: 10px 20px 5px 20px;
position: relative;
width: 100%;
}
.form-btn .btn.btn-1 {
background-color: #ed1d24;
border: 0px solid #ffffff;
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 100%;
}
/* ********************************************* PARTNERS SECTION CSS */
.partners-section {}
.partners-section img {
width: 100%;
}
/* ********************************* FOOTER SECTION CSS */
footer {
background: #100f1f;
padding: 4em 0 0;
}
.footer-aboutus img {
width: 90%;
background: #ffff;
padding: 10px;
border-radius: 4px;
}
.footer-aboutus p {
color: #fff;
margin: 0;
padding: 20px 0;
line-height: 22px;
letter-spacing: 0.5px;
}
footer .footer-header {
color: #fff;
letter-spacing: 1px;
margin: 0;
padding-bottom: 20px;
font-size: 18px;
font-weight: 700;
}
footer .footer-ul {
padding-left: 20px;
}
footer .footer-ul li {
margin-bottom: 10px;
list-style: square;
color: #fe4a55;
}
footer .footer-ul li a {
color: #fff;
}
footer .footer-ul li a:hover {
color: #fe4a55;
}
.footer-aboutus .bottom-social-ul {
float: left;
width: 100%;
}
.footer-aboutus .bottom-social-ul li {
float: left;
width: 16%;
}
.footer-aboutus .bottom-social-ul li i {
color: #fff;
background: #fe4a55;
line-height: 30px;
width: 30px;
height: 30px;
transition: all .25s ease-in-out;
border-radius: 50%;
text-align: center;
}
.footer-aboutus .bottom-social-ul li .fa-facebook-f:hover {
background: #395693;
color: #fff;
}
.footer-aboutus .bottom-social-ul li .fa-twitter:hover {
background: #00a7e7;
color: #fff;
}
.footer-aboutus .bottom-social-ul li .fa-youtube:hover {
background: #FF0000;
color: #fff;
}
.footer-aboutus .bottom-social-ul li .fa-linkedin-in:hover {
background: #0e72a3;
color: #fff;
}
.footer-address li {
color: #fff;
margin-bottom: 10px;
}
.footer-address li i {
font-size: 16px;
width: 30px !important;
}
.bottom-footer {
background: #fe4a55;
padding: 1em 0;
margin-top: 30px;
}
.bottom-footer p {
margin: 0;
color: #fff;
font-size: 15px;
}
.bottom-footer ul {
float: right;
width: 100%;
}
.bottom-footer ul li {
float: right;
width: 26%;
text-align: right;
border-right: 2px solid white;
padding-right: 10px;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
}
.bottom-footer ul li a {
color: #fff;
}
/* ************* O & M SERVICES HEADER CSS */
.o-m-service {
position: relative;
padding: 5em 0;
background: black;
}
.o-m-service .o-m-service-bg {
position: absolute;
bottom: 0;
background: url(images/o-m-banner.jpeg);
opacity: 0.5;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.o-m-service h2 {
line-height: 40px;
font-size: 50px;
}
.o-m-service h2 span {
font-size: 18px;
color: #fff;
letter-spacing: 2px;
}
/********************* O & M SERVICES SECTION CSS */
.service-content-section {
padding: 3em 0;
background: #fff;
}
.service-content-box {
background: #f3f3f3;
padding: 20px;
border: 2px dashed #747474;
}
.service-content-box h4 {
margin: 0 auto 2em;
background: #ED1D24;
text-align: center;
color: #fff;
padding: 10px;
font-size: 18px;
width: 50%;
}
.service-content-ul .service-content-head {
font-size: 18px;
color: #070707;
font-weight: 600;
letter-spacing: 1px;
padding-bottom: 2px;
}
.service-content-sub-ul li {
color: #000;
font-weight: 700;
letter-spacing: 1px;
padding: 4px 0;
}
.service-content-sub-sub-ul li {
color: #515151;
font-weight: 100;
letter-spacing: 0;
}
/* *************************** ANNEXURE - 1 CSS */
.cols {
-moz-column-count: 4;
-moz-column-gap: 4%;
-moz-column-width: 40%;
-webkit-column-count: 4;
-webkit-column-gap: 4%;
-webkit-column-width: 40%;
column-count: 4;
column-gap: 4%;
column-width: 40%;
}
.box {
margin-bottom: 20px;
}
.annexure-section {
padding: 3em 0;
}
.action-box {
position: relative;
text-align: center;
overflow: hidden;
border: 1px solid #e4e4e4;
}
.action-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
border: 1px solid #c9c9c9;
opacity: .7;
transition: all .2s ease;
}
.action-box__image {
background-size: cover !important;
height: 250px;
width: 100%;
position: relative;
overflow: hidden;
z-index: -1;
transition: all .5s ease;
}
.action-box__image::before {
z-index: -1;
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgb(253 132 0 / 56%);
}
.action-box__image::after {
z-index: 0;
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 125px 400px;
border-color: transparent transparent #fff transparent;
transition: all .3s ease;
}
.action-box__text {
padding: 0 10px;
margin-top: -60px;
}
.action-box h3 {
font-size: 16px;
font-weight: 700;
letter-spacing: 0.8px;
margin: 0;
color: #fff;
padding: 10px 20px;
background: rgb(0 0 0 / 24%);
position: absolute;
top: 0;
width: 100%;
text-align: left;
}
.action-box__text ul {
padding: 10px 4px 10px 20px;
margin: 0;
}
.action-box__text ul li {
text-align: left;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.4px;
padding-bottom: 6px;
}
.action-box__text ul li a {
color: #000;
}
.action-box__text ul li a:hover {
text-decoration: underline;
}
/* ****************************************************** PRODUCT AND SERVICE PAGE CSS */
.product-service-page {
padding: 3em 0;
}
.product-service-page .product-service-box {
padding: 30px;
margin-bottom: 1em;
transition: .4s;
cursor: pointer;
float: left;
width: 100%;
}
.product-service-page .product-service-box:hover {
-webkit-transform: scale(1.06);
-moz-transform: scale(1.07);
}
.product-service-page .product-service-box .product-box-details {
float: left;
width: 86%;
padding-left: 2em;
}
.product-service-page .product-service-box img {
width: 14%;
float: left;
}
.product-service-page .product-service-box h4 {
margin: 0;
font-weight: 700;
font-size: 22px;
color: #000;
letter-spacing: 1px;
padding: 0 0 10px;
}
.product-service-page .product-service-box p {
margin: 0;
color: #000;
letter-spacing: -0.5px;
margin-bottom: 1em;
}
.product-service-page .product-service-box a {
background: #f2595f;
color: #fff;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
padding: 8px 14px;
transition: all .25s ease-in-out;
}
.product-service-page .product-service-box a:hover {
background: #161616;
}
.product-service-page .product-service-box.in-right {
text-align: right;
}
.product-service-page .product-service-box.in-right p {
text-align: right;
}
.product-service-page .product-service-box.in-right .product-box-details {
padding-left: 0;
padding-right: 2em;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translatex(-10px);
-moz-transform: translatex(-10px);
-o-transform: translatex(-10px);
transform: translatex(-10px);
}
to {
opacity: 1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
@-moz-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translatex(-10px);
-moz-transform: translatex(-10px);
-o-transform: translatex(-10px);
transform: translatex(-10px);
}
to {
opacity: 1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translatex(-100px);
-moz-transform: translatex(-100px);
-o-transform: translatex(-100px);
transform: translatex(-100px);
}
to {
opacity: 1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
.in-left {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-duration: 1s;
animation-delay: 1s;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translatex(10px);
-moz-transform: translatex(10px);
-o-transform: translatex(10px);
transform: translatex(10px);
}
to {
opacity: 1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
@-moz-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translatex(10px);
-moz-transform: translatex(10px);
-o-transform: translatex(10px);
transform: translatex(10px);
}
to {
opacity: 1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translatex(100px);
-moz-transform: translatex(100px);
-o-transform: translatex(100px);
transform: translatex(100px);
}
to {
opacity: 1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
.in-right {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-duration: 1s;
animation-delay: 1s;
}
/* ************************************* ABOUTUS SECTION CSS */
.aboutus-section {
padding: 3em 0;
background: #fff3f3;
}
.aboutus-section img {
width: 80%;
}
.aboutus-section .aboutus-details h6 {
margin: 0;
color: #ed1d24;
font-size: 16px;
letter-spacing: 1px;
font-weight: 600;
}
.aboutus-section .aboutus-details h4 {
margin: 0;
padding: 12px 0;
font-size: 26px;
line-height: 38px;
font-weight: 700;
letter-spacing: 1px;
}
.aboutus-section .aboutus-details p {
color: #404040;
font-size: 16px;
margin: 0;
font-weight: 700;
letter-spacing: 0.5px;
}
.aboutus-section .aboutus-details ul {
float: left;
width: 100%;
margin: 20px 0;
}
.aboutus-section .aboutus-details ul li {
color: #404040;
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
float: left;
width: 100%;
margin-bottom: 10px;
}
.aboutus-section .aboutus-details ul li i {
color: #45a393;
font-size: 18px;
margin-right: 4px;
}
.aboutus-section .aboutus-details button {
background: #ee2a31;
border: none;
font-size: 14px;
color: #ffffff;
padding: 14px 30px;
border-radius: 50px;
font-weight: 700;
letter-spacing: 1px;
outline: none;
transition: all .25s ease-in-out;
}
.aboutus-section .aboutus-details button:hover {
background: #161616;
}
/* ************************************* ABOUT US PAGE SECTION CSS */
.aboutus-page {
/* margin-top: 94px; */
}
.aboutus-page-section {
padding: 3em 0;
}
.aboutus-page-section img {
width: 80%;
}
.aboutus-page-section .aboutus-details h6 {
margin: 0;
color: #ed1d24;
font-size: 16px;
letter-spacing: 1px;
font-weight: 600;
}
.aboutus-page-section .aboutus-details h4 {
margin: 0;
padding: 12px 0;
font-size: 26px;
line-height: 38px;
font-weight: 700;
letter-spacing: 1px;
}
.aboutus-page-section .aboutus-details p {
color: #404040;
font-size: 16px;
margin: 0;
font-weight: 700;
letter-spacing: 0.5px;
}
.aboutus-page-section .aboutus-details ul {
float: left;
width: 100%;
margin-top: 20px;
}
.aboutus-page-section .aboutus-details ul li {
color: #ed1d24;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.2px;
float: left;
width: 100%;
margin-bottom: 10px;
text-align: justify;
display: flex;
}
.aboutus-page-section .aboutus-details ul li i {
margin: 4px 10px 0 0;
color: #45a393;
font-size: 20px;
}
.about-us-page h6 {
color: #eb272e;
font-size: 20px;
margin: 0;
padding-top: 20px;
padding-bottom: 10px;
font-weight: 600;
}
/* *************************************** CONTACT US PAGE SECTION CSS */
/* .contactus-page {
margin-top: 94px;
} */
.contactus-page-section {
padding: 3em 0;
}
.contactus-page-section .contactus-details h6 {
margin: 0;
color: #ed1d24;
font-size: 16px;
letter-spacing: 1px;
font-weight: 600;
}
.contactus-page-section .contactus-details h4 {
margin: 0;
padding: 12px 0;
font-size: 26px;
line-height: 38px;
font-weight: 700;
letter-spacing: 1px;
}
.contactus-page-section .contactus-details p {
color: #404040;
font-size: 16px;
margin: 0;
font-weight: 700;
letter-spacing: 0.5px;
}
.contactus-page-section .contactus-details ul {
float: left;
width: 100%;
margin-top: 20px;
}
.contactus-page-section .contactus-details ul li {
float: left;
width: 100%;
margin-top: 40px;
}
.contactus-page-section .contactus-details ul li .icon-ul {
float: left;
background: #fcddde;
width: 14%;
text-align: center;
padding: 10px 0 6px;
font-size: 30px;
color: #ed1d24;
border: 1px solid #f8aeb0;
border-radius: 4px;
}
.contactus-page-section .contactus-details ul li .ul-details {
float: left;
margin-left: 20px;
width: 82%;
}
.contactus-page-section .contactus-details ul li .ul-details h5 {
margin: 0;
font-weight: 700;
color: #000;
padding-bottom: 10px;
}
.contactus-page-section .contactus-details ul li .ul-details p span {
color: #ed1d24;
font-size: 15px;
}
.contactus-page-form {
background-image: url(https://themes.envytheme.com/ecademy/wp-content/uploads/2020/05/register-shape.jpg);
overflow: hidden;
padding: 35px;
margin-left: 15px;
border-radius: 5px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.contactus-page-form h3 {
color: #fff;
font-weight: 700;
letter-spacing: 1px;
margin: 0;
font-size: 26px;
padding-bottom: 10px;
}
.contactus-page-form h5 {
color: #fff;
font-weight: 700;
letter-spacing: 1px;
margin: 0;
font-size: 14px;
padding-bottom: 10px;
}
.contactus-page-form form {
background: rgb(0 0 0 / 20%);
padding: 20px;
border-radius: 6px;
}
.contactus-page-form form {
width: 100%;
padding: 20px;
border: none;
outline: none;
margin-bottom: 10px;
border-radius: 4px;
}
.contactus-page-form form input {
width: 100%;
padding: 8px 12px;
border: none;
outline: none;
margin-top: 16px;
border-radius: 2px;
}
.contactus-page-form form textarea {
width: 100%;
padding: 8px 12px;
border: none;
outline: none;
margin-top: 16px;
border-radius: 2px;
}
.contactus-page-form form .contactus-btn {
background: #ee2a31;
border: none;
font-size: 14px;
color: #ffffff;
padding: 10px 20px;
border-radius: 50px;
font-weight: 700;
letter-spacing: 1px;
outline: none;
transition: all .25s ease-in-out;
margin-top: 10px;
}
.contactus-page-form form .contactus-btn:hover {
background: #161616;
}
.contactus-page-section .captcha-box .CaptchaImageCode {
float: left;
}
.contactus-page-section .captcha-box input {
float: left;
width: 56%;
margin-left: 10px;
margin-top: 0;
}
.contactus-page-section .captcha-box .fa-sync {
float: left;
background: white;
font-size: 19px;
color: #ee474d;
padding: 10px;
cursor: pointer;
}
/* ********************************************* PARTNER WITH US SECTION CSS */
/* .partner-page {
margin-top: 94px;
} */
.partner-withus-banner {
background: whitesmoke;
padding: 2em 0;
}
.partner-withus-banner .partner-banner-details {
padding-top: 2em;
}
.partner-withus-banner .partner-banner-details h4 {
font-weight: bold;
font-size: 28px;
margin: 0;
}
.partner-withus-banner .partner-banner-details h6 {
margin: 0;
font-size: 22px;
padding: 10px 0;
}
.partner-withus-banner .partner-banner-details p {
margin: 0;
font-size: 23px;
margin-bottom: 10px;
font-weight: 800;
padding: 0 0 30px;
}
.partner-withus-banner .partner-banner-details a {
font-size: 14px;
font-weight: 800;
letter-spacing: 0.5px;
color: rgb(255, 255, 255);
cursor: pointer;
outline: none;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
padding: 10px 30px;
background: rgb(237, 29, 36);
border-radius: 4px;
transition: all 0.25s ease-in-out 0s;
scroll-behavior: smooth;
}
.partner-withus-banner .partner-banner-details a:hover {
background: rgb(68, 68, 68);
}
.partner-withus-banner .partner-banner-img {
width: 35%;
float: right;
}
.partner-withus-whychoose {
padding: 3em 0;
}
.partner-withus-whychoose .partner-whychoose-box {
background: #f9f9f9;
padding: 10px 20px;
border-radius: 6px;
cursor: pointer;
transition: all .25s ease-in-out;
border: 1px solid #efefef;
height: 270px;
}
.partner-withus-whychoose .partner-whychoose-box:hover {
box-shadow: 0px 2px 10px -2px #7e7e7e;
}
.partner-withus-whychoose .partner-whychoose-box img {
width: 32%;
background: white;
border-radius: 50%;
}
.partner-withus-whychoose .partner-whychoose-box h4 {
margin: 0;
font-weight: bold;
font-size: 16px;
padding-bottom: 4px;
color: #ed1d24;
padding-top: 20px;
}
.partner-withus-whychoose .partner-whychoose-box ul {
padding-left: 20px;
}
.partner-withus-whychoose .partner-whychoose-box ul li {
list-style: circle;
color: #000;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.5px;
padding-top: 6px;
}
.partner-withus-support {
padding: 3em 0;
background: whitesmoke;
}
.partner-withus-support .partner-support-box {
padding: 20px;
float: left;
width: 100%;
}
.partner-withus-support .partner-support-box .partner-support-details {
float: left;
width: 84%;
padding-left: 20px;
}
.partner-withus-support .partner-support-box .partner-support-details h4 {
margin: 0;
font-weight: 800;
font-size: 20px;
}
.partner-withus-support .partner-support-box .partner-support-details ul {
margin: 10px 0 20px;
}
.partner-withus-support .partner-support-box .partner-support-details ul li {
list-style: inside;
}
.partner-withus-support .partner-support-box img {
float: left;
width: 80px;
background: #fff;
padding: 10px;
border-radius: 50%;
height: 78px;
}
.partner-withus-partner {
padding: 3em 0;
}
.partner-withus-partner .partner-partner-box {
background: #f7f7f7;
padding: 20px;
border: 1px solid #d2d2d2;
text-align: center;
transition: all .25s ease-in-out;
}
.partner-withus-partner .partner-partner-box:hover {
box-shadow: 0px 2px 10px -2px #7e7e7e;
}
.partner-withus-partner .partner-partner-box p {
margin: 0;
font-weight: 700;
font-size: 15px;
}
.partner-withus-partner .partner-partner-box img {
width: 22%;
}
.partner-withus-partner .partner-partner-box h4 {
margin: 0;
font-weight: 700;
font-size: 22px;
padding: 10px 0;
color: #ed1d24;
}
.partner-withus-connect {
padding: 3em 0;
background: whitesmoke;
}
.partner-withus-connect .partner-connect-box {
border: 1px solid #d0d0d0;
padding: 30px;
background: #fff;
}
.partner-withus-connect .partner-connect-box h4 {
font-size: 17px;
margin: 0;
font-weight: 800;
color: #ec232a;
padding-bottom: 20px;
}
.partner-withus-connect .partner-connect-box form {
width: 80%;
}
.partner-withus-connect .partner-connect-box .mail-para {
margin: 0;
color: #000;
font-weight: 700;
margin-top: 20px;
}
.partner-withus-connect .partner-connect-box .mail-para span {
color: #ec232a;
letter-spacing: 0.4px;
margin-left: 6px;
}
.partner-withus-connect .partner-connect-box img {
width: 100%;
}
.partner-withus-connect .partner-connect-box form label {
width: 100%;
font-weight: bold;
font-size: 13px;
}
.partner-withus-connect .partner-connect-box form label span {
color: red;
}
.partner-withus-connect .partner-connect-box form input,
.partner-withus-connect .partner-connect-box form textarea {
width: 100%;
padding: 8px 10px;
margin-bottom: 1em;
border: 1px solid #d6d6d6;
border-radius: 4px;
}
.partner-withus-connect .partner-connect-box form .contactus-btn {
font-size: 14px;
font-weight: 800;
letter-spacing: 0.5px;
color: rgb(255, 255, 255);
cursor: pointer;
outline: none;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
padding: 10px 30px;
background: rgb(237, 29, 36);
border-radius: 4px;
transition: all 0.25s ease-in-out 0s;
}
.partner-withus-connect .partner-connect-box form .contactus-btn:hover {
background: rgb(68, 68, 68);
}
.partner-withus-connect .captcha-box .CaptchaImageCode {
float: left;
}
.partner-withus-connect .captcha-box #captcha {
float: left;
width: 40%;
margin-left: 10px;
}
.partner-withus-connect .captcha-box .fa-sync {
float: left;
background: #ff565b;
font-size: 20px;
color: #ffffff;
padding: 10px;
cursor: pointer;
}
/* *************************************** CAREER PAGE SECTION CSS */
.graposs-career-details {
padding: 3em 0;
}
.graposs-career-details .career-details-ul {
padding: 0;
margin: 0;
padding-bottom: 10px;
cursor: pointer;
}
.graposs-career-details .career-details-ul li img {
width: 14%;
float: left;
margin: 10px auto
}
.graposs-career-details .career-details-ul li .career-details-box {
padding-left: 130px;
padding-top: 4px;
}
.graposs-career-details .career-details-ul li .career-details-box h4 {
margin: 0;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.4px;
}
.graposs-career-details .career-details-ul li .career-details-box p {
margin: 0;
padding: 10px 0;
font-size: 14px;
text-align: left;
color: #717171;
font-weight: 600;
letter-spacing: 0.5px;
}
.graposs-career-details .career-details-ul li .career-details-box span {
font-size: 14px;
font-weight: 600;
color: #f05d63;
letter-spacing: 0.3px;
margin-right: 20px;
}
.graposs-career-details .career-details-ul li .career-details-box span svg {
margin-right: 0;
color: #f05d63;
}
.graposs-career-details .job-description-box {
margin-top: 10px;
border-top: 1px solid #e6e6e6;
padding-top: 20px;
}
.graposs-career-details .job-description-box h4 {
margin: 0;
font-size: 17px;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 10px;
}
.graposs-career-details .job-description-box p {
margin: 0;
padding: 0 0;
font-size: 14px;
text-align: left;
color: #000000;
}
.graposs-career-details .job-description-box ul {
padding: 0;
margin: 0;
padding-left: 30px;
}
.graposs-career-details .job-description-box ul li {
list-style: circle;
padding-bottom: 6px;
font-size: 14px;
}
.graposs-career-details h6 {
width: 100%;
background: #fff;
border: 2px solid #ee6167;
padding: 16px;
border-radius: 6px;
color: #ee6167;
font-weight: 600;
outline: none;
transition: all .25s ease-in-out;
text-align: center;
font-size: 15px;
cursor: pointer;
}
.graposs-career-details button svg {
vertical-align: middle;
margin-right: 6px;
font-size: 20px;
}
.graposs-career-details .panel {
padding: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
border-radius: 0;
}
.graposs-career-details h3 {
text-align: center;
font-weight: 600;
}
.graposs-career-details p {
text-align: center;
font-size: 20px;
color: #f15b61;
margin: 0;
}
.graposs-career-details hr {
width: 100%;
margin-bottom: 3em;
}
.graposs-career-details .graposs-career-box {
border: 1px solid #e6e6e6;
padding: 16px;
transition: all .25s ease-in-out;
margin-bottom: 10px;
}
.graposs-career-details .graposs-career-box:hover {
box-shadow: 0 0 10px 2px #b3b3b3;
}
.career-form-box {
text-align: center;
padding: 20px;
border: 1px solid #e2e2e2;
}
.career-form-box input {
width: 90%;
padding: 10px;
font-size: 14px;
border: 1px solid #d8d8d8;
margin-bottom: 10px;
border-radius: 10px;
}
.career-form-box textarea {
width: 90%;
padding: 10px;
font-size: 14px;
border: 1px solid #d8d8d8;
margin-bottom: 10px;
border-radius: 10px;
}
.career-form-box button {
background: #f2595f;
color: #fff;
font-size: 14px;
border: none;
padding: 8px 20px;
letter-spacing: 0.5px;
transition: all .25s ease-in-out;
}
.career-form-box button:hover {
background: #444;
}
/* ****************************************** PRODUCT SARKARIPARIKSHA HEADER SECTION CSS */
.productsp-header-section {
background: #f0f8ff;
padding: 3em 0;
border-bottom: 1px solid #ececec;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.productsp-header-section .schoollms-flex {
display: flex;
margin-top: 20px;
align-items: center;
}
.productsp-header-section img {
width: 100%;
}
.productsp-header-section .productsp-header-details-box h2 {
margin: 0;
font-size: 16px;
font-weight: 700;
margin-top: 20px;
}
.productsp-header-section .productsp-header-details-box h3 {
margin: 14px 0;
font-size: 24px;
font-weight: bold;
color: #0d2742;
line-height: 38px;
}
.productsp-header-section .productsp-header-details-box p {
margin: 0;
font-weight: 600;
font-size: 14px;
display: inline-block;
}
.productsp-header-section .productsp-header-details-box h6 {
margin: 0;
font-weight: 600;
font-size: 14px;
display: inline-block;
border-radius: 4px;
}
.productsp-header-section .productsp-header-details-box h6 i {
margin-right: 6px;
}
.productsp-header-section .productsp-header-details-box h3 span {
color: #105fc2;
}
.productsp-header-section .productsp-header-details-box {
text-align: left;
}
.visit-Website-flex {
display: flex;
align-items: center;
}
.visitWebsite-btn {
background: #072b3c;
display: inline-block;
color: #fff;
font-weight: 700;
font-size: 12px;
padding: 10px 20px;
border-radius: 4px;
transition: 0.4s all;
margin-right: 20px;
}
.visitWebsite-btn:hover {
color: #fff;
background: #ed656a;
}
.state-exams-section {
padding: 2em 0;
}
.state-exams-section .state-exams-box {
/* padding: 30px 20px;
cursor: pointer;
transform: translateY(0);
transition-duration: 0.3s;
box-shadow: 0 0 16px 0 rgb(175 175 175 / 47%);
background-color: #ffffff;
border: 1px solid #e6e6e6;
border-radius: 10px; */
}
.state-exams-section .state-exams-box ul {
text-align: left;
display: flex;
align-items: center;
justify-content: space-between;
}
.state-exams-section .state-exams-box ul li {
display: inline-block;
background: #f3f9ff;
padding: 10px 0;
border-radius: 5px;
text-align: center;
margin: 0 10px;
transform: translateY(0);
transition-duration: 0.3s;
border-bottom: 2px solid #d1d1d1;
box-shadow: 0px 4px 10px #e1e1e1;
width: 100%;
}
.state-exams-section .state-exams-box ul li:hover {
transform: translateY(-4px);
color: #0d3660;
}
.state-exams-section .state-exams-box ul li img {
width: 40px;
}
.state-exams-section .state-exams-box ul li h4 {
margin: 0;
font-size: 12px;
padding-top: 16px;
font-weight: 700;
color: #02101e;
}
.blink {
display: inline-block;
border-radius: 50px;
width: 10px;
height: 10px;
position: absolute;
right: 4px;
top: 12px;
transform: translate(-50%, -50%);
}
.blink:before,
.blink:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #e33333;
border-radius: 50px;
opacity: 0;
}
.blink:before {
transform: scale(1);
-webkit-animation: blink 1.6s infinite linear;
animation: blink 1.6s infinite linear;
}
.blink:after {
-webkit-animation: blink 1.6s 1.2s infinite linear;
animation: blink 1.6s 1.2s infinite linear;
}
@-webkit-keyframes blink {
0% {
opacity: 0;
transform: scale(0.4);
}
33.33333% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(2);
}
}
@keyframes blink {
0% {
opacity: 0;
transform: scale(0.4);
}
33.33333% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(2);
}
}
.freedemo-section {
padding: 1em 0;
background-repeat: no-repeat !important;
background-size: cover !important;
background: aliceblue;
}
.freedemo-section h2 {
margin: 0;
font-size: 30px;
font-weight: bold;
line-height: 40px;
color: #0d2742;
padding: 30px 0;
;
}
.freedemo-section button {
padding: 0;
outline: none;
background: transparent;
border: 0;
display: inline-flex;
}
.freedemo-section img {
width: 46%;
float: right;
}
.fourfeatures-section {
padding: 3em 0;
}
.fourfeatures-section .fourfeatures-box {
background: #e4feef;
padding: 20px;
border: 1px solid #b3ffd3;
border-radius: 4px;
height: 200px;
transition-duration: 0.3s;
margin-bottom: 30px;
}
.fourfeatures-section .fourfeatures-box:hover {
box-shadow: 0 0 10px -4px #000;
}
.fourfeatures-section .fourfeatures-box h3 {
margin: 0;
font-size: 16px;
font-weight: 800;
line-height: 26px;
}
.fourfeatures-section .fourfeatures-box p {
margin: 0;
margin-top: 10px;
font-size: 13px;
font-weight: 600;
color: #686868;
}
.four-features-section {
padding: 3em 0;
}
.four-features-section .four-features-box .four-features-icon {
width: 90px;
margin: 0 auto;
background: #ffffff;
border-radius: 50%;
padding: 10px;
border: 1px solid #e1e1e1;
height: 90px;
text-align: center;
line-height: 64px;
}
.four-features-section .four-features-box .four-features-icon img {
width: 100%;
/* object-fit: contain; */
/* height: 40px; */
}
.four-features-section .four-features-box h4 {
margin: 0;
text-align: center;
padding: 12px 0 6px;
font-size: 16px;
color: #285aa9;
font-weight: 600;
}
.four-features-section .four-features-box p {
margin: 0;
text-align: center;
font-size: 13px;
line-height: 20px;
color: #858585;
font-weight: 600;
}
.senior-junior-olympiad-section {
padding: 3em 0;
background: #f2f7ff;
}
.senior-junior-olympiad-section h4 {
margin: 0;
font-size: 20px;
padding-bottom: 10px;
font-weight: bold;
color: black;
border-bottom: 1px solid #b4b4b4;
margin-bottom: 10px;
}
.senior-junior-olympiad-section ul li {
display: inline-block;
width: 16%;
background: #5371a1;
font-size: 12px;
font-weight: 600;
color: #fff;
padding: 10px 20px;
margin-bottom: 6px;
border-radius: 10px;
}
.senior-junior-olympiad-section .heading-txt {
position: relative;
margin: 0;
font-size: 26px;
color: #000;
line-height: 1.2;
font-weight: bold;
text-align: center;
overflow: hidden;
text-transform: uppercase;
}
.senior-junior-olympiad-section .heading-txt span {
color: #285aa9;
font-weight: bold;
text-transform: uppercase;
}
.senior-junior-olympiad-section .heading-para {
margin: 0;
text-align: center;
padding: 10px 0 2em;
font-weight: 700;
color: #787878;
}
.senior-junior-olympiad-section .heading-txt:before {
margin-left: calc(-8% - 14px);
}
.senior-junior-olympiad-section .heading-txt:before,
.senior-junior-olympiad-section .heading-txt:after {
position: absolute;
top: 46%;
content: '';
width: 8%;
height: 3px;
display: inline-block;
background: #285aa9;
}
.senior-junior-olympiad-section .heading-txt:after {
margin-left: 14px;
}
.all-classes-section {
padding: 3em 0;
border-bottom: 2px solid #f0f0f0;
}
.all-classes-section .all-classes-box {
background: #000000;
z-index: 0;
padding: 50px 0;
position: relative;
border-radius: 50%;
width: 90%;
margin: 10px auto;
height: 140px;
overflow: hidden;
}
.all-classes-section .all-classes-box div.all-classes-bg {
position: absolute;
z-index: -1;
top: 0;
border-radius: 50%;
bottom: 0;
left: 0;
right: 0;
transition: 0.5s all ease-in-out;
}
.all-classes-section .all-classes-box div.all-classes-bg:hover {
transform: scale(1.3);
}
.all-classes-section .all-classes-box h4 {
margin: 0;
color: #fff;
text-align: center;
font-size: 18px;
letter-spacing: 0.5px;
line-height: 28px;
}
.all-classes-section .all-classes-box h4 span {
font-size: 22px;
font-weight: 700;
}
.all-classes-section .heading-txt {
position: relative;
margin: 0;
font-size: 26px;
color: #000;
line-height: 1.2;
font-weight: bold;
text-align: center;
overflow: hidden;
text-transform: uppercase;
margin-bottom: 20px;
}
.all-classes-section .heading-txt span {
color: #285aa9;
font-weight: bold;
text-transform: uppercase;
}
.all-classes-section .heading-txt:before,
.all-classes-section .heading-txt:after {
position: absolute;
top: 46%;
content: '';
width: 8%;
height: 3px;
display: inline-block;
background: #285aa9;
}
.all-classes-section .heading-txt:before {
margin-left: calc(-8% - 14px);
}
.all-classes-section .heading-txt:after {
margin-left: 14px;
}
.language-section img {
width: 100%;
}
.language-section {
padding-bottom: 1em;
}
.productnc-header-section {
position: relative;
padding: 3em 0;
background: #000000;
z-index: 1;
}
.productnc-header-section .productnc-headerbg {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(https://naukriconnect.com/images/naukriconnect-bg.webp) center center;
opacity: 0.3;
width: 100%;
height: 100%;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.productnc-header-section .productnc-header-details-box img {
background: #481F79;
padding: 10px;
width: 14%;
border-radius: 4px;
}
.productnc-header-section .productnc-header-details-box h2 {
margin: 0;
color: #fff;
font-weight: 800;
font-size: 24px;
padding: 20px 0;
line-height: 36px;
}
.productnc-header-section .productnc-header-details-box p {
margin: 0;
color: #cecece;
font-weight: 600;
}
.productnc-header-section .productnc-header-details-box .visit-Website-flex {
display: flex;
align-items: center;
margin-top: 20px;
justify-content: center;
}
.productnc-header-section .productnc-header-details-box .visit-Website-flex h6 {
margin: 0;
color: #fff;
font-weight: 700;
margin-left: 20px;
}
.productnc-header-section .productnc-header-details-box {
text-align: center;
}
.producttss-header-section {
position: relative;
padding: 3em 0;
background: #000000;
z-index: 1;
}
.producttss-header-section .producttss-headerbg {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(https://images.pexels.com/photos/220320/pexels-photo-220320.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1) center center;
opacity: 0.3;
width: 100%;
height: 100%;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.producttss-header-section .producttss-header-details-box img {
width: 20%;
}
.producttss-header-section .producttss-header-details-box h2 {
margin: 0;
color: #fff;
font-weight: 800;
font-size: 24px;
padding: 20px 0;
line-height: 36px;
}
.producttss-header-section .producttss-header-details-box .visit-Website-flex {
display: flex;
align-items: center;
margin-top: 20px;
justify-content: center;
}
.producttss-header-section .producttss-header-details-box .visit-Website-flex h6 {
margin: 0;
color: #fff;
font-weight: 700;
margin-left: 20px;
}
.producttss-header-section .producttss-header-details-box {
text-align: center;
}
.producttss-header-section .school-website-ul {
display: flex;
padding-bottom: 10px;
padding-left: 0;
}
.producttss-header-section .school-website-ul li {
list-style: none;
display: inline;
background: #fec621;
padding: 20px 30px;
width: 100%;
}
.producttss-header-section .school-website-ul li h4 {
margin: 0;
font-size: 14px;
font-weight: 700;
color: #fff;
display: flex;
align-items: center;
}
.producttss-header-section .school-website-ul li h4 i {
font-size: 24px;
margin-right: 10px;
color: #fec621;
}
.producttss-header-section .school-website-ul li p {
margin: 0;
font-size: 12px;
color: #dddddd;
padding-top: 10px;
font-weight: 600;
text-align: left;
}
.producttss-details-section {
padding: 3em 0;
}
.producttss-details-section h2 {
text-align: center;
font-size: 20px;
font-weight: 700;
margin: 0;
}
.producttss-details-section h2 span {
color: #ca9f23;
}
.producttss-details-section hr {
border-top: 2px solid #fec621;
width: 10%;
margin: 20px auto 40px;
}
.producttss-details-section .card-box img {
width: 16%;
margin-right: 20px;
}
.producttss-details-section .card-box {
padding: 10px 0 10px 20px;
display: flex;
align-items: center;
border: 1px solid #e9e9e9;
border-left: 2px solid #fec621;
margin-bottom: 10px;
border-radius: 0 4px 4px 0;
transform: translateY(0);
transition-duration: 0.3s;
}
.producttss-details-section .card-box:hover {
transform: translateY(-8px);
}
.producttss-details-section .card-box h4 {
margin: 0;
font-size: 14px;
font-weight: 600;
}
.producttss-details-section .productwhitelabel-DemandFeatures {
margin-top: 40px;
}
.producttss-details-section .productwhitelabel-box {
margin-bottom: 8px;
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
border: 1px solid #cccccc9c;
border-radius: 10px;
background: whitesmoke;
}
.producttss-details-section .productwhitelabel-box img {
width: 30%;
padding: 15px;
background: #fec621b0;
margin-top: 14px;
border-radius: 50%;
}
.producttss-details-section .productwhitelabel-box h5 {
font-size: 14px;
padding: 16px 0;
color: #000;
font-weight: 600;
margin: 0;
text-align: center;
}
.producttss-details-section ul {
padding-left: 20px;
margin-top: 10px;
}
.producttss-details-section ul li {
list-style: square;
font-weight: 600;
font-size: 14px;
padding: 4px 0;
}
.productwhitelabel-header-section {
position: relative;
padding: 3em 0;
background: #ecf8ff;
z-index: 1;
}
.productwhitelabel-header-section img {
width: 100%;
}
.productwhitelabel-header-section .productwhitelabel-header-details-box {
text-align: left;
}
.productwhitelabel-header-section .productwhitelabel-header-details-box img {
width: 16%;
border-radius: 4px;
}
.productwhitelabel-header-section .productwhitelabel-header-details-box h2 {
margin: 0;
color: #ed3237;
font-weight: 800;
font-size: 24px;
padding: 20px 0 10px;
}
.productwhitelabel-header-section .productwhitelabel-header-details-box h3 {
font-weight: 700;
font-size: 28px;
margin: 0;
}
.productwhitelabel-header-section .productwhitelabel-header-details-box h4 {
font-weight: 700;
font-size: 20px;
margin: 0;
margin-top: 10px;
}
.productwhitelabel-header-section .productwhitelabel-header-details-box p {
margin: 0;
color: #cecece;
font-weight: 600;
}
.productwhitelabel-header-section .productwhitelabel-header-details-box .visit-Website-flex {
display: flex;
align-items: center;
margin-top: 20px;
justify-content: flex-start;
}
.productwhitelabel-header-section .productwhitelabel-header-details-box .visit-Website-flex h6 {
margin: 0;
color: #010101;
font-weight: 700;
margin-left: 20px;
}
.become-partner-register-section {
padding: 3em 0;
}
.become-partner-register-section h2 {
margin: 0;
font-size: 30px;
font-weight: 700;
color: #164e72;
text-align: center;
}
.become-partner-register-section h3 {
margin: 0;
font-size: 18px;
padding: 10px 0 20px;
line-height: 28px;
font-weight: 800;
color: #093959;
text-align: center;
}
.become-partner-register-section h3 span {
color: #1c7fdb;
}
.become-partner-register-section ul {
text-align: center;
}
.become-partner-register-section ul li {
display: inline-block;
padding: 8px 14px;
background-image: linear-gradient(90deg, #034668 10%, #0c8b94 90%);
color: #fff;
font-size: 14px;
font-weight: 600;
border-radius: 6px;
margin: 0 4px;
background: #03619d;
letter-spacing: 0.5px;
}
.become-partner-register-section .become-register-form-box {
background-image: linear-gradient(90deg, #0e4374 10%, #1c7fdb 90%);
padding: 30px;
border-radius: 10px;
}
.become-partner-register-section .become-register-form-box h4 {
margin: 0;
color: #fff;
font-size: 26px;
line-height: 40px;
}
.become-partner-register-section .become-register-form-box h4 span {
color: yellow;
}
.become-partner-register-section .become-register-form-box h5 {
margin: 0;
font-size: 18px;
padding: 10px 0;
color: #fff;
}
.become-partner-register-section .become-register-form-box h5 span {
color: #02e402;
font-weight: 800;
}
.partner-network-page-section {
padding: 3em 0;
background-image: linear-gradient(90deg, #103c65 10%, #1d85e6 90%);
}
.partner-network-page-section .partner-network-box h2 {
margin: 0;
font-size: 30px;
font-weight: 800;
color: #ffffff;
line-height: 40px;
}
.partner-network-page-section .partner-network-box h2 span {
color: #1c7fdb;
font-size: 38px;
font-weight: 800;
text-shadow: 1px 2px #8a8a8a;
}
.partner-network-page-section .partner-network-box {
background-image: url(https://sarkaripariksha.com/wp-content/themes/sp_theme_1/images/state-map.png);
background-size: contain;
background-repeat: no-repeat;
background-position: top;
margin-top: 1em;
}
.partner-network-page-section .partner-network-box ul {
display: flex;
align-items: center;
margin-top: 20px;
}
.partner-network-page-section .partner-network-box ul li {
display: inline-block;
background: rgb(255 255 255 / 86%);
padding: 16px 10px;
border-radius: 10px;
text-align: center;
transform: translateY(0);
transition-duration: 0.3s;
border-bottom: 2px solid #1d85e6;
box-shadow: 0px 4px 10px #00355a;
width: 28%;
margin-right: 20px;
}
.partner-network-page-section .partner-network-box ul li img {
width: 36%;
}
.partner-network-page-section .partner-network-box ul li h3 {
margin: 0;
padding: 8px 0;
font-weight: 700;
color: #042a43;
}
.partner-network-page-section .partner-network-box ul li h4 {
margin: 0;
font-size: 18px;
font-weight: 800;
}
.partner-network-page-section .partner-network-box h3 {
margin: 0;
margin-top: 40px;
font-size: 28px;
color: #e4e4e4;
font-weight: 900;
}
.partner-network-page-section .iframe-sp-video-box iframe {
width: 100%;
margin: 0 auto;
display: block;
}
.partner-network-page-section .iframe-sp-video-box h4 {
background: #154c7f;
margin: 0;
font-size: 18px;
padding: 14px;
color: #fff;
text-align: center;
border-radius: 0 0 10px 10px;
font-weight: 700;
}
.partner-network-page-section .iframe-sp-video-box {
background: rgb(255 255 255 / 14%);
padding: 20px;
border-radius: 10px;
}
.free-service-page-section {
padding: 3em 0;
}
.free-service-page-section h2 {
margin: 0;
text-align: center;
font-weight: 600;
font-size: 30px;
color: #083654;
}
.free-service-page-section h2 span {
color: #1c7fdb;
}
.free-service-page-section .free-service-page-box {
display: flex;
align-items: flex-start;
padding-right: 30px;
margin-top: 40px;
}
.free-service-page-section .free-service-page-box img {
width: 16%;
margin-right: 20px;
}
.free-service-page-section .free-service-page-box h3 {
margin: 0;
color: #0b334d;
font-size: 20px;
font-weight: 700;
}
.free-service-page-section .free-service-page-box p {
margin: 0;
padding-top: 6px;
font-weight: 600;
font-size: 14px;
color: #0a3c5c;
}
.productself-header-section {
position: relative;
padding: 3em 0;
background: #000000;
z-index: 1;
}
.productself-header-section .productself-headerbg {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(https://selfanalyse.com/wp-content/themes/psychometrics/images/personality/personality-test-bg.jpg) center center;
opacity: 0.3;
width: 100%;
height: 100%;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.productself-header-section .productself-header-details-box img {
background: #ffffff;
padding: 10px;
width: 14%;
border-radius: 4px;
}
.productself-header-section .productself-header-details-box {
text-align: center;
}
.productself-header-section .productself-header-details-box h2 {
margin: 0;
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 30px;
padding: 20px 6em;
}
.productself-header-section .productself-header-details-box .visit-Website-flex {
justify-content: center;
}
.productself-header-section .productself-header-details-box .visit-Website-flex h6 {
margin: 0;
color: #fff;
font-weight: 700;
margin-left: 20px;
}
.selfanalyse-section-page {
padding: 3em 0;
}
.section-header {
margin-bottom: 20px;
text-align: center;
}
.selfanalyse-details-box .section-header h2 {
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
margin: 0px;
color: #124867;
text-align: left;
}
.selfanalyse-details-box .section-header h2::after {
content: "";
position: absolute;
top: 30%;
width: 8%;
height: 2px;
left: 16px;
}
.selfanalyse-details-box .section-header h2::after {
background: #124867;
}
.selfanalyse-details-box p {
margin: 0;
font-size: 16px;
font-weight: 500;
color: #000;
padding-bottom: 20px;
text-align: left;
}
.psycometric-examlist-section .psycometric-examlist-box {
text-align: center;
padding: 30px 10px;
border-radius: 10px;
color: #fff;
transition: all 0.25s ease-in-out 0s;
width: 100%;
}
.psycometric-examlist-box h4 {
color: #fff;
margin: 0;
font-weight: 600;
padding-bottom: 10px;
font-size: 20px;
}
.psycometric-examlist-box p.para-phy {
color: #fff;
margin: 0;
font-weight: 500;
font-size: 14px;
line-height: 20px;
}
.psycometric-video-section {
padding: 3em 0;
background-color: whitesmoke;
}
.psycometric-video-section .psycometric-video-box {
background: #fff;
text-align: center;
}
.psycometric-video-section .psycometric-video-box iframe {
width: 100%;
height: 220px;
}
.psycometric-video-section .psycometric-video-box i {
background: #f63a0b;
font-size: 30px;
padding: 20px 18px;
position: relative;
top: -44px;
border-radius: 50%;
color: #fff;
margin-bottom: -30px;
}
.psycometric-video-section .psycometric-video-box h4 {
margin: 0;
font-weight: 700;
background: #01356e;
font-size: 15px;
padding: 10px;
color: #fff;
margin-top: -5px;
}
/* ************************ NC NOTIFICATION SECTION CSS */
.nc-notification-section {
padding: 3em 0;
}
.nc-notification-section .latest-box {
background: #fbf8ff;
border: 1px solid #ededed;
border-radius: 4px;
}
.nc-notification-section .latest-box h4 {
text-align: center;
padding: 14px 10px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
margin: 0;
background: #481f8f;
font-size: 14px;
}
.nc-notification-section .latest-box ul {
padding: 0;
width: 100%;
height: 500px;
overflow: auto;
}
.nc-notification-section .latest-box ul li a {
display: flex;
align-items: center;
padding: 10px;
border-bottom: 1px solid #dddddd;
}
.nc-notification-section .latest-box ul li img {
width: 10%;
margin-right: 10px;
}
.nc-notification-section .latest-box ul li p {
margin: 0;
font-size: 14px;
font-weight: 600;
color: #000;
}
.nc-notification-section .latestscnd-box {
margin-top: 20px;
padding: 20px;
border-radius: 6px;
text-align: center;
}
.nc-notification-section .latestscnd-box img {
width: 60px;
}
.nc-notification-section .latestscnd-box h4 {
margin: 0;
color: #fff;
font-size: 18px;
line-height: 26px;
padding-top: 10px;
}
.nc-notification-section .latestscnd-box ul {
padding: 10px;
margin: 0;
color: #fff;
}
.nc-latestscnd-section {
padding: 3em 0;
background: #f7f7f7;
}
.nc-latestscnd-section .latestscnd-box {
padding: 20px;
text-align: center;
border-radius: 6px;
}
.nc-latestscnd-section .latestscnd-box img {
width: 60px;
}
.nc-latestscnd-section .latestscnd-box h4 {
color: #fff;
margin: 0;
font-size: 16px;
font-weight: 700;
padding: 10px 0;
}
.nc-latestscnd-section .latestscnd-box ul {
margin: 0;
padding: 0;
color: #fff;
font-size: 12px;
font-weight: 700;
}
.nc-notification-section .heading-txt {
position: relative;
margin: 0;
font-size: 28px;
line-height: 1.2;
font-weight: 500;
text-align: center;
overflow: hidden;
}
.nc-notification-section .heading-txt:before,
.nc-notification-section .heading-txt:after {
position: absolute;
top: 46%;
content: '';
width: 8%;
height: 3px;
display: inline-block;
background: #481F79;
}
.nc-notification-section .heading-txt:after {
margin-left: 14px;
}
.nc-notification-section .heading-txt span {
font-weight: 600;
color: #481F79;
}
.nc-notification-section .heading-txt:before {
margin-left: calc(-8% - 14px);
}
.nc-notification-section .heading-para {
margin: 0;
text-align: center;
padding: 10px 0;
font-weight: 700;
margin-bottom: 10px;
font-size: 14px;
}
#custom-scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
background-color: #fff;
}
#custom-scroll::-webkit-scrollbar-thumb {
background-color: #481f8f;
}
#custom-scroll::-webkit-scrollbar {
width: 4px;
background-color: #481f8f;
}
/* ********************************************* PRODUCT SHINEOLYMPIAD PAGE SECTION CSS */
.shineolympiad-page-section {
position: relative;
z-index: 1;
background-color: #000;
}
.shineolympiad-page-section .shineolympiad-pagebg {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.7;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
}
.shineolympiad-page-section .productsp-header-details-box img {
width: 20%;
background: #fff;
border-radius: 4px;
padding: 6px 10px;
}
.shineolympiad-page-section .productsp-header-details-box h3 {
color: #fff;
font-size: 28px;
line-height: 48px;
}
.shineolympiad-page-section .productsp-header-details-box h6 {
color: #fff;
}
/* ********************************************* PRODUCT SCHOOL LMS CSS */
.schoollms-page-header {
position: relative;
padding: 3em 0;
background: #00305d;
z-index: 1;
}
.schoollms-page-header .schoollms-header-bg {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(/wp-content/themes/sarkaripariksha_theme/images/daily_quiz_2.png) center center;
opacity: 0.3;
width: 100%;
height: 100%;
filter: blur(0px);
background-position: right;
}
.schoollms-page-header img {
width: 10%;
background: #fff;
border-radius: 10px;
margin-bottom: 20px;
padding-bottom: 10px;
}
.schoollms-page-header .trending-heading {
font-size: 16px;
font-weight: 800;
text-transform: capitalize;
font-style: normal;
color: #ffffff;
margin: 0;
padding: 0px 0px 0px 0px;
}
.schoollms-page-header h4 {
margin: 0;
font-size: 26px;
color: #fff;
font-weight: 700;
padding: 10px 0;
}
.schoollms-page-header p {
margin: 0;
color: #f3f3f3;
font-weight: 600;
font-size: 18px;
}
.schoollms-page-header h6 {
margin: 0;
color: #fbfbfb;
font-size: 14px;
font-weight: 700;
padding: 10px 0;
line-height: 26px;
}
.schoollms-page-header .schoollms-flex {
display: flex;
align-items: center;
margin-top: 20px;
}
.school-lms-page-section {
padding: 3em 0;
}
.school-lms-page-section .school-lms-page-box {
padding: 30px;
cursor: pointer;
margin-top: 2em;
border-radius: 10px;
transform: translateY(0);
transition-duration: 0.3s;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
background-color: #ffffff;
border: 1px solid #f3f3f3;
align-items: center;
width: 100%;
}
.school-lms-page-section .school-lms-page-box h3 {
margin: 0;
font-weight: 800;
font-size: 18px;
color: #072442;
padding-bottom: 10px;
}
.school-lms-page-section .school-lms-page-box ul li {
list-style: circle;
font-size: 13px;
color: #2a2a2a;
padding: 2px 0;
font-weight: 600;
}
.school-lms-page-section img {
width: 80%;
margin: 0 auto;
display: block;
}
.school-lms-page-section {
padding: 3em 0;
}
.school-lms-page-section h2 {
margin: 0;
font-weight: 800;
font-size: 20px;
border-bottom: 2px solid #114983;
padding-bottom: 12px;
color: #114983;
letter-spacing: 0.5px;
}
.school-lms-page-section .school-lms-page-box ul {
padding-left: 16px;
}
.school-lms-page-section h6 {
font-size: 14px;
font-weight: 700;
color: #0b3154;
background: #d8ecff;
padding: 14px;
margin-top: 20px;
border-radius: 4px;
text-align: center;
}
.school-lms-features-page-section {
padding: 3em 0;
background: #e0f0ff;
}
.school-lms-features-page-section .school-lms-features-box {
padding: 30px;
border-radius: 10px;
transform: translateY(0);
transition-duration: 0.3s;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
background-color: #ffffff;
border: 1px solid #dedede;
margin-bottom: 2em;
}
.school-lms-features-page-section .school-lms-features-box h2 {
margin: 0;
font-size: 18px;
font-weight: 800;
color: #092f57;
border-bottom: 1px solid #dfdfdf;
padding-bottom: 10px;
margin-bottom: 10px;
}
.school-lms-features-page-section .school-lms-features-box ul {
padding-left: 20px;
margin-top: 14px;
}
.school-lms-features-page-section .school-lms-features-box ul li {
list-style: decimal;
padding-bottom: 8px;
}
.school-lms-features-page-section .school-lms-features-box table {
width: 100%;
margin-top: 20px;
}
.school-lms-features-page-section .school-lms-features-box table tr th {
border: 1px solid #ffffff;
padding: 10px;
border-collapse: unset;
background: #072442;
color: #fff;
font-size: 12px;
letter-spacing: 0.4px;
}
.school-lms-features-page-section .school-lms-features-box table tr td {
border: 1px solid #ffffff;
padding: 10px;
border-collapse: unset;
background: #e1f0ff;
color: #072442;
font-size: 14px;
letter-spacing: 0.4px;
font-weight: 700;
}
/* *********************************************** PRODUCT SKILL COURSE SECTION CSS */
/* ********************************************** SKILL COURSES PAGE SECTION CSS */
.skill-courses-page-section {
position: relative;
background: #1c7fdb;
z-index: 1;
padding: 3em 0;
}
.skill-courses-page-section .skill-courses-page-bg {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(https://images.indianexpress.com/2022/05/Webp.net-resizeimage-47-10.43.10-PM.jpg) center center;
opacity: 0.3;
width: 100%;
height: 100%;
filter: blur(0px);
background-position: right;
}
.skill-courses-page-section img {
width: 100%;
margin: -50px auto;
}
.skill-courses-page-section h1 {
margin: 0;
color: #fff;
font-size: 30px;
font-weight: 700;
}
.skill-courses-page-section h2 {
margin: 0;
padding: 12px 0 10px;
color: #ffffff;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
}
.skill-courses-page-section ul {
margin-top: 10px;
}
.skill-courses-page-section ul li {
color: #f8f8f8;
font-size: 14px;
display: inline-block;
align-items: baseline;
font-weight: 700;
background: rgb(36 36 36 / 51%);
padding: 10px 20px;
margin-right: 10px;
width: 32%;
margin-bottom: 5px;
border-radius: 4px;
letter-spacing: 0.5px;
}
.skill-courses-page-section ul li i {
margin-right: 10px;
}
.skillcourse-details-section {
padding: 3em 0;
background: #f1f8ff;
border-top: 4px solid #1c94ff;
}
.skillcourse-details-section .skillcourse-details-flex {
display: flex;
align-items: center;
justify-content: center;
}
.skillcourse-details-section h2 {
margin: 0;
font-weight: 900;
font-size: 24px;
text-align: center;
color: #093c6c;
padding: 20px 0;
}
.skillcourse-details-section .skillcourse-details-flex h4 {
margin: 0;
font-size: 14px;
background: #093c6c;
padding: 8px 20px;
color: #fff;
font-weight: 700;
border-radius: 4px;
margin-right: 10px;
letter-spacing: 0.5px;
}
.skillcourse-details-section img {
width: 12%;
margin: 0 auto;
display: block;
}
.skill-courses-page-section .schoollms-flex {
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.skill-courses-page-section .schoollms-flex h6 {
margin: 0;
font-size: 16px;
font-weight: 700;
color: #fff;
}
.collegenxtnow-product-section .schoollms-flex {
display: flex;
align-items: center;
justify-content: center;
margin: 40px auto;
background: rgb(0 115 150 / 42%);
padding: 20px;
border-radius: 10px;
width: 60%;
}
.collegenxtnow-product-section .schoollms-flex h6 {
margin: 0;
color: #fff;
font-weight: 600;
letter-spacing: 0.5px;
}
/* ***************************************** PRODUCT ENGLISH SPEAKING COURSE SECTION CSS */
.product-english-section {
padding: 3em 0;
background: #fff6ef;
border-top: 4px solid #ffd9bc;
border-bottom: 4px solid #ffd9bc;
}
.product-english-section img {
width: 30%;
margin: 0 auto;
display: block;
}
.product-english-section h2 {
margin: 0;
text-align: center;
font-weight: 700;
font-size: 22px;
padding-bottom: 20px;
}
.product-english-section h3 {
margin: 0;
font-size: 16px;
font-weight: 700;
text-align: center;
color: #b56902;
}
.product-english-section ul {
padding: 20px;
}
.product-english-section ul li {
font-weight: 600;
font-size: 14px;
padding: 4px 0;
}
.product-english-section ul li span {
color: #da242a;
margin-right: 6px;
font-size: 16px;
}
.product-english-section .schoollms-flex {
display: flex;
align-items: center;
justify-content: center;
background: #ffe9d7;
padding: 10px;
border-radius: 4px;
width: 80%;
margin: 0 auto;
border: 1px solid #ffd6b7;
}
.product-english-section .schoollms-flex h6 {
margin: 0;
font-weight: 700;
}
.product-english-section .product-english-box {
background: white;
padding: 20px 20px 40px;
border-radius: 10px;
box-shadow: 0 0 10px -2px #d4d4d4;
}
/* ***************************************************** MERI WEBSITE SECTION CSS */
.meriwebsite-header-section {
position: relative;
padding: 3em 0;
background: #675002;
z-index: 1;
text-align: left;
}
.meriwebsite-header-section .meriwebsite-headerbg {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(https://meriwebsite.in/wp-content/themes/meriwebsite/images/MW-Web-Banner.jpg) center center;
opacity: 0.3;
width: 100%;
height: 100%;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.meriwebsite-header-section img {
width: 30%;
background: rgb(255 255 255 / 29%);
padding: 14px 20px;
border-radius: 4px;
margin-bottom: 20px;
}
.meriwebsite-header-section h3 {
color: #fff;
margin: 0;
padding: 0;
font-size: 40px;
line-height: 50px;
font-weight: 900;
}
.meriwebsite-header-section h3 span {
color: #ffab23;
font-weight: 600;
}
.meriwebsite-header-section h6 {
margin: 0;
font-size: 18px;
font-weight: bold;
color: #ffffff;
padding: 20px 0;
}
.meriwebsite-header-section ul {
display: flex;
align-items: center;
margin-top: 10px;
background: rgb(0 0 0 / 35%);
padding: 14px 20px;
border-radius: 4px;
margin-bottom: 0;
width: 100%;
}
.meriwebsite-header-section ul li {
font-size: 14px;
font-weight: 600;
color: #fff;
list-style: none;
margin-right: 30px;
}
.meriwebsite-header-section ul li i {
margin-right: 6px;
}
.meriwebsite-header-section .Exclusive-box {
background: rgb(171 0 0 / 34%);
padding: 10px 20px;
border-radius: 10px;
}
.meriwebsite-header-section .Exclusive-box .schoollms-flex {
display: flex;
align-items: center;
}
.meriwebsite-header-section .schoollms-flex h6 {
font-size: 14px;
padding: 0;
}
/* .meriwebsite-header-section .Exclusive-box .Exclusive-txt {
margin: 0;
color: #fff;
font-weight: bold;
font-size: 20px;
letter-spacing: 0.5px;
}
.meriwebsite-header-section .Exclusive-box .Exclusive-txt span {
color: #ffc61b;
} */
/*
.meriwebsite-header-section .Exclusive-box .contact-para {
margin: 0;
margin-top: 20px;
color: #eaeaea;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.5px;
}
.meriwebsite-header-section .Exclusive-box .contact-para span {
padding-right: 6px;
margin-right: 10px;
border-right: 2px solid #fff;
}
.meriwebsite-header-section .Exclusive-box .contact-para span a{
color: #fff;
}
.meriwebsite-header-section .Exclusive-box .contact-para span:last-child{
padding-right: 0;
margin-right: 0;
border-right: none;
} */
.Ourplans-section {
padding: 2em 0;
}
.Ourplans-section .OurplansBox .OurplansBox-div {
background: #f1f5ff;
width: 100%;
border-radius: 10px;
}
.Ourplans-section .OurplansBox .OurplansBox-div .OurplansBoxFeatures-flex {
padding: 30px;
}
.Ourplans-section img {
width: 4%;
margin: 0 auto;
display: block;
}
.Ourplans-section h6 {
margin: 0;
text-align: center;
color: #905e13;
font-size: 24px;
font-weight: 600;
}
.Ourplans-section h3 {
margin: 0;
text-align: center;
font-size: 30px;
padding: 10px 0;
margin-bottom: 10px;
font-weight: 600;
color: #0c2b79;
font-family: sans-serif;
}
.Ourplans-section h3 span {
font-size: 16px;
}
.Ourplans-section h3 b {
font-size: 11px;
font-weight: 600;
color: #c00b0b;
padding-top: 4px;
}
.Ourplans-section .OurplansBox .OurplansBox-div ul {
padding: 0;
}
.Ourplans-section .OurplansBox .OurplansBox-div ul li {
font-weight: 700;
font-size: 14px;
padding: 16px;
list-style: none;
background: rgb(0 0 0 / 6%);
margin: 4px auto;
border-radius: 4px;
width: 46%;
display: inline-block;
margin-right: 10px;
}
.Ourplans-section .OurplansBox .OurplansBox-div ul li b {
color: #ed1d24;
margin-left: 4px;
}
.Ourplans-section .OurplansBox .OurplansBox-div ul li i {
color: #22c322;
margin-right: 10px;
}
.Ourplans-section .demand-features-box h5 {
margin: 0;
font-weight: 600;
color: #153175;
font-size: 20px;
padding-bottom: 20px;
padding-top: 0;
text-align: left;
}
.Ourplans-section .demand-features-box table {
width: 100%;
}
.Ourplans-section .demand-features-box table th {
padding: 12px 20px;
background: #e6edff;
border: 1px solid #9f9f9f;
font-size: 15px;
font-weight: 700;
}
.Ourplans-section .demand-features-box table td {
padding: 12px 20px;
background: #fff;
border: 1px solid #d6d6d6;
font-size: 15px;
font-weight: 700;
}
.Ourplans-section .demand-features-box table td span {
color: #bd7d1e;
font-weight: 600;
font-size: 12px;
margin-left: 6px;
}
.THEMEFEATURES-section {
padding: 0;
}
.THEMEFEATURES-section img {
width: 4%;
margin: 0 auto;
display: block;
}
.THEMEFEATURES-section h5 {
text-align: center;
color: #222222;
margin: 0;
padding: 0px 0 10px;
font-size: 26px;
font-weight: 600;
}
.THEMEFEATURES-section p {
margin: 0;
text-align: center;
color: #666666;
font-size: 14px;
padding: 0 14em;
margin-bottom: 40px;
font-weight: 500;
}
.THEMEFEATURES-section .THEMEFEATURES-box {
text-align: center;
margin-bottom: 20px;
transform: translateY(0);
transition-duration: 0.3s;
background: #fafafa;
padding: 20px;
border-radius: 10px;
border: 1px solid #f1f1f1;
}
.THEMEFEATURES-section .THEMEFEATURES-box img {
width: 16%;
}
.THEMEFEATURES-section .THEMEFEATURES-box h4 {
margin: 0;
color: #232323;
padding-top: 18px;
font-weight: 600;
font-size: 16px;
line-height: 20px;
}
.THEMEFEATURES-section .THEMEFEATURES-box h3 {
margin: 0;
font-size: 13px;
margin-top: 10px;
line-height: 20px;
color: #6e6e6e;
letter-spacing: 0.5px;
font-weight: 600;
}
.OurCategory-section {
padding: 2em 0;
background: #fff9ef;
}
.OurCategory-section img {
width: 4%;
margin: 0 auto;
display: block;
}
.OurCategory-section h5 {
text-align: center;
color: #010a17;
margin: 0;
padding: 0 0 10px;
font-size: 24px;
font-weight: 600;
}
.OurCategory-section p {
margin: 0;
text-align: center;
color: #494949;
font-size: 14px;
padding: 0 16em;
margin-bottom: 20px;
}
.OurCategory-section ul {
text-align: center;
padding: 0;
}
.OurCategory-section ul li {
display: inline-block;
color: #935700;
font-weight: 700;
font-size: 12px;
padding: 8px 0;
width: 23%;
margin-right: 10px;
}
.OurCategory-section ul li .OurCategoryul-box {
background: #e5edff;
padding: 10px 20px;
border-radius: 14px;
border: 1px solid #b1c9ff;
color: #000;
font-weight: 600;
display: flex;
align-items: center;
justify-content: flex-start;
text-align: left;
transform: translateY(0);
transition-duration: 0.3s;
}
.OurCategory-section h4 {
margin: 0;
}
.OurCategory-section ul li img {
width: 36px;
margin-right: 14px !important;
margin: 0;
}
/* **************************************************** COLLEGE NXT NOW SECTION CSS */
.collegenxtnow-product-section {
position: relative;
padding: 8em 0;
background: #012e3c;
z-index: 1;
height: 100vh;
}
.collegenxtnow-product-section .collegenxtnow-productbg {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(https://collegenxtnow.com/wp-content/themes/education/img/banner-bg.jpg) center center;
opacity: 0.3;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.collegenxtnow-product-section img {
width: 20%;
margin: 0 auto;
display: block;
}
.collegenxtnow-product-section h1 {
font-size: 20px;
text-align: center;
font-weight: 800;
color: #fff;
line-height: 40px;
background: rgb(0 0 0 / 36%);
margin: 30px auto;
padding: 10px 0;
border-radius: 10px;
}
.collegenxtnow-product-section ul {
display: flex;
align-items: center;
justify-content: center;
}
.collegenxtnow-product-section ul li {
display: flex;
align-items: flex-start;
border-right: 2px solid #969696;
padding-right: 20px;
width: 50%;
margin-right: 20px;
}
.collegenxtnow-product-section ul li i {
color: #ffab17;
font-size: 40px;
margin-right: 30px;
}
.collegenxtnow-product-section ul li:last-child {
border-right: none;
}
.collegenxtnow-product-section ul li h4 {
font-weight: 800;
color: #fff;
font-size: 20px;
margin: 0;
}
.collegenxtnow-product-section ul li p {
margin: 0;
font-size: 18px;
color: #fff;
padding-top: 10px;
}
/* ********************************************* NEWS & MEDIA PAGE SECTION CSS */
.NewsMediaPageSection {
padding: 3em 0;
}
.PhotoGallery-section .NewsMediapara {
margin: 0;
font-size: 16px;
color: #414141;
font-weight: 700;
}
.PhotoGallery-section {
padding: 3em 0;
background-color: whitesmoke;
}
.PhotoGallery-section .img-wrapper {
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.PhotoGallery-section .img-wrapper img {
width: 100%;
transition: all ease-in-out 0.4s;
height: 270px;
/* object-fit: cover; */
border-radius: 10px;
}
.PhotoGallery-section .img-wrapper:hover img {
transform: scale(1.1);
}
.PhotoGallery-section .img-overlay {
background: rgb(255 255 255 / 42%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: flex-start;
align-items: end;
opacity: 0;
cursor: pointer;
}
.PhotoGallery-section .img-overlay h4 {
margin: 0;
background: rgb(0 0 0 / 59%);
padding: 10px 20px;
border-radius: 4px;
color: #fff;
width: 100%;
text-align: center;
}
.PhotoGallery-section .img-overlay i {
color: #fff;
font-size: 3em;
}
.PhotoGallery-section #overlay {
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
/* align-items: center; */
z-index: 999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: auto;
}
.PhotoGallery-section #overlay img {
margin: 0;
width: 80%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
padding: 5%;
}
@media screen and (min-width: 768px) {
.PhotoGallery-section #overlay img {
width: 70%;
}
}
@media screen and (min-width: 1200px) {
.PhotoGallery-section #overlay img {
width: 70%;
}
}
.PhotoGallery-section #nextButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
cursor: pointer;
}
.PhotoGallery-section #nextButton:hover {
opacity: 0.7;
}
@media screen and (min-width: 768px) {
.PhotoGallery-section #nextButton {
font-size: 3em;
display: flex;
align-items: center;
}
}
.PhotoGallery-section #prevButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
cursor: pointer;
}
.PhotoGallery-section #prevButton:hover {
opacity: 0.7;
}
@media screen and (min-width: 768px) {
.PhotoGallery-section #prevButton {
font-size: 3em;
display: flex;
align-items: center;
}
}
.PhotoGallery-section #exitButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
position: absolute;
top: 15px;
right: 15px;
}
.PhotoGallery-section #exitButton:hover {
opacity: 0.7;
}
@media screen and (min-width: 768px) {
.PhotoGallery-section #exitButton {
font-size: 3em;
}
}
.PhotoGallery-section p {
margin-bottom: 20px !important;
}
.PhotoGallery-section .VIEWALLBtn {
background: #fff;
display: flex;
text-align: center;
width: 10%;
margin: 20px auto 0;
padding: 8px 0;
color: #ff5d06;
border-radius: 4px;
border: 1px solid #ff5d06;
transition-duration: 0.3s;
align-items: center;
justify-content: center;
font-size: 12px;
}
.PhotoGallery-section .VIEWALLBtn:hover {
background: #ff5d06;
color: #fff;
}
.PhotoGallery-section .VIEWALLBtn i {
margin-left: 6px;
}
.PhotoGallery-section .overlayModalMedia {
height: 90%;
width: 100%;
position: fixed;
z-index: -1;
overflow: auto;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
/********** RESPONSIVE MEDIA CSS *************/
@media only screen and (max-width: 600px) {
#header {
height: auto;
padding: 10px 0;
}
.our-products-section .our-products-ul li a {
display: block;
}
.our-products-section .our-products-ul li img {
width: 120px;
min-width: 120px;
}
.our-products-section .our-products-ul li .our-products-flex {
padding-left: 0;
margin-top: 10px;
}
.freedemo-section img {
width: 46%;
float: none;
margin: 0 auto 20px;
display: block;
}
.freedemo-section h2 {
font-size: 18px;
line-height: normal;
text-align: center;
padding: 0;
margin-bottom: 20px;
}
.productself-header-section .productself-header-details-box h2 {
padding: 20px 0em;
}
.psycometric-video-section .psycometric-video-box {
margin-bottom: 20px;
}
.productsp-header-section .productsp-header-details-box {
text-align: center !important;
}
.selfanalyse-details-box .section-header h2::after {
top: 14%;
width: 20%;
}
.selfanalyse-section-page {
padding: 3em 0 0;
}
.psycometric-examlist-section .psycometric-examlist-box {
margin-bottom: 20px;
}
.productself-header-section .productself-header-details-box img {
width: 40%;
}
.selfanalyse-details-box .section-header h2::after .productsp-header-section .productsp-header-details-box {
text-align: center;
}
.four-features-section .four-features-box {
margin-bottom: 2em !important;
}
.freedemo-section h2 {
font-size: 18px;
line-height: 30px;
}
.senior-junior-olympiad-section h4 {
font-size: 16px;
}
.productwhitelabel-header-section .productwhitelabel-header-details-box img {
width: 40%;
}
.senior-junior-olympiad-section ul li {
width: 100%;
}
.visitWebsite-btn {
width: auto;
margin: 0 0 10px;
}
.partner-network-page-section .iframe-sp-video-box h4 {
font-size: 14px;
}
.meriwebsite-header-section img {
width: 70%;
padding: 16px;
}
.meriwebsite-header-section ul {
display: block;
width: 100%;
}
.meriwebsite-header-section ul li {
border-bottom: 1px solid #bebebe;
padding: 14px 0;
}
.meriwebsite-header-section .Exclusive-box .schoollms-flex {
display: block;
text-align: center;
padding: 10px 0;
}
.Ourplans-section .OurplansBox .OurplansBox-div .OurplansBoxFeatures-flex {
padding: 20px;
}
.meriwebsite-header-section ul li:last-child {
border-bottom: none;
}
.Ourplans-section img {
width: 20%;
}
.partner-network-page-section .partner-network-box ul li {
width: 190px;
margin-right: 10px;
}
.Ourplans-section h6 {
font-size: 18px;
}
.Ourplans-section h3 {
margin-bottom: 0;
}
.THEMEFEATURES-section p {
padding: 0;
}
.OurCategory-section p {
padding: 0;
}
.partner-network-page-section .partner-network-box h3 {
line-height: 40px;
font-size: 24px;
}
.become-partner-register-section ul li {
margin: 0 4px 10px;
}
.OurCategory-section ul li {
width: 100%;
margin-right: 0;
}
.OurCategory-section img {
width: 14%;
}
.nc-notification-section .latest-box {
margin-bottom: 20px;
}
.schoollms-page-header img {
width: 36%;
}
.producttss-header-section .school-website-ul li {
display: block;
}
.producttss-header-section .school-website-ul {
display: block;
padding-bottom: 0;
padding-left: 0;
}
.school-lms-features-page-section .school-lms-features-box .table-responisve {
overflow: auto;
}
.producttss-header-section .producttss-header-details-box img {
width: 60%;
}
.all-classes-section .all-classes-box {
width: 44%;
}
.logo-img {
width: 70%;
top: 0;
}
.all-heads {
font-size: 22px;
}
.image-bottom {
margin: 0;
}
.banner-section {
padding: 40px 0;
/* margin-top: 64px; */
}
.banner-texts h1 {
letter-spacing: 2px;
font-size: 32px;
}
.productsp-header-section .productsp-header-details-box img {
width: 30% !important;
margin: 0 !important;
}
.aboutus-section .aboutus-details ul li {
width: 100%;
}
.aboutus-section img {
width: 100%;
margin-bottom: 30px;
}
.state-exams-section .state-exams-box ul li {
width: 42%;
margin: 10px;
}
.state-exams-section .state-exams-box ul {
display: block;
}
.counter-bg-padding {
padding-bottom: 10px;
padding-top: 3em;
}
.counter-bgimage h4 {
margin-bottom: 2em;
}
.image-bottom {
margin: 0;
}
.counter-value {
font-size: 30px;
}
.teams-section {
padding: 3em 0 0;
}
#customers-teams .item {
height: auto !important;
}
#customers-teams.owl-carousel .owl-dots {
display: none;
}
.organization-section .side-img {
margin-bottom: 2em;
}
.our-advisors-section ul {
transform: translateX(0);
}
.our-advisors-section li {
width: 100%;
}
.partners-section {
padding: 1em 0px 3em;
}
.partners-box {
text-align: center !important;
margin-top: 30px;
}
.center-img .graposs-logo {
margin-top: 0;
background: transparent;
padding: 0;
}
footer .footer-header {
margin-top: 1em;
}
.bottom-footer p {
text-align: center;
}
.bottom-footer ul li {
float: none;
width: 100%;
text-align: center;
border-right: none;
padding-right: 0;
padding-top: 10px;
}
.aboutus-page {
margin-top: 0;
}
.aboutus-page-section .aboutus-details ul li {
width: 100%;
}
.aboutus-page-section img {
margin-bottom: 20px;
}
.sarkari-section img,
.shine-section img,
.self-section img,
.easy-section img,
.naukri-section img,
.college-section img {
width: 40%;
}
.sarkari-head,
.shine-head,
.self-head,
.easy-head,
.naukri-head,
.college-head {
font-size: 28px;
padding: 10px 0;
text-align: center;
}
.sarkari-section,
.shine-section,
.self-section,
.easy-section,
.naukri-section,
.college-section {
padding: 1em 0;
text-align: center;
}
.sarkari-section button,
.shine-section button,
.self-section button,
.easy-section button,
.naukri-section button,
.college-section button {
margin-right: 0;
margin-left: 0;
float: none;
}
.page-header h4 {
font-size: 26px;
}
.product-service-page .product-service-box {
padding: 0;
text-align: center;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 10px;
}
.product-service-page .product-service-box img {
width: 40%;
float: none;
margin: 0 auto;
display: block;
}
.product-service-page .product-service-box a {
margin-bottom: 10px;
display: inline-block;
}
.product-service-page .product-service-box.in-right p {
text-align: center;
}
.product-service-page .product-service-box .product-box-details {
float: none;
width: 100%;
margin-top: 20px;
padding: 0;
}
.product-service-page .product-service-box.in-right .product-box-details {
padding-left: 0;
padding-right: 0;
text-align: center;
}
.contactus-page-section .contactus-details ul li .icon-ul {
width: 20%;
}
.contactus-page-section .contactus-details ul li .ul-details {
width: 80%;
padding-left: 10px;
margin-left: 0;
}
.contactus-page-section .contactus-details p {
font-size: 14px;
}
.contactus-page-section .contactus-details ul li {
margin-top: 0;
margin-bottom: 20px;
}
.contactus-page-form {
padding: 20px;
margin-left: 0;
}
.contactus-page-form h3 {
font-size: 24px;
}
.partner-page {
margin-top: 0;
}
.partner-withus-banner .partner-banner-details {
padding-top: 0;
}
.partner-withus-banner .partner-banner-img {
width: 100%;
}
.partner-withus-whychoose .partner-whychoose-box {
margin-bottom: 1em;
}
.partner-withus-support .partner-support-box .partner-support-details {
width: 100%;
padding: 10px 0 0 0;
}
.partner-withus-support .partner-support-box {
border-bottom: 1px solid #c5c5c5;
}
.partner-withus-partner .partner-partner-box {
margin-bottom: 1em;
}
.partner-withus-connect .partner-connect-box {
padding: 20px 0;
}
.partner-withus-connect .partner-connect-box form {
width: 100%;
}
.graposs-career-details .career-details-ul li img {
float: none;
width: 50%;
margin: 0 auto;
display: block;
}
.graposs-career-details .career-details-ul li .career-details-box {
padding: 20px 0 0 !important;
}
.graposs-career-details .career-details-ul li .career-details-box span {
width: 100%;
display: block;
padding: 4px 0;
}
.graposs-career-details .career-details-ul {
padding-bottom: 0px;
}
}
/************ all css for icons ***************/
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1
}
.fa-check-circle:before {
content: "\f058"
}
.fa-users:before {
content: "\f0c0";
}
.fa-smile:before {
content: "\f118";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-check-double:before {
content: "\f560";
}
.fa-chevron-left:before {
content: "\f053"
}
.fa-chevron-right:before {
content: "\f054"
}
.fa-bars:before,
.fa-navicon:before {
content: "\f0c9";
}
.fa-linkedin:before {
content: "\f0e1"
}
.fa-edit:before {
content: "\f044";
}
.fa-external-link-alt:before {
content: "\f35d";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a"
}
.fa-mobile-alt:before {
content: "\f3cd";
}
.fa-twitter:before {
content: "\f099"
}
.fa-envelope:before {
content: "\f0e0"
}
.fa-copyright:before {
content: "\f1f9"
}
.fa-bars:before {
content: "\f0c9"
}
.fa-chevron-down:before {
content: "\f078"
}
.fa-chevron-up:before {
content: "\f077"
}
.fa-times:before {
content: "\f00d"
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b"
}
.fa-globe:before {
content: "\f0ac"
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1"
}
.fa-chrome:before {
content: "\f268"
}
.fa-refresh:before {
content: "\f021"
}
.fa-external-link:before {
content: "\f08e"
}
.fa-youtube:before {
content: "\f167"
}
.fa-telegram:before {
content: "\f2c6"
}
.fa-instagram:before {
content: "\f16d"
}
@font-face {
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(css/webfontsfontawesome-webfont.eot);
src: url(css/webfonts/fontawesome-webfont.woff2) format("woff2"), url(css/webfonts/fontawesome-webfont.woff) format("woff"), url(css/webfonts/fontawesome-webfont.ttf) format("truetype")
}
.fa,
.fas {
font-family: "Font Awesome 5 Free";
}
.fa,
.fas {
font-weight: 900;
}
/*********** font family***********/
@font-face {
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cce9I9s.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* **************************************************** ABOUT PAGE SECTION CSS */
.AboutGEPL-page-section {
padding: 3em 0;
background: whitesmoke;
}
.AboutGEPL-page-section .AboutGEPL-Box {
background: #fff;
border: 2px dashed #ffbfc2;
padding: 30px;
border-radius: 10px;
}
.AboutGEPL-page-section .AboutGEPL-Box h2 {
font-weight: 700;
/* border-bottom: 1px solid #ebebeb; */
padding-bottom: 10px;
margin-bottom: 10px;
color: #ed1d24;
font-size: 22px;
}
.AboutGEPL-page-section .AboutGEPL-Box h4 {
font-weight: 800;
font-size: 18px;
}
.AboutGEPL-page-section .AboutGEPL-Box h2 span {
font-size: 16px;
color: #3c3c3c;
margin-left: 10px;
}
.AboutGEPL-page-section .AboutGEPL-Box ul {
padding-left: 20px;
margin-bottom: 2em;
}
.AboutGEPL-page-section .AboutGEPL-Box ul li {
list-style: disc;
font-weight: 900;
font-size: 15px;
color: #5e5e5e;
margin-bottom: 6px;
}