/*page1*/
*, ::before, ::after {
  box-sizing: border-box; }

body {
  font-family: Montserrat;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

strong, input, textarea {
  font-family: MontserratMedium; }

select, option, tr, th, td {
  font-family: MontserratRegular; }

button {
  font-family: MontserratMedium; }

label {
  font-family: MontserratRegular;
  margin: 24px 0 24px 0; }

span {
  font-family: MontserratRegular; }

h1, h2, h3, h4, h5 {
  font-family: MontserratExtraBold;
  margin: 5px 0 5px 0; }

h6 {
  font-family: MontserratExtraBold;
  color: #808080ba;
  margin: 24px 0 24px 0; }

small {
  display: block;
  font-family: MontserratRegular;
  font-size: 13px;
  color: #8a7b7b; }

a {
  font-family: MontserratRegular; }

p {
  font-family: MontserratRegular;
  font-size: 20px; }

ul li {
  font-family: MontserratRegular; }

:root {
  --primary: #184782;
  --secondary: #f49821;
  --brdr: 1px solid #f00;
  --fa: FontAwesome;
  --success: #4CAF50;
  --info: #2196F3;
  --warning: #ffeb3b;
  --danger: #f44336; }

@font-face {
  font-family: MontserratBlackItalic;
  src: url("/fonts/montserrat/Montserrat-BlackItalic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratBlack;
  src: url("/fonts/montserrat/Montserrat-Black.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratBoldItalic;
  src: url("/fonts/montserrat/Montserrat-BoldItalic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratBold;
  src: url("/fonts/montserrat/Montserrat-Bold.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratExtraBoldItalic;
  src: url("/fonts/montserrat/Montserrat-ExtraBoldItalic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratExtraBold;
  src: url("/fonts/montserrat/Montserrat-ExtraBold.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratExtraLightItalic;
  src: url("/fonts/montserrat/Montserrat-ExtraLightItalic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratExtraLight;
  src: url("/fonts/montserrat/Montserrat-ExtraLight.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratItalic;
  src: url("/fonts/montserrat/Montserrat-Italic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratLightItalic;
  src: url("/fonts/montserrat/Montserrat-LightItalic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratLight;
  src: url("/fonts/montserrat/Montserrat-Light.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratMediumItalic;
  src: url("/fonts/montserrat/Montserrat-MediumItalic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratMedium;
  src: url("/fonts/montserrat/Montserrat-Medium.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratRegular;
  src: url("/fonts/montserrat/Montserrat-Regular.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratSemiBoldItalic;
  src: url("/fonts/montserrat/Montserrat-SemiBoldItalic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratSemiBold;
  src: url("/fonts/montserrat/Montserrat-SemiBold.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratThinItalic;
  src: url("/fonts/montserrat/Montserrat-ThinItalic.otf");
  font-display: swap; }
@font-face {
  font-family: MontserratThin;
  src: url("/fonts/montserrat/Montserrat-Thin.otf");
  font-display: swap; }
@font-face {
  font-family: 'FontAwesome';
  src: url("/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
.info, .danger, .success, .warning {
  text-align: center;
  padding: 10px; }

.info, .danger, .success {
  color: white; }

.info {
  background-color: var(--info); }

.success {
  background-color: var(--success); }

.warning {
  background-color: var(--warning); }

.danger {
  background-color: var(--danger); }

/*header-sidebar starts*/
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px; }
  .sidebar a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s; }
    .sidebar a:hover {
      color: #f1f1f1; }
  .sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px; }

.openbtn {
  font-size: 27px;
  cursor: pointer;
  background-color: #17175d;
  color: white;
  padding: 10px 15px;
  border: none;
  margin-left: 8px; }
  .openbtn:hover {
    background-color: #17175d; }

#main {
  transition: margin-left 0.5s; }

/*ends*/
/*header*/
header {
  position: fixed;
  width: 100%;
  z-index: 1; }
  header nav {
    display: flex;
    background: #17175d;
    align-items: center;
    page-break-after: auto;
    text-align: -webkit-center;
    text-align: center;
    padding: 20px; }

.header-after {
  padding-top: 88px; }

.top-rgt-button {
  background: #fff;
  color: blue;
  padding: 9px;
  border-radius: 3px;
  font-size: 15px; }

.bk-now-btn {
  background-color: #446cb2;
  padding: 7px 23px;
  text-decoration: none;
  color: #fff;
  border-radius: 3px; }

.left-button {
  width: 20%; }

.header-logo-cntr {
  width: 80%;
  text-align: right; }

.right-button {
  width: 100%; }
  .right-button .nav {
    justify-content: space-evenly;
    align-items: center; }

.nav a {
  text-decoration: none; }
.nav .login {
  color: white; }

/*banner*/
.banner-container {
  background-image: url("/img/new-img/banner.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 386px; }

.banner-content img {
  width: 100px;
  border-radius: 5px; }

/*end*/
/*services section*/
.services-row {
  display: flex;
  justify-content: space-evenly;
  height: 249px; }

.services-column {
  display: flex;
  align-items: center; }

.servcs {
  width: 100%;
  text-align: center; }

.line {
  margin: 10px 10px 10px 10px;
  text-align: -webkit-center;
  border: 0.1px solid #b1b1da; }

.line-1 {
  width: 527px;
  border: 1px solid #0b0b3b; }

/*about sec*/
.abt-us .section-heading {
  text-align: start;
  display: block;
  font-size: 69px;
  color: lightgrey; }
.abt-us .ab-wrks img {
  width: 90%;
  height: 2%; }

.ab-wrk, .ab-wrks {
  width: 50%; }

.abt-us .tow-mr {
  display: flex;
  align-items: center;
  margin: 36px 83px; }

/*end*/
/*how-section*/
.tow-how .section-heading {
  text-align: end;
  display: block;
  font-size: 69px;
  color: #f3f1f1; }
.tow-how .tow-mr {
  display: flex;
  align-items: center;
  margin: 36px 83px; }

.hw-wrk, .hw-wrks {
  width: 50%; }

.tow-mr .hw-wrks img {
  width: 41%;
  text-align: center; }

/*strt-e*/
.strt-e {
  background-image: url(/img/new-img/10new.jpg);
  background-size: cover; }

.bn-dt {
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 184px;
  background-image: linear-gradient(45deg, black, transparent);
  color: #fff; }
  .bn-dt h2 {
    margin-bottom: 22px; }

.our-services .tow-mr {
  margin: 36px 83px; }
.our-services .section-heading {
  text-align: center;
  display: block;
  font-size: 69px;
  color: lightgrey;
  position: relative;
  top: 66px;
  z-index: -1; }

.os-content {
  text-align: center;
  margin: 0 0 56px 0; }

.os-sec {
  display: flex;
  justify-content: space-around;
  height: 265px; }

.os-data {
  width: 28%;
  background: #edf2f8; }

.wrk-content {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  margin: 95px 42px; }

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

.tp-lft {
  width: 22px;
  text-align: center;
  background: #5252c4;
  color: white;
  padding: 10px; }

.wrk-1 {
  width: 16%;
  background: #b3cdf1;
  padding: 14px;
  box-shadow: 1px 2px 5px 2px #94c1ff; }

/**/
footer {
  background: #446cb2;
  color: white;
  padding-top: 67px;
  margin-top: 79px; }

.f-data1 img {
  height: 46px; }

.nav ul {
  margin: 27px auto; }

.app-btn {
  border-radius: 8px; }

.f-data1 a {
  text-decoration: none;
  font-weight: 100;
  color: white; }
.f-data1 h3 {
  margin-top: 0; }

.srvs ul {
  list-style-type: none; }

.footer-data {
  display: flex;
  place-content: space-around;
  margin-bottom: 42px; }
  .footer-data .link-sec {
    display: inline-grid; }

.social-links a {
  text-decoration: none;
  color: white; }

.footer-data2 {
  display: flex;
  place-content: space-around; }
  .footer-data2 .social-links {
    margin-top: 20px; }

.dsg-info a {
  text-decoration: none;
  color: white; }

.f-line {
  background-color: #446cb2; }

.f-line-1 {
  border: .5px outset #84b0ff;
  position: relative;
  left: 13%;
  width: 74%; }

.h-bnr {
  padding: 123px 12px 12px 60px; }

.b-mr {
  margin-top: 12px;
  margin-bottom: 12px; }
  .b-mr a {
    background-color: #446cb2;
    padding: 8px 23px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px; }

.ab-store {
  margin-top: 12px; }

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

.nw-hdr {
  width: 60%; }

.nw-hd {
  display: flex; }

.nw-hdr-ryt {
  width: 40%; }

.nav a {
  margin-left: 32px; }

.lgn-ctnr {
  display: inline-block;
  position: relative;
  color: white; }
  .lgn-ctnr > div {
    position: absolute;
    top: 15px;
    left: 0;
    width: 140px;
    display: none;
    background-color: #17175d; }
    .lgn-ctnr > div a {
      display: block;
      color: white;
      text-align: left;
      padding: 10px;
      margin-left: 0; }
      .lgn-ctnr > div a:hover {
        background-color: white;
        color: #17175d; }
  .lgn-ctnr:hover > div {
    display: block; }

@media screen {
  .lgn-frm-ctnr {
    width: 40%; } }

/*# sourceMappingURL=pc.css.map */