/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: This is a child theme of OceanWP.
Author: Shafiqul
Author URI: https://www.suvronur.com/
Template: oceanwp
Version: 1.0
*/

a,a:hover,a:focus{
    outline: none !important;
}
body{
    overflow-x: hidden !important;
}

.elementor-button:hover {
    transform: scale(1.1) !important;
}
/*------- Header Css Start -------*/

div#site-logo-inner a img {
    max-height: 130px !important;
}
#site-logo #site-logo-inner a:hover img {
    -moz-opacity: 1 !important;
    -webkit-opacity: 1 !important;
    opacity: 1 !important;
}
div#site-header-inner {
    padding: 0 15px !important;
}
.nsc-header-btn a {
    padding: 12px 24px;
    background: #ccab3f;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: roboto;
    transition: all .3s ease;
}
.nsc-header-btn a:hover{
    transform: scale(1.1) !important;
}
.nsc-header-btn:hover {
    transform: scale(1.1);
}
.nsc-header-btn {
    transition: all .3s ease;
}
#site-navigation-wrap .dropdown-menu >li >a {
    display: inline-block;
    line-height: 1 !important;
    padding: 17px 20px;
}
div#site-navigation-wrap {
    text-align: right !important;
    padding-right: 40px;
}
nav#site-navigation {
    line-height: 140px !important;
    display: flex !important;
    align-items: center !important;
    transition: all .3s ease;
}
ul#menu-main-menu {
    text-align: right !important;
}
#site-navigation-wrap .dropdown-menu >li >a:hover {
    background: #ccab3f;
}

.is-sticky #site-logo-inner {
    height: 90px !important;
}
.is-sticky #site-navigation {
    line-height: 90px !important;
}
.is-sticky .after-header-content-inner {
    height: 90px !important;
}
.is-sticky #site-logo-inner a img {
    max-height: 90px !important;
}
.after-header-content-inner {
    transition: all .3s ease;
}
.after-header-content-inner {
    height: 140px !important;
}



.hamburger-inner {
    display: flex !important;
    justify-content: flex-start;
    width: 15px !important;
}
.hamburger-inner::after,
.hamburger-inner::before {
    width: 25px !important;
}
.hamburger-inner::before {
    top: -10px !important;
}
.hamburger-inner::after {
    bottom: -10px !important;
}
.hamburger.hamburger--3dx.is-active {
    display: none;
}
#sidr {
    width: 50%;
}
.sidr.right {
    right: calc(-50% - 30px);
}
#sidr .sidr-inner a.sidr-class-toggle-sidr-close {
    position: absolute;
    top: 25px !important;
    right: 0 !important;
    padding: 0;
    margin-right: 15px;
    background: none;
    color: #ccab3f !important;
    font-size: 0px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    line-height: 1.2 !important;
}
#sidr a.sidr-class-toggle-sidr-close i {
    padding-right: 0px !important;
    font-size: 25px;
    line-height: 1 !important;
}
#sidr .sidr-inner a.sidr-class-toggle-sidr-close:hover {
    color: #000 !important;
}
#sidr .sidr-inner:nth-child(2) {
    position: absolute;
    top: 85px;
    left: 0;
    display: block !important;
    width: 100% !important;
    height: calc(100% - 50px);
    padding: 45px 30px 30px;
    margin-top: -2px;
    margin-left: 0 !important;
    border-top: 1px solid rgb(255 255 255 / 10%);
    text-align: left;
    overflow-y: auto;
    background: #ccab3f;
}
#sidr .sidr-inner:nth-child(2)::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
}
#sidr .sidr-inner:nth-child(2)::-webkit-scrollbar-thumb{
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
    border-radius: 10px;
}
#sidr .sidr-inner:nth-child(2)::-webkit-scrollbar-track{
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
    border-radius: 10px;
}
.sidr-class-dropdown-menu li {
    border: none !important;
    margin-bottom: 12px !important;
}
.sidr-class-dropdown-menu li a {
    padding: 0 !important;
    border-bottom: none !important;
    text-align: left !important;
}
#icon-searchform-overlay form input {
    border-radius: 0 !important;
}
.oceanwp-sidr-overlay {
    background: #00000070;
    z-index: 1000;
}
.nsc-mobile-header-logo-wrapper {
    position: absolute;
    left: 15px;
    top: 0;
}
.nsc-mobile-header-logo-wrapper img {
    max-height: 80px;
}

/*------- Header Css End -------*/


/*------- elementor preview Css Start -------*/

.elementor-editor-active .nsc-partners-item a img {
    max-width: 100%;
}
.elementor-editor-active .nsc-partners-slider {
    display: flex;
    flex-flow: row wrap;
}
.elementor-editor-active .nsc-partners-item {
    width: 33.3333% !important;
}
/*------- elementor preview Css End -------*/


/*------- Parter Slider Css Start -------*/

.nsc-partners-item {
    padding: 0 15px;
}
.nsc-partners-item img {
    border: 3px solid #CCAB3F !important;
    border-radius: 25px !important;
}
button.slick-arrow {
    font-size: 0 !important;
    padding: 0 !important;
    background: none !important;
}
.slick-next:before,
.slick-prev::before  {
    content: "\f054" !important;
    font-family: 'FontAwesome' !important;
    font-size: 23px !important;
    color: #CCAB3F !important;
    font-weight: 900 !important;
    opacity: 1 !important;
}
.slick-prev::before {
    content: "\f053" !important;
}
.slick-next:hover:before,
.slick-prev:hover::before {
    color: #836C1D !important;
}
.slick-next {
    right: 45px !important;
    z-index: 1 !important;
}
.slick-prev {
    z-index: 1 !important;
    left: 45px !important;
}

/*------- Parter Slider Css End -------*/

/*------- Join Us Css Start -------*/

.nsc-join-us-icon-box .elementor-icon {
    height: 90px;
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #CCAB3F;
}
.nsc-join-us-icon-box .elementor-icon-box-wrapper {
    align-items: center !important;
}
.nsc-join-us-icon-box .elementor-icon-box-content p a {
    color: #CCAB3F !important;
}
.nsc-join-us-icon-box .elementor-icon-box-content p a:hover {
    color: #000 !important;
}

/*------- Join Us Css End -------*/

/*------- Image Carousel Css Start -------*/

.swiper-slide-inner {
    position: relative;
    overflow: hidden;
}
.swiper-slide-inner::before {
    content: "";
    display: block;
    padding-top: 96%;
}
.swiper-slide-inner img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}
.elementor-swiper-button {
    height: 50px !important;
    width: 50px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #CCAB3F;
    border-radius: 50%;
    opacity: 0;
    transition: all .3s ease-in-out;
}
.elementor-image-carousel-wrapper:hover .elementor-swiper-button {
    opacity: 1 !important;
}
.elementor-swiper-button svg {
    fill: #000 !important;
    height: 24px !important;
}
/*------- Image Carousel Css End -------*/

/*------- Footer Css Start -------*/

.nsc-footer-nav ul {
    margin: 0;
    list-style: none;
}
.nsc-footer-nav ul li {
    margin-bottom: 10px;
}
.nsc-footer-nav ul li a {
    color: #fff;
    font-size: 16px;
    font-family: 'Poppins';
    position: relative;
    z-index: 1;
    padding-left: 20px;
}
.nsc-footer-nav ul li a::before {
    content: "\f054";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 100%;
    font-family: 'FontAwesome';
    font-size: 14px;
    z-index: -1;
    line-height: 1.5;
    pointer-events: none;
}
.nsc-footer-icon-box .elementor-icon-box-content p a {
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}
.nsc-footer-social .elementor-social-icon-instagram {
    background-color: #962FBF !important;
}
.nsc-footer-copyright p {
    color: #000 !important;
}
.gfield input {
    height: 60px !important;
    padding: 7px 20px !important;
    font-size: 16px !important;
    border-radius: 2px !important;
    font-family: "Poppins", Sans-serif !important;
    color: #2F3236 !important;
    font-weight: 400 !important;
}
.gfield input::placeholder {
    color: rgb(47 50 54 / 50%) !important;
}
.gfield input[type=submit] {
    width: 100% !important;
}
.gform_footer input {
    font-size: 16px !important;
    width: 100% !important;
    height: 60px !important;
    background: #ccab3f !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding: 5px !important;
    border-radius: 2px !important;
}
.gform_footer {
    transition: all .3s ease !important;
    margin-top: 20px !important;
}
.gform_footer:hover {
    transform: scale(1.05);
}




/*------- Footer Css End -------*/






@media only screen and (min-width: 1921px) {
    .container {
        width: 62.9922% !important;
    }
    body{
        font-size: 0.937vw !important; 
    }
    h2{
        font-size: 2.343vw !important;
    }
    div#site-header-inner {
        padding: 0 0.781vw !important;
    }
    #site-logo #site-logo-inner,
    .oceanwp-social-menu .social-menu-inner,
    #site-header.full_screen-header .menu-bar-inner,
    .after-header-content .after-header-content-inner {
        height: 7.291vw !important;
    }
    .is-sticky #site-header.shrink-header #site-logo #site-logo-inner,
    .is-sticky #site-header.shrink-header .oceanwp-social-menu .social-menu-inner,
    .is-sticky #site-header.shrink-header .after-header-content .after-header-content-inner {
        height: 4.687vw !important;
    }
    div#site-logo-inner a img {
        max-height: 6.770vw !important;
    }
    #site-navigation-wrap .dropdown-menu >li >a {
        font-size: 0.833vw !important;
        padding: 0.885vw 1.041vw !important;
    }
    .nsc-header-btn a {
        padding: 0.625vw 1.25vw !important;
        font-size: 0.781vw !important;
    }
    div#site-navigation-wrap {
        padding-right: 2.083vw !important;
    }
    nav#site-navigation {
        line-height: 7.291vw !important;
    }
    .is-sticky #site-logo-inner {
        height: 4.687vw !important;
    }
    .is-sticky #site-navigation {
        line-height: 4.687vw !important;
    }
    .is-sticky .after-header-content-inner {
        height: 4.687vw !important;
    }
    .is-sticky #site-logo-inner a img {
        max-height: 4.687vw !important;
    }


    /*------- Parter Slider Css Start -------*/

    .nsc-partners-item {
        padding: 0 0.781vw !important;
    }
    .nsc-partners-item img {
        border-width: 0.156vw !important;
        border-radius: 1.302vw !important;
        width: 100% !important;
    }
    .slick-next:before,
    .slick-prev::before  {
        font-size: 1.197vw !important;
    }
    .slick-next {
        right: 2.343vw !important;
    }
    .slick-prev {
        left: 2.343vw !important;
    }
    /*------- Parter Slider Css End -------*/

    /*------- Join Us Css Start -------*/

    .nsc-join-us-icon-box .elementor-icon {
        height: 4.687vw !important;
        width: 4.687vw !important;
    }

    /*------- Join Us Css End -------*/
    .elementor-swiper-button {
        height: 2.604vw !important;
        width: 2.604vw !important;
    }
    .elementor-swiper-button svg {
        height: 1.25vw !important;
    }
    .swiper-slide:not(:last-child) {
        margin-right: 1.041vw !important;
    }
    .nsc-gallary-images .elementor-widget-image img {
        width: 100% !important;
    }

    /*------- Footer Css Start -------*/
    .nsc-footer-nav ul li {
        margin-bottom: 0.520vw !important;
    }
    .nsc-footer-nav ul li a {
        font-size: 0.833vw !important;
        padding-left: 1.041vw !important;
    }
    .nsc-footer-nav ul li a::before {
        font-size: 0.729vw !important;
    }
    .nsc-footer-icon-box .elementor-icon-box-content p a {
        font-size: 0.833vw !important;
    }
    .gfield input {
        height: 3.125vw !important;
        padding: 0.364vw 1.041vw !important;
        font-size: 0.833vw !important;
        border-radius: 0.104vw !important;
    }
    .gform_footer input {
        font-size: 0.833vw !important;
        height: 3.125vw !important;
        padding: 0.260vw !important;
        border-radius: 0.104vw !important;
    }
    .gform_footer {
        margin-top: 1.041vw !important;
    }

    /*------- Footer Css End -------*/


}

@media only screen and (max-width: 1279px) {
    div#site-header-inner {
        max-width: 100% !important;
        padding: 0 20px !important;
    }
    div#site-logo-inner a img {
        max-height: 100px !important;
    }
    #site-logo #site-logo-inner,
    .oceanwp-social-menu .social-menu-inner,
    #site-header.full_screen-header .menu-bar-inner,
    .after-header-content .after-header-content-inner {
        height: 100px !important;
    }
    div#site-logo-inner a img {
        max-height: 90px !important;
    }
    nav#site-navigation {
        line-height: 100px !important;
    }
    .nsc-footer-nav ul li a {
        font-size: 15px;
    }
    .nsc-join-us-icon-box .elementor-icon {
        height: 70px;
        width: 70px;
    }

}

@media only screen and (max-width: 959px) {
    div#site-logo-inner a img {
        max-height: 90px !important;
    }

}




/*------------- Responsive Css End --------------*/
