@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css");
html {
  scroll-behavior: smooth;
}
.contact-bg{ background:#803C97 url("../images/contact-bg.png") no-repeat top center; color:#fff !important; border-radius:20px;}
.contact-bg > h2{color:#fff !important;}
.paddingdestop{ padding:0 40px;}
.mainheader{ background: #E2EAEE; min-height: 334px; margin:14px 0 0 0;}
.about-us{ background: #E2EAEE url(../images/about-us.png) top center;}
.activemenu{color:#EE19AD !important; border-bottom:4px solid #EE19AD; margin: 0 0 0 10px;}

@media screen and (max-width: 991px){
	ul, .mb-3{ margin:0px !important;}
	.feature > img{ width:40px !important;}
	.sec-padding{ padding: 20px !important;}
	.paddingnav{padding:10px 20px !important;}
	.ntNavbar{padding:10px !important;}
	.needguide{padding:30px 0 0 50px ; }
	.neddguide, h5{font-size: 15px !important;}
	.mainpadding{ padding:10px 30px 0 30px !important;}
	.mainpadding > h1{ font-size: 30px;}
.welcometext{ font-size: 14px; padding: 10px 0;}
	.form-width{width:100% !important;}
	.form-bg{padding: 30px !important; margin: 0px !important;}
.abtus{ padding:50px; }
}
.footerbg{ background: #020836 url("../images/footer-bg.png") no-repeat left top;}
.foot-head{ color: #5C5C5C;}
.foot-nav ul{ margin: 0; padding: 0;}
.foot-nav li{ float: left; list-style: none; padding: 5px 20px 5px 0px; }
.foot-nav2 ul{ margin: 0; padding: 0;}
.foot-nav2 li{ float: left; list-style: none; padding: 5px; }
.fbtn2 {
    background: linear-gradient(90deg, #E93E3A 0%, #AF3894 28%, #30409A 67%);
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 4px 11px;
    font-weight: bold;
    font-size: 20px;
}
.navbar-dark .navbar-nav .nav-link:hover{ color: #E93E3A !important;}
.foot-nav li a{text-decoration: none; color: #fff;}
.navbar-dark .navbar-nav .nav-link{ color: #000000 !important;}
.navbar-dark .navbar-toggler{background: linear-gradient(127deg, #E93E3A 0%, #AF3894 30%, #30409A 60%);}
.sec-padding{ padding:0px 220px;}
.bg-star{ bacground:url(../images/bg-star.svg) no-repeat right top; width: 100%; height: 100%;}
.abtus{ padding:90px 50px 0 50px; }
.mainpadding{ padding: 50px 40px 0 50px;}
.ntNavbar{padding:0 0 0 50px;}
.paddingnav{padding:0 80px;}

.navbar .nav-item {
  padding: 10px 10px;
}
.navbar .nav-link {
    font-size: 18px;
    margin-left: 0px;
}
.fa-bars {
  color: #007bff;
  font-size: 30px;
}


/*header{position:fixed; width: 100%; background: #fff; top: 0px; left: 0px; padding: 0 80px;}*/
.ntNavbar li a.active, .ntNavbar li a:hover {
    color: #F25D5A;
    text-shadow: none; font-weight: bold; border-bottom: 2px solid #F25D5A;
}
h1, h2, h3, h4{color:#000; font-weight: bold;}
.tcolorblue{color:#31419B;}
.tcolorvolet{color:#803C97;}
.tcolorpink{color:#DA3D53;}
body{ font-family: 'DM Sans', sans-serif; font-size: 18px; color: #666;}
.text{
  color: white;
    border-right: 2px solid red;
    font-size: 55px;
    font-family: sans-serif;
    color: rgb(255, 30, 0);
}
.textthemecolor{background: linear-gradient(90deg, #E93E3A 0%, #AF3894 28%, #30409A 67%);

-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.fsize16{font-size:16px;}
.big-heading{font-size:42px;}
.header-themebg{ padding-top: 10px;}
.form-bg{background: #00045E; padding: 50px 50px 70px 50px; color:#fff; margin: 40px 50px 0 50px; border-radius: 8px; }
.form-control{ margin: 15px 0; height: 46px;}
.form-width{width:75%;}
.fbtn{background: linear-gradient(90deg, #E93E3A 0%, #AF3894 28%, #30409A 67%); border-radius: 30px;
border: 1px solid rgba(255, 255, 255, 0.2); padding:10px 40px; font-weight: bold; font-size: 20px;
}
.border-line{ width:260px; height: 6px; margin: 14px 0; background: linear-gradient(90deg, #E93E3A 0%, #AF3894 28%, #30409A 67%); }
.fbtn-outline{  border: 2px solid;
  border-image-slice: 1; padding: 8px 40px; font-size: 18px; font-weight: 600;
  border-width: 2px; border-image-source:linear-gradient(90deg, #E93E3A 0%, #AF3894 28%, #30409A 67%); border-radius: 5%; background: linear-gradient(90deg, #E93E3A 0%, #AF3894 28%, #30409A 67%);-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.border-sec{border: 2px solid;
  border-image-slice: 1;
  border-width: 2px; border-image-source:linear-gradient(90deg, #E93E3A 0%, #AF3894 28%, #30409A 67%); border-radius: 5%; background: linear-gradient(90deg, #E93E3A 0%, #AF3894 28%, #30409A 67%);-webkit-background-clip: text;
  }

.mp0{ margin: 0px; padding: 0px;}
.col-style{ padding:40px !important; border:1px solid #efefef; border-radius:6px; margin:0 10px 0 10px;}
.feature p{color:#969696;}
.feature{ border:1px solid #803C97;  padding: 30px;}
.sec-bg{ background: #E2E9FF url(../images/secbg.svg) no-repeat center top; min-height: 500px; width: auto;}
.hw5{ height: 50px; width: 50px;}

/*mes-bg{background: linear-gradient(270.05deg, #31419B 34.45%, #803C97 42.17%, #D93D54 49.88%);
  }*/
.f22{font-weight: 700;
font-size: 22px;
line-height: 26px;
}

.numbercircle{ padding: 30px; width: 70px; color: #fff; height: 70px; font-size: 24px; font-weight:bold; border-radius: 50%;}
.color3{background: #595091;}
.color2{background: #CC4792;}
.color1{background: #F0565F;}
.bggrey{background:#FAFAFA;}
.workbg{ background: #323D83 url(../images/bg-officer.png) no-repeat center top;}
.ml10{ padding: 0px !important;}
.fbg{ background: #222; color: #fff;}

img {
  transition: transform .7s ease-in-out;
}
#ourservice img:hover {
  transform: rotate(60deg);
}
.col-style:hover{ border:2px solid #222222;transition: transform .7s ease-in-out;}



/*******************************************************/
/**************** ## Work Process Area ****************/
/*******************************************************/
.work-process-item .content:before {
    position: absolute;
    content: '';
    left: 33px; 
    bottom: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border-right: 22px solid transparent;
    border-bottom: 15px solid var(--lighter-color);
}
.work-process-line {
  margin-bottom: -95px; }
  @media only screen and (max-width: 575px) {
    .work-process-line {
      margin-bottom: -60px; } }

.work-process-item {
  margin-bottom: 30px; }
  @media only screen and (max-width: 575px) {
	  .feature {
    padding: 10px 20px;
}

    .work-process-item {
      margin-top: 0; } }
  .work-process-item .number {
    width: 80px;
    height: 80px;
    color: #fff;
    font-size: 24px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-weight: 700;
    line-height: 60px;

    text-align: center;
    border-radius: 50%;
    margin-bottom: 30px;
    -webkit-box-shadow: 3px 0 60px rgba(103, 77, 243, 0.2);
    box-shadow: 3px 0 60px rgba(103, 77, 243, 0.2);
    border: 10px solid white;
  
    background: #674df3; }
  .work-process-item .content {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    background: var(--lighter-color);
    padding: 35px 28px 16px 30px; }
    .work-process-item .content p, .work-process-item .content h4 {
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    .work-process-item .content:before {
      position: absolute; 
      content: '';
      left: 33px;
      bottom: 100%;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      border-right: 22px solid transparent;
      border-bottom: 15px solid #efefef; }
  .work-process-item:hover .number {
    color: #333;
    background: #efefef; }
  .work-process-item:hover .content {
    background: #333; }
    .work-process-item:hover .content p, .work-process-item:hover .content h4 {
      color: white; }
    .work-process-item:hover .content:before {
      border-bottom-color: var(--secondary-color); }

/* Work Process Two */
.work-process-item-two {
  margin-bottom: 30px; }
  @media only screen and (max-width: 575px) {
    .work-process-item-two {
      margin-top: 0; } }
  .work-process-item-two .image {
    margin-right: 50px;
    position: relative; }
    .work-process-item-two .image img {
      width: 100%; }
    .work-process-item-two .image .number {
      width: 55px;
      height: 55px;
      color: #efefef;
      font-size: 18px;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      font-weight: 600;
      line-height: 47px;
      text-align: center;
      border-radius: 50%;
      -webkit-box-shadow: 3px 0 60px rgba(103, 77, 243, 0.2);
      box-shadow: 3px 0 60px rgba(103, 77, 243, 0.2);
      border: 4px solid white;
      font-family: "Poppins", sans-serif;
      background: #333333;
      position: absolute;
      right: -27px;
      bottom: -27px; }
  .work-process-item-two .content {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-left: 50px;
    padding: 33px 28px 15px;
    background: #efefef; }
    @media only screen and (max-width: 767px) {
      .work-process-item-two .content {
        margin-left: 15px;
        padding-left: 20px;
        padding-right: 20px; } }
    .work-process-item-two .content h5 {
      margin-bottom: 10px; }
      @media only screen and (min-width: 376px) {
        .work-process-item-two .content h5 {
          font-size: 20px; } }
    .work-process-item-two .content p {
      line-height: 30px; }
  .work-process-item-two:hover .image .number {
    color: #333;
    background: #efefef; }
  .work-process-item-two:hover .content {
    background:#efefef;
    -webkit-box-shadow: 3px 0 60px rgba(103, 77, 243, 0.2);
    box-shadow: 3px 0 60px rgba(103, 77, 243, 0.2); }
.work-process-item .content {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    background: #efefef;
    padding: 35px 28px 16px 30px;
}
.work-process-area-two .work-process-line-two {
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0;
  top: 45%;
  z-index: -1; }