:root {
  --colorPrimary: #181e5c;
  --colorSecondary: #b40f16;
  --clrGrn: #1cba9f;
}

.logoWidth {
  width: 135px !important;
}

.ftrLgoWidth {
  width: 110px !important;
}

.service_bg_head {
  padding: 20px 0;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  background: #02052c85;
}
.service_bg_head2 {
  padding: 20px 0;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  background: #fff;
}
.service_bg_head2:hover {
  transition: all 0.5s ease-in-out;
  background: #100347b9;
}

.service_bg_head2::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  object-fit: cover;
  /* background-color: red; */
  background-size: 100% 100%;
  top: 0;
  left: -100%;
  z-index: -1;
  transition: all 0.5s ease-in-out;
}
.service_bg_head::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  object-fit: cover;
  /* background-color: red; */
  background-size: 100% 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.5s ease-in-out;
}

.service_bg_head .serviceText,
.service_bg_head .icon_serv i,
.service_bg_head p {
  color: #fff;
}

/* .bg1::after {
  background-image: url(../images/service_bg1.jpg);
  object-fit: cover;
  background-size: 100% 100%;
}
.bg2::after {
  background-image: url(../images/service_bg2.jpg);
  object-fit: cover;
  background-size: 100% 100%;
}
.bg3::after {
  background-image: url(../images/service_bg3.png);
}
.bg4::after {
  background-image: url(../images/service_bg4.jpg);
}
.bg5::after {
  background-image: url(../images/service_bg5.png);
}
.bg6::after {
  background-image: url(../images/service_bg6.png);
}
.bg7::after {
  background-image: url(../images/service_bg7.png);
}
.bg8::after {
  background-image: url(../images/service_bg8.png);
} */

/* .int1 {
  background-image: url(../images/int1.png);
  object-fit: cover;
  background-size: cover;
}
.int2 {
  background-image: url(../images/int2.png);
  object-fit: cover;
  background-size: cover;
}
.int3 {
  background-image: url(../images/int3.png);
  object-fit: cover;
  background-size: cover;
}
.int4 {
  background-image: url(../images/int4.png);
  object-fit: cover;
  background-size: cover;
}
.int5 {
  background-image: url(../images/int5.png);
  object-fit: cover;
  background-size: cover;
}
.int6 {
  background-image: url(../images/int6.png);
  object-fit: cover;
  background-size: cover;
} */

.service_bg_head2:hover::after {
  left: 0;
  transition: all 0.5s ease-in-out;
  z-index: -1;
}

.service_bg_head2:hover .serviceText,
.service_bg_head2:hover .icon_serv i,
.service_bg_head2:hover p {
  color: #fff;
  transition: all 0.5s ease-in-out;
}

.serviceText {
  font-size: 22px;
}
.icon_serv i {
  font-size: 60px;
}

/* .bannrMrgn {
  margin-top: 185px;
} */

.mySize {
  min-height: 300px;
}

.frmClr {
  background: #5591df7d;
  position: relative;
  overflow: hidden;
}
.bRds {
  border-radius: 20px;
  overflow: hidden;
}

.frmClr::before {
  content: "";
  position: absolute;
  background-image: url("../images/moli3.png");
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  animation: zoomInOut 10s infinite linear;
  overflow: hidden;
  background-size: 100%;
}

@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  99% {
    transform: scale(1);
  }
}

.clr1 {
  color: var(--colorPrimary) !important;
}

.clr2 {
  color: var(--clrGrn);
  font-size: 42px;
  font-weight: bold;
}
.whClr {
  color: #fff;
  font-size: 42px;
  font-weight: bold;
}

.frmCus h1,
.frmCus h4,
.frmCus h3 {
  font-weight: bold;
  margin: 10px 0;
}

.frmCus p {
  font-size: 45px;
  font-weight: bold;
}

.clr2nd {
  color: var(--colorSecondary);
}

.ntcSctn {
  /* background-color: var(--colorSecondary); */
  background: #910006;
  /* background: linear-gradient(110deg, #b40f16 13%, #3431f9 30%); */
  border-top: 10px solid #fff;
  overflow: hidden;
}

.ntc {
  color: #fff;
  font-weight: bold;
  font-size: 45px;
  position: relative;
}

.ntc::before {
  transform: rotate(21deg);
  position: absolute;
  content: "";
  width: 15px;
  height: 260px;
  background-color: #fff;
  top: -102px;
  right: 50px;
}

@media only screen and (max-width: 992px) {
  .ntc::before {
    content: "";
    display: none;
  }
}

.cusHdng {
  position: relative;
  z-index: 10;
}
.cusHdng::before {
  position: absolute;
  top: -60px;
  left: 50px;
  content: "";
  background-image: url(../images/reddot.png);
  width: 100px;
  height: 100px;
  background-size: cover;
  opacity: 0.6;
  z-index: 20;
  animation: zoom-in-zoom-out 10s linear infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1);
    left: 50px;
    top: -60px;
  }
  50% {
    transform: scale(1.2);
    left: 100px;
    top: -10px;
  }
  100% {
    transform: scale(1);
    left: 50px;
    top: -60px;
  }
}

.myImgSize {
  max-width: 120px;
  margin: auto;
}

.lightBluCLr {
  background-color: #f0f8ff;
}

.cusBoxWd img {
  max-width: 120px;
  margin: auto;
}

.mytext.common_heading p {
  text-align: justify;
}

.myftrClr {
  color: #fff;
  background: rgb(41, 50, 155);
  background: linear-gradient(90deg, #29329b 0%, #00a3e8);
}

.initBg {
  position: relative;
}
.initBg .common_heading {
  position: relative;
  z-index: 2;
}
.initBg::before {
  top: 20px;
  position: absolute;
  content: "";
  width: 50%;
  height: 100%;
  background-image: url(../images/moli2.png);
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 100%;
}
.initBg::after {
  bottom: -665px;
  right: 0px;
  position: absolute;
  content: "";
  width: 50%;
  height: 100%;
  background-image: url(../images/moli2.png);
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: 0.5;
}

.initBg .service_bg_head {
  position: relative;
  z-index: 3;

  /* background: #fff; */
}

.fmClr {
  padding: 15px;
  border-radius: 10px;
  background: #3bc5ff;
}

.ltClr {
  background: #091b79a3;
  border-radius: 15px;
}

@media only screen and (min-width: 992px) {
  .ltClr {
    /* background: none; */
    height: 70% !important;
  }
}
@media only screen and (max-width: 992px) {
  iframe {
    height: 130px !important;
  }
}
.lightBluCLr iframe {
  border-radius: 15px;
}

.regBtn {
  border-radius: 5px;
  /* border: 2px solid #2230c3; */
  transition: all 0.3s ease-in-out;
  background: #000c97 !important;
}
.regBtn:hover {
  border-radius: 5px;
  /* border: 2px solid #2230c3; */
  transition: all 0.3s ease-in-out;

  background: #b40f16;
}
.regBtnFnt {
  font-size: 20px;
}

@media screen and (max-width: 800px) {
  .wow {
    animation-name: none !important;
    visibility: visible !important;
  }
}

.hdrBk {
  height: 180px;
  /* background-color: red; */
}