@font-face {
        font-family: "trajan_proregular";
        src: url("../font/Montserrat/trajan_pro_regular-webfont.eot");
        src: url("../font/Montserrat/trajan_pro_regular-webfont.eot?#iefix")
            format("embedded-opentype"),
          url("../font/Montserrat/trajan_pro_regular-webfont.woff2")
            format("woff2"),
          url("../font/Montserrat/trajan_pro_regular-webfont.woff")
            format("woff"),
          url("../font/Montserrat/trajan_pro_regular-webfont.ttf")
            format("truetype"),
          url("../font/Montserrat/trajan_pro_regular-webfont.svg#trajan_proregular")
            format("svg");
        font-weight: normal;
        font-style: normal;
      }
      @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
      .overflow-hidden {
        overflow: hidden;
      }
      body {
        font-family: "Montserrat", sans-serif;
        
      }
      .d-grid {
        display: grid;
        justify-content: center;
        align-items: center;
      }
      .bgcolor {
        /* background-color: #000; */
        height: 100%;
        /* backdrop-filter: blur(180px); */
        position: relative;
        background-color: #231f20;
      }
      .strap-info {
        background-color: #2a2627;
      }
      .text-thm-color {
        font-family: "trajan_proregular";
        color: #faf3ab;
        background: linear-gradient(#f2db88, #fbf4ac);
        background-clip: text;
        text-fill-color: transparent;
        background: -webkit-linear-gradient(#f2db88, #fbf4ac);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      .strap-info .content-img {
        border-radius: 10px;
      }
      .blurpallet .strap-info .text-thm-color .head-col h5 {
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 2px;
      }

      .blurpallet .strap-info .text-thm-color .head-col p {
        font-size: 9px;
        margin-bottom: 0;
      }
      .blurpallet .strap-info .text-thm-color .content-info p {
        font-size: 8px;
        font-weight: 600;
        font-family: "Montserrat", sans-serif;
      }

      .blurpallet .strap-info .text-thm-color .head-col {
        margin-bottom: 10px;
      }
      .blurpallet .strap-info .text-thm-color .content-info h5 {
        font-weight: 600;
        font-size: 11px;
      }
      i.social-icon {
        color: #fff;
        font-size: 32px;
      }
      .address-section .col-10 a {
        font-size: 12px;
        background: -webkit-linear-gradient(#f2db88, #fbf4ac);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      .address-section .col-10 p {
        font-size: 10px;
        font-weight: 700;
        font-family: "Montserrat", sans-serif;
        margin-bottom: 0px;
      }
      .address-section .col-10 a.anchor {
        font-size: 13.5px;
        font-weight: 400;
        font-family: "Montserrat", sans-serif;
        margin-bottom: 0px;
        background: -webkit-linear-gradient(#f2db88, #fbf4ac);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      .map {
        border-radius: 10px;
      }
      .col-lg-5.bgcolor.overflow-hidden {
        position: relative;
        padding: 0;
        height:100vh;
      }
      .head-title {
        padding: 30px !important;
        padding-bottom: 15px !important;
        padding-top: 0px !important;
      }

      .content-img img {
        width: 120px;
        height: auto;
      }
      .social-icon-section {
        padding: 10px 20px 10px;
      }
      .address-section {
        padding: 0 30px;
      }
      .address-section .img-cls {
        padding: 4px 12px !important;
      }

      .framemap {
        height: 150px;
      }

      .map {
        filter: grayscale(0%) invert(2%) contrast(100%);
      }

      #map {
        padding: 0;
        min-height: 150px;
        width: 100%;
        border-radius: 10px;
        border: 2px solid #f0d880 !important;
        margin-top: 10px;
        overflow: hidden;
        position: relative;
    }
      #map img {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        height: auto;
        transform: translate(-50%, -50%);
      }
      .pinsize2 img {
        width: 55px;
      }
      .mapinsider {
        z-index: 1000;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
      /* body {
        background-color: #004433;
      } */
      .mappaddress {
        position: relative;
      }
      .map-marker {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, -50%);
      }
      .map-marker .dot {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 55px;
        transform: translate(-50%, -50%);
      }
      .map-marker .pulse {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
      }

      /* .blurpallet {
        backdrop-filter: blur(10px);
      } */
      .bacgroudn {
        position: absolute;
        left: 0;
        top: 0;
        z-index: -5;
        width: 100%;
        height: 100%;
        background-color: #000;
      }
      .bgcolor {
        backdrop-filter: (10px);
      }

      .circle2 {
        background-color: #d39e00;
        width: 152px;
        height: 50px;
        border-radius: 50%;
        position: absolute;

        animation: c2 5s linear infinite;
        animation-iteration-count: infinite;
      }
      .posbottom {
        right: 10px;
        bottom: 0;
        position: absolute;
      }

      .postop {
        position: absolute;
        left: -45px;
        top: -30px;
      }
      .circle1 {
        background-color: #d39e00;
        width: 152px;
        height: 50px;
        border-radius: 50%;
        position: absolute;

        animation: c1 5s linear infinite;
        animation-iteration-count: infinite;
      }

      @keyframes c1 {
        0% {
          transform: scale(1);
          rotate: 0deg;
        }

        50% {
          transform: scale(2.5);
          rotate: 180deg;
        }

        100% {
          transform: scale(1);
          rotate: 360deg;
        }
      }

      @keyframes c2 {
        0% {
          transform: scale(2.5);
          rotate: 360deg;
        }

        50% {
          transform: scale(1);
          rotate: 180deg;
        }

        100% {
          transform: scale(2.5);
          rotate: 0deg;
        }
      }
      .blurpallet.frontcover
      {
        /*backdrop-filter: blur(180px);*/
        padding: 10px 15px;
    }