@import url("https://fonts.googleapis.com/css2?family=Raleway&display=swap");
@keyframes slideDown {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
} :focus {
outline: 0 !important;
}
header#site-header {
position: absolute;
top: 0;
z-index: 9;
width: 100%;
padding: 30px 0 0;
}
.site-header .header-inner .menu-search-container {
display: flex;
align-items: center;
gap: 24px;
}
.site-header:not(.header-stacked) .header-inner .site-navigation{
max-width:100% !important;
}
header#site-header.is-sticky div#openSearchModal svg path {
stroke: #000;
}
header#site-header.is-sticky {
position: fixed;
box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
padding: 20px 0;
background: #fff;
animation: slideDown 0.35s ease-out; }
header#site-header .site-branding img {
width: 140px;
}
header#site-header .site-navigation{
gap: 32px;;
}
header#site-header nav.site-navigation ul {
column-gap: 28px;
}
header#site-header nav.site-navigation ul li a {
color: #FFF;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
border-bottom: 2px solid transparent;
transition: 0.2s;
padding: 10px;
}
header#site-header nav.site-navigation ul li a:hover, header#site-header nav.site-navigation ul li.current-menu-item a {
color: #EC3900;
border-bottom: 2px solid #EC3900;
}
#openSearchModal svg:hover path{
stroke: #EC3900 !important;
}
header#site-header.is-sticky nav.site-navigation ul li a {
color: #000;
}
header#site-header.is-sticky nav.site-navigation ul li a:hover, header#site-header.is-sticky nav.site-navigation ul li.current-menu-item a {
color: #EC3900;
}
.site-sticky-logo {
display: none;
}
header#site-header.is-sticky .site-logo {
display: none;
}
header#site-header.is-sticky .site-sticky-logo {
display: flex;
} footer .footer-main{
background: url(//pccirls.com/wp-content/uploads/2024/01/footer-bg.png) no-repeat;
padding: 37px 0 30px;
background-size: 378px;
background-position: calc(50% + 480px) 0;
}
footer .footer-main .footer-main-inner {
max-width: 1140px;
display: grid;
margin: 0 auto;
column-gap: 70px;
grid-template-columns: 38% 12% 12% 20%;
}
.footer-main-inner .footer-1 img {
max-width: 110px;
}
.footer-main-inner figure {
margin: 0;
}
.footer-main-inner .footer-1 p {
color: #FFF;
font-family: Raleway;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
.footer-main-inner h2 {
color: #FFF;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
text-transform: uppercase;
margin: 0 0 20px;
}
.footer-main-inner ul.menu li a {
color: #FFF;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px; }
.footer-main-inner ul.menu {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
column-gap: 20px;
row-gap: 20px;
}
.footer-main-inner .footer-1 {
padding-right: 100px;
}
.footer-main-inner .footer-4 .wp-block-group__inner-container {
display: flex;
column-gap: 12px;
}
.site-footer:not(.footer-stacked) .footer-sec-container .copyright {
max-width: max-content;
}
footer#site-footer {
background: #3D4349;
padding: 0;
}
footer#site-footer .footer-secondary{
background: #52585E;
}
footer#site-footer .footer-secondary .footer-sec-container {
max-width: 1140px;
display: flex;
margin: 0 auto;
justify-content: center; align-items: center;
padding: 15px 0;
}
.site-footer .footer-sec-container nav.site-navigation {
max-width: max-content !important;
}
footer#site-footer .footer-secondary .copyright p {
color: #FFF;
font-family: Inter;
font-size: 15.2px;
font-style: normal;
font-weight: 300;
line-height: 22.8px;
margin: 0;
}
footer#site-footer .footer-secondary nav.site-navigation a {
color: #FFF;
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.205px;
}
.footer-main-inner .footer-2, .footer-main-inner .footer-3, .footer-main-inner .footer-4 {
margin-top: 31px;
}
.footer-main-inner figure img:hover {
transform: scale(1.1);
}
.footer-main-inner figure img {
transition: 0.2s;
} .map-bg {
position: absolute !important;
height: 1100px !important;
top: -90px !important;
max-width: 1057px !important;
left: 50%;
transform: translate(-50%, 0);
}
.offer-shadow {
box-shadow: 0px 0px 10px 0px rgba(42, 113, 185, 0.10);
}
.contact-shadow {
border-radius: 10px !important;
background: #FFF;
box-shadow: 2px 10px 28px 0px rgba(0, 0, 0, 0.12);
}
.wpcf7 form input, .wpcf7 form select, .wpcf7 form textarea {
border-radius: 4px;
border: 1.2px solid #B4BEC8;
color: #959595;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 15px;
background: #fff;
}
.wpcf7 form input[type=submit] {
border-radius: 5px;
background: linear-gradient(0deg, #EC3900 0%, #FF9A00 98.57%);
width: 100%;
color: #FFF;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
border: none;
}
.contactus-form-container br {
display: none;
}
.contactus-form-container p {
display: flex;
flex-direction: column;
row-gap: 24px;
}
.contactus-form-container p input[type=submit] {
margin-top: 10px;
}
::placeholder {
color: #959595;
}
.wpcf7 form select {
appearance: none;
background-image: url(//pccirls.com/wp-content/themes/hello-elementor-child/assets/images/icons/arrow-down.svg);
background-repeat: no-repeat, repeat;
background-position: right 0.7em top 50%, 0 0;
background-size: 0.65em auto, 100%;
}
h3.elementor-icon-box-title {
margin: 0;
}
.banner-img-bg {
opacity: 0.52;
background: linear-gradient(180deg, #000 10.17%, rgba(0, 0, 0, 0.00) 100%), linear-gradient(0deg, #184A3F 0%, #9CC0AD 100%);
height: 100%;
}
section.education.sec-bg{
padding: 75px 0 236px;
}
section.sec-bg {
background-image: url(//pccirls.com/wp-content/uploads/2024/01/education-bg1.png), url(//pccirls.com/wp-content/uploads/2024/01/education-bg2.png);
background-position: 95.5% 7.5%, 1% 96%;
background-repeat: no-repeat, no-repeat;
background-size: 395px, 263px;
}
section.education .education-container {
max-width: 1140px;
margin: 0 auto;
}
section.education h1 {
margin: 0;
color: #000;
text-align: center;
font-family: Inter;
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
section.education .category-container {
margin-top: 75px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 20px;
row-gap: 60px;
}
.category-container .cat-item .image {
min-height: 288px;
line-height: 288px;
vertical-align: middle;
text-align: center;
background: #fff;
border-radius: 18px 18px 0 0;
}
.category-container .cat-item .image img{
vertical-align: middle;
}
.category-container .cat-item .image-grad {
padding: 2px 2px 0px 2px;
border-radius: 20px 20px 0 0;
background: linear-gradient(0deg, #184A3F 0%, #9CC0AD 100%), #D9D9D9;
}
.category-container .cat-item .title {
border-radius: 0px 0px 15px 15px;
background: linear-gradient(0deg, #184A3F 0%, #9CC0AD 100%), #D9D9D9;
height: 112px;
padding: 22px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.category-container .cat-item .title span{
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 34px;
}  .edu-post-container {
margin-top: 50px;
display: grid;
grid-template-columns: 32% 68%;
column-gap: 20px;
}
.edu-post-container .edu-post-list ul {
padding: 0;
list-style-type: none;
}
.edu-post-container .edu-post-list ul li {
color: #184A3F;
font-size: 18px;
line-height: 36px;
letter-spacing: 1px;
padding: 32px 20px;
border-left: 1px solid #184A3F;
border-right: 1px solid #184A3F;
border-bottom: 1px solid #184A3F;
cursor: pointer;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
background: #fff;
}
.edu-post-container .edu-post-list ul li:first-child {
border-top: 1px solid #184A3F;
}
.edu-post-container .edu-post-list ul li.active{
background: linear-gradient(0deg, #EC3900 0%, #FF9A00 98.57%);
color: #fff;
}
.edu-post-container .edu-post-list ul li:hover {
background: linear-gradient(0deg, #EC3900 0%, #FF9A00 98.57%);
color: #fff;
}
.edu-post-container .edu-post-list ul.child-posts {
display: none;
}
.edu-post-container .edu-post-list ul li:hover ul.child-posts {
display: block;
position: absolute;
left: 100%;
width: 365px;
z-index: 9;
background: #fff;
top: -1px;
}
.edu-post-container .edu-post-list ul li svg#Layer_1 {
width: 13px;
}
.edu-post-container .edu-post-list ul li:hover svg {
fill: #fff;
}
.post-details .post-pdf a {
background: rgba(24, 74, 63, 0.05);
margin-top: 15px;
display: flex; justify-content: space-between;
align-items: center;
padding: 20px 40px;
column-gap: 20px;
cursor: pointer;
}
.post-details video {
margin-bottom: 60px;
}
.post-details .post-pdf a {
color: #184A3F !important;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 36px;
letter-spacing: 1px;
}
div#pdfmodal {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.65);
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
}
div#pdfmodal iframe {
width: 70%;
height: 85vh;
}
.edu-post-container .edu-post-list ul li.active svg {
fill: #fff;
}
.splide ul.splide__pagination {
margin-top: 0;
margin-bottom: 50px;
display: block;
position: relative;
width: 100%;
text-align: center;
}
.splide ul.splide__pagination li button {
height: 10px;
width: 10px;
padding: 0;
border: none;
border-radius: 50%;
background: #d9d9d9;
}
.splide ul.splide__pagination li button.is-active {
background: #184A3F;
transform: none;
}
.splide .splide__arrows .splide__arrow {
position: absolute;
bottom: -10px;
top: auto;
border: none;
padding: 0;
height: 30px;
width: 30px;
display: flex;
align-items: center;
justify-content: center;
left: 0;
margin-left: 0;
}
.splide .splide__arrows button.splide__arrow.splide__arrow--next {
right: 0;
margin-right: 0;
}
.splide .splide__arrows .splide__arrow:hover {
background: #fff;
}
.splide .splide__arrows .splide__arrow:hover svg {
fill: #184A3F;
}
.splide .splide__arrows .splide__arrow:focus, .splide .splide__arrows .splide__arrow:focus-visible {
outline: 0;
background: #fff;
}
.lity button.lity-close {
top: 40px;
right: 40px;
border: none;
padding: 0;
width: 40px;
height: 40px;
color: #fff;
font-size: 40px;
margin: 0;
background: transparent;
box-shadow: none;
line-height: 20px;
text-shadow: none;
border-radius: 50px;
}
.lity button.lity-close:hover {
background: #fff;
color: #000;
transform: rotate(90deg);
}
.splide__arrows {
display: none;
}
.post-details img.play-btn {
position: absolute;
top: 44%;
left: 47%;
}
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container{
max-width: 85% !important;
}
.lity.lity-opened {
background: #000;
}
.site-navigation-toggle-holder .site-navigation-toggle {
background-color: rgb(255 255 255 / 5%) !important;
color: #fff !important;
}
header.is-sticky .site-navigation-toggle-holder .site-navigation-toggle {
color: #1b2b41 !important;
}
.post-details p.edu-title {
display: none;
}
.education-container p.edu-title {
text-align: center;
font-family: Inter;
font-size: 24px;
font-weight: 500;
line-height: 36px;
letter-spacing: 1px;
margin-top:15px
}
.category-container .cat-item:hover .title {
background: linear-gradient(0deg, #EC3900 0%, #FF9A00 98.57%);
}
.category-container .cat-item:hover .image-grad {
background: linear-gradient(0deg, #EC3900 0%, #FF9A00 98.57%);
}
ul.child-posts {
height: 240px;
overflow-y: auto;
} section.search-bg-sec {
background-image: url(//pccirls.com/wp-content/uploads/2024/01/education-bg2.png);
background-position: 1% 99.5%, 1% 93%;
background-repeat: no-repeat;
background-size: 264px;
padding-bottom: 150px;
}
.search-modal {
display: none;
position: fixed;
inset: 0;
background: rgba(255, 255, 255, 0.75);
z-index: 9999;
align-items: center;
justify-content: center;
}
.search-modal.active {
display: flex;
}
.search-modal-content {
background: rgba(255, 255, 255, 0.8);
padding: 30px;
width: 90%;
max-width: 768px;
position: relative;
border-radius: 8px;
}
.search-form {
display: flex;
gap: 10px;
}
.search-field {
flex: 1;
padding: 12px;
font-size: 16px;
border: 1.2px solid #B4BEC8
}
.search-page .result-count-sec h1 {
font-family: 'Inter';
font-weight: 700;
font-size: 50px;
line-height: 100%;
color: #16243D;
}
.search-page .result-count-sec .search-count {
font-family: 'Inter';
font-weight: 500;
font-size: 24px;
line-height: 36px;
letter-spacing: 1px;
color: #184A3F;
margin: 10px 0 32px 0;
}
.search-form input.search-field {
border: 1.2px solid #B4BEC8 !important;
font-family: 'Inter';
font-weight: 400;
font-size: 16px;
line-height: 100%;
padding: 15px 20px;
border-radius: 4px;
}
.search-form input.search-field:focus {
outline: none !important;
border: 1.2px solid #B4BEC8;
}
.search-form button.search-submit {
font-family: 'Inter';
font-weight: 400;
font-size: 18px;
line-height: 100%;
padding: 15px 45px;
}
.search-submit {
background: linear-gradient(0deg, #EC3900 0%, #FF9A00 98.57%);
color: #fff !important;
border: none !important;
}
.close-search, .close-search:hover {
position: absolute;
top: -4px;
right: 10px;
background: none;
border: none;
font-size: 26px;
cursor: pointer;
color: #000;
padding: 0;
}
div#openSearchModal {
display: flex;
cursor: pointer;
}
div#openSearchModal svg {
width: 18px;
height: 18px;
}
.search-page .search-item .search-item-inner {
display: flex;
align-items: center;
} 
.container.search-page {
max-width: 1140px;
margin: 0 auto;
padding: 50px 0 0px 0;
}
.search-page .search-results article.search-item {
padding: 24px 16px;
box-shadow: 0px 0px 10px 0px #2A71B91A;
display: flex;
flex-direction: column;
gap: 8px;
}
.search-page .search-results {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 24px;
}
.search-page .result-count-sec {
max-width: 768px;
}
.search-page .search-item .search-item-inner h2 {
font-family: 'Inter';
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #222222;
margin: 0;
}
.search-page .search-results article.search-item a {
font-family: 'Inter';
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-decoration: underline;
color: #184A3F;
}
.container.search-page p.empty-results {
margin-top: 32px;
font-size: 18px;
font-weight: 600;
color: #184A3F;
} @media screen and (max-width: 1280px) {
section.education .education-container {
padding: 0 30px;
}
footer .footer-main .footer-main-inner{
padding: 0 30px;
}
}
@media screen and (max-width: 1024px) {
.edu-post-container {
flex-direction: column;
display: flex;
}
.edu-post-container .edu-post-list ul li:hover ul.child-posts {
right: 0;
left: 100px;
top: 76px;
width: auto;
}
footer .footer-main .footer-main-inner {
display: flex;
}
footer#site-footer .footer-secondary .footer-sec-container {
flex-direction: column;
}
section.education h1 {
font-size: 35px;
word-break: break-word;
}
.edu-post-container .edu-post-content {
margin-top: 30px;
}
.archive section.banner-img {
height: 200px !important;
}
.edu-post-container .edu-post-list ul li {
padding: 20px;
}
section.education .category-container {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.container.search-page {
padding: 50px 32px 0 32px;
}
.search-page .result-count-sec h1{
font-size: 30px;
}
}
@media screen and (max-width: 768px) {
footer .footer-main .footer-main-inner {
display: flex;
flex-direction: column;
}
section.education .education-container {
padding: 0 16px;
}
.post-details img.play-btn {
width: 50px;
top: 40%;
left: 43%;
}
.archive section.banner-img {
height: 150px !important;
}
.edu-post-container .edu-post-list ul li {
padding: 15px;
}
.edu-post-container .edu-post-list ul li:hover ul.child-posts {
left: 50px;
top: 66px;
}
section.education .category-container {
grid-template-columns: repeat(1, minmax(0, 1fr));
row-gap: 16px;
}
section.education h1 {
font-size: 30px;
}
.footer-main-inner .footer-1 {
padding-right: 0;
}
section.sec-bg {
background-position: 95.5% 99.5%, 1% 96%;
background-size: 250px, 240px;
}
.search-form{
flex-direction: column;
align-items:center;
}
.search-form button.search-submit{
width:50%;
}
}