.elementor-117 .elementor-element.elementor-element-7026e70.xpro-widget-bg-overlay:before{transition:background 0.3s;}/* Start custom CSS for html, class: .elementor-element-7026e70 *//*==========================================
  FOOTER
==========================================*/

.pom-footer{
    background:transparent;
    color:#ffffff;
    padding:20px 0 0;
    font-family:'Metropolis',sans-serif;
    overflow:hidden;
}

.pom-footer *,
.pom-footer *::before,
.pom-footer *::after{
    box-sizing:border-box;
}

/*==========================================
  TOP ROW (Logo left / Socials right)
==========================================*/

.pom-footer__top{
    width:min(1280px,92%);
    margin:auto;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;

    padding-bottom: 15px;
}

.pom-footer__logo-link{
    display:inline-flex;
    width:max-content;
    text-decoration:none;
}

/* White box grouping the logo + "R.K.SALAI" text */
.pom-footer__logo-box{
    display:inline-flex;
    align-items:center;
    gap:12px;

    background:;
    border-radius:0px;
    padding:10px 15px;
}

.pom-footer__logo{
    width:180px;
    max-width:100%;
    display:block;
}

.pom-footer__logo-divider{
    color:#081B3B;
    font-size:28px;
    font-weight:400;
    line-height:1;
    opacity:.5;
    margin-top:24px;
    margin-left: -8px;
}

.pom-footer__logo-text{
    color:#081B3B;
    font-size:28px;
    font-weight:600;
    letter-spacing:.04em;
    line-height:1;
    white-space:nowrap;
    margin-top:28px;
    margin-left: -8px;
}

/*==========================================
  DIVIDER
==========================================*/

.pom-footer__divider{
    width:min(1400px,100%)!important;
    margin:0 auto!important;

    box-sizing:border-box;
    padding:0 40px;

    height:1px!important;
    border:0;
    background:#B1B1B1 !important;
    background-clip:content-box!important;
}
/*==========================================
  CONTAINER (3 columns)
==========================================*/

.pom-footer__wrapper{
    width:min(1280px,92%);
    margin:auto;

    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:60px;
    justify-content:center;

    align-items:start;

    padding:30px 0 0;
}

/*==========================================
  ADDRESS
==========================================*/

.pom-footer__location{
    display:flex;
    align-items:flex-start;
    gap:14px;

    color:#000000;
    line-height:1.8;
    font-size:16px;

    margin-bottom:18px;
}

.pom-footer__location svg{
    flex-shrink:0;
    color:#b02b32;
    margin-top:4px;
}

.pom-footer__location p{
    margin:0;
}

/*==========================================
  COLUMN
==========================================*/

.pom-footer__column{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

/*==========================================
  TITLES
==========================================*/

.pom-footer__title{
    position:relative;

    margin:0;
    margin-bottom:34px;

    font-size:24px;
    font-family:'Instrument Serif',sans-serif;
    font-weight:500;
    color:#b02b32;

    line-height:1;

    min-height:28px;

    display:flex;
    align-items:flex-start;
}

.pom-footer__title::after{
    content:"";

    position:absolute;

    left:0;
    bottom:-14px;

    width:36px;
    height:2px;

    background:#141414;
}


.pom-footer__subtitle{
    margin:0 0 16px;
    font-size:15px;
    font-weight:500;
    letter-spacing:.03em;
    text-transform:uppercase;
    color:#b02b32;
}

/*==========================================
  MENU
==========================================*/

.pom-footer__menu{
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
}

.pom-footer__menu li{
    margin-bottom:18px;
}

.pom-footer__menu li:last-child{
    margin-bottom:0;
}

.pom-footer__menu a{
    color:#000000;
    text-decoration:none;
    font-size:16px;

    transition:.25s;
}

.pom-footer__menu a:hover{
    color:#42a5ff;
    padding-left:6px;
}

/*==========================================
  CONTACT
==========================================*/

.pom-footer__contact-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.pom-footer__contact-item{
    display:flex;
    align-items:center;
    gap:12px;

    color:#000000;
    text-decoration:none;

    transition:.25s;
}

.pom-footer__contact-item svg{
    color:#b02b32;
    flex-shrink:0;
}

.pom-footer__contact-item:hover{
    color:#42a5ff;
}

/*==========================================
  SOCIAL
==========================================*/

.pom-footer__socials{
    display:flex;
    align-items:center;
    gap:14px;
}

.pom-footer__social{
    width:44px;
    height:44px;

    border-radius:50%;
    font-size: 22px;
    display:flex;
    justify-content:center;
    align-items:center;

    color:#fff;
    text-decoration:none;

    transition:.3s;
}

.pom-footer__social:nth-child(1){
    background:#1877F2;
}

.pom-footer__social:nth-child(2){
    background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fd5949 45%,#d6249f 65%,#285AEB 100%);
}

.pom-footer__social:nth-child(3){
    background:#25D366;
}

.pom-footer__social:nth-child(4){
    background:#25d366;
}

.pom-footer__social:hover{
    transform:translateY(-5px);
}

/*==========================================
  MAP
==========================================*/

.pom-footer__map{
    width:100%;
}

.pom-footer__map iframe{
    width:100%;
    height:220px;
    border:0;
    display:block;
}

/*==========================================
  BOTTOM
==========================================*/

.pom-footer__bottom{

    width:min(1280px,92%);
    margin:30px auto 0;

    border-top:1px solid #B1B1B1;

    padding:16px 0;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;

    color:#141414;
    font-size:15px;
}

.pom-footer__legal{
    color: #141414f;
}

.pom-footer__legal a{
    color: #010086;
    text-decoration: none;
    font-weight: 600;
    transition: .25s;
}

.pom-footer__legal a:hover{
    color: #42a5ff;
}

/*==========================================
  RESPONSIVE
==========================================*/

/* Tablets */
@media (max-width: 900px) {
  .pom-footer__wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 40px 30px;
  }
  .pom-footer__location {
    grid-column: 1 / -1; /* address spans full width above the two link columns */
  }
}

/* Small tablets / large phones */
@media (max-width: 640px) {
  .pom-footer__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .pom-footer__wrapper {
    grid-template-columns: 1fr;
    gap: 36px;
    padding-top: 24px;
  }
  .pom-footer__location {
    grid-column: auto;
  }
  .pom-footer__title {
    margin-bottom: 24px;
    font-size: 21px;
  }
  .pom-footer__title::after {
    bottom: -10px;
  }
  .pom-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    text-align: left;
  }
}

/* Mobile phones */
@media (max-width: 480px) {
  .pom-footer {
    padding: 16px 0 0;
  }
  .pom-footer__logo-box {
    padding: 6px 0px;
    gap: 8px;
  }
  .pom-footer__logo {
    width: 130px;
  }
  .pom-footer__logo-text {
    font-size: 24px;
   
   
  }
  .pom-footer__logo-divider {
    font-size: 24px;
    margin-left: 1px;
  }
  .pom-footer__divider {
    padding: 0 20px;
  }
  .pom-footer__location {
    font-size: 15px;
    line-height: 1.6;
  }
  .pom-footer__menu a,
  .pom-footer__contact-item {
    font-size: 15px;
  }
  .pom-footer__menu li {
    margin-bottom: 14px;
  }
  .pom-footer__contact-list {
    gap: 14px;
  }
  .pom-footer__social {
    width: 34px;
    height: 34px;
    font-size: 18px;
  }
  .pom-footer__socials {
    gap: 10px;
    padding:0;
    margin-left: 8px;
  }
  .pom-footer__bottom {
    font-size: 13.5px;
  }
}/* End custom CSS */