@font-face {
  font-family:  Arial,sans-serif,Helvetica;
  src: url("../fonts/klinic-slab/KlinicSlab-Medium.eot");
  src: url("../fonts/klinic-slab/KlinicSlab-Medium.eot") format("embedded-opentype"), url("../fonts/klinic-slab/KlinicSlab-Medium.woff") format("woff"), url("../fonts/klinic-slab/KlinicSlab-Medium.woff2") format("woff2"), url("../fonts/klinic-slab/KlinicSlab-Medium.ttf") format("truetype"), url("../fonts/klinic-slab/KlinicSlab-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* CSS Document */
/*=======common css=========*/
p,
img,
input,
textarea,
span,
form,
select,
h1,
h2,
h3,
h4 {
  padding: 0px;
  margin: 0px;
}

a img,
:link img,
:visited img {
  border: none;
}

a,
a:focus,
a:hover {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}

a:active {
  outline: none;
}

a:focus {
  -moz-outline-style: none;
}

* :focus {
  outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0px;
  margin: 0px;
  font-weight: normal;
  line-height: 1.1;
}

.btn-check:focus + .btn,
.btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus {
  outline: none;
}

input[type=submit],
input[type=button],
input[type=search],
select {
  border: 0;
  cursor: pointer;
}

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=submit],
input[type=button],
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
}

ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

a img {
  outline: none;
}

select:focus,
button:focus,
a:focus {
  outline: 0 none;
}

p {
  margin: 0;
  padding: 0 0 20px 0;
}

p:last-child {
  padding: 0px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
  position: relative;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
  border: none;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-size: 1em;
}

hr {
  height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*common place holder*/
::-webkit-input-placeholder {
  color: #888a8f;
}

:-moz-placeholder {
  color: #888a8f;
  opacity: 1;
}

::-moz-placeholder {
  color: #888a8f;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #888a8f;
}

/*=============selection=============*/
::-moz-selection {
  color: #fff;
  background: #000e24;
}

::-webkit-selection {
  color: #fff;
  background: #000e24;
}

::selection {
  color: #fff;
  background: #ffffff;
}

/*==========common-class============*/
body {
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  color: #585858;
  font-size: 14px;
  font-weight: normal;
  overflow-x: hidden;
  font-weight: normal;
  font-style: normal;
  font-family:  Arial,sans-serif,Helvetica;
  line-height: 1.4;
  overflow-wrap: break-word;
}

.full_width {
  width: 100%;
  float: left;
}

.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;

  z-index: 1;
}

.object_fit_cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  float: left;
}

.object_fit_contain {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  float: left;
}

.imgAutoSize {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.translate_both {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.translate_left {
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  left: 50%;
}

.translate_top {
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  top: 50%;
}

a,
input,
button,
:after,
textarea,
:before,
img,
.transition6s {
  transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
}

/*==========Border radius============*/
.radius-100 {
  border-radius: 100%;
}

.radius-40 {
  border-radius: 40px;
}

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

.radius-6 {
  border-radius: 6px;
}

/*==========font-size============*/
.font_10px {
  font-size: 10px;
}

.font_12px {
  font-size: 12px;
}

.font_14px {
  font-size: 14px;
}

.font_15px {
  font-size: 15px;
}

.font_16px {
  font-size: 16px;
}

.font_17px {
  font-size: 17px;
}

.font_18px {
  font-size: 18px;
}

.font_20px {
  font-size: 20px;
}

.font_22px {
  font-size: 22px;
}

.font_24px {
  font-size: 24px;
}

.font_26px {
  font-size: 26px;
}

.font_30px {
  font-size: 30px;
}

.font_32px {
  font-size: 32px;
}

.font_36px {
  font-size: 36px;
}

.font_48px {
  font-size: 48px;
}

.font_50px {
  font-size: 50px;
}

.font_55px {
  font-size: 55px;
}

.font_60px {
  font-size: 60px;
}

.font_72px {
  font-size: 72px;
}

/*Text Colors*/
.colorWhite {
  color: #ffffff;
}

.colorBlack {
  color: #800080;
}

.colorGrey {
  color: #818181;
}

.colorGreen {
  color: #1db344;
}

.colorPurpl {
  color: #5e2588;
}

.colorPink {
  color: #cc2789;
}

.colorBlue {
  color: #800080;
}

.colorBlue2 {
  color: #0048b4;
}

.colorSky {
  color: #800080;
}

.colorYellow {
  color: #ccbd15;
}

.colorRed {
  color: #f72045;
}

.colorlightGrey {
  color: #d1d1d1;
}

/*BG Colors*/
.bgColorWhite {
  background-color: #ffffff;
}

.bgColorBlack {
  background-color: #282828;
}

.bgColorGrey {
  background-color: #818181;
}

.bgColorGreen {
  background-color: #1db344;
}

.bgColorPurpl {
  background-color: #5e2588;
}

.bgColorBlue {
  background-color: #800080;
}

.bgColorBlue2 {
  background-color: #0048b4;
}

.bgColorSky {
  background-color: #2abbff;
}

/*Box-shadow=================*/
.boxShadow {
  -webkit-box-shadow: 0 3px 10px 0 #ffffff;
          box-shadow: 0 3px 10px 0 #ffffff;
}

/*Font Klinic Slab=================*/
.fontKlinicSlab {
  font-family: 'klinic-slab';
}

/*font Weight=================*/
.font100 {
  font-weight: 100;
}

.font200 {
  font-weight: 200;
}

.font300 {
  font-weight: 300;
}

.font400 {
  font-weight: 400;
}

.font500 {
  font-weight: 500;
}

.font600 {
  font-weight: 600;
}

.font700 {
  font-weight: 700;
}

.font800 {
  font-weight: 800;
}

.font900 {
  font-weight: 900;
}

.fontItalic {
  font-style: italic;
}

/*Common Button=================*/
.btnCmn {
  padding: 17px 40px;
  display: inline-block;
}

.btnCmnIcon {
  display: inline-block;
  margin-left: 6px;
}

.btnCmn.btnCmnSmall {
  padding: 12px 30px;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*======================
1.General Css
========================*/
button:focus,
*:focus {
  outline: none;
}

body {
  font-family: "Montserrat", sans-serif;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  line-height: 1.8;
  font-weight: 400;
  color: #14212b;
  background: #ffffff;
  border-color: #dfdfdf;
}

button {
  background: transparent;
  border: none;
  padding: 0;
}

/* Header section */
.navbar {
  background: #fff;
  -webkit-box-shadow: 0px 5px 8px #ffffff;
          box-shadow: 0px 5px 8px #ffffff;
  z-index: 1056;
}

.navbar .navbar-brand img {
  max-height: 97px;
  max-width: auto;
}

.navbar .nav-link {
  color: #818181;
}

.navbar .active {
  color: #800080;
}

.navbar .navbar-toggler:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.navbar .navbar-toggler-icon {
  position: relative;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid #004999;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  overflow: hidden;
}

.navbar .navbar-toggler-icon span {
  position: absolute;
  width: 30px;
  height: 2px;
  background: #004999;
  border-radius: 10px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.navbar .navbar-toggler-icon span:nth-child(1) {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  width: 25px;
  left: 10px;
}

.navbar .navbar-toggler-icon span:nth-child(2) {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  width: 15px;
  left: 10px;
}


.Banner11 {
  position: relative;
  min-height: calc(100vh - 80px);
  background-image: url(../images/banner_11.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
}

.Banner11 .row {
  min-height: calc(100vh - 80px);
}

.Banner11 h1 {
  line-height: 1.7em;
}

.Banner22 {
  position: relative;
  min-height: calc(100vh - 80px);
  background-image: url(../images/banner_22.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
}

.Banner22 .row {
  min-height: calc(100vh - 80px);
}

.Banner22 h1 {
  line-height: 1.7em;
}

.Banner33 {
  position: relative;
  min-height: calc(100vh - 80px);
  background-image: url(../images/banner_33.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
}

.Banner33 .row {
  min-height: calc(100vh - 80px);
}

.Banner33 h1 {
  line-height: 1.7em;
}

.Banner44 {
  position: relative;
  min-height: calc(100vh - 80px);
  background-image: url(../images/banner_44.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
}

.Banner44 .row {
  min-height: calc(100vh - 80px);
}

.Banner44 h1 {
  line-height: 1.7em;
}

.Banner55 {
  position: relative;
  min-height: calc(100vh - 80px);
  background-image: url(../images/banner_55.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
}

.Banner55 .row {
  min-height: calc(100vh - 80px);
}

.Banner55 h1 {
  line-height: 1.7em;
}

a.know-more {
  background-color: #800080;
  border: 0;
  outline: 0;
  font-weight: 300;
  border-radius: 0.25rem;
  color: #fff;
  display: inline-block;
}

.whatWeDo-bg {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: -100px center;
  background-attachment: fixed;
  background-size: cover;

}

.whatWeDo-bg .overlay::before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(246, 246, 246, 0.7);
  opacity: 0;
}

.whatWeDo-bg .container {
  z-index: 0;
  position: relative;
}

.whatWeDo,
.howItWorks,
.aboutUs {
  padding: 100px 0;
  min-height: 80vh;
}

.whatWeDo h3,
.howItWorks h3,
.aboutUs h3 {
  font-weight: 300;
  color: #800080;
}

.whatWeDo p,
.howItWorks p,
.aboutUs p {
  font-weight: 500;
}

.howItWorks {
  padding: 70px 0 100px;
}

.makingitHappen {
  height: auto;
  padding: 70px 0;
  position: relative;
}

.infinitylearning {
  height: auto;
  padding: 70px 0;
  position: relative;

}
.orcalePractice {
  height: auto;
  padding: 50px 0;
  position: relative;
}
.honor {
  height: auto;
  padding: 70px 0;
  position: relative;
}
.magacompanies {
  height: auto;
  padding: 70px 0;
  position: relative;
}
.agency {
   height: auto;
  padding: 70px 0;
  position: relative;
}
.oracleApplications {
 height: auto;
  padding: 50px 0;
  position: relative;
}
.aiPractice
{
  height: auto;
  padding: 50px 0;
  position: relative;
}
.firefighterAI{
  height: auto;
  padding: 50px 0;
  position: relative;
}
.contracts {
  height: auto;
  padding: 70px 0;
  position: relative;
}
.careers {
  height: auto;
  padding: 70px 0;
  position: relative;
}
.strategicadvice
{
  height: auto;
  padding: 70px 0;
  position: relative;
}
.caseStudies {
  height: auto;
  padding: 70px 0;
  position: relative;
}

.caseStudies .caseCard {
  border: none;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}

.caseStudies .caseCard .caseImg {
  border-radius: 0.25rem 0.25rem 0 0;
}

.caseStudies .caseCard .caseBox {
  min-height: 250px;
}

.caseStudies .caseCard .caseBox h5 {
  font-weight: 500;
}

.caseStudies .caseCard .caseBox p {
  font-weight: 400;
}

.caseStudies .caseCard .caseBox .btn {
  border: 1px solid #800080;
  color: #800080;
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
  bottom:60px;
  position:absolute;
}

.caseStudies .caseCard .caseBox .btn:hover {
  background: #800080;
  color: #ffffff;
}

.howItWorks-bg {
  background-color: #ffffff;
}

.aboutUs h2 {
  font-weight: 300;
  color: #004999;
}

.aboutUs img {
  border-radius: 50%;
  max-width: 170px;
  max-height: 170px;
  width: auto;
  height: auto;
}

.aboutUs span {
  cursor: pointer;
}

.aboutUs .arrow {
  background-color: #ffffff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(80%, -20%);
          transform: translate(80%, -20%);
}

.footer {
  padding: 80px 0;
}

.footer h3 {
  color: #800080;
}

.contact-box {
  border: 1px solid #800080;
  padding: 15px;
  margin-bottom: 20px;
}

.contact-box .contact-icon {
  height: 50px;
  width: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 1px solid #800080;
  border-radius: 100%;
  color: #800080;
  font-size: 18px;
  margin-right: 30px;
}

.contact-box .contact-details {
  color: #282828;
  word-break: break-word;
  -ms-word-break: break-word;
}

.contact-box .contact-details a {
  color: #282828;
}

.contact-box .contact-details a:hover {
  color: #004999;
}

.contact-form .form-control:focus,
.contact-form .form-select:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contact-form .mobile {
  padding-left: 130px;
  position: relative;
}

.contact-form .mobile .isdCode {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 1rem 0.75rem;
  height: 100%;
  width: 130px;
  border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  text-align: left;
}

.contact-form .mobile .form-floating input {
  border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0 6px 6px 0;
}

.contact-form textarea {
  min-height: 120px;
}

.contact-form .btn-contact {
  border: 1px solid #800080;
}

.contact-form .btn-contact:hover {
  background: #fff;
  color: #004999;
}

.copyright-bg {
  background: #ffffff;
  border-top: 1px solid #800080;
}

/* Modal */
.prosModal {
  padding-top: 79px;
}

.myModalDialog {
  width: 100vw;
  height: 100%;
  margin: 0;
  padding: 0;
}

.myModalContent {
  height: auto;
  width: 100vw;
  min-height: 100%;
  border-radius: 0;
}

.myModalContent .close {
  cursor: pointer;
  right: 35px;
  top: 15px;
  z-index: 2;
}

.myModalContent .logoImg {
  max-width: 180px;
  max-height: 80px;
  position: relative;
  overflow: hidden;
}

.mailModalContent {
  padding: 50px 20px 30px;
}

.mailModalContent .close {
  cursor: pointer;
  right: 15px;
  top: 15px;
  z-index: 2;
  background: #004999;
  color: #fff;
  padding: 0 10px;
}

.modalHeading {
  position: relative;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}

.modalHeading::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
}

.modalHeading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 5rem;
  height: 1px;
  background-color: #282828;
}

/* What We Do Modal */
.swiper-button-next,
.swiper-button-prev {
  top: 100% !important;
  -webkit-transform: translate(-50%, -100%) !important;
          transform: translate(-50%, -100%) !important;
  width: 10px !important;
  margin: 0 50px !important;
}

.swiper-button-prev {
  right: 50% !important;
  left: auto !important;
}

.swiper-button-next {
  left: 50% !important;
  right: auto !important;
}

.webInrsession-sec2TtlGraph {
  display: inline-block;
  margin: -3px 4px 0;
  position: relative;
  width: 28px;
  height: 8px;
  vertical-align: middle;
}

.webInrsession-sec2TtlGraph:before, .webInrsession-sec2TtlGraph:after {
  position: absolute;
  left: 10px;
  width: 100%;
  height: 1px;
  content: "";
  background-color: #004999;
}

.webInrsession-sec2TtlGraph:before {
  top: 0px;
}

.webInrsession-sec2TtlGraph:after {
  bottom: 0px;
}

.section-title {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 25px;
  letter-spacing: 3px;
}

.section-title::before, .section-title::after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 30px;
  height: 1px;
  /*content: "";*/
  background-color: #004999;
}

.section-title:before {
  bottom: 10px;
}

.section-title:after {
  bottom: 0px;
}

.caseStudyDetails {
  padding: 70px 0;
}

.caseStudyDetails .caseStudyLeft {
  position: relative;
}

.caseStudyDetails .caseStudyLeft::before, .caseStudyDetails .caseStudyLeft::after {
  border-radius: 100%;
  content: "";
  opacity: 0.17;
  position: absolute;
}

.caseStudyDetails .caseStudyLeft::before {
  background-color: #34caf5;
  top: -4rem;
  height: 13.4rem;
  left: -2rem;
  width: 13.4rem;
}

.caseStudyDetails .caseStudyLeft::after {
  background-color: #dcecf6;
  border-radius: 1rem;
  bottom: -3rem;
  height: 7rem;
  right: -3rem;
  width: 7rem;
  z-index: 9;
  opacity: 1;
}

.caseStudyDetails .caseStudyLeft .caseImg {
  position: relative;
  height: 100%;
  max-width: 95%;
  overflow: hidden;
  z-index: 2;
  margin: 0 auto;
}

/*==========================Parallax CSS==============================================*/
/*==========================Parallax CSS==============================================*/
.checkmark {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #2abbff;
  stroke-miterlimit: 10;
  -webkit-box-shadow: inset 0px 0px 0px #2abbff;
          box-shadow: inset 0px 0px 0px #2abbff;
  -webkit-animation: fill 0.4s ease-in-out 0.4s forwards,
 scale 0.3s ease-in-out 0.9s both;
          animation: fill 0.4s ease-in-out 0.4s forwards,
 scale 0.3s ease-in-out 0.9s both;
  position: relative;
  top: 5px;
  right: 5px;
  margin: 0 auto;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #2abbff;
  fill: #fff;
  -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
          animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark__check {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
          animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@-webkit-keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes scale {
  0%,
  100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes scale {
  0%,
  100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
}

@-webkit-keyframes fill {
  100% {
    -webkit-box-shadow: inset 0px 0px 0px 30px #4bb71b;
            box-shadow: inset 0px 0px 0px 30px #4bb71b;
  }
}

@keyframes fill {
  100% {
    -webkit-box-shadow: inset 0px 0px 0px 30px #4bb71b;
            box-shadow: inset 0px 0px 0px 30px #4bb71b;
  }
}

.pslider {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(7.4px);
    -webkit-backdrop-filter: blur(7.4px);
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.pslider-items {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    animation: scrolling 20s linear infinite;

}

@keyframes scrolling {

    0% {
        transform: translateX(80%);
    }

    100% {
        transform: translateX(-20%);
    }
}

.pslider-items img {
    width: 172px;
    margin: 54px;

}

.carousel {
  width: 100%;
}

.slide-box {
  display: flex;
  justify-content: space-between;
}



@media (min-width: 576px) and (max-width: 767.98px) {
  .slide-box img {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .Banner1 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_1.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner1 .row {
  min-height: calc(100vh - 80px);
}

.Banner1 h1 {
  line-height: 1.7em;
}
.Banner2 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_2.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner2 .row {
  min-height: calc(100vh - 80px);
}

.Banner2 h1 {
  line-height: 1.7em;
}

.Banner3 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_3.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:10px;
}

.Banner3 .row {
  min-height: calc(100vh - 80px);
}

.Banner3 h1 {
  line-height: 1.7em;
}

.Banner4 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_4.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner4 .row {
  min-height: calc(100vh - 80px);
}

.Banner4 h1 {
  line-height: 1.7em;
}

.Banner5 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_5.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:40px;
}

.Banner5 .row {
  min-height: calc(100vh - 80px);
}

.Banner5 h1 {
  line-height: 1.7em;
}

.Banner6 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_6.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner6 .row {
  min-height: calc(100vh - 80px);
}

.Banner6 h1 {
  line-height: 1.7em;
}

.Banner7 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_7.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner7 .row {
  min-height: calc(100vh - 80px);
}

.Banner7 h1 {
  line-height: 1.7em;
}

}

@media (min-width: 768px) and (max-width: 991.98px) {
  .slide-box img {
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  .Banner1 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_1.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner1 .row {
  min-height: calc(100vh - 80px);
}

.Banner1 h1 {
  line-height: 1.7em;
}
.Banner2 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_2.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner2 .row {
  min-height: calc(100vh - 80px);
}

.Banner2 h1 {
  line-height: 1.7em;
}

.Banner3 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_3.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:10px;
}

.Banner3 .row {
  min-height: calc(100vh - 80px);
}

.Banner3 h1 {
  line-height: 1.7em;
}

.Banner4 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_4.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner4 .row {
  min-height: calc(100vh - 80px);
}

.Banner4 h1 {
  line-height: 1.7em;
}

.Banner5 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_5.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:40px;
}

.Banner5 .row {
  min-height: calc(100vh - 80px);
}

.Banner5 h1 {
  line-height: 1.7em;
}

.Banner6 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_6.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner6 .row {
  min-height: calc(100vh - 80px);
}

.Banner6 h1 {
  line-height: 1.7em;
}

.Banner7 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_7.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner7 .row {
  min-height: calc(100vh - 80px);
}

.Banner7 h1 {
  line-height: 1.7em;
}

}

@media (min-width: 992px)
{
  .slide-box img {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .Banner1 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_1.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner1 .row {
  min-height: calc(100vh - 80px);
}

.Banner1 h1 {
  line-height: 1.7em;
}
.Banner2 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_2.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner2 .row {
  min-height: calc(100vh - 80px);
}

.Banner2 h1 {
  line-height: 1.7em;
}

.Banner3 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_3.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:10px;
}

.Banner3 .row {
  min-height: calc(100vh - 80px);
}

.Banner3 h1 {
  line-height: 1.7em;
}

.Banner4 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_4.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner4 .row {
  min-height: calc(100vh - 80px);
}

.Banner4 h1 {
  line-height: 1.7em;
}

.Banner5 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_5.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:40px;
}

.Banner5 .row {
  min-height: calc(100vh - 80px);
}

.Banner5 h1 {
  line-height: 1.7em;
}

.Banner6 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_6.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner6 .row {
  min-height: calc(100vh - 80px);
}

.Banner6 h1 {
  line-height: 1.7em;
}

.Banner7 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_7.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner7 .row {
  min-height: calc(100vh - 80px);
}

.Banner7 h1 {
  line-height: 1.7em;
}

}

@media (min-width: 320px)
{
  .slide-box img {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .Banner1 {
   position: relative;
  height: auto;
  background-image: url(../images/mbbanner_1.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;

}

.Banner1 .row {
  min-height: calc(100vh - 80px);
}

.Banner1 h1 {
  line-height: 1.7em;
}
.Banner2 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_2.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner2 .row {
  min-height: calc(100vh - 80px);
}

.Banner2 h1 {
  line-height: 1.7em;
}

.Banner3 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_3.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:10px;
}

.Banner3 .row {
  min-height: calc(100vh - 80px);
}

.Banner3 h1 {
  line-height: 1.7em;
}

.Banner4 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_4.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner4 .row {
  min-height: calc(100vh - 80px);
}

.Banner4 h1 {
  line-height: 1.7em;
}

.Banner5 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_5.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:40px;
}

.Banner5 .row {
  min-height: calc(100vh - 80px);
}

.Banner5 h1 {
  line-height: 1.7em;
}

.Banner6 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_6.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner6 .row {
  min-height: calc(100vh - 80px);
}

.Banner6 h1 {
  line-height: 1.7em;
}

.Banner7 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_7.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner7 .row {
  min-height: calc(100vh - 80px);
}

.Banner7 h1 {
  line-height: 1.7em;
}

}

/*mobile */

@media (min-width: 992px)
{
  .slide-box img {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .Banner1 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_1.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner1 .row {
  min-height: calc(100vh - 80px);
}

.Banner1 h1 {
  line-height: 1.7em;
}
.Banner2 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_2.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner2 .row {
  min-height: calc(100vh - 80px);
}

.Banner2 h1 {
  line-height: 1.7em;
}

.Banner3 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_3.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:10px;
}

.Banner3 .row {
  min-height: calc(100vh - 80px);
}

.Banner3 h1 {
  line-height: 1.7em;
}

.Banner4 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_4.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner4 .row {
  min-height: calc(100vh - 80px);
}

.Banner4 h1 {
  line-height: 1.7em;
}

.Banner5 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_5.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:40px;
}

.Banner5 .row {
  min-height: calc(100vh - 80px);
}

.Banner5 h1 {
  line-height: 1.7em;
}

.Banner6 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_6.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner6 .row {
  min-height: calc(100vh - 80px);
}

.Banner6 h1 {
  line-height: 1.7em;
}

.Banner7 {
  position: relative;
  height: 605px;
  background-image: url(../images/banner_7.png);
  background-repeat: no-repeat;
  background-position: 70% 50%;
  background-attachment: fixed;
  background-size: cover;
  width:100%;
  top:5px;
}

.Banner7 .row {
  min-height: calc(100vh - 80px);
}

.Banner7 h1 {
  line-height: 1.7em;
}

}
/* end mobile */

.carousel-caption {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
  border-radius: .5rem;
}
/*# End */

/* Customize */
#Banner {
width: 100%;
background: #ffffff;
position: relative;
margin: 0;
padding: 0;
cursor;pointer;
z-index:99;
top:75px;

}
#slideshow { 
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
z-index:99999;
padding:0px;
background-color: #FFF;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
        
}

#slideshow > div { 
position: relative; 
top: 0px; 
left: 0px; 
right: 0px; 
bottom: 0px;
opacity: 1s;
z-index: 99;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;   
}
.navbar-nav li:hover > ul.dropdown-menu {
display: block;
color:#800080;
}
.dropdown-submenu {
position:relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
  color:#800080;
} 
.dropdown-menu > li > a:hover {
background-color: #800080;
color:#ffffff;
}
.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-slider
{
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after
{
  display: table;
  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

ul.round {
  li {
    &::before {
      content: "";
      position: absolute;
      left: 0;
      top: 5px;
      width: 10px;
      height: 10px;
      background-color: $main_color;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
    }
  }
}

#addstumsg{position:relative;display:none;top:10px;left:10px;width:350px;height:50px;color:#ff5e13;}
/* End customize */