:root{
    --dark-color:#081421;
    --blue-color:#162A3D;
    --primary-color:#F0792F;
    --gray-color:#F0F0F0;
    --font-family-montserrat: "Montserrat", serif;
    --transition: all .3s linear;
}

footer{font-family: "Montserrat", serif !important;font-optical-sizing: auto;font-weight: 400;font-style: normal;color: var(--blue-color); font-size: 14px; line-height: 20px; color: #797979;}

.common-container{padding: 0 24px;}
.common-custom-container{max-width: 1602px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 1;}
.common-section{padding:  74px 0;}
.small-container{max-width: 1024px; padding: 0 24px; margin: 0 auto;}

.common-line-btn,
.common-btn{background: var(--blue-color); outline: none; border: solid 1px var(--blue-color); font-size: 14px; padding: 8px 40px; color: #fff; font-weight: 500; position: relative;  transition: var(--transition);}
.common-line-btn{background: transparent;border: solid 1px var(--blue-color); color: var(--blue-color);}
.common-line-btn:hover{border-color: var(--primary-color); color: var(--primary-color); transition: var(--transition);}
.common-btn:hover{border-color: var(--primary-color); background-color: var(--primary-color); color: #fff;}

.pattern{position: absolute;z-index: 0;filter: brightness(100);}
.pattern.right.bottom{bottom: 0;right: 0;}
.pattern.top.left{top: 0;left: 0; bottom: auto;}
.pattern.top.right{top: 0;right: 0; bottom: auto;}
.black{ filter: opacity(0.5) brightness(0);}

/* footer */
footer{background: var(--blue-color); position: relative;}
footer .f-logo{margin-bottom: 70px;}
footer .f-logo h4{color: #fff;}
footer .f-logo img{filter: brightness(100); height: 44px; }
footer .f-logo {display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 15px;}
footer .f-menu{display: flex; align-items: start; justify-content: space-between; gap: 15px;}
footer .f-menu .link h5{color: #fff; letter-spacing: 1.2px; font-weight: 600; margin-bottom: 27px;}
footer .f-menu .link li a{color: #fff; }
footer .f-menu .link li img{margin-right: 8px;}
footer .f-menu .link li:hover a{color: var(--primary-color);}
footer .f-menu .link li{margin-bottom: 27px;}
footer .f-menu .link.follow li{margin-bottom: 13px;}
footer .newsletter h5{text-transform: uppercase; color: #fff; margin-bottom: 21px;}
footer .newsletter{width: 356px;}
footer .newsletter .name{display: flex; gap: 18px;}
footer .newsletter .name .form-group{width: 50%;}
footer .newsletter .form-group{margin-bottom: 15px;}
footer .newsletter .form-control{font-size: 14px; font-weight: 500;}
footer .newsletter .form-control:focus{box-shadow: none; border-color: var(--primary-color);}
footer .newsletter .common-btn{border-color: var(--primary-color); color: var(--primary-color);}
footer .newsletter .common-btn:hover{color: #fff;}
footer .talk-to-us{width: 150px;}
footer .newsletter .form-control::-webkit-input-placeholder {color: #fff; /* Chrome/Opera/Safari */}
footer .newsletter .form-control::-moz-placeholder {color: #fff; /* Firefox 19+ */}
footer .newsletter .form-control:-ms-input-placeholder {color: #fff; /* IE 10+ */}
footer .newsletter .form-control:-moz-placeholder {color: #fff; /* Firefox 18- */}
footer .web-policy{display: flex; gap: 15px; justify-content: space-between; padding: 20px 0; flex-wrap: wrap;}
footer .web-policy ul{display: flex; align-items: center; justify-content: center;}
footer .web-policy ul li{ border-right: solid 1px #fff; padding-right: 5px; margin-right: 5px; line-height: 10px;}
footer .web-policy ul li a{font-size: 13px;color: #fff; line-height: 10px;}
footer .web-policy ul li a:hover{color: var(--primary-color);}
footer .web-policy ul li:last-of-type{border-right: none;}
footer .web-policy p{font-size: 13px; color: #fff; margin: 0;}
footer .f-menu .link.follow li a{display: flex;}

footer .footer-otp-text p {
    margin-bottom: 0;
    color: white;
    font-size: 14px;
}

footer .footer-otp-text hr {
    background-color: white;
    height: 1px !important;
    margin: 16px 0;
    opacity: 0.25 !important;
    border: 0 !important;
}


@media (max-width: 1279px){

    footer .f-menu .link li{margin-bottom: 20px;}
    footer .f-logo{margin-bottom: 60px;}

}

@media (max-width: 1023px){

    footer .newsletter{width: 300px;}
    footer .f-menu .link li{margin-bottom: 15px;}
    footer .f-menu .link h5,
    footer .newsletter h5{margin-bottom: 15px;}
    footer .f-logo img{height: 40px;}
    footer .f-logo{margin-bottom: 50px;}
    footer .f-menu .link li{white-space: nowrap;}
    footer .f-menu .link.talk-to-us li{white-space: normal;}
    footer .f-menu .link li a{word-break: break-word;}

}
@media (max-width: 990px){

    footer .newsletter{min-width: 220px; width: 100%;}
    footer .f-menu .link.follow  li a{font-size: 0;}
    footer .f-menu .link.follow ul{display: grid; grid-template-columns: 1fr 1fr;}

}

@media (max-width: 921px){
    header .right-nav .common-line-btn, .common-line-btn, .common-btn{padding: 8px 20px;}

}


@media (max-width: 767px){

    footer .f-menu .link.follow{order: 2; width: 100%;}
    footer .f-menu{flex-wrap: wrap;}
    footer .f-menu .link.follow ul{display: flex;}

    footer .newsletter .name{gap: 10px;}
    footer .f-menu .link li{margin-bottom: 10px;}

    footer .web-policy p{text-align: center;}
    footer .web-policy{justify-content: center;}

    header .right-nav .common-line-btn, .common-line-btn, .common-btn{padding: 8px 6px;}
}

@media (max-width: 480px) {
    footer .talk-to-us{width: 100%;}
}