.footer-top{
    background: var(--graident-blue);
    padding: 100px 0px 115px 0px;
}
.footer-logo img {
    max-width: 318px;
    width:100%;
    object-fit: cover;
}
.social-icons{
    display: flex;
    align-items: center;
    padding-bottom: 28px;
}
.social-icons img{
    width: 65px;
    height: 65px;
}
.social-icons .mail,
.social-icons .call{
    font-family: var(--outfit-bold);
    font-weight: 700;
    font-size: 25px;
    color: var(--white);
    padding-left: 35px;
    transition: all 0.5s ease-in-out;
}
.social-icons .mail:hover,
.social-icons .call:hover{
    opacity: 0.6;
}
.only-image{
    gap: 26px;
}
.page-links .footer-nav {
    display: flex;
    gap: 53px;
    justify-content: space-between;
}
.footer-nav .dropdown-menu {
    display: contents;
    background: transparent;
    border: 0;
    padding-left: 0;
    padding-top: 5px;
}
.footer-nav .dropdown-toggle::after {
    margin-left: 0;
}
.pg-link ul{
    list-style: none;
}
.pg-link ul{
    padding-left: 0;
    padding-top: 5px;
}
.pg-link ul li{
    padding-inline-start: 0;
}
.footer-bottom{
    padding: 42px 0px 25px;
}
.outer-links{
    gap: 60px;
    padding-bottom: 20px;
}
.outer-links p:last-child{
    padding-right: 0;
}
.top-con-left{
    display: flex;
    gap: 41px;
}
.fot-top-con{
    display: flex;
    gap: 300px;
}
.outer-links .link-head,
.pg-link-head .link-head,
.footer-nav .nav-link,
.outer-links .nav-link {
    font-family: var(--outfit-bold);
    font-size: 25px;
    color: var(--white);
    line-height: 31px;
    position: relative;
}
.copyright .link-list,
.pg-link .link-list,
.footer-nav .dropdown-menu a {
    font-family:  var(--outfit-regular);
    font-size: 20px;
    color: var(--white);
    line-height: 35px;
}
.footer-nav .dropdown-menu li:first-child {
    margin-top: 10px;
}
.footer-nav .dropdown-menu a {
    padding-left: 0;
    padding-right: 0;
    line-height: 27px;
}
.pg-link .link-list:hover,
.outer-links .link-head:hover,
.copyright a:hover {
    opacity: 0.6;
    cursor: pointer;
}
.footer-nav .dropdown-menu a:hover,
.footer-nav .dropdown-menu a:focus {
    opacity: 0.6;
    cursor: pointer;
    background: transparent;
}
.foot-social-icons .s-icon{
    background-color: var(--white);
    border-radius: 50%;
    height: 65px;
    width: 65px;
    font-size: 35px;
    transition: all 0.5s ease-in-out;
}
.foot-social-icons .call .s-icon {
    font-size: 35px;
}
.foot-social-icons .s-icon a{
    color: var(--secondary-blue);
    text-decoration: none;
}
.foot-social-icons .s-icon:hover a{
    color: var(--primary-blue);
}
.foot-social-icons .s-icon .fa-instagram,
.foot-social-icons .s-icon .fa-youtube{
    font-size: 41px;
}

.social-icons .cont_info {
    font-family: var(--outfit-bold);
    font-weight: 700;
    font-size: var(--font-25);
    color: var(--white);
    padding-left: 35px;
    transition: all 0.5s ease-in-out;
}
.social-icons .cont_info:hover {
    opacity: 0.6;
}

.footer-nav .dropdown-toggle::after {
    border-top: 0px !important;
}
.footer-nav .dropdown-item.active, .footer-nav .dropdown-item:active {
    background-color: transparent;
    /*opacity: 0.6;*/
}

@media(max-width:1700px){
    .fot-top-con {
        gap: 100px;
        justify-content: space-between;
    }
}
@media(max-width:1400px){
    .fot-top-con {
        gap: 10px;
        justify-content: space-between;
    }
    .top-con-left,
    .page-links,
    .top-con-right {
        width: 100%;
        justify-content: space-between;
    }
    .top-con-left{
        flex-wrap: wrap;
        width: auto;
    }
}
@media(max-width:1100px){
    .fot-top-con {
        gap: 33px;
        flex-wrap: wrap;
    }
    .top-con-left {
        width: 100%;
    }
}
@media(max-width:1200px) {
    .outer-links {
        gap: 20px 60px;
        align-items: center;
        flex-wrap: wrap;
    }
    .page-links .footer-nav .nav-options {
        flex-direction: initial;
        text-align: initial;
    }
}
@media(max-width:992px) {
    .top-con-left{
        justify-content: space-between;
    }
    .top-con-right{
        width: 100%;
    }
    .top-con-right .page-links{
        justify-content: space-between;
        width: 100%;
    }
}
@media(max-width:768px) {
    .page-links .footer-nav.nav-options {
        flex-direction: column !important;
        text-align: center !important;
    }
    .top-con-right .page-links,
    .top-con-left{
        display: block;
    }
    .foot-social-icons{
        padding-top: 69px;
    }
    .social-icons{
        justify-content: center;
        flex-wrap: wrap;
    }
    .fot-top-con{
        text-align: center;
    }
    .pg-link {
        padding-bottom: 49px;
    }
    .pg-link:last-child{
        padding-bottom: 0;
    }
    .footer-top{
        padding: 69px 0px;
    }
    .only-image{
        padding-top: 41px;
    }
    .outer-links{
        /*display: block !important;*/
        padding-bottom: 59px;
    }
    .footer-bottom{
        padding: 64px 0px 69px;
    }
    .outer-links .link-head {
        width: 100%;
        display: block;
        padding-bottom: 10px;
    }
    .foot-social-icons .social-icons:has(.call), .foot-social-icons .social-icons:has(.mail) {
        min-width: 293px;
        margin: 0 auto;
        justify-content: start;
    }
    .foot-social-icons {
        display: flex;
        flex-direction: column;
    }
    .copyright .link-list span {
        display: block;
    }
    .footer-nav .dropdown-menu {
        text-align: center;
    }
    .foot-social-icons .social-icons:has(.cont_info) {
        min-width: 293px;
        margin: 0 auto;
        justify-content: start;
    }
}
@media(max-width:400px) {
    .foot-social-icons {
        padding-top: 45px;
    }
    .social-icons .cont_info {
        padding-left: 15px;
    }
    .foot-social-icons .s-icon {
        width: 55px;
        height: 55px;
        font-size: 30px;
    }
    .foot-social-icons .s-icon .fa-instagram, 
    .foot-social-icons .s-icon .fa-youtube {
        font-size: 30px;
    }
    .foot-social-icons .only-image {
        gap: 14px;
        padding-top: 20px;
    }
}
@media(max-width:350px){
    .foot-social-icons .social-icons:has(.call), .foot-social-icons .social-icons:has(.mail){
        min-width: 100%;
        justify-content: center;
        gap: 20px;
    }
}