/*
  Template Name: Immigration Calculator
  Theme URL: shivastratechnology.com
  Description: Shivastra Technology Theme Creator
  Author: Shivastra Technology
  Author URL: shivastratechnolog.com
  Version: 1.0.0
  Tags: Responsive, Calculator, Immigration Calculator, Australia PR Points Calculator, 67 Points Calculator, CRS Points Calculator, NSP Points Calculator, BC PNP Points Calculator, Manitoba PNP Points Calculator, SINP Points Calculator, Alberta PNP Ponts Calculator, IELTS Calculator, Ontario PNP Points Calculator
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
}

:root {
    --primary-color: #032167;
    --secondary-color: #ff6600;
    --white-color: #ffffff;
    --black-color: black;
    --grey-color: rgb(237, 237, 237);
}

/* Global Font */
body,
* {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}


/* Disable text selection on Full Webstie */
body {
    -webkit-user-select: none;
    /* Chrome, Safari, Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Standard syntax */

    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


/* BREDICRUMS */
.theme-bradicrum .bredicrumb {
    font-size: 14px;
}

.theme-bradicrum .bredicrumb a {
    color: #000000;
}


/* CALCULATOR WEBPAGE CSS START */
.webpage_content_area h1,
.webpage_content_area h2,
.webpage_content_area h3,
.webpage_content_area h4,
.webpage_content_area h5,
.webpage_content_area h6 {
    font-weight: 800;
    margin-top: 30px !important;
}


@media only screen and (max-width: 768px) {

    .webpage_content_area h1,
    .webpage_content_area h2,
    .webpage_content_area h3,
    .webpage_content_area h4,
    .webpage_content_area h5,
    .webpage_content_area h6 {
        font-weight: 800;
        margin-top: 30px !important;
    }

    .webpage_content_area h1 {
        font-size: 23px !important;
    }

    .webpage_content_area h2 {
        font-size: 20px !important;
    }

    .webpage_content_area h3 {
        font-size: 18px !important;
    }

    .webpage_content_area h4 {
        font-size: 16px !important;
    }

    .webpage_content_area h5 {
        font-size: 14px !important;
    }

    .webpage_content_area h6 {
        font-size: 14px !important;
    }


}




.webpage_content_area ul {
    margin-left: 30px !important;
}

.webpage_content_area ul li {
    margin-bottom: 20px !important;
}


/* CALCULATOR WEBPAGE CSS END */

/* FOOTER SECTION STYLES START */
.footer-container {
    border-top: 1px solid #dcdcdc;
}

.footer-container p {
    font-size: 16px;
    text-align: center;
    padding: 10px;
}


/* FOOTER SECTION STYLES END */


/* THANKYOU WEBPAGE CSS START */

.theme-thankyou-webpage {
    padding: 10px;
}

.theme-thankyou-webpage .theme-thankyou-image h1 {
    font-size: 35px;
    font-weight: 900;
    /* text-align: center; */
    margin-top: 20px;
}

.theme-thankyou-webpage .theme-thankyou-image h3 {
    font-size: 30px;
    font-weight: 900;
    /* text-align: center; */
    margin-top: 20px;
}

.theme-thankyou-webpage .theme-thankyou-image h4 {
    font-size: 25px;
    font-weight: 900;
    /* text-align: center; */
    margin-top: 20px;
}

.theme-thankyou-webpage .theme-thankyou-image h5 {
    font-size: 20px;
    font-weight: 900;
    /* text-align: center; */
    margin-top: 20px;
}

.theme-thankyou-webpage .theme-thankyou-subtitle {
    padding: 5px 0px;
}

.theme-thankyou-webpage .maen-secondary {
    font-size: 35px;
    font-weight: 900;
    margin-top: 20px;
}

.theme-thankyou-webpage .thankyou-box ul {
    padding-left: 30px !important;
}



/* FAQ SECTION STYLES START */

.brand-faq-container .faq-section {
    max-width: 900px;
    margin: 80px auto;
    padding: 0 20px;
}


.brand-faq-container .faq-header {
    text-align: center;
    margin-bottom: 10px !important;
}


.brand-faq-container .faq-header h2 {
    font-size: 42px;
    margin-bottom: 0px !important;
}

.brand-faq-container .faq-header p {
    color: black;
    font-size: 16px;
}


.brand-faq-container .faq-item {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(14px);
    border: 1px solid lightgrey;
    border-radius: 0px;
    margin-bottom: 16px;
    overflow: hidden;
    transition: 0.3s ease;
}


.brand-faq-container .faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 10px;
    cursor: pointer;
}


.brand-faq-container .faq-question h4 {
    font-size: 18px;
    margin: 0 !important;
}


.brand-faq-container .faq-icon {
    /* width: 28px; */
    /* height: 28px; */
    border-radius: 0%;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, 0.1);
    transition: transform 0.3s ease;
    font-size: 20px;
    line-height: 1 !important;
}


.brand-faq-container .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}


.brand-faq-container .faq-answer p {
    padding: 0 24px 24px;
    color: black;
    line-height: 1.6;
    font-size: 15px;
}


.brand-faq-container .faq-item.active .faq-answer {
    max-height: 300px;
}


.brand-faq-container .faq-item.active .faq-icon {
    transform: rotate(180deg);
    background: white;
}


@media (max-width: 600px) {
    .brand-faq-container .faq-header h2 {
        font-size: 32px !important;
    }

    .brand-faq-container .faq-question h4 {
        font-size: 16px !important;
    }
}