.banner-head{
  font-size:3rem;
  line-height: 3rem;
}
.mr-tp5{
  margin-top: 5rem;
}
.get-in-touch {
  z-index: 10;
  position: fixed;
  left: -5.5%;
  padding: 5px 5px 5px 5px;
  font-weight: 600;
  top: 55%;
  background: #1b2a63;
  transform: rotate(-90deg) translate(-100%, 40%);
  border-radius: 6px;
}
.get-in-touch span {
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 13px;
  margin-bottom: 0;
}
.get-in-touch span img {
  width: 25px;
  transform: rotate(90deg) translate(0%, 0%);
  margin: 0 0px 0 10px;
}
.get-in-touch a{
  color: #ffffff;
}
.banner-form{
  width: 80%;
  margin: auto;
  background: #f5f5f7;
  padding: 1.5rem 2rem;
  bottom: 0px;
  position: absolute;
  z-index: 9;
  border: 2px solid #cccccc;
  left: 10%;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #010101;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #010101;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #010101;
}
/*abt home*/
.overlap_section {
  margin-right: -50px;
  position: relative;
  z-index: 2;
  border-radius: 0 200px 200px 0;
}
.box_shadow1 {
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.padding_eight_all {
  padding: 8%;
}
.bg-white {
  background-color: #fff!important;
}
p{
  text-align: justify;
}
.no-padding{
  padding: 0;
}
.d-flex{
  display: flex;
}
.mr-auto{
  margin: auto
}
.border-bottom-left::after {
  display: block;
  height: 2px;
  width: 125px;
  content: "";
  background: #1a2a66;
  background-size: 300% 300%;
  background-position: center center;
  margin-top: 0.75rem;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 80%;
}
.mr-bt7r{
  margin-bottom: 5rem;
}
.mr-tp7r{
  margin-top: 5rem;
}
.pd-tp7r{
  padding-top: 5rem;
}
.pd-bt7r{
  padding-bottom: 5rem;
}
.pd-bt4r{
  padding-bottom: 4rem;
}
.portfolio-wrapper .grid-item figure{
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.mr-bt0{
  margin-bottom: 0
}

body{
  color: #010101;
}
/*news*/
#nt-example1-container{
  width: 100%;
  height: 600px;
  margin-top: 10px;
}
#nt-example1-container li{
  list-style: none;
  padding: 15px 10px;
  margin: 0px 0 15px ;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
  background: #ffffff;
}
#nt-example1-container ul{
  padding-left: 0;
}
#nt-example1-container ul li a{
  color:blue;
}
#nt-example1-container .date{
  border-bottom: 1px solid #616060;
  font-size: 11px;
  color:gray;
}
.event-title{
  background: #fff;
  padding: 15px;
  text-transform: uppercase;
}

.float {
  position: fixed;
  width: 55px;
  height: 55px;
  bottom: 1.5%;
  right: 10px;
  background-color: #75b731;
  color: #FFFFFF!important;
  border-radius: 50px;
  text-align: center;
  font-size: 35px;
  box-shadow: 2px 2px 3px #2f3825;
  z-index: 100;
  line-height: 55px;
}
/*progressbar*/
.containerp, .progress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 250px;
  height: 15px;
  border-radius: 10px;
}
.containerp {
  background-color: #023302;
  border: 3px solid green;
}

.mr-bt38 {
  margin-bottom: 38px;
}
.box-shw{
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.tr-bg1{
  background: #ffe192;
  /*border-left: 3px solid #182a68;*/
  line-height: 30px;
  padding: 10px !important;
  padding-left: 15px!important;
  padding-top: 10px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
}
.tr-bg1::before {
  content: '';
  position: absolute;
  left: 100%;
  top: 0;
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
  border-left: 20px solid #ffe192;
}
.tr-bg2{
  background: #d7f09d;
  /*border-left: 3px solid #182a68;*/
  line-height: 30px;
  padding: 10px !important;
  padding-left: 15px!important;
  padding-top: 10px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
}
.tr-bg2::before {
  content: '';
  position: absolute;
  left: 100%;
  top: 0;
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
  border-left: 20px solid #d7f09d;
}
.tr-bg3{
  background: #ffbec7;
  line-height: 30px;
  padding: 10px !important;
  padding-left: 15px!important;
  padding-top: 10px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
}
.tr-bg3::before {
  content: '';
  position: absolute;
  left: 100%;
  top: 0;
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
  border-left: 20px solid #ffbec7;
}
.tr-bg4{
  background: #d4d0ff;
  line-height: 30px;
  padding: 10px !important;
  padding-left: 15px!important;
  padding-top: 10px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
}
.tr-bg4::before {
  content: '';
  position: absolute;
  left: 100%;
  top: 0;
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
  border-left: 20px solid #d4d0ff;
}
.tr-bg5{
  background: #b6ceff;
  line-height: 30px;
  padding: 10px !important;
  padding-left: 15px!important;
  padding-top: 10px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
}
.tr-bg5::before {
  content: '';
  position: absolute;
  left: 100%;
  top: 0;
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
  border-left: 20px solid #b6ceff;
}
.cbg-1{
  background: #ffe192;
}
.cbg-2{
  background: #d7f09d;
}
.cbg-3{
  background: #ffbec7;
}
.cbg-4{
  background: #d4d0ff;
}
.bg-sblue{
  background: #cef0f1;
}
.bg-sblue-light{
  background: #e8feff;
}
.text-left{
  text-align: left;
}
.rotate-90{
  transform: rotate(90deg);
}
.bg-custom-gray {
  background-color: #2b2b2b;
}
.inner-banner{
  padding-bottom: 40px;
  margin-top: 60px!important;
}
#quick-e-form input{
  margin-bottom: 20px;
}
#popup-form .modal-dialog {
  max-width: 40%;
  margin: 5.75rem auto;
}
#popup-form .modal-title {
  font-size: 20px!important;
  font-weight: 500;
  letter-spacing: 1px;
}
#popup-form .modal-body {
    padding: 2rem;
}

/* Preloader */
.container-preloader {
  align-items:center; cursor:none; display:flex; height:100vh;
  justify-content:center; position:fixed; left:0; top:0; width:100%; z-index:900;
}
.container-preloader .animation-preloader {
  position:absolute; z-index: 100;}
/* Spinner Loading */
.container-preloader .animation-preloader .spinner {
  animation: spinner 1s infinite linear;
  border-radius: 50%;  border: 5px solid rgba(0, 0, 0, 0.2);
  border-top-color: #fd0134; /* It is not in alphabetical order so that you do not overwrite it */
  height: 4em;  margin: 0 auto 3.5em auto; width: 4em;
}
/* Loading text */
.container-preloader .animation-preloader .txt-loading {
  font: bold 2em 'Montserrat', sans-serif;
  text-align: center; user-select: none;
}
.container-preloader .animation-preloader .txt-loading .characters:before {
  animation: characters 4s infinite;  color: #182a68;
  content: attr(preloader-text);  left: 0;
  opacity: 0;  position: absolute;  top: 0;
  transform: rotateY(-90deg);
}
.container-preloader .animation-preloader .txt-loading .characters {
  color: rgba(0, 0, 0, 0.2);  position: relative;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(2):before {
  animation-delay: 0.2s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(3):before {
  animation-delay: 0.4s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(4):before {
  animation-delay: 0.6s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(5):before {
  animation-delay: 0.8s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(6):before {
  animation-delay: 1s;
}
.container-preloader .animation-preloader .txt-loading .characters:nth-child(7):before {
  animation-delay: 1.2s;
}
.container-preloader .loader-section {
  background-color: #ffffff;  height: 100%;
  position: fixed;  top: 0;  width: calc(50% + 1px);
}
.container-preloader .loader-section.section-left {
  left: 0;
}
.container-preloader .loader-section.section-right {
  right: 0;
}
/* Fade effect on loading animation */
.loaded .animation-preloader {
  opacity: 0;
  transition: 0.3s ease-out;
}
/* Curtain effect */
.loaded .loader-section.section-left {
  transform: translateX(-101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}
.loaded .loader-section.section-right {
  transform: translateX(101%);
  transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);
}
/* Animation of the preloader */
@keyframes spinner {
to {
  transform: rotateZ(360deg);
}}
/* Animation of letters loading from the preloader */
@keyframes characters {
  0%,
  75%,
  100% {
 opacity: 0;
 transform: rotateY(-90deg);
  }
  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }}

.m-title{
  font-size: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: 10px;
}
.blue-color{
  color: #1b2a63;
}
table, th, td {
  border: 1px solid #cccccc!important;
  padding: 12px;
}
table th{
  color: #182a68;
}
.bnrhomeslide-1{
  background-image:url('../images/sss/banner-1.jpg');
}
.bnrhomeslide-2{
  background-image:url('../images/sss/banner-2.jpg');
}
.ftr-logo{
  width: 180px;
  margin-bottom: 15px;
}
.pdtp9{
  padding-top: 9px;
}
.ctm-list li{
  margin-bottom: 8px
}
.ctm-list{
 padding-left: 18px;
}
.ev-title{
  text-align: center;
  margin-top: 5px;
  font-weight: 600;
}
.d-desk{
  display: block;
}
.d-mob{
  display: none;
}
.sec-padding{
  padding: 5rem 0;
}
.sec-padding-top{
  padding-top: 5rem;
}
.sec-padding-bottom{
  padding-bottom: 5rem;
}















/* Laptop size back (laptop, tablet, cell phone) */
@media screen and (max-width: 767px) {
  /* Preloader */
  /* Spinner Loading */ 
  .container-preloader .animation-preloader .spinner {
  height: 4em;
  width: 4em;
  }
  /* Text Loading */
  .container-preloader .animation-preloader .txt-loading {
    font: bold 3.5em 'Montserrat', sans-serif;
  }}
@media screen and (max-width: 500px) {
  /* Prelaoder */
  /* Spinner Loading */
  .container-preloader .animation-preloader .spinner {
  height: 4em;
  width: 4em;
  }
  /*Loading text */
  .container-preloader .animation-preloader .txt-loading {
    font: bold 1em 'Montserrat', sans-serif;
  }}
.origin{text-decoration:none;
font-size:25px;}