/*====================================================
=
= FOOTER CSS - PART 1
= Base Layout & Structure
=
====================================================*/

footer{
    width:100%;
    margin:0;
    padding:0;
    clear:both;
    position:relative;
}

/*============================
  Main Footer
=============================*/

#footer{
    position:relative;
    background:#0d2b5c;
    padding:70px 0 50px;
    overflow:hidden;
}

#footer .container{
    width:100%;
    max-width:1320px;
    margin:0 auto;
    padding:0 15px;
}

#footer .row{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:space-between;
}

/*============================
  Footer Columns
=============================*/

#footer .footer-block{
    position:relative;
    margin-bottom:35px;
}

#footer .footer-block .widget{
    margin:0;
    padding:0;
}

/* Bootstrap Fix */

#footer .col-lg-3,
#footer .col-md-3{
    flex:0 0 25%;
    max-width:25%;
}

#footer .col-sm-6{
    padding-left:18px;
    padding-right:18px;
}

/*============================
  Headings
=============================*/

#footer .widget-title,
#footer h3{
    /* color:#1cb7e7; */
    color: var(--primary-color);
    font-size:34px;
    font-weight:700;
    line-height:1.2;
    margin:0 0 28px;
    padding:0;
    position:relative;
}

#footer .widget-title::after,
#footer h3::after{
    content:"";
    width:55px;
    height:3px;
    /* background:#ff7a00; */
    background: var(--secondary-color);
    display:block;
    margin-top:12px;
}

/*============================
  Paragraph
=============================*/

#footer p{
    color:#dcdcdc;
    font-size:16px;
    line-height:1.8;
    margin-bottom:15px;
}

/*============================
  Lists
=============================*/

#footer ul{
    margin:0;
    padding:0;
    list-style:none;
}

#footer ul li{
    margin:0;
    padding:12px 0;
    border-bottom:1px solid rgba(255,255,255,.12);
}

#footer ul li:last-child{
    border-bottom:none;
}

#footer ul li::before{
    display:none;
}

/*============================
  Links
=============================*/

#footer a{
    color:#ffffff;
    text-decoration:none;
    transition:.35s ease;
}

#footer a:hover{
    /* color:#1cb7e7; */
    color: var(--primary-color);
    padding-left:6px;
}

/*============================
  Images
=============================*/

#footer img{
    max-width:100%;
    height:auto;
    display:block;
}

/*============================
  FAQ Image
=============================*/

.footer-faq{
    margin-top:35px;
    text-align:center;
}

.footer-faq img{
    width:260px;
    max-width:100%;
    margin:auto;
    border-radius:8px;
    transition:.35s;
}

.footer-faq img:hover{
    transform:translateY(-5px);
}

/*============================
  Reach Us
=============================*/

.footer-contact{
    color:#ffffff;
}

.footer-logo{
    margin-bottom:25px;
}

.footer-logo img{
    width:200px;
    max-width:100%;
}

.footer-address{
    margin-bottom:25px;
}

.footer-address p{
    color:#e4e4e4;
    font-size:15px;
    line-height:1.8;
}

/* remove gutenberg spacing */

.footer-contact *{
    margin-top:0;
}

.footer-contact p:last-child{
    margin-bottom:0;
}
/*====================================================
=
= FOOTER CSS - PART 2
= Contact, Menu, Social & Copyright
=
====================================================*/


/*============================
  Footer Menu
=============================*/

#footer .menu{
    margin:0;
    padding:0;
}

#footer .menu li{
    display:block;
    position:relative;
    transition:.3s ease;
}

#footer .menu li a{
    display:block;
    position:relative;
    padding:0;
    font-size:16px;
    font-weight:500;
    color:#ffffff;
    line-height:1.6;
}

#footer .menu li a:before{
    content:"➜";
    /* color:#ff7a00; */
    color: var(--secondary-color);
    margin-right:10px;
    opacity:0;
    transition:.3s;
}

#footer .menu li:hover a:before{
    opacity:1;
}

#footer .menu li:hover{
    transform:translateX(6px);
}

#footer .current-menu-item>a{
    /* color:#1cb7e7; */
    color: var(--primary-color);
}


/*============================
  Contact Section
=============================*/

.footer-info{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.footer-item{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.footer-item i{
    width:40px;
    height:40px;
    border-radius:50%;
    background:#1cb7e7;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    flex-shrink:0;
}

.footer-item a{
    color:#ffffff;
    font-size:15px;
    line-height:1.7;
    word-break:break-word;
}

.footer-item a:hover{
    /* color:#ff7a00; */
    color: var(--secondary-color);
    padding-left:0;
}


/*============================
  Reach Us Block
=============================*/

.footer-contact{
    display:flex;
    flex-direction:column;
}

.footer-contact .widget-title{
    margin-bottom:25px;
}

.footer-logo{
    margin-bottom:20px;
}

.footer-logo img{
    width:210px;
    height:auto;
}

.footer-address{
    margin-bottom:25px;
}

.footer-address p{
    margin:0;
}


/*============================
  FAQ Image
=============================*/

.footer-faq{
    display:flex;
    justify-content:center;
    margin-top:25px;
}

.footer-faq img{
    width:240px;
    transition:.35s ease;
    border-radius:8px;
}

.footer-faq img:hover{
    transform:scale(1.04);
}


/*============================
  Copyright
=============================*/

#footer-2{
    background:#169bc5;
    padding:20px 0;
}

#footer-2 .copyright{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

#footer-2 p{
    margin:0;
    color:#ffffff;
    font-size:15px;
    font-weight:500;
}


/*============================
  Social Icons
=============================*/

#footer-2 .guten-social-icons{
    display:flex;
    align-items:center;
    gap:12px;
}

#footer-2 .guten-social-icon a{
    width:42px;
    height:42px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ffffff;
    color:#169bc5;
    font-size:18px;
    transition:.3s;
}

#footer-2 .guten-social-icon a:hover{
    /* background:#ff7a00; */
    background: var(--secondary-color);
    color:#ffffff;
    transform:translateY(-4px);
}


/*============================
  Scroll Button
=============================*/

/* .scrollup{
    position:fixed;
    right:25px;
    bottom:25px;
    width:48px;
    height:48px;
    border-radius:50%;
    background:#ff7a00;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:999;
    transition:.3s;
}

.scrollup:hover{
    background:#1cb7e7;
    color:#fff;
} */


/*============================
  Equal Height
=============================*/

#footer .footer-block{
    display:flex;
    flex-direction:column;
    height:100%;
}

#footer .widget{
    flex:1;
}
/*====================================================
=
= FOOTER CSS - PART 3
= Responsive
=
====================================================*/

/*============================
  Large Desktop
=============================*/

@media (max-width:1400px){

#footer{
    padding:60px 0 45px;
}

#footer .container{
    max-width:1200px;
}

#footer .widget-title,
#footer h3{
    font-size:30px;
}

.footer-logo img{
    width:180px;
}

.footer-faq img{
    width:220px;
}

}


/*============================
  Laptop
=============================*/

@media (max-width:1199px){

#footer .col-lg-3,
#footer .col-md-3{
    flex:0 0 50%;
    max-width:50%;
}

#footer .footer-block{
    margin-bottom:45px;
}

#footer .widget-title,
#footer h3{
    font-size:28px;
}

.footer-logo img{
    width:170px;
}

.footer-faq{
    margin-top:20px;
}

.footer-faq img{
    width:210px;
}

}


/*============================
  Tablet
=============================*/

@media (max-width:991px){

#footer{
    padding:55px 0 35px;
}

#footer .container{
    padding:0 20px;
}

#footer .row{
    row-gap:35px;
}

#footer .col-lg-3,
#footer .col-md-3,
#footer .col-sm-6{
    flex:0 0 100%;
    max-width:100%;
}

#footer .footer-block{
    text-align:center;
    margin-bottom:30px;
}

#footer .widget-title::after,
#footer h3::after{
    margin:12px auto 0;
}

.footer-logo{
    text-align:center;
}

.footer-logo img{
    margin:auto;
}

.footer-address{
    text-align:center;
}

.footer-info{
    align-items:center;
}

.footer-item{
    justify-content:center;
}

.footer-faq{
    justify-content:center;
}

.footer-faq img{
    width:240px;
}

}


/*============================
  Mobile
=============================*/

@media (max-width:767px){

#footer{
    padding:45px 0 25px;
}

#footer .widget-title,
#footer h3{
    font-size:24px;
    margin-bottom:20px;
}

#footer ul li{
    padding:10px 0;
}

#footer ul li a{
    font-size:15px;
}

#footer p{
    font-size:15px;
}

.footer-logo img{
    width:160px;
}

.footer-address p{
    font-size:14px;
}

.footer-item{
    flex-direction:column;
    align-items:center;
    gap:8px;
    text-align:center;
}

.footer-item i{
    margin:0;
}

.footer-item a{
    font-size:14px;
}

.footer-faq img{
    width:200px;
}

/* Copyright */

#footer-2{
    padding:18px 0;
}

#footer-2 .copyright{
    flex-direction:column;
    justify-content:center;
    text-align:center;
}

#footer-2 p{
    font-size:14px;
    margin-bottom:15px;
}

#footer-2 .guten-social-icons{
    justify-content:center;
}

.scrollup{
    right:15px;
    bottom:15px;
    width:42px;
    height:42px;
}

}


/*============================
  Small Mobile
=============================*/

@media (max-width:480px){

#footer .container{
    padding:0 15px;
}

#footer .widget-title,
#footer h3{
    font-size:22px;
}

.footer-logo img{
    width:145px;
}

.footer-faq img{
    width:180px;
}

.footer-address p{
    font-size:13px;
}

.footer-item a{
    font-size:13px;
}

#footer-2 p{
    font-size:13px;
}

#footer-2 .guten-social-icon a{
    width:38px;
    height:38px;
    font-size:16px;
}

}


/*============================
  Extra Small Devices
=============================*/

@media (max-width:360px){

#footer{
    padding:35px 0 20px;
}

#footer .widget-title,
#footer h3{
    font-size:20px;
}

.footer-logo img{
    width:130px;
}

.footer-faq img{
    width:160px;
}

.footer-address p,
.footer-item a,
#footer p{
    font-size:12px;
}

#footer ul li a{
    font-size:14px;
}

}
/*====================================================
=
= FOOTER CSS - PART 4
= Final Polish & Theme Fixes
=
====================================================*/

/* Smooth Transition */

#footer *,
#footer-2 *{
    transition:all .3s ease;
    box-sizing:border-box;
}

/* Remove Theme Margins */

#footer .widget{
    margin:0 !important;
    padding:0 !important;
}

#footer aside{
    margin:0;
    padding:0;
}

/* Widget Block */

#footer .wp-block-group,
#footer .wp-block-columns,
#footer .wp-block-column{
    margin:0;
    padding:0;
}

/* Images */

#footer figure{
    margin:0;
    padding:0;
}

#footer figure img{
    display:block;
    margin:auto;
}

/* Links */

#footer a{
    outline:none;
}

#footer a:focus{
    /* color:#ff7a00; */
    color: var(--secondary-color);
}

/* Lists */

#footer ul li:last-child{
    margin-bottom:0;
}

#footer ul li:hover{
    border-color:#1cb7e7;
}

/* Contact */

.footer-contact{
    height:100%;
}

.footer-address{
    flex:1;
}

/* Phone */

.footer-item:first-child i{
    /* background:#ff7a00; */
    background: var(--secondary-color);
}

/* Email */

.footer-item:last-child i{
    background:#1cb7e7;
}

/* Logo Hover */

.footer-logo img{
    transition:.35s;
}

.footer-logo img:hover{
    transform:scale(1.05);
}

/* FAQ Hover */

.footer-faq img{
    box-shadow:0 8px 25px rgba(0,0,0,.20);
}

.footer-faq img:hover{
    box-shadow:0 15px 35px rgba(0,0,0,.35);
}

/* Copyright */

#footer-2{
    border-top:1px solid rgba(255,255,255,.15);
}

#footer-2 p{
    letter-spacing:.4px;
}

/* Social */

#footer-2 .guten-social-icon{
    margin:0;
}

/* Scroll Button */

.scrollup{
    box-shadow:0 8px 20px rgba(0,0,0,.25);
}

.scrollup i{
    font-size:18px;
}

/* Selection */

#footer ::selection{
    /* background:#ff7a00; */
    background: var(--secondary-color);
    color:#fff;
}

/* Remove unwanted WP spacing */

#footer .wp-block-image{
    margin-bottom:0 !important;
}

#footer .wp-block-heading{
    margin-top:0 !important;
}

/* Utility */

.footer-contact,
.footer-faq{
    position:relative;
    z-index:2;
}

/* Desktop Equal Height */

@media(min-width:992px){

#footer .row{
    display:flex;
}

#footer .footer-block{
    display:flex;
    flex-direction:column;
}

#footer .widget{
    flex:1;
}

}

/* Animation */

#footer .footer-block{
    opacity:1;
    transform:none;
}

/* Theme Conflict Fix */

#footer .menu-item{
    background:none !important;
}

#footer li::before,
#footer li::after{
    display:none !important;
}
/* Copyright */
/* #footer-2 .copyright-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

#footer-2 .copyright-text{
    margin:0;
    color:#fff;
    font-size:15px;
}

#footer-2 .custom-social-icons{
    display:flex;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0;
    gap:15px;
} */
#footer-2 .copyright-content{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
}

#footer-2 .copyright-text{
    grid-column:2;
    margin:0;
    text-align:center;
}

#footer-2 .custom-social-icons{
    grid-column:3;
    justify-self:end;
    display:flex;
    gap:15px;
    list-style:none;
    margin:0;
    padding:0;
}

@media(max-width:767px){
    #footer-2 .copyright-content{
        display:flex;
        flex-direction:column;
        gap:15px;
    }
}
#footer-2 .custom-social-icons li{
    margin:0;
    padding:0;
}

#footer-2 .custom-social-icons li a{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#189dc9;
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

#footer-2 .custom-social-icons li a:hover{
    background:#ff7a00;
}

/* Mobile */
@media(max-width:767px){

    #footer-2 .copyright-content{
        flex-direction:column;
        justify-content:center;
        text-align:center;
    }

}
.custom-social-icons i:hover, #footer li a:hover {
    color: #ff7a00 !important;
}
/* End */