/* $text-font: "hafeez_chiantiroman"; */
@font-face {
  font-family: "Hafeez Chianti";
  src: url(whiz_data/font-whiz-web/whiz_data/HafeezChianti-Roman.woff2), url(whiz_data/font-whiz-web/whiz_data/HafeezChianti-Roman.woff), url(whiz_data/font-whiz-web/whiz_data/HafeezChianti-Roman.ttf), url(whiz_data/font-whiz-web/whiz_data/HafeezChianti-Roman.eot), url(whiz_data/font-whiz-web/whiz_data/HafeezChianti-Roman.svg);
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Hafeez Chianti';
  src: url("whiz_data/font-whiz-web/whiz_data/HafeezChianti-Roman.woff2");
  /* IE9+ Compat Modes */
  src: url("whiz_data/font-whiz-web/whiz_data/HafeezChianti-Roman.woff2?#iefix") format("embedded-opentype"), url("whiz_data/font-whiz-web/whiz_data/HafeezChianti-Roman.woff2") format("woff2"), url("whiz_data/font-whiz-web/whiz_data/HafeezChianti-Roman.woff") format("woff"), url("whiz_data/font-whiz-web/whiz_data/HafeezChianti-Roman.ttf") format("truetype"), url("whiz_data/font-whiz-web/whiz_data/HafeezChianti-Roman.svg#FontName") format("svg");
  /* Legacy iOS */ }
* {
  font-family: Hafeez Chianti; }

/* $tv-fluid: "only screen and (min-width: 1400px) and (max-width: 3640px)";
$computer-xxl: "only screen and (min-width: 1200px) and (max-width: 1399px)";
$laptop-xl: "only screen and (min-width: 992px) and (max-width: 1199px)";
$tab-lg: "only screen and (min-width: 768px) and (max-width: 991px)";
$mobile-md: "only screen and (min-width: 576px) and (max-width: 767px)";
$s-mobile-sm: "only screen and (min-width: 300px) and (max-width: 575px)"; */
#whiz-indent {
  text-indent: 25px; }

#whiz-reverse {
  display: flex;
  flex-direction: row-reverse; }

#whiz-reverse-lg {
  display: flex;
  flex-direction: row-reverse; }

.whiz-body {
  font-size: 20px; }
  .whiz-body h1 {
    font-size: 45px; }
  .whiz-body h2 {
    font-size: 40px; }
  .whiz-body h3 {
    font-size: 35px; }
  .whiz-body h4 {
    font-size: 30px; }
  .whiz-body h5 {
    font-size: 25px; }
  .whiz-body h6 {
    font-size: 20px; }

.whiz-body h1, .whiz-body h2, .whiz-body h3, .whiz-body h4, .whiz-body h5, .whiz-body h6 {
  font-weight: bold;
  text-transform: capitalize; }

/* @font-face {
  font-family: "hafeez_chiantiroman";
  src: url(whiz_data/font-whiz-web/hafeez_chianti-webfont.woff2) format("woff2"),
      url(whiz_data/font-whiz-web/hafeez_chianti-webfont.woff) format("woff");
}
* {
  font-family: hafeez_chiantiroman;
} */
.whiz-body {
  color: black;
  background: gray;
  text-transform: inherit; }
  .whiz-body p {
    text-align: justify;
    text-justify: inter-word; }
    .whiz-body p span {
      color: #f1616d; }
  .whiz-body h1,
  .whiz-body h3,
  .whiz-body h5 {
    color: #0f73ff; }
    .whiz-body h1 span,
    .whiz-body h3 span,
    .whiz-body h5 span {
      color: #ed3242; }
  .whiz-body h2,
  .whiz-body h4,
  .whiz-body h6 {
    color: #ed3242; }
    .whiz-body h2 span,
    .whiz-body h4 span,
    .whiz-body h6 span {
      color: #0f73ff; }

#whiz-nav {
  position: relative;
  height: 100px; }

#whiz-logo {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 226px;
  height: 100px;
  padding-left: 0px;
  background-image: url(/whiz_data/img/top-left.png); }

#whiz-small-nav {
  position: absolute;
  top: 0px;
  right: 0px;
  margin-left: 250px;
  width: 100%;
  height: 30px;
  background-color: white; }
  #whiz-small-nav a {
    float: right;
    /* for position list */
    padding-right: 20px;
    padding-left: 0px;
    color: #0f73ff;
    font-size: 25px;
    text-decoration: none; }
    #whiz-small-nav a img {
      /* width: 30px;
      height: 30px; */ }
    #whiz-small-nav a:hover {
      color: #ed3242; }

@media (max-width: 529px) {
  #whiz-bar {
    display: none; } }

@media only screen and (min-width: 440px) and (max-width: 485px) {
  #whiz-bar-home {
    display: none; } }

@media (max-width: 440px) {
  #whiz-bar-contact {
    display: none; } }

#whiz-large-nav {
  position: absolute;
  top: 30px;
  right: 0px;
  margin-left: 250px;
  width: 100%;
  height: 70px;
  background-color: #ed3242; }
  #whiz-large-nav .whiz-navbar {
    position: absolute;
    top: 22%;
    right: 10px; }
  #whiz-large-nav .whiz-navbar ul {
    list-style: none;
    float: right;
    /* for position list */ }
  #whiz-large-nav .whiz-navbar ul li {
    position: relative;
    float: left;
    /* for order of list */ }
  #whiz-large-nav .whiz-navbar ul li a {
    font-size: 20px;
    text-decoration: none;
    text-transform: capitalize;
    padding: 20px;
    color: white;
    display: block;
    padding-top: 5px;
    padding-bottom: 10px;
    height: 40px; }
  #whiz-large-nav .whiz-navbar ul li a:hover {
    background: #ed3242;
    color: #0f73ff; }
  #whiz-large-nav .whiz-navbar ul li ul {
    position: absolute;
    left: 0;
    width: 160px;
    /* width of 1st child */
    padding-left: 0px;
    background: #ed3242;
    display: none; }
  #whiz-large-nav .whiz-navbar ul li ul li {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
  #whiz-large-nav .whiz-navbar ul li ul li a {
    font-size: 18px; }
  #whiz-large-nav .whiz-navbar ul li ul li ul {
    left: 160px;
    /* width of 2nd child */
    top: 0; }
  #whiz-large-nav .whiz-navbar ul li:focus-within > ul,
  #whiz-large-nav .whiz-navbar ul li:hover > ul {
    display: initial; }
  #whiz-large-nav #menu-bar {
    display: none; }
  #whiz-large-nav label {
    font-size: 20px;
    color: #00ff37;
    cursor: pointer;
    display: none; }
  @media only screen and (max-width: 992px) {
    #whiz-large-nav {
      /* padding: 20px; */ }
      #whiz-large-nav label {
        display: initial;
        float: right;
        margin-right: 20px;
        color: white;
        top: 50px;
        right: 50px;
        font-size: 50px; }
        #whiz-large-nav label :hover {
          color: #0f73ff; }
      #whiz-large-nav .whiz-navbar {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #ed3242;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        display: none; }
      #whiz-large-nav .whiz-navbar ul li {
        width: 100%; }
      #whiz-large-nav .whiz-navbar ul li ul {
        position: relative;
        width: 100%; }
      #whiz-large-nav .whiz-navbar ul li ul li ul {
        width: 100%;
        left: 0; }
      #whiz-large-nav #menu-bar:checked ~ .whiz-navbar {
        /* display: initial; */
        display: block; } }

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: gray;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1000; }

.whiz-carosul {
  padding: 0px;
  margin-top: 100px; }
  .whiz-carosul .whiz-bg-a {
    background-color: #ffe3e5; }
  .whiz-carosul .whiz-bg-b {
    background-color: #d7e7ff; }

#whiz-data-right {
  padding-right: 50px;
  background-color: #d7e7ff; }
  @media only screen and (max-width: 992px) {
    #whiz-data-right {
      padding-left: 50px;
      padding-right: 0px; } }
  #whiz-data-right h1 {
    color: #0f73ff;
    text-transform: capitalize; }
    @media only screen and (max-width: 1200px) {
      #whiz-data-right h1 {
        font-size: 40px; } }
  #whiz-data-right h5 {
    color: #ed3242;
    text-transform: none; }
    @media only screen and (max-width: 1200px) {
      #whiz-data-right h5 {
        font-size: 20px; } }

#whiz-data-left {
  padding-left: 50px;
  background-color: #ffe3e5; }
  #whiz-data-left h1 {
    color: #0f73ff;
    text-transform: capitalize; }
    @media only screen and (max-width: 1200px) {
      #whiz-data-left h1 {
        font-size: 40px; } }
  #whiz-data-left h5 {
    color: #ed3242;
    text-transform: none; }
    @media only screen and (max-width: 1200px) {
      #whiz-data-left h5 {
        font-size: 20px; } }

.whiz-sec {
  background-color: white; }
  .whiz-sec .whiz-sec-text {
    padding-left: 50px;
    padding-right: 50px;
    border: black;
    align-self: center; }
    .whiz-sec .whiz-sec-text h5 {
      color: blueviolet; }
    .whiz-sec .whiz-sec-text li {
      list-style: none;
      background-image: url(/whiz_data/img/bulit.png);
      background-size: 20px 20px;
      background-repeat: no-repeat;
      background-position: left center;
      display: inline-block;
      padding-left: 30px; }
      .whiz-sec .whiz-sec-text li h3 {
        color: royalblue; }
  .whiz-sec .whiz-sec-right-img {
    background-image: url(/whiz_data/img/bg-right.png);
    background-repeat: no-repeat;
    background-position: right;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
    padding-bottom: 50px; }
  .whiz-sec .whiz-sec-left-img {
    background-image: url(/whiz_data/img/bg-left.png);
    background-repeat: no-repeat;
    background-position: left;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
    padding-bottom: 50px; }

#whiz-btn a {
  float: right;
  margin: 5px 10px;
  padding: 5px 10px;
  background-color: #0f73ff;
  color: white;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  transition-duration: 0.4s; }
  #whiz-btn a:hover {
    background-color: #ed3242; }

.whiz-under-work {
  padding: 0px;
  margin-top: 100px;
  height: 209px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center; }
  .whiz-under-work .whiz-type {
    width: 350px; }
    .whiz-under-work .whiz-type h1 {
      align-self: center; }

.whiz-typed-out {
  overflow: hidden;
  white-space: nowrap;
  animation: whiz-typing 1s steps(20, end) forwards;
  font-size: 1.6rem;
  width: 0; }
@keyframes whiz-typing {
  from {
    width: 0; }
  to {
    width: 100%; } }
.whiz-footer-bg {
  background-color: #ffe3e5;
  background-image: url(/whiz_data/img/world-map.png);
  background-repeat: no-repeat;
  background-position: center;
  padding: 25px; }

.about-us .left-margin {
  padding-left: 30px;
  padding-right: 30px; }
.about-us li {
  text-transform: capitalize; }

.what-we-do ul li {
  text-transform: capitalize;
  display: block;
  width: 100%;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
  padding-bottom: 10px; }
  .what-we-do ul li :last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0; }
  .what-we-do ul li a {
    text-decoration: none;
    line-height: 35px; }

.contact ul {
  list-style: none; }
  .contact ul li {
    display: block;
    width: 100%;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    padding-bottom: 10px;
    line-height: 40px; }
    .contact ul li a {
      color: black; }
      .contact ul li a:hover {
        color: #f1616d !important; }

.whiz-foot-right-icon {
  float: right; }
  .whiz-foot-right-icon .foot-links-soi {
    margin-top: 7px;
    margin-bottom: 0px; }
    .whiz-foot-right-icon .foot-links-soi li {
      display: inline-block;
      padding-right: 10px; }
      .whiz-foot-right-icon .foot-links-soi li a {
        color: white;
        width: 36px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        font-size: 36px; }
        .whiz-foot-right-icon .foot-links-soi li a i {
          -webkit-transition: all 0.6s ease;
          -o-transition: all 0.6s ease;
          transition: all 0.6s ease; }
        .whiz-foot-right-icon .foot-links-soi li a:hover {
          color: #f1616d; }
          .whiz-foot-right-icon .foot-links-soi li a:hover a i {
            -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg); }

#whiz-foot {
  position: relative;
  /* sticky  important */
  height: 60px;
  background-color: #0f73ff;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  padding: 0px;
  margin-bottom: 0px; }

#whiz-foot-left-copy {
  position: absolute;
  top: 0px;
  right: 0px;
  margin-left: 250px;
  padding-left: 15px;
  width: 100%;
  height: 10px;
  background-color: white; }
  #whiz-foot-left-copy p {
    color: white; }
    #whiz-foot-left-copy p a {
      color: white; }
      #whiz-foot-left-copy p a:hover {
        color: #f1616d; }
  @media only screen and (max-width: 992px) {
    #whiz-foot-left-copy {
      position: absolute;
      top: 0px;
      right: 0px;
      margin-left: 250px;
      padding-left: 15px;
      padding-right: 300px;
      width: 100%;
      height: 10px;
      background-color: white; }
      #whiz-foot-left-copy p {
        color: white;
        margin-top: 12%;
        font-size: 10px; }
        #whiz-foot-left-copy p a:hover {
          color: white; } }
  @media (max-width: 404px) {
    #whiz-foot-left-copy {
      display: none; } }

.whiz-foot-mobile-copy {
  display: none; }
  @media (max-width: 404px) {
    .whiz-foot-mobile-copy {
      display: flex;
      background-color: #0f73ff;
      color: white;
      font-size: 10px; } }

#whiz-foot-right {
  position: absolute;
  top: 10px;
  right: 0px;
  margin-left: 250px;
  width: 100%;
  height: 0px;
  background-color: #0f73ff;
  line-height: 45px;
  padding-left: 10px;
  color: #ed3242; }
  #whiz-foot-right a {
    color: white;
    text-decoration: none; }
    #whiz-foot-right a:hover {
      color: black; }

#whiz-foot-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 300px;
  height: 60px;
  padding-left: 0px;
  background-image: url(/whiz_data/img/top-right.png);
  background-repeat: no-repeat;
  line-height: 45px;
  padding-right: 10px;
  text-align: right; }

#scroll-to-top {
  background: #0f73ff;
  color: white;
  width: 50px;
  height: 50px;
  display: block;
  font-size: 50px;
  text-align: center;
  line-height: 40px;
  border-radius: 10px; }

.whiz-an {
  width: 100px;
  height: 50px;
  background-color: red;
  font-weight: bold;
  position: relative;
  animation: mymove 5s; }

#div1 {
  animation-timing-function: ease-in; }

@keyframes mymove {
  from {
    left: 100px; }
  to {
    left: 0px; } }

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