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

body{
    font-family: "Open Sans", serif !important;
}
$Lato : 'Lato', serif;
.Lato{
    font-family: "Lato", serif;
}
.section_title{
    h2{
        font-size: 32px;
        font-weight: 700;
    }
}
.purpol_f{
    color: #003B79 !important;
}



.cusome_comun_btn{
    background-color: #003B79;
    color: #ffffff;
    border: none;
    padding: 10px 22px;
    text-align: center;
    border-radius: 10px;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s;
    &:hover{
        box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
        transform: scale(1.05);
    }
}
.Calculate_btn{
    background-color: #3366CC;
    color: #ffffff;
    border: none;
    padding: 10px 32px;
    text-align: center;
    border-radius: 60px;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s;
    &:hover{
        box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
        transform: scale(1.05);
    }
}
.Clear_All_btn{
    background-color: #C62E2E;
    color: #ffffff;
    border: none;
    padding: 10px 32px;
    text-align: center;
    border-radius: 60px;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s;
    &:hover{
        box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
        transform: scale(1.05);
    }
}
.Add_Survey_btn{
    background-color: #28A745;
    color: #ffffff;
    border: none;
    padding: 10px 25px;
    text-align: center;
    border-radius: 60px;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s;
    &:hover{
        box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
        transform: scale(1.05);
    }
}


.active_menusub a{
    color: #3B577D !important;
    text-decoration: underline !important;
    cursor: pointer;
}

.custome_navbar{
    position: absolute !important;
    width: 100%;
    z-index: 2;
    .logo_text{
        font-size: 34px;
        color: #3241A5;
        font-weight: 700;
        font-family: $Lato;
    }
}

.date_selecter{
    border: 1px solid#003B79;
    border-radius: 5px;
    color: #003B79;
    padding: 7px 15px;
}

.custom_menu_popup{
    .logo_text{
        font-size: 34px;
        color: #3241A5;
        font-weight: 700;
        font-family: "Lato", serif;
        text-decoration: none;
    }
    .cusome_menu_option{
        .left_part{
            position: relative;
            ul{
                padding-left: 0;
                li{
                    list-style: none;
                    a{
                        font-size: 25px;
                        color: #757575;
                        text-decoration: none;
                        font-family: $Lato;
                        &:hover{
                            color: #3B577D;
                        }
                    }
                }
            }
            &::after{
                content: "";
                position: absolute;
                top: 50%;
                left: 100%;
                transform: translate(-50%, -50%);
                width: 2px;
                height: 100%;
                background-color: #757575;
            }
        }
        .center_part{
            position: relative;
            ul{
                padding-left: 0;
                li{
                    list-style: none;
                    a{
                        font-size: 25px;
                        color: #757575;
                        text-decoration: none;
                        font-family: $Lato;
                        &:hover{
                            color: #3B577D;
                        }
                    }
                }
            }
            // &::after{
            //     content: "";
            //     position: absolute;
            //     top: 50%;
            //     left: 100%;
            //     transform: translate(-50%, -50%);
            //     width: 2px;
            //     height: 100%;
            //     background-color: #757575;
            // }
        }
    }
}

.Main_Banner_Section{
    // background-image: url('../img/Main_Banner_bg.webp');
    // background-position: center;
    // background-repeat: no-repeat;
    // background-size: cover;
    position: relative;
    .bg_BAnner_imag{
        position: absolute;
    }
    .container{
        position: relative;
        padding-top: 300px;
        padding-bottom: 100px;
        h1{
            font-size: 60px;
            color: #000000;
            font-weight: 700;
            text-align: center;
        }
        .Button_card_calcy{
            background-color: #FFF;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
            border-radius: 20px;
            padding: 15px;
            display: flex;
            align-items: center;
            gap: 5%;
            cursor: pointer;
            img{
                height: 60px;
                width: 60px;
            }
            p{
                font-size: 16px;
                color: #000000;
                font-weight: 600;
            }
        }
    }
}



.Latest_Circular{
    background-color: #17213C;
    background-image: url('../img/Latest_Circular_bg_img.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    .Circular_card{
        .img_border{
            border: 1px solid #FFF;
            .img_bg{
                margin: 5px;
                background-color: #FFF;
                // border: 1px solid #000;
                height: 350px;
                display: flex;
                justify-content: center;
                img{
                    height: 100%;
                    object-fit: cover;
                }
            }
        }

        .time_text{
            font-size: 12px;
            color: #FFF;
            font-weight: 600;
        }
        .downlod_btn{
            background-color: #003B79;
            color: #ffffff;
            border: none;
            padding: 3px 15px;
            text-align: center;
            border-radius: 20px;
            display: inline-block;
            font-size: 12px;
            cursor: pointer;
            transition: all.3s;
            display: flex;
            align-items: center;
            &:hover{
                box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset, rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;
                transform: scale(1.05);
            }
        }
        p{
            font-size: 16px;
            color: #FFF;
            font-weight: 400;
        }
    }
}

.jantri_selection{
    // background-color: #17213C;
    // background-image: url('../img/jantri.jpg');
    // background-repeat: no-repeat;
    // background-position: center;
    // background-size: cover;
    .Circular_card{
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
        border-radius: 20px;
        margin: 15px;
        padding: 20px;
        .img_border{
            border: 1px solid #000;
            .img_bg{
                margin: 5px;
                background-color: #FFF;
                // border: 1px solid #000;
                height: 350px;
                display: flex;
                justify-content: center;
                img{
                    height: 100%;
                    object-fit: cover;
                }
            }
        }

        .time_text{
            font-size: 12px;
            color: #000;
            font-weight: 600;
        }
        .downlod_btn{
            background-color: #003B79;
            color: #ffffff;
            border: none;
            padding: 3px 15px;
            text-align: center;
            border-radius: 20px;
            display: inline-block;
            font-size: 12px;
            cursor: pointer;
            transition: all.3s;
            display: flex;
            align-items: center;
            &:hover{
                box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset, rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;
                transform: scale(1.05);
            }
        }
        p{
            font-size: 16px;
            color: #000;
            font-weight: 400;
        }
    }
}

.Our_Latest_Blogs{
    h4{
        font-size: 14px;
        color: #333333;
        font-weight: 700;
        span{
            color: #999999;
            font-weight: 600;
        }
    }
    h3{
        font-size: 28px;
        color: #333333;
        font-weight: 700;
    }
    p{
        font-size: 16px;
        color: #666666;
        font-weight: 400;
        .more{
            display: none;
        }
    }
    .myBtn{
        color: #003B79;
        font-size: 16px;
        cursor: pointer;
        font-weight: 700;
    }
}

footer{
    background-color: #003B79;
    h2{
        font-size: 65px;
        color: #FFF;
        font-weight: 700;
        font-family: $Lato;
    }
    p{
        a{
            color: #FAFAFA;
            font-size: 22px;
            text-decoration: none;
        }
    }
    .Rights_Reserved{
        border-top: 2px solid #FFF;
        padding: 15px;
        p{
            color: #FAFAFA;
            font-size: 16px;
        }
        a{
            text-decoration: none;
            font-size: 16px;
        }
    }
}

.About_Banner_Section{
    background-image: url('../img/About_Banner_Section.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 410px;
    position: relative;
    h1{
        font-size: 58px;
        color: #000;
        font-weight: 700;
    }
}

.About_Us_Part{
    .Years_Experience{
        background-color: #000;
        padding: 13px;
        border-radius: 20px;
        text-align: center;
        h3{
            font-size: 32px;
            color: #FFF;
            font-weight: 600;
        }
        p{
            font-size: 18px;
            color: #FFF;
            font-weight: 400;
        }
    }
    .right_part{
        background-color: #F8F5FF;
        border-radius: 20px;
        padding: 25px;
        height: 100%;
        h4{
            font-size: 19px;
            color: #000;
            font-weight: 700;
        }
        p{
            font-size: 16px;
            color: #5C5C5C;
            font-weight: 400;
        }
    }
    .Mission_card{
        background-color: #D2E0FB;
        border-radius: 20px;
        padding: 25px;
        h3{
            font-size: 20px;
            color: #000;
            font-weight: 700;
        }
        p{
            font-size: 16px;
            color: #5C5C5C;
            font-weight: 400;
        }
        ul{
            li{
                font-size: 16px;
                color: #5C5C5C;
                font-weight: 400;
            }
        }
    }
    .Vision_card{
        background-color: #FFFECB;
        border-radius: 20px;
        padding: 25px;
        h3{
            font-size: 20px;
            color: #000;
            font-weight: 700;
        }
        p{
            font-size: 16px;
            color: #5C5C5C;
            font-weight: 400;
        }
        ul{
            li{
                font-size: 16px;
                color: #5C5C5C;
                font-weight: 400;
            }
        }
    }
}

.Our_Services{
    background-image: url('../img/Our_Services_bg.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
    .section_title{
        p{
            font-size: 16px;
            color: #5C5C5C;
        }
    }
    .service_card{
        border-radius: 10px;
        padding: 30px;
        text-align: center;
        p{
            font-size: 18px;
            color: #000000;
            font-weight: 600;
        }
    }
}

.Our_Latest_Blogs{
    .Button_card_calcy{
        background-color: #FFF;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        border-radius: 20px;
        padding: 15px;
        gap: 5%;
        img{
            height: 60px;
            width: 60px;
            margin-bottom: 7px;
        }
        p{
            font-size: 16px;
            color: #000000;
            font-weight: 600;
        }
    }
}

.Latest_Act_Rules{
    .Circular_card{
        .img_border{
            border: 1px solid #000;
            .img_bg{
                margin: 5px;
                background-color: #FFF;
                // border: 1px solid #000;
                height: 350px;
                display: flex;
                justify-content: center;
                img{
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
        .time_text{
            font-size: 12px;
            color: #000;
            font-weight: 600;
        }
        .downlod_btn{
            background-color: #003B79;
            color: #ffffff;
            border: none;
            padding: 5px 15px;
            text-align: center;
            border-radius: 20px;
            display: inline-block;
            font-size: 12px;
            cursor: pointer;
            transition: all.3s;
            display: flex;
            align-items: center;
            &:hover{
                box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset, rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;
                transform: scale(1.05);
            }
        }
        p{
            font-size: 16px;
            color: #000;
            font-weight: 400;
        }
    }
}
.View_model_popup{
    .modal-body{
        background-color: #E8F9FF;
    }
    .service_btn{
        background-color: #E8F9FF;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
        padding: 8px 20px;
        border-radius: 30px;
        display: flex;
        cursor: pointer;
        font-size: 16px;
        color: #000;
        font-weight: 500;
    }
    label{
        color: #000000;
        font-size: 20px;
        font-weight: 500;
    }
    .model_footer{
        border-top: 2px dashed #B5B5B5;
        p{
            color: #363636;
            font-size: 16px;
            font-weight: 500;
        }
        h5{
            color: #000000;
            font-size: 18px;
            font-weight: 500;
        }
    }
    .Circular_card{
        .img_border{
            border: 1px solid #000;
            .img_bg{
                margin: 5px;
                background-color: #D9D9D9;
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }

        }
        .time_text{
            font-size: 12px;
            color: #000;
            font-weight: 600;
        }
        .downlod_btn{
            background-color: #003B79;
            color: #ffffff;
            border: none;
            padding: 5px 15px;
            text-align: center;
            border-radius: 20px;
            display: inline-block;
            font-size: 12px;
            cursor: pointer;
            transition: all.3s;
            display: flex;
            align-items: center;
            &:hover{
                box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset, rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;
                transform: scale(1.05);
            }
        }
        p{
            font-size: 16px;
            color: #000;
            font-weight: 400;
        }
    }
    .Button_card_calcy{
        background-color: #FFF;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        border-radius: 20px;
        padding: 15px;
        display: flex;
        align-items: center;
        gap: 5%;
        cursor: pointer;
        img{
            height: 60px;
            width: 60px;
        }
        p{
            font-size: 16px;
            color: #000000;
            font-weight: 600;
        }
    }
    .calc-box {
        display: none;  /* By default, all hidden */
        padding: 10px;
        margin-top: 10px;
    }

    /* First calculator should be visible */
    .calc-box.active-box {
        display: block;
    }


    /* Default Button Style */
    .Button_card_calcy {
        cursor: pointer;
        padding: 20px;
        background: #fff;
        border: 2px solid transparent;
        text-align: center;
        transition: all 0.3s;
    }

    /* Active Button Style */
    .Button_card_calcy.active {
        // background: #007bff;
        color: white;
        border-color: #0056b3;
        box-shadow: 0px 0px 10px rgba(0, 0, 255, 0.3);
    }

    .calci_imag_type{
        width: 25%;
        margin: 0 auto;
    }
}



.All_Circular{
    .downlod_btn{
        background-color: #003B79;
        color: #ffffff;
        border: none;
        padding: 5px 15px;
        text-align: center;
        border-radius: 20px;
        display: inline-block;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all.3s;
        display: flex;
        align-items: center;
        &:hover{
            box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset, rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;
            transform: scale(1.05);
        }
    }
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        color: #FFF;
        background-color: #003B79;
    }
    .nav-link {
        color: #003B79;
        border: 1px solid #003B79;
    }
    .nav-link:focus, .nav-link:hover {
        color: #003B79;
    }
}

.Latest_News_Paper{
    .News_Paper_img{
        .img_border{
            border: 1px solid #000;
        }
        h4{
            font-size: 18px;
            font-weight: 400;
        }
    }
    // .News_Paper_img{
    //     .img_border{
    //         border: 1px solid #000;
    //         height: 350px;
    //         display: flex;
    //         justify-content: center;
    //         padding: 5px;
    //         img{
    //             height: 100%;
    //             object-fit: cover;
    //         }
    //     }
    //     h4{
    //         font-size: 18px;
    //         font-weight: 400;
    //     }
    // }
}
.Gujarat_Samachar{
    .News_Paper_img{
        .img_border{
            border: 1px solid #000;
            height: 350px;
            display: flex;
            justify-content: center;
            padding: 5px;
            img{
                height: 100%;
                object-fit: cover;
            }
        }
        h4{
            font-size: 18px;
            font-weight: 400;
        }
    }
}