@charset "utf-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");

body {
  /* background-color: #ebf0f4 !important;
  background-color: #293c89 !important; */
  background-color: #ebf0f4;
}

h1,
h2,
h3,
h4,
h5,
h6,
input {
  font-family: "Roboto Condensed", Helvetica, Arial, Lucida, sans-serif;
}

@font-face {
  font-family: "Gilroy";
  /*Can be any text*/
  src: local("Gilroy-Light"), url("./font/Gilroy-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Gilroy-SemiBold";
  /*Can be any text*/
  src: local("Gilroy-SemiBold"),
    url("./font/Gilroy-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Gilroy-Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Gilroy-Bold"), url("./font/Gilroy-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Gilroy-Heavy";
  font-style: normal;
  font-weight: normal;
  src: local("Gilroy-Heavy"), url("./font/Gilroy-Heavy.ttf") format("truetype");
}

@font-face {
  font-family: "Gilroy-Light";
  font-style: normal;
  font-weight: normal;
  src: local("Gilroy-Light"), url("./font/Gilroy-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Gilroy-Medium";
  font-style: normal;
  font-weight: normal;
  src: local("Gilroy-Medium"),
    url("./font/Gilroy-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Gilroy-Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Gilroy-Regular"),
    url("./font/Gilroy-Regular.ttf") format("truetype");
}

.bcolor {
  color: rgb(19, 39, 52);
}

.fs18 {
  font-size: 18px !important;
}
.semiBoldGilroy {
  font-family: "Gilroy-SemiBold" !important;
  font-weight: 900;
}

* {
  font-family: "Gilroy" !important;
}

h2 {
  font-size: 25px;
  font-family: "Gilroy-SemiBold";
  margin-bottom: -5px;
}

h3 span {
  font-size: 40px;
  font-family: "Gilroy-SemiBold" !important;
}

.template .image-content {
  background: #fff;
  padding: 20px;
  margin: 15px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
}

.template .image-content h3 {
  color: #999;
}

.template .image-content p {
  color: #999;
  font-size: 15px;
  line-height: 25px;
}

.template .button-area {
  max-width: 300px;
  background: #fff;
  margin: auto;
  text-align: center;
  border: 1.5px solid #2e99a9;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 3px;
}

.template .button-area p {
  color: #2e99a9;
  margin-bottom: 10px;
  margin-top: 15px;
  line-height: 10px;
}

.template .button-area p i {
  font-size: 18px;
  padding: 5px;
}

.template .button-area p:nth-child(1) {
  font-size: 15px;
}

.template .button-area p:nth-child(2) {
  font-size: 18px;
  padding-bottom: -10px;
}

.template .second-img {
  border-radius: 5px;
  margin: 15px;
}

.template .second-img img {
  width: 100%;
  border-radius: 5px;
}

.template .video-img {
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
  height: 360px;
}

.template .video-img img {
  width: 100%;
  border-radius: 5px;
}

.template .map-area {
  height: 250px;
  margin-bottom: 0.7rem;
}

.template .map-area img {
  width: 100%;
  border-radius: 5px;
}

.template .footer-area {
  background: #fff;
  margin: auto;
  text-align: center;
  padding-bottom: 30px;
}

.template .footer-area .content-details span {
  color: #666;
}

.template .footer-area p {
  text-align: center;
  padding: 15px;
  font-size: 14px;
  font-weight: 600;
  color: #666;
}

.template .footer-area img {
  text-align: center;
  margin: auto;
  width: 100px;
  height: 100px;
}

.footer-area .icon-area ul {
  margin: auto;
  padding-bottom: 30px;
  padding: 10px;
}

.footer-area .icon-area ul li {
  display: inline-block;
  margin: 1px;
  border: 1px solid #2e99a9;
  width: 120px;
  height: auto;
  padding: 8px;
  color: #2e99a9;

  border-radius: 5px;
}

.footer-area .icon-area ul li i {
  font-size: 20px;
  color: #2e99a9;
}

.footer-area .icon-area ul li a {
  text-decoration: none;
  color: #2e99a9;
}

.footer-area .icon-area ul #sp {
  color: #2e99a9;
}

#map {
  height: 100%;
  width: 100%;
  border-radius: 5px;
}

[data-rsbs-scroll] {
  background: #ebeff4;
}

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

.text-blue {
  color: "#2536CC !important";
}

.visually-hidden {
  display: none !important;
}

.pdf-canvas canvas {
  width: 370px !important;
}

.btn:active {
  transform: scale(0.98);
  /* Scaling button to 0.98 to its original size */
  box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
  /* Lowering the shadow */
}

.btn {
  margin: 20px 0px 20px 0px;
  width: 100% !important;
}

input.mt-2 {
  padding: 0px 20px;
}

iframe {
  width: 100%;
  height: 200px;
}

.icon {
  height: 25px;
  width: 25px;
}

p.error-text {
  margin-bottom: 0px;
  margin-top: 20px;
  color: red;
}

select {
  height: 54px;
  border: none;
  border-radius: 10px;
  margin-bottom: 10px;
  width: 100%;
  padding: 0px 10px;
}

img.circle-image {
  border-radius: 50px;
  border: 1px solid #ccc;
}

img.img-fluid.cover-bg-darkened.icon-small {
  height: 20px;
  width: 20px;
}
.form_sheet_body {
  height: 350px;
  max-height: 350px;
  overflow: auto;
  overflow-x: hidden;
  margin-bottom: 10px;
}
.form_sheet_body label {
  font-weight: 700;
}
.modal-backdrop {
  z-index: -1 !important;
}
#googleSheet .modal-content {
  width: 700px !important;
  height: 610px;
}
#googleSheet .modal-body {
  padding: 20px 30px;
  background: #ebeff4;
}
#googleSheet .modal-footer {
  justify-content: center;
}
#googleSheet .modal-footer .btn {
  width: 409px !important;
  height: 50px;
  background: #000088;
  font-size: 20px;
  font-weight: 700;
}
.ml-1rem {
  margin-left: 30px;
}
.pr_3 {
  padding-right: 3px !important;
}
.mr-6 {
  margin-right: 6rem !important;
}
.modal_lbl {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 700px !important;
  }
}
.login-card {
  padding: 30px;
  width: 100%;
  margin: 10rem 0;
}
.sigm_logo {
  height: 35px;
  width: 190px;
  text-align: center;
}
.login-header h4 {
  font-size: 22px;
  margin: 20px 0;
  font-weight: 600;
}
.form_container_login {
  margin: 20px 0 0 0;
}
iframe {
  overflow: hidden;
  pointer-events: none;
}
.Opt_h3 {
  font-weight: bold;
}
.Opt_h4 button {
  color: #3faefdd1;
  font-weight: 600;
  width: 0 !important;
}
.p_opt {
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
  cursor: pointer;
}
.delete_user {
  padding: 20px;
}
.delete_user h1 {
  font-weight: bold;
  text-align: center;
}
.delete_user p {
  font-size: 17px;
  font-weight: 600;
}
.btn_delete {
  background-color: rgb(244, 67, 54) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 30px;
  border: rgb(244, 67, 54) !important;
  width: 15% !important;
}

.btn_lean_wt {
  width: 40% !important;
}
select:focus,
input:focus {
  outline: none;
}
.form_lbl {
  font-weight: 900 !important;
  color: #000000 !important;
  margin: 15px 0px;
  font-size: 16px !important;
  font-family: "Gilroy" !important;
}
.font_family {
  font-family: "Gilroy" !important;
}
.font_light {
  font-weight: 500;
}
.font_bold {
  font-weight: bold;
  font-size: 18px;
}
.success_tick {
  height: 25px;
  width: 25px;
  float: right;
  margin-top: 15px;
}
.drop-select {
  height: 45px;
}
.sheet_check_tick {
  display: flex;
}
.disShow {
  display: block;
  margin: 0px 30px;
  font-weight: 600;
  padding-top: 15px;
}
.disNone {
  display: none;
}
.sheet_main_dv {
  display: flex;
  justify-content: space-between;
}
.sheet_data_found {
  font-size: 26px;
  text-align: center;
  font-weight: 700;
  font-family: "Gilroy" !important;
  margin-top: 5rem;
}
.iframeStyle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  border-radius: 10px;
}
.copyIcon {
  background-color: #fff;
  align-items: center;
  border-radius: 10px;
  padding-right: 10px;
}
.inputStyle {
  border-radius: 10px;
  width: 90%;
  border: none;
  outline: none;
  resize: none;
  padding-left: 15px;
}

.inputStyle1 {
  border-radius: 10px;
  width: 90%;
  height: 42px;
  border: none;
  outline: none;
  resize: none;
  padding-left: 15px;
}

.inputStyle2 {
  border-radius: 10px;
  width: 100%;
  height: 42px;
  border: none;
  outline: none;
  resize: none;
  padding-left: 15px;
}

.iframBr {
  border-radius: 10px;
}

.right_MR {
  float: right;
  margin-top: 15px;
}

.priceInWords {
  font-size: 18px;
}

.totalInWordsWrapper {
  width: 380px;
  transform: translateY(-64px);
}

.header {
  background-color: #ebeff4;
  padding: 1rem;
  border-radius: 7px;
}
.inner-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo h4 {
  font-weight: 800;
  margin-top: 0.8rem;
  font-family: "Gilroy-Bold" !important;
}
.right-content h4 {
  text-align: right;
  font-weight: bold;
  margin-bottom: 1rem;
  font-family: "Gilroy-Bold" !important;
}
.right-content span {
  color: rgba(0, 0, 0, 0.5);
  font-family: "Gilroy-SemiBold" !important;
}

.mobile-view {
  background-color: #ebeff4;
  padding: 1rem;
  border-radius: 7px;
  text-align: center;
  margin-top: 0.7rem;
}
.mobile-view h4 {
  font-weight: bold;
  margin-bottom: 1rem;
  font-family: "Gilroy-Bold" !important;
}
.mobile-view span {
  color: rgba(0, 0, 0, 0.5);
  font-family: "Gilroy-SemiBold" !important;
}

.mobile-view {
  display: none;
}

@media screen and (min-width: 370px) and (max-width: 670px) {
  .inputStyle {
    height: 172px;
  }
  .right_MR {
    margin-top: -40px;
  }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .inner-content {
    flex-direction: column;
  }
  .right-content h4 {
    text-align: center;
    margin-bottom: 0.6rem !important;
  }
  .right-content {
    margin-top: 2rem;
  }
  .container-div {
    padding: 0 !important;
  }
  .footer-area .icon-area ul li {
    margin-bottom: 1rem;
  }
  .right-content {
    display: none;
  }
  .mobile-view {
    display: block;
  }
}
.order_sub_total {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.order_total_button {
  padding: 15px 12px;
  background-color: #132734;
  border-radius: 5px;
  margin-left: auto;
  margin-top: 10px;
  max-width: 180px;
  display: flex;
  justify-content: space-between;
}

.order_total_button span {
  color: #fff;
}

@media screen and (max-width: 576px) {
  .order_heading {
    font-size: 25px !important;
  }
  .order_font_size_16 {
    font-size: 16px !important;
    font-weight: 900 !important;
  }

  .order_font_size_15 {
    font-size: 15px !important;
  }
}