@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
body{
    width: 100%;
    font-family: "Roboto", sans-serif;
    color: #222222;
    font-weight: 350;
    font-size: 17px;
    line-height: 27px; 
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}
p{
    color: #454545;
    font-weight: 350;
    font-size: 17px;
    line-height: 27px;  
    margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6{
    font-family: "Montserrat", sans-serif;
    color: #222222; 
    font-weight: 600;
    text-transform: capitalize;
}
.cmn_black_heading{
    font-family: "Montserrat", sans-serif;
    color: #222222;
    font-size: 35px;
    line-height: 45px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px; 
} 
.cmn_white_heading{
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    font-size: 35px;
    line-height: 45px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 15px; 
} 
.paragraph{
    color: #454545;
    font-weight: 350;
    font-size: 17px;
    line-height: 27px;  
    margin-bottom: 15px;
} 
.paragraph_white{
    color: #ffffff;
    font-weight: 350;
    font-size: 17px;
    line-height: 27px;  
    margin-bottom: 10px;
} 
figure{
    margin: 0;
}
ul{
    margin: 0;
    padding: 0;
}
ul li{
    margin: 0;
    padding: 0;
    list-style: none;
} 
a{
    text-decoration: none;
    transition: .35s;
    font-family: "Roboto", sans-serif;
}
a:hover{
    text-decoration: none;
    transition: .35s;
}
.bg_transbtn{
    min-width: 158px;
    height: 44px;
    border-radius: 100px;  
    font-size: 18px;
    color: #ffffff;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 300;
    border: 1px solid #ffffff;
}
.bg_transbtn:hover{
    background: #ffffff;
    color: #111111;
    transition: .35s;
}  
.btn_cmnservice{
    color: #000000;
    text-transform: capitalize;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    line-height: 32px;
    border-radius: 100px;
    min-width: 211px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    transition: .35s;
    padding: 5px 10px 9px;
    justify-content: center;
    background: linear-gradient(90deg, #AE8625, #F7EF8A, #D2AC47, #EDC967);
}
.btn_cmnservice:hover{
    background: linear-gradient(90deg, #000000, #111111, #555555, #222222);
    color: #ffffff;
    transition: .35s;
}

.pt_50{
    padding-top: 50px !important;
}
.pb_50{
    padding-bottom: 50px !important;
}
.pt_60{
    padding-top: 60px !important;
}
.pb_60{
    padding-bottom: 60px !important;
}
.pt_70{
    padding-top: 70px !important;
}
.pb_70{
    padding-bottom: 70px !important;
}
.pt_80{
    padding-top: 80px !important;
}
.pb_80{
    padding-bottom: 80px !important;
}
.pt_90{
    padding-top: 90px !important;
}
.pb_90{
    padding-bottom: 90px !important;
}
.pt_100{
    padding-top: 100px !important;
}
.pb_100{
    padding-bottom: 100px !important;
}
.mb_0{
    margin-bottom: 0 !important;
}
:root{
    scrollbar-color: #1e5ad1 #ffffff;
    scrollbar-width: thin;
}
::-webkit-scrollbar {
    width: 5px;
    height: 0px;
}  
::-webkit-scrollbar-track {
    background: #1e5ad1;
}  
::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: 5px;
}
@media (min-width:1200px){
    .container{
        max-width: 1170px;
    }
}
@media (min-width:1360px){
    .container{
        max-width: 1300px;
    }
}
@media (min-width:1440px){
    .container{
        max-width: 1380px;
    }
}
@media (min-width:1600px){
    .container{
        max-width: 1450px;
    }
}

/**HEADER-STARTS**/
.header_sectionmenu{
    position: fixed;
    z-index: 9;
    width: 100%;
    background: #2e50d066;
    border-bottom: 1px solid #ffffff33;
    padding: 13px 0;
}
.header_sectionmenu.fixed{
    background: #1f58cb;
}
.header_logo{
    width: 220px;
}
.header_logo img{
    width: 100%;  
}
.navigation_header{
    gap: 40px;
}
.navigation_header li a{
    color: #ffffff;
    font-weight: 300;
    font-size: 15px;
    line-height: 21px;
}
.hbanner_content{
    display: flex;
    height: 100%;
    align-items: center;
    z-index: 1;
    position: relative;
}
.heading_btn{
    min-width: 250px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 9px;
    padding: 13px 17px;
    font-weight: 600;
    font-size: 19px;
    line-height: 27px;
    text-transform: uppercase;
    color: #2e50d0;
}
.heading_btn:hover{
    background: #111111;
    color: #ffffff;
}
/**HEADER-ENDS**/

/**BANNER-STARTS**/
.banner_section{
    width: 100%;
    height: 900px;
    position: relative;
    overflow: hidden;
    background: url(../images/banner_bg.svg) no-repeat center;
    background-size: cover;
}
.banner_section::before{
    position: absolute;
    content: '';
    background: linear-gradient(75deg, #1f58cb, #1c5ee5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.9;
} 
.bnr_main_frm input{
    width: 100%;
    height: 50px;
    border: 1px solid #e5e9f2;
    border-radius: 4px;
    font-size: 15px;
    background: #ffffffcf;
    color: #495057;
    line-height: 22px;
    padding: 5px 15px;
    margin-bottom: 9px;
}
.bnr_main_frm label.error{
    margin-bottom: 16px;
}
.bnr_main_frm input::placeholder{
    font-size: 15px;
    line-height: 22px;
    color: #495057;
}
.bnr_main_frm input:focus{
    outline: 0;
    border: 1px solid #072156;
    box-shadow: none;
}

.bnr_main_frm select{
    width: 100%;
    height: 50px;
    border: 1px solid #e5e9f2;
    border-radius: 4px;
    font-size: 15px;
    background: #ffffffcf;
    color: #495057;
    line-height: 22px;
    padding: 5px 15px;
    margin-bottom: 9px;
}
.bnr_main_frm select::placeholder{
    font-size: 15px;
    line-height: 22px;
    color: #495057;
}
.bnr_main_frm select:focus{
    outline: 0;
    border: 1px solid #072156;
    box-shadow: none;
}
.bnr_main_frm textarea{
    width: 100%;
    height: 80px;
    border: 1px solid #e5e9f2;
    background: #ffffffcf;
    border-radius: 4px;
    font-size: 15px;
    color: #495057;
    line-height: 22px;
    padding: 5px 15px;
}
.bnr_main_frm textarea::placeholder{
    font-size: 15px;
    line-height: 22px;
    color: #495057;
}
.bnr_main_frm textarea:focus{
    outline: 0;
    border: 1px solid #072156;
    box-shadow: none;
}
.home_banner_form{
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
    border-radius: 10px;
    background: #ffffff73;
    padding: 23px 25px 37px;
}
.home_banner_formtxtbx{
    text-align: center;
    margin-bottom: 20px;
}
.bnr_sbmt_btn{
    background: linear-gradient(75deg, #1f58cb, #1c5ee5);
    border: none;
    width: 100%;
    border-radius: 8px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    color: #ffffff;
    transition: .35s;
    padding: 10px 5px;
    /* margin-top: 15px; */
}
.bnr_sbmt_btn:hover{
    background: linear-gradient(75deg, #000000, #111111);
    transition: .35s;
}
.bnr_frm_heading{
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    color: #000000;
    font-size: 23px;
    line-height: 32px;
    margin-bottom: 5px;
}
.bnr_frm_para{
    font-size: 15px;
    color: #ffffff;
    line-height: 22px;
}
.banner_h_texthead{
    font-size: 40px;
    line-height: 50px;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 20px;
}
.banner_h_texthead span{
    display: block;
}
.banner_h_textpara{
    font-size: 17px;
    line-height: 28px;
    color: #ffffff;
    margin-bottom: 80px;
}
.banner_h_textmainbox{
    width: 80%;
}
.Scroll_to_Explore{ 
    align-items: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 1;
    justify-content: center;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 200;
    font-size: 17px;
    line-height: 27px;
    gap: 10px;
    cursor: pointer;
    -webkit-animation: updownanimation 1s infinite alternate ease-in-out;
    animation: updownanimation 1s infinite alternate ease-in-out; 
    display: inline-block; 
}
.Scroll_to_Explore:hover{
    color: #ffffff;
    font-weight: 400;
} 
@keyframes updownanimation {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px);}
}
.count_details_text{
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
    line-height: 24px;
}
.count-wrap{
    font-size: 27px;
    font-weight: 900;
    line-height: 35px;
    color: #0f3583;
}
.count-wrap em{
    font-style: normal;
}
.form_btn_capth{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.captcha_img{
    width: 50%;
}
.captcha_img img{
    width: 100%;
}
/**BANNER-ENDS**/

/**TRUSTED-STARTS**/
.trusted_home{
    background: url(../images/trust_bg.png) no-repeat center;
    background-size: cover;
    width: 100%;
    padding: 50px 0 43px;
}
.trust_cliimg{
    min-width: auto;
    display: inline-flex;
    align-items: center;
    height: 110px; 
    width: 150px;
    filter: grayscale(1);
    transition: .35s;
}
.trust_cliimg:hover{
    filter: grayscale(0);
    transition: .35s;
}
.trusted_halllslide{
    width: 100%;
    margin: auto;
}
.trusted_halllslide .item{
    text-align: center;
}
.trusted_heading_text{
    text-align: center;
    text-transform: uppercase;
    font-weight: 350;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 9px;
}
.trust_cliimg_bw{
    width: 183px;
}
/**TRUSTED-ENDS**/

/**ABT-SECTION-STARTS**/
.thrreabtbx{
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(1, 1fr);
    margin: 30px 0 20px;
}
.thrreabtsbx{
    background: #f1f1f1;
    border-radius: 8px;
    text-align: left;
    padding: 15px;
    border-bottom: 3px solid #1f58cb;
}
.thrreabtsbxh{
    text-transform: capitalize;
    font-size: 20px;
    line-height: 27px;
    font-weight: 500;
    color: #1f58cb;
    margin-bottom: 13px;
}
.thrreabtsbxp{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.abtsubheading{
    font-size: 16px;
    color: #214a9c;
    margin-bottom: 7px;
    font-weight: 600;
}
.about_img{
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    height: auto;
    /* border: 9px solid #214a9c; */
}
.about_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about_content{
    padding-left: 50px;
    padding-bottom: 50px;
}
.about_us_home{
    background: linear-gradient( 237deg, #f4f5ff, transparent);
    padding: 80px 0 90px;
}
.about_us_hometwo{
    background: #ffffff;
}
.about_contenttwo{
    padding-left: 0;
    padding-right: 50px;
}
.btn_about_slide{
    text-transform: uppercase;
    background: #214a9c;
    color: #ffffff;
    font-size: 15px;
    display: inline-flex;
    min-width: 150px;
    padding: 4px 15px 0;
    height: 50px;
    border-radius: 7px;
    align-items: center;
    letter-spacing: 0.5px;
    justify-content: center;
    line-height: 25px;
    font-weight: 400;
    margin-top: 13px;
}
.btn_about_slide:hover{
    background: #000000;
    color: #ffffff;
}
.abtallbx_cmnhead{
    margin-bottom: 30px;
    text-transform: capitalize; 
    font-size: 40px;
    line-height: 47px;
    position: relative;
    padding-bottom: 13px;
    margin-bottom: 45px;
}
.about_heading_new{
    margin-bottom: 20px;
}
.abtallbx_cmnhead::before{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100px;
    height: 2px;
    content: "";
    background: #214a9c;
    margin: auto;
}
.aboutslide{
    position: relative;
}
.aboutslide .owl-dots{
    display: none;
}
.aboutslide .owl-nav{
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 13px;
}
.aboutslide .owl-nav button{
    width: 45px;
    height: 45px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #214a9c !important;
    color: #ffffff;
}
.aboutslide .owl-nav button i{
    color: #ffffff;
    font-size: 16px;
}
.counting_section{
    background: transparent;
    padding: 0px; 
}
.counting_section .countBox{
    background: #f2f5ff;
    border-radius: 10px;
    text-align: center;
    box-shadow: -4px -3px 0 0 #092589;
    padding: 13px 0;
}
.about_heading_box{
    padding-bottom: 30px;
}
.paragraph_abt{
    width: 70%;
    margin: auto;
}
/**ABT-SECTION-ENDS**/

/**SERVICE-SECTION-STARTS**/
.sersli_logo img{
    width: auto !important;
}
.home_service_sec{
    position: relative;
    padding: 80px 0 0 0;
}
.home_service_sec::before{
    background: linear-gradient(75deg, #1f58cb, #1c5ee5);
    content: "";
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 400px;
    position: absolute;
}
.service_heading_box{
    position: relative;
    padding-bottom: 40px;
} 
.service_single_box{
    background: #ffffff;
    position: relative;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 0 8px 1px #08235952;
    height: 100%;
    border-bottom: 4px solid #13419f;
    display: flex;
    flex-direction: column;
}
.service_single_box::before{
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    opacity: 0.3;
    bottom: 0;
    right: 0;
    background: url(../images/service_bx_bg-2.png) no-repeat right bottom;
    background-size: 100%;
}
.aservicellbx_cmnhead{
    margin-bottom: 20px;
}
.aservicellbx_cmnhead::before{
    background: #ffffff;
}
.servicename_heading{
    font-size: 25px;
    font-weight: 600;
    line-height: 34px;
    color: #13419f;
    margin-bottom: 13px;
    position: relative;
    z-index: 1;
    text-transform: capitalize;
}
.servicename_para {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
    height: auto;
    overflow: hidden;
    padding-right: 0;
    overflow-y: scroll;
    scrollbar-width: none;
}
.sersli_logo{
    filter: grayscale(0.9);
    transition: .35s;
}
.sersli_logo:hover{
    filter: grayscale(0);
    transition: .35s;
}
.home_service_sec .row{
    gap: 25px 0;
}
.img_ico{
    width: 83px;
    height: 83px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #164cbb;
    margin-bottom: 13px;
    box-shadow: -3px -3px 0 0 #002674;
}
.img_ico img{
    width: 100%;
    filter: brightness(0.5) invert(1);
    padding: 17px;
}
.book_now_btn{
    display: inline-flex;
    background: #13419f;
    min-width: 230px;
    justify-content: center;
    align-items: center;
    padding: 13px 20px;
    border-radius: 10px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
}
.book_now_btn:hover{
    background: #111111;
    color: #ffffff;
}
.book_now_btndiv{
    margin-top: 50px;
}
.ssb_arrow_btn{ 
    display: inline-flex;
    background: #1f58cb;
    height: 50px;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 20px;
    position: relative;
    gap: 6px;
    z-index: 1;
    padding: 8px 6px 8px 15px;
}
.ssb_arrow_btn:hover{
    background: #111111;
    color: #ffffff;
}
.ssb_arrow_btn i{
    transform: rotate(323deg);
    width: 40px;
    height: 40px;
    background: #ffffff;
    display: inline-flex;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    color: #1f58cb;
}
.servicename_list{
    position: relative;
    margin-bottom: 25px;
    flex-grow: 1;
}
.servicename_list li{
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    padding: 2px 22px;
}
.servicename_list li i {
    position: absolute;
    top: 6px;
    left: 0;
    color: #1f58cb;
    font-size: 17px;
}
/**SERVICE-SECTION-ENDS**/

/**TESTIMONIAL_SECTION_STARTS**/
.testimonial_slide_box{
    text-align: center;
    width: 50%;
    margin: auto;
} 
.testimonial_slide_box .paragraph{
    height: 80px;
    overflow: hidden;
    padding-right: 8px;
    overflow-y: scroll;
    margin-bottom: 25px;
    scrollbar-width: none;
}
.testimonial_star{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    margin-bottom: 30px;
}
.testimonial_star li{
    color: #FE9901;
}
.testimonial_star li i{
    color: #FE9901;
    font-size: 14px;
}
.testimonial_client_name{
    text-transform: capitalize;
    color: #232323;
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    font-family: "Noto Serif Georgian", serif;
}
.testimonial_slide_client_img{
    margin: 35px 0 15px;
    display: none;
}
.testimonial_client_desig{
    color: #868A8C;
    line-height: 18px;
}
.testimonialslide{
    position: relative;
}
.testimonialslide .owl-prev{
    border: none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 45px;
    height: 45px;
    background: #1f58cb !important;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
} 
.testimonialslide .owl-next{
    border: none;
    position: absolute;
    top: 50%;
    right: 0;
    width: 45px;
    height: 45px;
    background: #1f58cb !important;
    border-radius: 100%;
    display: flex;
    align-items: center;
    color: #fff !important;
    justify-content: center;
} 
.testimonial_slide_client_img img{ 
    margin: auto;
    border: 4px solid #234ca1;
    border-radius: 100%;
    width: 150px !important;
    height: 150px;
}
.testimonialslide .owl-dots{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding-top: 30px;
}
.testimonialslide .owl-dots .owl-dot{
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #1f58cb;
}
.testimonialslide .owl-dots .owl-dot.active{ 
    background: #1f58cb;
    border: 1px solid #1f58cb;
}
.testimonial_section{
    background: #f4f5ff;
}
/**TESTIMONIAL_SECTION_ENDS**/

/**FOOTER-STARTS**/
.footer_top_formtext .cmn_white_heading{
    margin-bottom: 25px;
}
.footer_top_formtext{
    padding-left: 50px;
}
.ftr_form_text_list li{
    color: #ffffff;
    font-size: 18px;
    line-height: 28px;
    padding: 10px 27px;  
    position: relative;
    font-weight: 250;
}
.ftr_form_text_list li::before{
    position: absolute;
    top: 10px;
    left: 0;
    content: "\f058";
    font-family: "Font Awesome 6 Free";
}
.footer_top_form{
    background: linear-gradient(75deg, #1f58cb, #1c5ee5);
    padding: 80px 0;
}
.footer_section{
    padding: 70px 0;
    /* background: linear-gradient(75deg, #ffffff, #ebebeb) !important; */
    background: #ffffff;
}
.footer_logo{
    width: 230px;
    margin: 0 auto 25px;
}
.footer_text{
    text-align: center;
    color: #454545;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 25px;
}
.footer_logo img{
    width: 100%;
}
.logo_footertextbox{
    width: 60%;
    margin: auto;
}
.footer_social{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}
.footer_social li a{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #1f58cb;
    color: #ffffff;
}
.footer_social li a:hover{
    background: #1e2671;
}
.footer_copyright{
    text-align: center;
    background: linear-gradient(75deg, #1f58cb, #1c5ee5);
    padding: 15px 0;
    font-size: 15px;
    font-weight: 400;
    color: #dbdbdb;
}
.footer_copyright a{
    color: #ffffff;
    font-weight: 500;
}
.ft_phonecallbtn{
    color: #000d28;
    display: inline-flex;
    background: #ffffff;
    min-width: 263px;
    height: 61px;
    padding: 13px 33px;
    border-radius: 10px;
    align-items: center;
    font-weight: 600;
    font-size: 23px;
    line-height: 30px;
    justify-content: center;
    text-transform: uppercase;
    gap: 13px;
}
.ft_phonecallbtn:hover{
    background: #111111;
    color: #ffffff;
}
.ftr_form_text_list{
    margin-bottom: 43px;
}
.footer_contelmail{
    gap: 20px;
    margin-bottom: 28px;
}
.footer_contelmail li a{
    color: #222222;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.footer_contelmail li a:hover{
    color: #1d5dde;
}
.footer_contelmail li a i{
    /* width: 33px; */
    /* height: 33px; */
    /* background: #1d5dde; */
    color: #1d5dde;
    /* display: inline-flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* border-radius: 100%; */
    font-size: 20px;
}
.footer_google_reviews{ 
    justify-content: flex-start;
    font-size: 23px;
    line-height: 33px;
    gap: 10px;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
}
.ul_list{
    gap: 3px;
}
.ul_list li{
    color: #ffbe00;
}
.ul_list li:last-child{
    color: #ffffff;
}
/**FOOTER-ENDS**/

/**OUR-PORTFOLIO-STARTS**/
.portfoliohomelslide{
    position: relative; 
}
.portfoliohomelslide .owl-item .item img {
    -webkit-transition: 0.3s;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -o-transition: 0.3s;
    transition: 0.3s; 
    z-index: -1;
    position: relative;
} 
.portfoliohomelslide .owl-item.center .item{
    z-index: 99999;
    position: relative;
}
.portfoliohomelslide .owl-item.center .item img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 1;
    position: relative;
} 
.portfoliohomelslide .owl-item.active.center{
    z-index: 9;
}
.portfoliohomelslide .owl-nav{
    text-align: center;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 78%;
    left: 0;
    margin: auto;
    top: 45%;
    right: 0;
    z-index: 3;
} 
.portfoliohomelslide .owl-nav button{
    width: 62px;
    height: 62px;
    border-radius: 100%;
    background: #1f58cb !important;
    display: flex;
    align-items: center;
    justify-content: center; 
}
.portfoliohomelslide .owl-nav button i{
    color: #ffffff;
}
.portfoliohomelslide .owl-nav button {
	font-size: 24px !important; 
	color: #033aff !important;
}
.portfoliohomelslide .owl-stage-outer{
    overflow: visible;
}
.portfoliohomelslide .owl-dots{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: relative;
    top: 76px;
}
.portfoliohomelslide .owl-dots .owl-dot{
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background: #1f58cb;
    opacity: 30%;
}
.portfoliohomelslide .owl-dots .owl-dot.active{
    opacity: inherit;
}
.our_portfolio_textbx{
    margin-bottom: 100px;
}
.home_our_works{
    padding-top: 90px;
    padding-bottom: 245px;
    overflow: hidden;
}
.portfoliohomelslide{
    position: relative;
}
.home_portfolio .abtallbx_cmnhead{
    margin-bottom: 170px;
}

/* .portfoliohomelslide::before{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    content: "";
    background: linear-gradient(90deg, #ffffff, #ffffffe0, transparent);
    height: 100%;
    width: 30%;
    z-index: 2;
}
.portfoliohomelslide::after{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    background: linear-gradient(270deg, #ffffff, #ffffffe0, transparent);
    height: 100%;
    width: 30%;
    z-index: 2;
} */

.thankyou_banner{
    width: 60%;
    margin: auto;
    padding-top: 80px;
}
.thankimg{
    margin: 0 auto 20px;
    text-align: center;
    width: 120px;
}
.thankimg img{
    filter: invert(1);
    width: 100%;
}
.thankyou_section{
    height: 600px;
}
.bktohme{
    margin-top: 30px;
}
/**OUR-PORTFOLIO-ENDS**/

/* form_section_starts_here */
.form_section .container{
    position: relative;
}
.form_section_content ul li span{
    font-weight: bold;
    font-size: 22px;
    color: #ffc107;
}
.form_section {
    background: url(../images/Rectangle-141.png);
    padding: 80px 0;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
    background-attachment: fixed;
}

.form_section::before {
    background-color: #142A56DE;
    position: absolute;
    content: '';
    inset: 0;
}

/* .form_section_content h2 {   
    font-size: 51px;
    line-height: 63px;
    font-family: var(--nav-font);
    font-weight: 400;
    color: #020202;
    max-width: 656px;
    color: #fff;
    margin-bottom: 30px;
} */

/* .form_section_content h2 span {
    font-weight: 500;
    font-style: italic;
} */

.form_section_content ul li {
    font-family: "Hanken Grotesk", sans-serif;
    font-size: 19px;
    line-height: 33px;
    font-weight: 400;
    color: #fff;
    position: relative;
    margin: 30px;
}

.contact-form-container h2 {
    font-size: 34px;
    line-height: 41px;
    font-family: var(--nav-font);
    font-weight: 400;
    color: #fff;
    margin-bottom: 23px;
    text-align: center;
}

.contact-form-container input[type="text"],
.contact-form-container input[type="email"],
.contact-form-container input[type="tel"],
.contact-form-container textarea,
.contact-form-container #website {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 14px 18px;
    font-size: 18px;
    color: #000000 !important;
    margin-bottom: 18px;
    transition: all 0.3s ease;
    outline: none;
    font-family: var(--nav-font);
    font-weight: 400;
}

.contact-form-container input {
    width: 100%;
    display: block;
    height: 59px;
    border: 1px solid #0000002B;
    margin-bottom: 20px;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #5E6477 !important;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #5E6477 !important;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #5E6477 !important;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #5E6477 !important;
}

#website::placeholder {
    color: #5E647766 !important;
    /* light gray placeholder */
    font-style: normal;
}

.contact-form-container {
    border: 1px solid #FFFFFF4F;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(17px);
    padding: 55px;
    border-radius: 30px;
    position: relative;
}


/* Optional: top highlight or notch effect */
.contact-form-container::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 251px;
    height: 14px;
    background: #1F58CB;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.contact-form-container .form-group {
    margin-bottom: 12px;
}

.contact-form-container .button_book a {
    display: block;
    line-height: 60px;
    font-size: 18px;
    font-weight: 400;
}

.form_section_content li::before {
    content: "\f058";
    position: absolute;
    font-family: FontAwesome;
    top: 0;
    left: -30px;
    color: #ffc107;
    transition: color 0.3s;
}

.contact-form-container input[type="text"],
.contact-form-container input[type="email"],
.contact-form-container input[type="tel"],
.contact-form-container textarea,
.contact-form-container select,
.contact-form-container #website {
    width: 100%;
    background: #fff !important;
    border-radius: 10px;
    padding: 14px 18px;
    font-size: 16px;
    color: #62687c !important;
    margin-bottom: 18px;
    transition: all 0.3s ease;
    outline: none;
    font-family: var(--nav-font);
    font-weight: 400;
}
label.error{
    margin-bottom: 10px;
}

.contact-form-container .form-group textarea {
    height: 125px;
}

.button_book a {
    display: block;
    background: #1F58CB;
    border-radius: 63px;
    line-height: 60px;
    padding: 0 32px;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--button-font);
    position: relative;
    text-align: center;
    color: #fff;
}
.button_book button.my-btn-Book {
    display: block;
    background: #1F58CB;
    border-radius: 63px;
    line-height: 60px;
    padding: 0 32px;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--button-font);
    position: relative;
    text-align: center;
    color: #fff;
    width: 100%;
    border: none;
}
/* form_section_ends_here */

/*RESPONSIVE-MENU-STARTS*/
.responsive_btn {
    display: none;
    cursor: pointer;
    text-align: center;
    width: 40px;
    height: 40px;
    margin: -2px 0;
    float: right;
    position: relative;
    z-index: 20;
    background: #2f51d1;
    border: 1px solid #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.bodyOverlay, .modelOverlay{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    transform: none;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}
.responsive_btn span {
    display: block;
    height: 2px;
    width: 20px;
    position: relative;
    top: 50%;
    margin: -1px auto;
}
.responsive_btn span:before,
.responsive_btn span:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
}
.responsive_btn span:before {
    top: -6px;
}
.responsive_btn span:after {
    bottom: -6px;
}
.responsive_btn span,
.responsive_btn span:before,
.responsive_btn span:after {
    background: #fff;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.responsive_btn:hover span,
.responsive_btn:hover span:before,
.responsive_btn:hover span:after {
    background: #ffffff;
}
.responsive_nav {
    display: block;
    position: fixed;
    left: -280px;
    top: 0;
    bottom: 0;
    width: 280px;
    min-height: 100%;
    z-index: 91;
    background: #2f51d1;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.responsive_nav ul {
    margin: 0;
    padding: 0;
    text-align: left;
}
.responsive_nav ul li {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
}
.responsive_nav ul li:first-child {
    border-top: none;
}
.responsive_nav ul li:after {
    display: none;
}
.responsive_nav ul li>a {
    display: block;
    padding: 12px 10px 8px;
    color: inherit;
    position: relative;
}
.responsive_nav ul li a:hover,
.responsive_nav ul li a:focus,
.responsive_nav ul li.active>a {
    color: #fff;
    background: #04afc9;
}
.responsive_nav ul ul {
    padding: 0;
    background: #1a1a1a;
}
.responsive_nav ul ul ul{background: #161616;}
.responsive_nav ul .sub-menu,
.responsive_nav ul li a i {
    display: none;
}
.responsive_nav .subarrow {
	display: block;
	pointer-events: inherit;
	width: 30px;
	height: 40px;
	line-height: 40px !important;
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	color: #000;
	text-align: center;
}
.responsive_nav .more-arrow-menu{display: none;}
.responsive_nav ul .sub-menu .container {
    width: 100%;
    padding: 0;
}
html.responsive,
.responsive body {
    overflow-y: hidden;
}
.responsive .wrapper {
    -webkit-transform: translate(-280px, 0) !important;
    transform: translate(-280px, 0) !important;
}
.responsive .bodyOverlay {
    opacity: 1;
    visibility: visible;
}
.responsive .responsive_nav {
    left: 0;
}
.responsive .responsive_btn {
    display: none ;
}
.responsive .responsive_btn span {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.responsive .responsive_btn span:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    top: 0;
}
.responsive .responsive_btn span:before {
    opacity: 0;
}
.responsive_nav .opened>.subarrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.responsive_nav ul ul li a{
    padding-left: 25px;
}
/*RESPONSIVE-MENU-ENDS*/