/* Control Panel CSS*/


body.outside.rad-theme {
    background: #00C2F3;
}

.email-login .outside.rad-theme .btn-dropdown-primary, .outside.rad-theme .btn-primary {
    background: #242862 !important;
}

.email-login .outside.rad-theme .btn-dropdown-primary, .outside.rad-theme .btn-primary:hover {
    background: #242862 !important;
}

.outside .white-label-logo {
    max-width: 200px !important;
}
.workspace h1{
    font-size: 24px;
}
.workspace h2{
    font-size: 18px;
}
.nav-main  h6{
    font-size: 11px;
}

/*-----------------------------------------------------------------------------------

    Template Name: Paragon Space Hire
    Description: Paragon Space Hire Website
    Author: Eyeweb
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01. Theme default CSS
    02. Building for Hire Section CSS
    03. Blog CSS
    04. Single Blog Post CSS
    05. FAQ's CSS
    06. Contact Us Form CSS
    07. Animated Underline CSS
    08. Modular Building CSS
    09. Footer CSS
    10. Legal Page CSS
    11. Recaptcha CSS
    12. Media Queries

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/

*{
    font-family: 'Outfit', sans-serif;
}
p {
    margin-bottom: 1.5rem;
}
h1{
    font-size: 3.8rem;
    line-height: 4rem;
    font-weight: 600;
}
h2{
    font-size: 2.4rem;
    font-weight: 600;
}
h3{
    font-size: 1.4rem;
    font-weight: 700;
}
h4{
    font-size: 1.2rem;
    font-weight: 600;
}
h5{
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.4rem;
    font-weight: 600;
}
h6{
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    font-weight: 700;
}
/*----------------------------------------*/
/*  02. Building for Hire Section CSS
/*----------------------------------------*/
#building_group2{
    margin-top: 6rem;
    width: 100%;
}
#building_group4{
    width: 100%;
}
/*----------------------------------------*/
/*  03. Blog CSS
/*----------------------------------------*/
.blog-pagination  {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.blog-pagination ul  {
  list-style: none;
}
.blog-pagination ::before {
    content:'';
    width:30%;
    height:1px;
    background: #000;
    position:absolute;
    left:70%;
}
.blog-pagination::after {
    content:'';
    width:30%;
    height:1px;
    background:#000;
    position:absolute;
    right:70%;
}
/* .blog-pagination ul.pagination li:first-child,
.blog-pagination ul.pagination li:last-child {
    display: none;
}
.blog-pagination ul.pagination li{
        padding: 15px 0px;
        background: #f5f5f5;
        font-size: 1rem;
        font-weight: 600;
}
.blog-pagination ul.pagination li a,
.blog-pagination ul.pagination li span{
    padding: 15px 25px;
}
.blog-pagination ul.pagination li.active{
    background: #00b5ff;
}
.blog-title a {
    color: var(--primary-brand-color);
    text-decoration: underline;
} */
/*----------------------------------------*/
/*  04. Single Blog Post CSS
/*----------------------------------------*/
.breadcrumbs li:last-child span {
    display: none;
}
.blog-title h3 {
    padding-bottom: 20px;
}
ul.breadcrumbs.flex li:not(:last-child) {
    font-weight: 600;

}
ul.breadcrumbs.flex li a{
    margin:0px 10px;
}
ul.breadcrumbs.flex li:last-child{
   color:#a2a2a2;
}
/*----------------------------------------*/
/*  05. FAQ's CSS
/*----------------------------------------*/
summary::marker {
    font-size: 0;
}
summary::-webkit-details-marker {
    display:none;
    font-size: 0;
}
details[open] > summary:after {
    content: "-";
}
details > summary:after {
    content: "+";
    position: absolute;
    right: -50px;
    top: 35%;
    font-size: 4rem;
    font-weight: 300;
    color: #ffffff;
}
/*----------------------------------------*/
/*  06. Contact Us Form CSS
/*----------------------------------------*/
.custom-field {
    display: flex;
    flex-direction: column;
}
.custom-field label {
    padding: 5px 0px 0px 0px;
}
.custom-field input{
    height: 40px;
    padding: 10px;
}
.custom-field textarea{
    padding: 10px;
    height: 110px;
}
.custom-field input,
.custom-field textarea{
    border: 1px solid #a2a2a2;

}
.custom-field input:focus,
.custom-field textarea{
    outline: none;
}
.contactusform form{
    display: grid;
 grid-template-columns: repeat(2, 1fr);
 grid-template-areas:
   "leftside1 rightside"
   "leftside2 rightside"
   "leftside3 rightside"
   "leftside4 rightside"
   "buttonfull buttonfull";
   -moz-column-gap:30px;
        column-gap:30px

}
.contactusform form .custom-field:nth-child(2){
   grid-area: leftside1;
}
.contactusform form .custom-field:nth-child(3){
   grid-area: leftside2;
}
.contactusform form .custom-field:nth-child(4){
   grid-area: leftside3;
}
.contactusform form .custom-field:nth-child(5){
   grid-area: rightside;
}
.contactusform form .custom-field:nth-child(6){
   grid-area: leftside4;
}
.contactusform form button{
   grid-area:buttonfull;
    background: #00c2f3;
    color: #fff;
    border-radius: 50px;
    margin: 30px 0px;
}
/*----------------------------------------*/
/*  07. Animated Underline CSS
/*----------------------------------------*/
.hover-underline-animation {
    display: inline-block;
    position: relative;
    color: #000000;
}
.hover-underline-animation:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #000000;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
.hover-underline-animation:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
/*----------------------------------------*/
/*  08. Modular Building CSS
/*----------------------------------------*/
.modularBuildingGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-template-areas:
    "col-size-1 col-size-2 col-size-3 col-size-4"
   "col-size-5 col-size-6 col-size-7 col-size-8"
   "col-size-9 col-size-10 col-size-2-lg col-size-2-lg"
   "col-size-11 col-size-12 col-size-2-lg col-size-2-lg";
    -moz-row-gap: 40px;
    row-gap: 30px;
}
.modularBuildingGrid li:nth-child(1) {
    grid-area: col-size-1;
}
.modularBuildingGrid li:nth-child(2) {
    grid-area: col-size-2;
}
.modularBuildingGrid li:nth-child(3) {
    grid-area: col-size-3;
}
.modularBuildingGrid li:nth-child(4) {
    grid-area: col-size-4;
}
.modularBuildingGrid li:nth-child(5) {
    grid-area: col-size-5;
}
.modularBuildingGrid li:nth-child(6) {
    grid-area: col-size-6;
}
.modularBuildingGrid li:nth-child(7) {
    grid-area: col-size-7;
}
.modularBuildingGrid li:nth-child(8) {
    grid-area: col-size-8;
}
.modularBuildingGrid li:nth-child(9) {
    grid-area: col-size-9;
}
.modularBuildingGrid li:nth-child(10) {
    grid-area: col-size-10;
}
.modularBuildingGrid li:nth-child(11) {
    grid-area: col-size-11;
}
.modularBuildingGrid li:nth-child(12) {
    grid-area: col-size-12;
}
.modularBuildingGrid li:nth-child(13) {
    grid-area: col-size-2-lg;
    background-color: #fff;
    text-align: center;
    justify-content: center;
    grid-gap: 1.5rem !important;
}
.modularBuildingGrid li:nth-child(13) img{
    width: 45px;
}
/*----------------------------------------*/
/*  09. Footer CSS
/*----------------------------------------*/
.footer-text p{
    margin-bottom: 0;
}
/*----------------------------------------*/
/*  10. Legal Page CSS
/*----------------------------------------*/
#only_content_section ol {
    list-style: auto;
    margin-left: 2rem;
}
#only_content_section ul {
    list-style: auto;
    margin-left: 2rem;
}
#only_content_section table tbody tr,#only_content_section table tbody td {
    border: 1px solid black;
}
/*----------------------------------------*/
/*  11. Recaptcha hide logo
/*----------------------------------------*/
.grecaptcha-badge{
    display: none;
}
/*----------------------------------------*/
/*  12. Media Queries
/*----------------------------------------*/
@media only screen and (max-width: 600px) {
    h1{
        font-size: 3rem;
    }
    h2{
        font-size: 1.5rem;
        font-weight: 600;
    }
    h3{
        font-size: 1rem;
        font-weight: 700;
    }
    h5{
        font-size: 1rem;
    }
    #building_group2{
        margin-top: 3rem;
    }
    .hero-overlay{
        transform: inherit !important;
        width: 100% !important;
    }

    .blog-pagination ul.pagination::before {
        width: 15%;
        left: 81%;
    }
    .blog-pagination ul.pagination::after {
        width:15%;
        right:81%;
    }

    .contactusform form{
     grid-template-columns: repeat(1, 1fr);
     grid-template-areas:
       "leftside1"
       "leftside2"
       "leftside3"
       "rightside"
       "buttonfull";
       -moz-column-gap:30px;
            column-gap:30px;

    }
}
@media (max-width: 1024px){
    .modularBuildingGrid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(6, 1fr);
        grid-template-areas:
        "col-size-1 col-size-2 col-size-3"
        "col-size-4 col-size-5 col-size-6"
       " col-size-7 col-size-8 col-size-9 "
       "col-size-10 col-size-11 col-size-12"
       " col-size-2-lg col-size-2-lg col-size-2-lg"
       " col-size-2-lg col-size-2-lg col-size-2-lg";
        -moz-row-gap: 20px;
        row-gap: 20px;
    }
}
@media (min-width: 1280px){
    .container {
        max-width: 1194px !important;
    }

    .review-item .slick-list {
        z-index: 30;
    }
}
@media (max-width:768px){
    .modularBuildingGrid {
        display: grid;
        grid-template-columns: repeat(2, 1fr) !important;
        grid-template-rows: repeat(8, 1fr);
       grid-template-areas:
       "col-size-1 col-size-2" 
       "col-size-3 col-size-4"
       "col-size-5 col-size-6" 
       "col-size-7 col-size-8"
       "col-size-9 col-size-10"
       "col-size-11 col-size-12" 
       "col-size-2-lg col-size-2-lg"
       "col-size-2-lg col-size-2-lg";
        -moz-row-gap: 30px;
        row-gap: 30px;
    }
    .modularBuildingGrid li:nth-child(13) {
        padding: 0 1rem !important;
    }
    .hero-overlay{
        width: 100% !important;
    }
}


#cookie-notice span.cn-text-sm{
    display: none !important;
}