@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap:");
@import url("../cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css");
@import url("../cdn.jsdelivr.net/npm/bootstrap%404.3.1/dist/css/bootstrap.min.css");
@import url("../cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("../cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css");
@import url("../cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css");
@import url("css/ma5-menu.min.css");
@import url("css/responsive.css");
@import url("css/slick-theme.css");
@import url("css/animate.css");
@import url("css/mail.css");

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 30px;
  margin: 0px;
  padding: 0px;
  font-family: "Montserrat", sans-serif;
}

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

li {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}

a {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}

a:hover {
  text-decoration: none;
}

p {
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  font-family: "Montserrat", sans-serif;
}

body {
  padding: 0px;
  margin: 0px;
  box-sizing: content-box;
  background: url(img/bg.jpg);
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
}

span {
  padding: 0px;
  margin: 0px;
  font-family: "Montserrat", sans-serif;
}

button {
  font-family: "Montserrat", sans-serif;
}

b {
  font-family: "Montserrat", sans-serif;
}

input {
  font-family: "Montserrat", sans-serif;
}

:root {
  --color-primary: #7d288e;
  --color-primary-hover: #cc75dd;
  --color-secondary: #10a36f;
  --color-secondary-hover: #02754d;
  --font-primary: 'Poppins', sans-serif;
  --transition-time: .35s;
  --container-width: 1200px;
  --dark-gray: #444444;
  --light-gray: #c9c9c5;
}

.container-custom {
  width: 1320px;
  max-width: 1320px;
}

.custom-width-design {
  width: 1350px;
  max-width: 1350px;
}

/*Css*/
/*header{background: #0059ab; position: relative;}*/
.email-and-phone-number ul li a {
  color: #000;
}

/*navigation*/
.fensnec-mobile-nav .navbar-nav {
  overflow-y: auto;
  height: 428px;
}

.fennec-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding: 0;
  line-height: 25px;
  margin-left: 30px;
}

.fennec-nav .navbar .navbar-nav .nav-item a {
  color: #fdf7f7;
  transition: 0.5s;
  font-size: 16px;
  padding: 0px 0px;
  transition: 0.4s all;
  font-weight: 680;
  text-transform: capitalize;
}

.fennec-nav .navbar .navbar-nav .nav-item a:hover {
  color: #36779d;
}

.fennec-nav .navbar .navbar-nav .nav-item a:hover::before,
.fennec-nav .navbar .navbar-nav .nav-item a:focus::before,
.fennec-nav .navbar .navbar-nav .nav-item a.active::before {
  opacity: 1;
  visibility: visible;
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  position: absolute;
  border: none;
  top: 80px;
  /* left: 0px; */
  /*width: 800px;   */
  z-index: 99;
  display: block;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-top: 8px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
  border-radius: 10px;
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
  text-align: center;
  background-position: 0% 50%;
  margin-bottom: 15px;
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  text-transform: capitalize;
  padding: 0px 15px;
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {
  display: none;
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #fff;
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after,
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after,
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {
  margin-top: 0;
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: 220px;
  top: 0;
  opacity: 0;
  visibility: hidden;

}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: 220px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
  margin-top: 0;
  top: 35px;
}

.navbar {
  padding: 0px;
}

.box-shadow-type {
  background: #fff;
  border: 1px solid #ebebeb;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.04);
}

.background-shape-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 98vw;
  height: 100vw;
  overflow: hidden;
  z-index: 9;
}

.background-shape--default-white .background-shape {
  fill: #fff;
}

.background-shape {
  fill: #fff;
  position: absolute;
  z-index: -1;
}

.sticky {
  z-index: 99;
  position: relative;
  padding: 5px 0;
  border-top: 1px solid #f1f1f1;
}

.sticky.fixed {
  width: 100%;
  position: fixed;
  top: 0px;
  z-index: 999;
  margin-top: 0px !important;
  background-color: #fff;
}

/*.header_logo img {position: absolute; width: 85%; top: -30px; left: 40px;}*/

/* Overlay style */
.overlay {
  background: #f77f00 url(img/bg-4.svg);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Overlay closing cross */
.overlay .overlay-close {
  width: 80px;
  height: 80px;
  position: absolute;
  right: 20px;
  top: 20px;
  overflow: hidden;
  border: none;
  background: url(img/cross.png) no-repeat center center;
  text-indent: 200%;
  color: transparent;
  outline: none;
  z-index: 100;
}

/* Menu style */
.overlay nav {
  text-align: center;
  position: relative;
  top: 50%;
  height: 60%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
}

.overlay ul li {
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  line-height: 60px;
}

.overlay ul li a {
  color: #fff;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 1.2;
  font-family: Simplifica Font;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  -moz-transition: color .3s ease;
  transition: color .3s ease;
}

.media-part a {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .1em;
  line-height: 1;
  margin: 0;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  -moz-transition: color .3s ease;
  transition: color .3s ease;
}

.media-part a:hover {
  color: #f4a808;
}

.media-part img {
  height: auto;
  width: 25px;
}

.imag_side img {
  filter: grayscale(1);
  transition: 0.5s;
}

.imag_side img:hover {
  filter: grayscale(0);
}

.overlay ul li a:hover,
.overlay ul li a:focus {
  color: #fff;
}

/* Effects */
.overlay-door {
  /*background:url(img/bg-4.svg);*/
  visibility: hidden;
  width: 0;
  left: 50%;
  z-index: 999;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s;
  transition: width 0.5s 0.3s, visibility 0s 0.8s;
}

.overlay-door.open {
  visibility: visible;
  width: 100%;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}

.overlay-door nav {
  position: absolute;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.overlay-door nav,
.overlay-door .overlay-close {
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.5s;
  transition: opacity 0.3s 0.5s;
}

.overlay-door.open nav,
.overlay-door.open .overlay-close {
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.overlay-door.close nav,
.overlay-door.close .overlay-close {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

@media screen and (max-height: 30.5em) {
  .overlay nav {
    height: 70%;
    font-size: 34px;
  }

  .overlay ul li {
    min-height: 34px;
  }
}

.set-zindex {
  position: relative;
  z-index: 99;
}

li.last-child_pro {
  background: #f77f00;
  color: #000;
  font-family: "Montserrat", sans-serif;
}

button:focus {
  outline: none;
}

.content-with-images {
  position: absolute;
  z-index: 99;
  width: 100%;
  padding-left: 55px;
  padding-top: 100px;
  width: 40%;
}

.content-with-images span {
  font-family: "Montserrat", sans-serif;
  font-size: 25px;
  color: #f4a808;
}

.content-with-images h1 {
  font-size: 65px;
  text-transform: capitalize;
  font-weight: 800;
  display: block;
  margin-bottom: 8px;
}

.content-with-images p {
  padding-right: 110px;
}

.under-setup {
  position: absolute;
  top: 160px;
  left: 21%;
}

.under-setup ul {
  color: #282828;
  display: block;
  font-size: 15px;
  font-weight: 500;
  margin-top: 15px;
  text-transform: uppercase;
}

.some-vector {
  position: absolute;
  bottom: 0;
}

.some-vector li:first-child {
  width: 30px;
  height: auto;
  left: 290px;
  bottom: 238px;
  position: absolute;
  -webkit-animation: rescale 3s infinite;
  animation: rescale 3s infinite;
}

.some-vector li:nth-child(2) {
  width: 30px;
  height: auto;
  left: 0;
  bottom: -60px;
  position: absolute;
  -webkit-animation: rescale 3s infinite;
  animation: rescale 3s infinite;
}

.some-vector li:nth-child(3) {
  width: 30px;
  height: auto;
  left: 1200px;
  bottom: 230px;
  position: absolute;
  -webkit-animation: rescale 3s infinite;
  animation: rescale 3s infinite;
}

@keyframes rescale {
  0% {
    transform: rotate(0deg) scale(1);
  }

  10% {
    transform: rotate(36deg) scale(1.1);
  }

  20% {
    transform: rotate(72deg) scale(1);
  }

  30% {
    transform: rotate(108deg) scale(1.1);
  }

  40% {
    transform: rotate(144deg) scale(1);
  }

  50% {
    transform: rotate(180deg) scale(1.1);
  }

  60% {
    transform: rotate(216deg) scale(1);
  }

  70% {
    transform: rotate(252deg) scale(1.1);
  }

  80% {
    transform: rotate(288deg) scale(1);
  }

  90% {
    transform: rotate(334deg) scale(1.1);
  }

  100% {
    transform: rotate(360deg) scale(1.3);
  }
}

.hero-btn a {
  box-shadow: rgba(247, 127, 0, 0.5) 0px 7px 29px 0px;
  background: #f77f00;
  padding: 10px 30px;
  display: inline-block;
  margin-top: 18px;
  border-radius: 50px;
  transition: 0.5s;
}

.hero-btn a:hover {
  box-shadow: rgba(60, 132, 224, 0.2) 0px 7px 29px 0px;
  background-color: #3c84e0;
}

.why-young-scholar {
  background: url(img/image-1.jpg)no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

.hwhy-box_content-name {
  width: 565px;
  color: #fff;
  z-index: 2;
  position: relative;
}

.why-box_content-name h2 {
  font-size: 19px;
  font-weight: 800;
  padding: 0 0 15px;
  position: relative;
}

.why-box_content-name h3 {
  font-size: 25px;
  color: #013856;
  text-align: justify;
}

.why-box_content-name p {
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 15px;
  text-align: justify;
}

.why-box_content-name ol {
  margin: 0;
  padding: 0 0 30px;
}

.why-box_content-name ol li {
  font-size: 15px;
  margin: 0 0 10px;
}

.why-box_content-name ol li:before {
  position: absolute;
  left: 2px;
  top: 4px;
}

.why-box_content-name ol li:after {
  position: absolute;
  content: "";
  left: 10px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #bfbfbf;
}

.why-box_content-name ol li {
  font-size: 16px;
  font-weight: 400;
  padding: 3px 0 3px 20px;
  position: relative;
  margin: 0 0 15px;
  line-height: 20px;
}

a.btn {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  padding: 0 24px;
  background: #ffad93;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  box-sizing: border-box;
  min-width: 180px;
}

.sticky-sidebar {
  position: fixed;
  z-index: 102;
  right: 18px;
  bottom: 98px;
  border-radius: 24px;
  width: 72px;
  padding: 8px;
  padding-top: 15px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}

.sticky-sidebar .list-item .item:first-child,
.sticky-sidebar .list-item .item:nth-child(2),
.sticky-sidebar .list-item .item:nth-child(3),
.sticky-sidebar .list-item .item:nth-child(4),
.sticky-sidebar .list-item.active .item {
  max-height: 100px;
  margin-bottom: 8px;
}

.sticky-sidebar .list-item .item:first-child {
  background: #25d366;
}

.sticky-sidebar .item {
  display: block;
  color: #fff;
  max-height: 0;
  overflow: hidden;
  background: #013856;
  border-radius: 100px;
  font-size: 12px;

}

.sticky-sidebar .item .text {
  width: 56px;
  display: flex;
  align-items: center;
  height: 56px;
  padding: 0 15px;
  position: relative;
}

.svg {
  display: inline-block;
}

.w-24 {
  width: 24px;
}

.mr-14 {
  margin-right: 14px;
}

.sticky-sidebar .item .svg svg {
  fill: #fff;
  width: 100%;
  display: block;
}

.svg>svg {
  max-width: 100%;
  height: auto;
  display: block;
  width: 100%;
  fill: #323f4b;
}

.sticky-sidebar .text .t {
  display: none;
  transition: all .2s ease;
  white-space: nowrap;
  line-height: 1.3;
  padding: 20px 0px;
  position: absolute;
  width: 100%;
  align-items: center;
  height: 100%;
  padding-left: 35px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
}

@media only screen and (min-width: 1024px) {
  .sticky-sidebar:hover {
    width: 198px;
  }

  .sticky-sidebar:hover .item .t,
  .sticky-sidebar:hover .item-bottom .t,
  .sticky-sidebar:hover .item-top .t {
    display: flex;
  }

  #back-to-top {
    position: relative;
    bottom: unset;
    right: unset;
    opacity: initial;
    box-shadow: none;
    display: block;
    color: #fff;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.24);
    border-radius: 100px;
    font-size: 12px;
    width: auto;
    height: auto;
  }

  #back-to-top:before {
    display: none;
  }

  .fixed-link {
    animation: unset;
    position: unset;
  }

  .fixed-dang-ky {
    bottom: unset;
    position: unset;
  }

  .fixed-dang-ky img {
    width: 130px;
    width: unset;
  }
}

@media only screen and (max-width: 1023px) {
  .sticky-sidebar {
    display: none !important;
  }
}

.about-content p {
  line-height: 24px;
  position: relative;
  z-index: 9;
}

span.about-us-small {
  color: #005198;
}

.about-btn a {
  box-shadow: rgba(240, 112, 63, 0.2) 0px 7px 29px 0px;
  background-color: #007bca;
  padding: 10px 30px;
  display: inline-block;
  margin-top: 18px;
  border-radius: 50px;
  transition: 0.5s;
}

.about-btn a:hover {
  box-shadow: rgba(0, 0, 0, 0.5) 0px 7px 29px 0px;
  color: #000;
  background: #fa3919;
}

/* -------------------------------------------------------------------------------------------------------- */
.success-story {
  padding: 50px 0 60px 0;
  overflow: hidden;
}

.success-story .title {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}

.success-story .title h2 {
  font-size: 20px;
  font-weight: 400;
  color: #ffad93;
}

.success-story .title h3 {
  font-size: 150px;
  font-weight: bold;
  line-height: 130px;
  letter-spacing: -3px;
  text-transform: uppercase;
  /*  background: url(img/color-bg.png);*/
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0;
}

.success-story .title p {
  /*  background: url(img/color-bg.png);*/
  font-family: "Montserrat", sans-serif;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation-iteration-count: infinite;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 95px;
  line-height: 70px;
  text-transform: uppercase;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation-name: masked-animation;
  animation-name: masked-animation;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-box-reflect: below 1px linear-gradient(transparent, transparent, #000);
}

@keyframes masked-animation {
  0% {
    background-position: 50% 35%;
  }

  50% {
    background-position: 50% 65%;
  }

  100% {
    background-position: 50% 35%;
  }
}

.success-block {
  position: relative;
  height: 800px;
  max-width: 1600px;
  margin: 0 auto;
}

.success-block img:not(.bottom) {
  position: absolute;
  top: 50px;
}

.success-block img.test {
  opacity: .5;
}

.success-block .birds {
  top: 36%;
  left: 34.5%;
}

.success-block .parachoot {
  right: 6%;
  top: 41%;
  animation: scale 3s ease-in-out infinite alternate;
  -webkit-animation: scale 3s ease-in-out infinite alternate;
}

.success-block .pslv {
  right: 21%;
  top: 80.5%;
}

.success-block .earth {
  top: 33.5%;
  left: 17.5%;
  animation: rotate 20s linear infinite;
}

.success-block .moon {
  right: 19.5%;
  top: 35%;
  animation: rotate 20s linear infinite;
}

.success-block .jet {
  top: 20%;
  left: 3.5%;
  width: 75%;
  z-index: 2;
  animation: jet-animation 10s infinite;
}

.success-block .book {
  top: 29%;
  right: 24.8%;
}

.success-block .cloud {
  left: 6%;
  top: 37%;
  z-index: 1;
  animation: jet-animation 10s infinite;
}

.success-block .cloud2 {
  left: 50%;
  top: 78%;
  z-index: 3;
  animation: jet-animation 10s infinite;
}

.success-block .cloud3 {
  right: 4%;
  top: 38%;
  z-index: 1;
  animation: jet-animation 10s infinite;
}

.button-block {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  z-index: 9;
  display: flex;
  justify-content: center;
}

.button-block [class*="button-"] {
  width: 175px;
  height: 52px;
  line-height: 52px;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}

.button-fill {
  color: #ffffff;
  background-color: #74d1ed;
  transition: color ease-in-out var(--transition-time), background ease-in-out var(--transition-time);
}

.button-fill:hover {
  background: #000;
  color: #fff;
}

.button-outline {
  margin-left: 20px;
  background: #ffad93;
  color: #000;
  transition: color ease-in-out var(--transition-time), background ease-in-out var(--transition-time);
}

.button-outline:hover {
  color: #ffffff;
}

/* -------------------------------------------------------------------------------------- */
@keyframes jet-animation {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(30px);
  }

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

@-webkit-keyframes jet-animation {
  0% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(30px);
  }

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

@keyframes rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* -------------------------------------------------------------------- */
@keyframes scale {
  0% {
    transform: scale(1);
  }

  0% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes scale {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.2);
  }
}

/* -------------------------------------------------------------------- */
@keyframes move-down {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(10px);
  }
}

@-webkit-keyframes move-down {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(10px);
  }
}

.right-img {
  position: absolute;
  right: 10%;
  top: 20%;
  text-align: right;
}

.right-img img {
  width: 60%;
}

.about-vector {
  position: absolute;
  top: 0;
  right: 0;
}

.about-us {
  position: relative;
}

.inspiring-excellence .content {
  max-width: 665px;
  margin: 0px auto;
  text-align: center;
}

.inspiring-excellence h2 {
  margin-bottom: 12px;
}

.pos-list-outer {
  position: relative;
}

.pos-list-outer>span {
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /* z-index: 2; */
}

.pos-list-outer .bubble1,
.pos-list-outer .bubble5,
.pos-list-outer .bubble8 {
  width: 40px;
  height: 40px;
}

.pos-list-outer .bubble1,
.pos-list-outer .bubble2,
.pos-list-outer .bubble7 {
  background-color: #ffad93;
}

.pos-list-outer .bubble4,
.pos-list-outer .bubble6,
.pos-list-outer .bubble7 {
  width: 105px;
  height: 105px;
}

.pos-list-outer .bubble4,
.pos-list-outer .bubble5 {
  background-color: #3df2a2;
}

.pos-list-outer .bubble3,
.pos-list-outer .bubble6,
.pos-list-outer .bubble8 {
  background-color: #74d1ed;
}

.pos-list-outer .bubble1 {
  left: 45.5%;
  top: 5.2%;
}

.pos-list-outer .bubble2 {
  width: 33px;
  height: 33px;
  right: 14.4%;
  top: 5.4%;
}

.pos-list-outer .bubble3 {
  width: 75px;
  height: 75px;
  right: -4%;
  top: 14.2%;
}

.pos-list-outer .bubble4 {
  right: 7.7%;
  top: 30.2%;
}

.pos-list-outer .bubble5 {
  left: -6px;
  top: 56.5%;
}

.pos-list-outer .bubble6 {
  left: 3.4%;
  bottom: 22%;
}

.pos-list-outer .bubble7 {
  left: 48.3%;
  bottom: 1.2%;
}

.pos-list-outer .bubble8 {
  right: 6px;
  bottom: 14.6%;
}

.pos-list {
  margin: 0;
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  row-gap: 15px;
}

.pos-list li {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: start;
  justify-content: center;
  cursor: pointer;
  position: relative;
  top: 15px;
  font-family: "Montserrat", sans-serif;
}

.pos-list li:first-child {
  width: 568px;
  height: 439px;
  -webkit-border-radius: 220px;
  -moz-border-radius: 220px;
  border-radius: 220px;
  transform: scale(0.8);
}

.pos-list li:nth-child(2) {
  width: 401px;
  height: 289px;
  -webkit-border-radius: 144px;
  -moz-border-radius: 144px;
  border-radius: 144px;
  position: relative;
  top: 50px;
  left: -65px;
  transform: scale(0.8);
}

.pos-list li:nth-child(3) {
  width: 401px;
  height: 269px;
  -webkit-border-radius: 144px;
  -moz-border-radius: 144px;
  border-radius: 144px;
  margin-left: auto;
  margin-right: 10px;
  transform: scale(0.8);
  position: relative;
  top: -52px;
  margin: 0px auto;
}

.pos-list li:nth-child(4) {
  width: 311px;
  height: 235px;
  -webkit-border-radius: 144px;
  -moz-border-radius: 144px;
  border-radius: 144px;
  position: relative;
  margin-top: -140px;
  transform: scale(0.8);
  position: relative;
  left: -32px;
}

.pos-list li:nth-child(5) {
  width: 311px;
  height: 235px;
  -webkit-border-radius: 144px;
  -moz-border-radius: 144px;
  border-radius: 144px;
  margin-left: 18px;
  position: relative;
  margin-top: -100px;
  transform: scale(0.8);
  position: relative;
  left: -80px;
  top: -47px;
}

.pos-list li::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background: rgba(3, 3, 3, 0);
  transition: background ease-in-out var(--transition-time);
}

.pos-list span {
  position: absolute;
  z-index: 2;
  font-size: 26px;
  text-align: center;
  line-height: 30px;
}

.pos-list span a,
.pos-list span {
  color: #000;
  max-width: 250px;
}

.pos-list li:hover::after {
  background-color: #4fd3ebbf;
}

ul.pos-list li a {
  font-size: 20px;
  line-height: 40px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  position: relative;
  top: 15px;
  font-family: "Montserrat", sans-serif;
}

.three-button-show {
  position: fixed;
  bottom: 39px;
  left: 35%;
  cursor: pointer;
  transition: 0.5s;
  z-index: 99;
}

.three-button-show {
  background: #FFFFFFA1;
  padding: 10px 20px;
  box-shadow: 0 10px 35px -3px rgba(0, 0, 0, .1);
  border-radius: 50px;
}

a.bg-gradients {
  background-color: #fa3919;
  padding: 5px 10px;
  border-radius: 50px;
  box-shadow: rgba(240, 112, 63, 0.2) 0px 7px 29px 0px;
}

.inspiring-excellence {
  background: url(img/bg-4.svg);
}

.testimonial .title span {
  font-family: "Montserrat", sans-serif;
}

.testimonial {
  /*background: url(img/testimonial.jpg);*/
  background-attachment: fixed;
  background-size: cover;
  position: relative;
  background: #fff
}

.feedback {
  margin: 10px;
  background: #1d7ba0;
  padding: 15px;
  border-radius: 10px;
}

.accordian {
  max-width: 100%;
  width: 100%;
  color: #b9b9b9;
  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-weight: 100;
  letter-spacing: 0.035em;
  font-size: 14px;
  margin: 0 auto;
}

.accordian ul>li {
  margin-bottom: 8px;
}

.accordian ul>li:first-child h3 {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.accordian h3 {
  color: #fff;
  cursor: pointer;
  background: #36779d;
  padding: 10px 15px;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  display: block;
  position: relative;
  font-size: 16px;
  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 3px;
  font-family: "Montserrat", sans-serif;
}

.accordian h3:hover .arrow {
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  color: #000;
}

.accordian ul ul {
  display: none;
  height: 100%;
  margin-bottom: -7px;
}

.accordian ul ul li {
  background-color: #fff;
  padding: 1rem 1.8rem;
  color: var(--dark-gray);
  box-shadow: none;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}

.accordian ul ul li p {
  opacity: 0;
  transition: all 0.5s;
  transform: translatey(-20px);
}

.accordian ul ul.open p {
  opacity: 1;
  transform: translatey(0px);
  font-weight: 400;
}

.accordian .arrow {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(135deg);
  transform-origin: center;
  float: right;
  margin-right: 8px;
  transition: transform 600ms cubic-bezier(0.175, 0.885, 0.32, 1);
}

.accordian .arrow.closed {
  margin-top: 4px;
  transform: rotate(-45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.sidebarNav {
  max-width: 300px;
  border: 1px solid #9999993b;
}

.sidebarNav h3 {
  border-radius: 0;
  box-shadow: none;
  background: none;
  margin-bottom: 0;
}

.sidebarNav h3:hover,
.sidebarNav h3.closed {
  background: none;
}

.sidebarNav ul>li {
  margin: 0;
}

.sidebarNav ul ul li {
  padding: 0;
  background: none;
  border: 0;
}

.sidebarNav ul ul li a {
  color: var(--darkgray);
  padding: 1rem 0 1rem 3em;
  display: block;
  text-decoration: none;
}

.sidebarNav ul ul li a:hover {
  text-decoration: underline;
}

.faqs-and-videos {
  position: relative;
  background: #f2f4f5;
}

.video_img-and-pop .play-btn {
  position: absolute;
  top: 55%;
  left: 50%;
  z-index: 10;
  cursor: pointer;
  width: auto;
  height: auto;
  display: block;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video_img-and-pop .play-btn:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 50%;
  animation: ripple 0.7s linear infinite;
}

.video_img-and-pop .play-btn span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #ffc01a;
}

.mvideo_img-and-pop .play-btn:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  transition: all 200ms;
}

@keyframes ripple {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.form-design span {
  color: #00286a;
}

.home-filed input {
  color: black;
  width: 100%;
  outline: 0;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  border-radius: 0;
  background: #fff;
  appearance: auto;
  border: none;
  padding: 15px 20px 15px 20px;
  font-family: "Montserrat", sans-serif;
  border-radius: 50px;
  border-radius: 8px;
}

.home-filed select {
  color: black;
  width: 100%;
  outline: 0;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  border-radius: 0;
  background: #fff;
  appearance: auto;
  border: none;
  padding: 15px 20px 15px 20px;
  font-family: "Montserrat", sans-serif;
  border-radius: 50px;
}

.home-filed textarea {
  color: black;
  width: 100%;
  outline: 0;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  border-radius: 0;
  background: #fff;
  appearance: auto;
  border: none;
  padding: 15px 20px 15px 20px;
  font-family: "Montserrat", sans-serif;
  border-radius: 8px;
}

.home-filed button {
  width: 30%;
  border: none;
  background: #013856;
  font-family: "Montserrat", sans-serif;
  border-radius: 8px;
}

.home-filed button {
  /*  border-radius: 50px; */
  padding: 10px 0;
  color: #fff;
}

.vector-set {
  position: absolute;
  top: -118px;
}

.feedBack-content {
  text-align: justify;
}

.kangaroo_img img {
  margin: 0px auto;
  width: 100%;
}

footer {
  position: relative;
  background: #d3abab;
  display: flex;
  align-items: center;
  background-attachment: fixed;
  background-size: cover;
  padding-top: 25px;
}

.footer-img {
  position: absolute;
}

.footer-logo img {
  margin-bottom: 5px;
  background: #fff;
  border-radius: 5px;
}

.widget span {
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
  color: #35769c;
  
}

.widget ul li {
  line-height: 30px;
}

.widget_icons i {
  width: 33px;
  height: 33px;
  font-size: 16px;
  display: block;
  line-height: 33px;
  margin-right: 10px;
  border-radius: 50%;
  text-align: center;
  transition: all 0.5s;
  color: #0082c6;
  background-color: #ffffff;
}

/*ul.f_social_icon li a i{	    width: 33px;    height: 33px;    font-size: 16px;    line-height: 29px;  border-radius: 50%;    text-align: center;    color: #000;    transition: all 0.4s;    border: 2px solid #ffb08f;    background-color: #eb7d39;}
ul.f_social_icon li a i:hover {    color: #ff7829 !important;    background-color: #fff;    border: 2px dotted #fff;}*/
.overlay {
  height: 100vh;
  align-items: center;
  display: flex;
}

.search-bar form input[type=text] {
  background: transparent;
  border: none;
  border-left: 1px solid hsla(0, 0%, 100%, .2);
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  outline: none;
  padding: 10px 110px 10px 40px;
  text-transform: capitalize;
  width: 325px;
}

.search-bar form input[type=submit] {
  background: transparent;
  border: 1px solid hsla(0, 0%, 100%, .2);
  cursor: pointer;
  display: block;
  height: 45px;
  left: -75px;
  margin-left: 10px;
  position: relative;
  -webkit-transform: skew(-45deg);
  -moz-transform: skew(-45deg);
  -ms-transform: skew(-45deg);
  -o-transform: skew(-45deg);
  transform: skew(-45deg);
  width: 45px;
  z-index: 1;
}

.search-bar form:after {
  content: "";
  left: 280px;
  opacity: 0;
  position: absolute;
  top: 13px;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

/* .list-nav {   background: #014682;}*/
.imag_side span {
  font-family: "Montserrat", sans-serif;
  font-size: 50px;
  color: #fff;
}

.filed-more input {
  color: #fff;
  width: 100%;
  outline: 0;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  border-radius: 0;
  background: #0c4da20d;
  border: 1px solid #fff;
  appearance: auto;
  padding: 8px 20px 8px 10px;
  font-family: 'Poppins', sans-serif;
}

.filed-more input::placeholder {
  color: #fff;
}

.filed-more textarea::placeholder {
  color: #fff;
}

.filed-more textarea {
  color: #fff;
  width: 100%;
  outline: 0;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
  border-radius: 0;
  background: #0c4da20d;
  border: 1px solid #fff;
  appearance: auto;
  padding: 15px 20px 15px 10px;
  font-family: 'Poppins', sans-serif;
}

.filed-more button {
  background-color: #36779d;
  color: #fff;
  width: 45%;
  border-radius: 50px;
  font-family: "Montserrat", sans-serif;
  height: 43px;
  font-size: 15px;
  margin: 0px auto;
}

/*.modal-header{background-color: #74d1ed;}*/
.content-blue {
  background: #013856;
  padding: 20px;
  width: 50%;
  margin: 0px auto;
}

.modal-header h5 {
  font-weight: 700;
}

.img-side ul li {
  line-height: 26px;
}

button.top-setup {
  position: relative;
  top: 15px;
  color: #000;
  opacity: 1;
}

.position-left {
  position: absolute;
  right: 0;
}

.position-left img {
  width: 50%;
  position: relative;
  left: 122px;
  opacity: 0.1;
  bottom: -136px;
}

.midd-range {
  margin: 0px auto;
}

.midd-range h4 {
  font-size: 40px;
  font-weight: 800;
}

.midd-range {
  border: 2px dashed #005495;
}

.join-home .join-item video {
  width: 100%;
  height: auto;
}

.why-junior_box {
  text-align: center;
}

.icons-watch-img img {
  margin: 0px auto;
}

/*.why-junior-scholars .row {box-shadow: 0 4px 40px rgba(53,43,92,.1);}*/
.why-junior-scholars .title span {
  font-family: "Montserrat", sans-serif;
  color: #ffad93;
}

.why-junior_box {
  margin-bottom: 15px;
}

.blink-btn a {
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
  box-shadow: rgba(0, 81, 152, 0.2) 0px 7px 29px 0px;
  background-image: linear-gradient(to right, #eb7d39, #dc651c);
  transition: 0.5s;
  padding: 8px 18px;
  border-radius: 50px;
  font-size: 14px;
  color: #000;
}

.blink-btn a:hover {
  color: #000;
  background: #00286a;
}

/*@keyframes pulse-border {
0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}
100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}
*/
.border-gray {
  border-right: 1px solid #e5e5e5;
}

.gooogle-review .content {
  max-width: 100%;
  margin: 0px auto;
}

.gooogle-review .content h5 {
  max-width: 100%;
  color: #003855;
  font-size: 35px;
  margin: 0px auto;
  font-weight: 600;
}

.gooogle-review-item {
  background: #bcdce8;
  padding: 18px;
  border-radius: 20px;
  min-height: 325px;
}

.google-review-home img {
  text-align: center;
  margin-bottom: 12px;
}

.review-start ul li i {
  color: #febd43;
  font-size: 20px;
}

/* .review-small-img img {    width: 12%;} */
.review-para p {
  font-size: 17px;
  margin-bottom: 12px;
  color: #1189bd;
}

.review-media-img img {
  width: auto;
  border-radius: 50px;
}

.review-media-img span {
  font-size: 16px;
  font-weight: 800;
  color: #003857;
}

.review-media-img p {
  font-size: 14px;
  color: #1189bd;
}

.review-start {
  margin-bottom: 5px;
}

.about-vector-left {
  position: absolute;
  top: 0;
  left: 0;
}

.about-vector-left img {
  width: 85%;
}

img.slider_more {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}

.gooogle-review {
  position: relative;
}


.quize {
  max-width: 100%;
  width: 100%;
  background: #ffffff;
  border-radius: 10px;
}

.quize ul {
  margin: 0;
  list-style: none;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 10px;
  background: #0387da;
}

.quize ul li+li {
  margin-top: 16px;
  border-top: 1px solid #efeeff;
  padding-top: 16px;
}

.quize ul li input[type="radio"] {
  display: none;
}

.quize ul li input[type="radio"]+label {
  color: #000;
  position: relative;
  padding-left: 25px;
}

.quize ul li input[type="radio"]+label::before {
  content: "";
  position: absolute;
  left: 1px;
  background: #ffffff;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  top: 2px;
  border: 1px solid #c3c3c3;
}

.quize ul li input[type="radio"]:checked+label::before {
  content: "";
  background: #005394;
  border-color: #005394;
}

.quize ul li input[type="radio"]:checked+label::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 6px;
  height: 7px;
  width: 7px;
  background: #fff;
  border-radius: 50%;
}

.quize label {
  font-size: 15px;
  cursor: pointer;
}

.quize .footer-button {
  margin-top: 20px;
}

.quize .btn,
.submitBtn {
  padding: 10px 45px;
  background-color: #ff7829;
  color: #fff;
  border: 0;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  border-radius: 10px;
  transition: all .3s ease-in-out;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
}

.quize .btn:hover,
.submitBtn:hover {
  box-shadow: 0 14px 18px rgb(255, 183, 85, .28);
}

.quize .question-bar.hidden {
  display: none;
}

.quize .scoreCount {
  color: #000;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  display: block;
  line-height: 3.3;
  font-size: 30px;
  margin: 0 auto;
  background: #FFBA00;
  font-weight: bold;
}

.quize div#showscore {
  text-align: center;
}

.quize .scoreBoard {
  background: #fffbf1;
  border-radius: 10px;
  padding: 50px 20px;
  max-width: 300px;
  margin: 20px auto 50px;
  border: 1px solid #ffe6a1;
}

.quize .wrongAwnswer {
  margin-top: 30px;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 30px;
}

.quize svg {
  fill: #fff;
  height: 9px;
  margin-right: 6px;
}

.question-bar h2 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 15px;
}

.pure-metter-account {
  width: 1000px;
  max-width: 1000px;
}

.modal-header {
  border-bottom: 1px solid #fff;
}

.why-junior_box span {
  font-size: 13px;
  line-height: 20px;
  display: block;
}

a.download_design {
  background: #ffad93;
  /* display: block; */
  padding: 10px;
}

.hero-slider {
  position: relative;
}

.slider_owl span {
  font-size: 25px;
}

.midd-content-slide {
  position: absolute;
  top: 85px;
  left: 44%;
  width: 15%;
}

.slider-owl {
  /*position: absolute; */
  /* top: -268px;       left: 32.9%;*/
  width: 315px;
  text-align: center;
  z-index: 99;
  margin: 0px auto;
}

.slider-owl p {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  font-size: 13px;
}

.slider-setup {
  position: absolute;
  top: 30%;
  left: -2%;
}

/*Colors*/
.color-1 {
  color: #10a0b6;
}

.color-2 {
  color: #f39317;
}

.color-3 {
  color: #42ae18;
}

.color-4 {
  color: #d74726;
}

.color-5 {
  color: #00a1de;
}

.color-6 {
  color: #8d33aa;
}

.color-7 {
  color: #00b971;
}

.color-8 {
  color: #e9681b;
}

.color-9 {
  color: #0b863c;
}

.color-10 {
  color: #eabc00;
}

.color-11 {
  color: #7027a5;
}

.color-12 {
  color: #c83131;
}

.color-13 {
  color: #147cc4;
}

.color-14 {
  color: #0bc1b6;
}

.main-item h3 {
  font-size: 20px;
  display: block;
  margin-bottom: 14px
}

.fl ul li {
  margin-bottom: 15px;
}

.fl ul li {
  text-align: justify;
  list-style-type: disc;
  line-height: 25px;
}

.text.fl ul {
  padding-left: 15px;
}

img.circle-design {
  position: absolute;
  z-index: 99;
  top: 15px;
  width: 378px;
  left: 34.5%;
}

a.item.fixed-link.lotrinhhoctapmoi {
  background: #36789b;
}

/*.sign-up input {    width: 100%;}*/
/*form.sign-up_form {    display: flex;    justify-content: center;}*/
/*.sign-up {    margin: 0px auto;}*/
/*.sign-up form input{width: 100%; border: 1px solid #ccc;     font-family: 'Poppins', sans-serif; font-size: 14px;}
.sign-up form textarea{width: 100%; border: 1px solid #ccc;     font-family: 'Poppins', sans-serif; font-size: 14px;}*/
.sign-up {
  margin: 0px auto;
}

.sign-up input {
  width: 100%;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  padding-left: 10px;
  border: 1px solid #ccc;
  height: 30px;
}

.sign-up ul li {
  display: inline-block;
  margin-left: 10px;
}

.checkbox_sign input {
  height: auto;
}

.inner-midd {
  margin: 0px auto;
  display: flex;
  justify-content: end;
}

.sign-up input:focus {
  outline: none;
}

.sign-up button {
  font-size: 13px;
  padding: 5px 18px;
  background: #74d1ed;
}

.dropdown-menu-click {
  position: relative;
}

.dropdown-menu-click>span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ddropdown-menu-click>span,
.dropdown-menu-click>div {
  cursor: pointer;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dropdown-menu-click>div {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}

.dropdown-menu-click>span:focus~div {
  display: block;
}

.dropdown-menu-click>ul {
  visibility: hidden;
  transition: visibility 0.5s;
  opacity: 0;
  background: #fff;
  left: 0px;
  border: 1px solid #808080;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, .12);
  padding: 3px 0;
  position: absolute;
  top: 33px;
  width: 137px;
  z-index: 950;
  background-color: #fff;
}

.dropdown-menu-click ul li a {
  color: #000;
  cursor: pointer;
  display: block;
  font-size: 11px;
  line-height: 15px;
  padding: 5px 0 5px 0px;
  text-decoration: none;
}

.dropdown-menu-click>span:focus~ul {
  visibility: visible;
  opacity: 1;
}

.checkbox_sign label {
  font-size: 13px;
  position: relative;
  top: -2px;
}

.breadcumb {
  position: relative;
  padding: 20px 0px;
  background-color: #C3E2F7;
  min-height: 15vh;
}

/*.breadcumb_area {    position: absolute;    z-index: 99;    top: 22%;}*/
.breadcumb_area ul li a {
  color: #000 !important;
}

.breadcumb_area h1 {
  font-size: 30px;
  color: #000 !important;
}

/*.contact_metter {    margin: 0px auto;}*/

.contact-filed input {
  width: 100%;
  height: 45px;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  padding-left: 15px;
}

.contact-filed select {
  width: 100%;
  height: 45px;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  padding-left: 15px;
}

.contact-filed-message textarea {
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  padding-left: 15px;
  padding-top: 5px;
}

.contact-filed input:focus {
  outline: none;
}

.contact-filed select:focus {
  outline: none;
}

.contact-filed-message textarea:focus {
  outline: none;
}

.contact-filed-submit button {
  padding: 10px 0;
  font-family: "Montserrat", sans-serif;
  background: #003755;
  border-radius: 50px;
}

.ContactInfo .inner_info {
  background-color: #003755;
  margin-left: 13px;
  margin-bottom: 20px;
  padding: 10px;
}

.ContactInfo .inner_info i {
  width: 55px;
  height: 55px;
  font-size: 26px;
  line-height: 55px;
  margin-right: 20px;
  border-radius: 50%;
  text-align: center;
  transition: all 0.5s;
  color: #fff;
  background-color: #35769c;
  transition: background 0.2s, color 0.2s;
  position: relative;
}

.ContactInfo .inner_info span {
  color: #000;
  font-size: 18px;
  transition: all 0.5s;
}

ul.SocialIcon li i.fa-instagram {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
  width: 40px;
  height: 40px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}

ul.SocialIcon li i.fa-linkedin {
  background: #0069bd;
  width: 40px;
  height: 40px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}

ul.SocialIcon li i.fa-twitter {
  background: #00a4ed;
  width: 40px;
  height: 40px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}

ul.SocialIcon li i.fa-facebook-f {
  background: #007aeb;
  width: 40px;
  height: 40px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}

.wheel-circle {
  width: 600px;
  height: 600px;
  background-color: #ccc;
  border-radius: 50%;
  border: 15px solid #dde;
  position: relative;
  overflow: hidden;
  transition: 5s;
  margin: 0px auto;
  transform: rotate(-40deg);
}

.wheel-circle div {
  height: 50%;
  width: 200px;
  position: absolute;
  clip-path: polygon(100% 0, 50% 100%, 0 0);
  transform: translateX(-50%);
  transform-origin: bottom;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  font-family: sans-serif;
  color: #fff;
  left: 185px;
}

.wheel-circle .one {
  background-color: #3f51b5;
  transform: rotate(40deg);
  background: rgba(55, 83, 176, 0.2);
}

.wheel-circle .two {
  background-color: #ff9800;
  transform: rotate(80deg);
  background: rgba(255, 152, 0, 0.3);
}

.wheel-circle .three {
  background-color: #e91e63;
  transform: rotate(120deg);
  background: rgba(233, 30, 99, 0.3);
}

.wheel-circle .four {
  background-color: #4caf50;
  transform: rotate(160deg);
  background: rgba(76, 175, 80, 0.3);
}

.wheel-circle .five {
  background-color: #009688;
  transform: rotate(200deg);
  background: rgba(0, 150, 136, 0.3);
}

.wheel-circle .six {
  background-color: #795548;
  transform: rotate(240deg);
  background: rgba(121, 85, 72, 0.3);
}

.wheel-circle .seven {
  background-color: #9c27b0;
  transform: rotate(280deg);
  background: rgba(156, 39, 176, 0.3);
}

.wheel-circle .eight {
  background-color: #f44336;
  transform: rotate(320deg);
  background: rgba(244, 67, 54, 0.3);
}

.wheel-circle .nine {
  background-color: #4fd3eb;
  transform: rotate(360deg);
  background: rgba(0, 214, 233, 0.3);
}

.arrow-spin {
  position: absolute;
  top: 4%;
  left: 55%;
  transform: translateX(-50%);
  color: #fff;
  z-index: 9;
}

.arrow-spin::before {
  content: "\f0d7";
  font-family: FontAwesome;
  font-size: 85px;
  color: #74d1ed;
}

#spin {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  background-color: #e2e2e2;
  text-transform: uppercase;
  border: 8px solid #fff;
  font-weight: bold;
  font-size: 20px;
  color: #a2a2a2;
  width: 80px;
  height: 80px;
  font-family: sans-serif;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  letter-spacing: 1px;
}

.spiner p {
  margin: 0px;
  padding: 0;
  position: relative;
  top: -70px;
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
}

/**/
/*#panel, #flip { padding: 5px;  text-align: center; cursor: pointer;}*/
#set-1-1 {
  padding: 10px;
  display: block;
  background: rgba(55, 83, 176, 0.3);
  /*background-color: #3f51b5;*/
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 5px;
}

#set-2-2 {
  padding: 10px;
  display: none;
  background: rgba(255, 152, 0, 0.3);
  /*background-color: #ff9800;*/
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 5px;
}

#set-3-3 {
  padding: 10px;
  display: none;
  background: rgba(233, 30, 99, 0.3);
  /*background-color: #e91e63;*/
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 5px;
}

#set-4-4 {
  padding: 10px;
  display: none;
  background: rgba(76, 175, 80, 0.3);
  /*background-color: #4caf50;*/
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 5px;
}

#set-5-5 {
  padding: 10px;
  display: none;
  background: rgba(0, 150, 136, 0.3);
  /*background-color: #009688;*/
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 5px;
}

#set-6-6 {
  padding: 10px;
  display: none;
  background: rgba(121, 85, 72, 0.3);
  /*background-color: #795548;*/
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 5px;
}

#set-7-7 {
  padding: 10px;
  display: none;
  background: rgba(156, 39, 176, 0.3);
  /*background-color: #9c27b0;*/
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 5px;
}

#set-8-8 {
  padding: 10px;
  display: none;
  background: rgba(244, 67, 54, 0.3);
  /*background-color: #f44336;*/
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 5px;
}

#set-9-9 {
  padding: 10px;
  display: none;
  background: rgba(0, 214, 233, 0.3);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 5px;
}

.common-styling {
  cursor: pointer;
  font-size: 14px;
  position: relative;
  /* top: -45px; */
  left: -2px;
  color: #000;
  display: block;
  width: 60px;
  height: 100px;
  text-align: center;
  width: 100%;
}

button#spin img {
  width: 100%;
  transform: rotate(45deg);
}

.spiner {
  padding: 100px 0;
  position: relative;
}

.wheel-content span {
  font-size: 35px;
  font-family: Simplifica Font;
  color: #333;
}

.wheel-content ul {
  padding-top: 10px;
}

.wheel-content ul li {
  line-height: 32px;
  color: #333;
}

.button-blocks a {
  background: #74d1ed;
  padding: 8px 18px;
  position: relative;
  top: 4px;
  transition: 0.5s;
  font-size: 14px;
}

.button-blocks a:hover {
  background: #ffad93;
}

.pitch-box {
  margin-bottom: 35px;
}

.pitch-box img {
  cursor: pointer;
}

.pitch-box img {
  border: 1px dashed #74d1ed;
  padding: 5px;
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.pulse {
  animation: 3s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}

.pitch-box a {
  display: block;
  text-align: center;
  background: #74d1ed;
  padding: 5px 0;
  color: #fff;
}

.pitch-box-gallery {
  margin-bottom: 35px;
}

.pitch-box-gallery img {
  border: 1px dashed #74d1ed;
  padding: 5px;
  cursor: pointer;
}

.common-styling i {
  animation: blink 1s linear infinite;
  font-size: 20px;
  position: relative;
  top: -60px;
  color: #fff;
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}

.box-shadow-mode {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
  transition: 0.5s;
}

.box-shadow-mode span {
  display: block;
  padding: 15px;
  margin-bottom: 22px;
  background: #dd9da0;
  font-size: 21px;
}

.design-1 {
  border: 2px solid #dd9da0;
}

.design-2 {
  border: 2px solid #e0ba9d;
}

.design-3 {
  border: 2px solid #94c3aa;
}

.design-2 span {
  background-color: #e0ba9d;
}

.box-shadow-mode p {
  font-size: 16px;
  color: #545454;
  margin-bottom: 24px;
}

.box-shadow-mode ul li {
  display: block;
  font-size: 40px;
}

.box-shadow-mode small {
  display: block;
  font-size: 12px;
}

/*.design-1 a {    background: #dd9da0;    display: block ;    width: 50%;    margin: 0px auto;    line-height: 45px;    border-radius: 5px;}
.design-2 a {background-color: transparent; border: 1px solid #e0ba9d;  display: block ;    width: 50%;    margin: 0px auto;    line-height: 45px;    border-radius: 5px;}
.design-3 a {background-color: transparent; border: 1px solid #94c3aa;  display: block ;    width: 50%;    margin: 0px auto;    line-height: 45px;    border-radius: 5px;}*/

.design-3 span {
  background: #94c3aa;
}

.box-shadow-mode:hover {
  transform: scale(1.02);
}

.box-shadow-mode {
  position: relative;
}

/*.design-1::after {    display: block;    content: '';    position: absolute;    top: -7px;    right: -6px;    width: 81px;    height: 77px;    background-image: url(img/best-value-banner.png);    background-repeat: no-repeat;    background-size: 100%;}*/

.form-payment span {
  margin-bottom: 20px;
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
}

.form-ibput input {
  outline: none;
  border: none;
  height: 40px;
  font-family: "Montserrat", sans-serif;
  outline: none;
  padding-left: 15px;
}

label {
  font-family: "Montserrat", sans-serif;
}

.form-ibput label {
  outline: none;
  font-size: 14px;
}

.form-ibput select {
  width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
}

.form-ibput select {
  outline: none;
}

.security-code input {
  height: 40px;
  outline: none;
  padding-left: 15px;
}

.security-code label {
  outline: none;
  font-size: 14px;
}

.join-btn button {
  border: 0;
  width: 100%;
  font-family: "Montserrat", sans-serif;
  padding: 10px 0;
  background: #74d1ed;
}

.form-payment {
  background: #ffaa96;
  padding: 25px;
}

.one-monthly {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
  background: #8ed0d4;
}

.our-gaurnted {
  padding-left: 15px;
  padding-right: 15px;
}

.our-gaurnted span {
  font-weight: 600;
  font-size: 18px;
}

.our-gaurnted p {
  font-size: 13px;
}

.appy-form input {
  border: 1px solid #ccc;
  padding: 8px 15px;
  outline: none;
  font-family: "Montserrat", sans-serif;
}

.appy-form {
  margin-bottom: 30px;
}

.appy-form label {
  font-size: 13px;
}

.appy-form {
  font-family: 'Poppins', sans-serif;
}

.appy-form select {
  outline: none;
  font-size: 14px;
}

.appy-form input {
  font-size: 12px;
}

.appy-form-btn button {
  width: 100%;
  border: 0px;
  padding: 10px 0px;
  font-family: 'Poppins', sans-serif;
  background-color: #ffaa96;
}

.job-box h4 {
  font: 500 30px/1.2 Poppins, sans-serif;
  margin: 0;
  padding-top: 30px;
}

.job-box span {
  color: #757575;
  font: 500 22px Poppins, sans-serif;
  margin: 0 0 15px;
}

.job-box p {
  margin-top: 10px;
  line-height: 25px;
  text-align: justify;
}

.extra-content b {
  font-family: 'Poppins', sans-serif;
  display: block;
  width: 100%;
}

.extra-content span {
  color: #00AEEF;
  margin-top: 10px;
  display: block;
  font: 600 24px/1.2 Poppins, sans-serif;
}

.job-box ul {
  padding-left: 15px;
}

.job-box ul li {
  margin-bottom: 15px;
  list-style-type: disc;
}

.extra-content em {
  line-height: 25px;
}

.apply-btn a {
  background-color: #ffaa96;
  padding: 10px 30px;
  animation: blink 1s linear infinite;
}

.white-box {
  width: 18%;
  margin: 0px auto;
  background: #ffad93;
  padding: 0;
}

.white-box ul li a {
  display: block;
  padding: 10px 0;
  position: relative;
  top: -5px;
  color: #000;
  font-weight: 700;
}

.white-box p {
  font-size: 30px;
}

.benefites-and-perks {
  background: url(img/bg-1.png)no-repeat;
}

.benefites_box img {
  margin-bottom: 15px;
}

.text-description p {
  font-size: 16px;
}

.benefites_box .bg-white {
  min-height: 190px;
}

.setup-1 {
  border: 5px solid #56ad3a;
}

.setup-2 {
  border: 5px solid #00c7c8;
}

.setup-3 {
  border: 5px solid #ff8167;
}

.f-cat {
  color: #fff;
  padding: 1em;
  border: 5px solid #fff;
}

.f-cat[data-cat=cat-red] {
  background: #74d1ed;
}

.box-shadow {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .12);
}

.f-cat[data-cat=cat-blue] {
  background: #ffad93;
}

/*.f-cat[data-cat=cat-blue] {  background: #0074d9;}*/
.filter-cat-results .f-cat {
  opacity: 0;
  display: none;
}

.filter-cat-results .f-cat.active {
  opacity: 1;
  display: block;
  -webkit-animation: fadeIn 0.65s ease forwards;
  animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.filter-cat {
  width: 15%;
  margin: 0px auto;
}

.filter-cat select {
  background: #e0e0e0;
  font-family: 'Poppins', sans-serif;
  box-shadow: none;
}

.filter-cat select:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #74d1ed;
}

.filter-cat-results h4 {
  color: #000;
  font-weight: 800;
  margin-bottom: 15px;
}

.filter-cat-results ul {
  text-align: left;
}

.filter-cat-results ul li {
  line-height: 28px;
}

.f-cat ul li {
  border-bottom: 1px solid #65c4e1;
  margin-bottom: 15px;
  line-height: 35px;
  margin-bottom: 10px;
}

.border-style ul li {
  border-bottom: 1px solid #f19a7f
}

a.apply-now {
  background: #323232;
  display: block;
  padding: 10px;
  color: #fff !important;
}

li.price-box {
  width: 32%;
  float: left;
  margin-right: 14px;
}

ul.select-target li.active a {
  background: #74d1ed;
  color: #fff;
}

.button-design a {
  background: transparent;
  padding: 10px 30px;
  border: 1px solid #74d1ed;
  color: #000;
  border-radius: 5px;
}

.button-design {
  position: relative;
  top: 10px;
}

.privacy-policy_content p {
  line-height: 25px;
}

.terms-and-conditions_content p {
  text-align: justify;
  margin-bottom: 20px;
  line-height: 24px;
}

.under-content-mode h4 {
  margin-bottom: 10px;
}

.under-content-mode ul li {
  text-align: justify;
  margin-bottom: 12px;
  list-style-type: disc;
}

.under-content-mode ul {
  padding-left: 15px;
}

.under-content-mode ul {
  margin-top: 15px;
}

.under-content-mode a {
  text-decoration: underline;
  color: #000;
  font-weight: 700;
}

nav.mobile-menu {
  display: none;
}

img.only-mobile {
  display: none;
}

div#color-21 {
  background: #abb4c5;
  padding: 20px;
}

div#color-22 {
  background: #e0ba9d;
  padding: 20px;
}

div#color-23 {
  background: #da8eab;
  padding: 20px;
}

div#color-24 {
  background: #94c3aa;
  padding: 20px;
}

div#color-25 {
  background: #8ebcb7;
  padding: 20px;
}

div#color-26 {
  background: #b4a7a4;
  padding: 20px;
}

div#color-27 {
  background: #c098c1;
  padding: 20px;
}

div#color-28 {
  background: #dd9da0;
  padding: 20px;
}

div#color-29 {
  background: #8ed0d4;
  padding: 20px;
}

.content_part {
  margin-bottom: 30px;
}

.mobile-version {
  display: none;
}

/*slider*/
/* .slider {    height: auto;    background-size: cover;    position: relative;} */
.slider h1 {
  margin: 0;
  color: #282828;
  font-size: 50px;
  font-weight: 500;
  line-height: 65px;
  font-family: 'DM Serif Display', serif;
  letter-spacing: 3px;
}

/* .slider span {    font-size: 22px;    padding-left: 80px;    color: #0c4da2;    margin-bottom: 0.5rem;    display: block;} */
.business-plan {
  position: relative;
}

/*.content_business {background-color: #a2a90d;}*/
.content_business span {
  font-size: 18px;
  margin-bottom: 5px;
  color: #fff;
}

.read-btn a {
  background: linear-gradient(to right, #004b70 0%, #0082c6 100%);
  transition: 0.5s;
  padding: 10px 20px;
  border-radius: 50px;
  color: #fff;
}

.read-btn a:hover {
  color: #fff;
}

.content-top {
  text-align: center;
  color: #fff;
  background-color: #558aa9;
}

.counter-box {
  position: relative;
}

.content-top p {
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 500;
  color: #fff;
  transition: 0.5s;
}

.content-top span {
  font-size: 22px;
  display: block;
  line-height: 1.1;
  font-weight: 600;
  color: #ffffff;
}

.why-choose-us {
  background-color: #fff;
}

.bg-light-color span {
  font-size: 20px;
  display: block;
  text-transform: capitalize;
}

.bg-light-color {
  background: #ffffff21;
  padding: 30px;
  margin-bottom: 30px;
  box-shadow: rgba(100, 100, 111, 0.5) 0px 7px 29px 0px;
  min-height: 338px;
}

/*footer{background: #062362;}*/
.about_img img {
  width: 500px;
  float: left;
  margin-right: 25px;
}

.about-content p {
  margin-bottom: 20px;
  text-align: justify;
}

.modal-header .close {
  top: 8px;
  color: #fff;
  box-shadow: none !important;
  opacity: 0.9;
  text-shadow: none !important;
}

.footer-line img {
  position: absolute;
  right: 0;
  width: 33%;
  top: 5px;
  height: 391px;
}

.feedBack-content>span {
  font-size: 20px;
  display: block;
  margin-bottom: 11px;
}


.blog-btn a {
  border-radius: 50px;
  margin-top: 15px;
  padding: 5px 0px;
}

.blog-content a span {
  font-size: 20px;
  display: block;
  margin-bottom: 6px;
}


.view {
  width: 100%;
  height: 100%;
  float: left;
  border: 5px solid #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-box-shadow: 1px 1px 2px #e6e6e6;
  -moz-box-shadow: 1px 1px 2px #e6e6e6;
  box-shadow: 1px 1px 2px #e6e6e6;
  cursor: default;
  background: #fff url(img/bgimg.jpg) no-repeat center center;
  border-radius: 10px;
}

.view .mask,
.view .content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.view img {
  display: block;
  position: relative;
}

.view h3 {
  text-transform: capitalize;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 18px;
  padding: 10px;
  background: #35769c;
  margin: 20px 0 0 0;
}

.view p {
  font-style: italic;
  font-size: 14px;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: justify;
}

.view a.info {
  display: inline-block;
  text-decoration: none;
  padding: 5px 15px;
  /*border-radius: 50px; */
  background: #558aa9;
  color: #fff;
  text-transform: capitalize;
  -webkit-box-shadow: 0 0 1px #000;
  -moz-box-shadow: 0 0 1px #000;
  box-shadow: 0 0 1px #000;
  border-radius: 50px;
}

.view a.info:hover {
  -webkit-box-shadow: 0 0 5px #000;
  -moz-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000;
}

.view-fourth img {
  -webkit-transition: all 0.4s ease-in-out 0.2s;
  -moz-transition: all 0.4s ease-in-out 0.2s;
  -o-transition: all 0.4s ease-in-out 0.2s;
  -ms-transition: all 0.4s ease-in-out 0.2s;
  transition: all 0.4s ease-in-out 0.2s;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.view-fourth .mask {
  background-color: rgba(1, 55, 85, 0.8);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(0) rotate(-180deg);
  -moz-transform: scale(0) rotate(-180deg);
  -o-transform: scale(0) rotate(-180deg);
  -ms-transform: scale(0) rotate(-180deg);
  transform: scale(0) rotate(-180deg);
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -ms-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.view-fourth h2 {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background: transparent;
  margin: 20px 40px 0px 40px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.view-fourth p {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.view-fourth a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.view-fourth:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.view-fourth:hover img {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
}

.view-fourth:hover h2,
.view-fourth:hover p,
.view-fourth:hover a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.our-services {
  background: #fff;
  position: relative;
}

.slider-item .slick-next {
  right: 2%;
  top: 50%;
  border: 1px solid #ccc;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: none !important;
}

.slider-item .slick-prev {
  left: 2%;
  z-index: 9;
  top: 50%;
  border: 1px solid #ccc;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: none !important;
}

.slider-item .slick-next:hover {
  background: linear-gradient(to right, #004b70 0%, #0082c6 100%);
}

.slider-item .slick-prev:hover {
  background: linear-gradient(to right, #004b70 0%, #0082c6 100%);
}

.overlay-side::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 78vh;
  background: #000;
  opacity: 0.7;
}

.overlay-side {
  position: relative;
}

.hero-slider-1 {
  background: url(img/slider-1.jpg);
  height: 600px;
  background-attachment: fixed;
  background-size: cover;
}

.hero-slider-2 {
  background: url(img/slider-2.jpg);
  height: 600px;
  background-attachment: fixed;
  background-size: cover;
}

.hero-slider-3 {
  background: url(img/slider-3.jpg);
  height: 600px;
  background-attachment: fixed;
  background-size: cover;
}

a.orange_btn {
  background-image: linear-gradient(to right, #de1e25, #8a000a);
  padding: 12px 45px;
  /*   border-radius: 30px; */
  box-shadow: 2.5px 4.33px 15px 0px rgb(0 0 0 / 15%);
}

a.green-btn {
  background: #000;
  padding: 12px 45px;
  /*   border-radius: 30px;*/
  box-shadow: 2.5px 4.33px 15px 0px rgb(0 0 0 / 15%);
}

.slider-caption {
  margin: 0px auto;
  padding-top: 220px;
}

color.orange {
  color: #fff;
}

.header_logo {
  position: relative;
}

.header_logo img {
  background: #fff;
}

.widget a:hover {
  color: #538aa9 !important;
}

.color-site {
  background: #003755;
}

.skin-color {
  background: #1b7c9f;
}

.black-color {
  background-color: #1d7b9f;
}

ul.coloring li a {
  background: #003755;
  padding: 15px;
  color: #fff;
  font-size: 18px;
}

.inner-left-side-product li {
  display: inline-block;
  margin-right: 12px;
  line-height: 45px;
}

ul.coloring {
  text-align: center;
}

.inner-left-side-product h3 {
  padding-bottom: 20px;
}

.full-width-type h3 {
  text-align: center;
  color: #fff;
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.full-width-type {
  background-color: #558aa9;
  margin-top: 20px;
  width: 100%;
  margin-left: 0;
  margin-bottom: 20px;
}

.inner-states a {
  color: #fff;
  width: 100%;
  text-align: center;
  color: #fff;
}

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background-color: #1d7b9f;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #35779a;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-rectangle-in:hover,
.hvr-rectangle-in:focus,
.hvr-rectangle-in:active {
  color: white;
}

.hvr-rectangle-in:hover:before,
.hvr-rectangle-in:focus:before,
.hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.service_box {
  margin-bottom: 30px;
}

.sitema-links-item h2 {
  font-size: 20px;
}

.sitema-links-item h3 {
  font-size: 20px;
}

.sitema-links-item h4 {
  font-size: 20px;
}

.ser-img img {
  float: left;
  width: 300px;
}

.ser-img img {
  margin-right: 15px;
}

.service-text h3 {
  font-size: 22px;
  margin-bottom: 12px;
}

.service-text h4 {
  font-size: 22px;
  margin-bottom: 12px;
}

.service-text h5 {
  font-size: 22px;
  margin-bottom: 12px;
}

.service-text h6 {
  font-size: 22px;
  margin-bottom: 12px;
}

.service-text p {
  margin-bottom: 15px;
  text-align: justify;
}

.service-text ul li {
  list-style-type: disc;
  line-height: 32px;
}

.service-text ul {
  padding-left: 15px;
  margin-bottom: 20px;
}

.link-decide a {
  background-color: #000;
  display: block;
  padding: 10px;
  transition: 0.5s;
}

/*.link-decide a:hover {    background-color: #1549ab !important;}*/
.accredited_employer-form input {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  height: 50px;
  font-size: 15px;
  padding: 8px 8px 8px 8px;
  background-color: #ffffff;
  border: solid #d1d1d2 1px;
  border-radius: 0px;
  vertical-align: middle;
  margin: 0 0 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
  width: 100%;
  border-radius: 4px;
}

.accredited_employer-form textarea {
  border: solid #d1d1d2 1px;
  font-family: "Montserrat", sans-serif;
}

.accredited_employer-form input:focus {
  outline: none;
}

.accredited_employer-form textarea:focus {
  outline: none;
}

input.inherit-width {
  width: 2%;
}

.radio-button ul li {
  border: 1px solid #ccc;
  padding-left: 10px;
}

.button-part button {
  background-image: linear-gradient(to right, #de1e25, #8a000a);
  outline: none;
  cursor: pointer;
  color: #fff;
  padding: 8px 40px;
  border-radius: 5px;
}

.request-filed-input {
  margin-bottom: 30px;
}

.three-accredited {
  background-image: linear-gradient(to right, #de1e25, #8a000a);
}

.newzlead-content span {
  font-size: 19px;
  font-weight: 600;
  display: block;
  margin-bottom: 15px;
}

.newzlead-content p {
  text-align: justify;
  margin-bottom: 15px;
}

.go-btn a {
  background-image: linear-gradient(to right, #de1e25, #8a000a);
  padding: 10px 20px;
  border-radius: 50px;
}

.newzlead-img .border {
  min-height: 400px;
  margin-bottom: 30px;
}

.under-terms-conditions p {
  margin-bottom: 15px;
  text-align: justify;
  line-height: 25px;
}

.list-terms ul {
  margin-bottom: 10px;
}

.list-terms ul li {
  line-height: 25px;
  list-style: disc;
}

.list-terms span {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.under-terms-conditions span {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

.list-terms ul {
  padding-left: 15px;
}

.termns-and-conditions p {
  margin-bottom: 15px;
  text-align: justify;
}

.list-item-privacy-policy ul {
  padding-left: 15px;
}

.list-item-privacy-policy ul li {
  line-height: 30px;
  list-style-type: disc;
}

.list-item-privacy-policy span {
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}

.make-payment a {
  background-image: linear-gradient(to right, #eb7d39, #dc651c);
  padding: 10px 30px;
  border-radius: 50px;
}

.stucky-content ul li {
  margin-bottom: 15px;
  list-style-type: disc;
}

.emplyment {
  background-image: linear-gradient(to right, #de1e25, #8a000a);
}

.emplyment ul li {
  color: #fff;
  margin-bottom: 15px;
}

.emplyment_content ul li {
  list-style-type: disc;
}

.services-content-img img {
  width: 500px;
  float: left;
  margin-right: 22px;
}

.services-content h2 {
  font-size: 22px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.services-content h3 {
  font-size: 22px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.services-content h4 {
  font-size: 22px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.services-content h5 {
  font-size: 22px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.services-content h6 {
  font-size: 22px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.services-content p {
  margin-bottom: 12px;
}

.inner-form-setting input {
  height: 50px;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 20px;
  font-family: 'Work Sans', sans-serif;
  outline: none;
}

.inner-form-setting textarea {
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 20px;
  outline: none;
  min-height: 126px;
  font-family: 'Work Sans', sans-serif;
  padding-top: 14px;
  position: relative;
  padding-left: 20px;
}

.inner-form-input-btn button {
  background-image: linear-gradient(to right, #de1e25, #8a000a);
  padding: 8px 20px 8px 20px;
  border-radius: 50px;
  cursor: pointer;
  outline: none;
}

.contact-form-inner-page .title ul a {
  font-size: 26px;
  color: #000;
  text-decoration: underline;
  line-height: 32px;
  margin-top: 0;
}

.blog-box img {
  margin-bottom: 15px;
}

.blog-content a {
  font-weight: 600;
  color: #000;
  margin-bottom: 15px;
  display: block;
}

.blog-btn-new a {
  background-image: linear-gradient(to right, #de1e25, #8a000a);
  padding: 8px 18px;
  border-radius: 50px;
}

.blog-large img {
  margin-bottom: 15px;
}

.blog-content span {
  font-size: 25px;
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
}

.blog-content p {
  margin-bottom: 15px;
  line-height: 25px;
  text-align: justify;
}

.blog-content h3 {
  font-size: 22px;
  margin-bottom: 15px;
}

.blog-content ul li {
  margin-bottom: 15px;
  text-align: justify;
  line-height: 25px;
}

.news-leter input {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  padding-left: 10px;
  height: 30px;
}

.news-leter input:focus {
  outline: none;
}

.news-leter button {
  background: #000;
  font-size: 14px;
  border-radius: 50px;
  padding: 5px 15px;
}

.search-bar-blog input {
  font-family: "Montserrat", sans-serif;
  padding-left: 10px;
  height: 35px;
}

.search-bar-blog input:focus {
  outline: none;
}

.search-bar-blog {
  position: relative;
}

.search-bar-blog button {
  background: #000;
  position: absolute;
  right: 0;
  height: 35px;
}

.recent-post span {
  font-size: 21px;
  text-align: center;
  display: block;
  margin-bottom: 20px;
}

.recent-post a {
  color: #000;
}

.news-leter {
  background-image: linear-gradient(to right, #de1e25, #8a000a);
}

.about-content h1 {
  font-size: 25px;
}

/*ul.dropdown-menu {    column-count: 4;}*/
ul.dropdown-menu li img {
  margin-bottom: 10px;
}

.media-design i {
  font-size: 30px;
  color: #0082c6;
}

.media-design span {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.18;
  color: #000;
}

.media-design a {
  font-size: 14px;
  color: #004b70;
  font-weight: 600;
  word-break: break-all;
}

.media-design p {
  font-size: 12px;
  color: #122166;
  font-weight: 600;
}

.goog-te-gadget img {
  display: none !important;
}

a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
  display: none !important;
}

.google-translate-design {
  background-color: #fff;
  border: 2px solid #004b70 !important;
  font-size: 10pt;
  display: inline-block;
  padding: 2px 4px 2px 4px !important;
  cursor: pointer;
  zoom: 1;
  border-radius: 21px;
  position: relative;
  top: 4px;
}

select.goog-te-combo {
  font-family: "Montserrat", sans-serif;
  border: none;
  width: 100%;
}

select.goog-te-combo:focus {
  outline: none;
}

ul.google-translate-design li:first-child {
  width: 20%;
  float: left;
}

ul.google-translate-design li:last-child {
  width: 70%;
  float: left;
}

ul.google-translate-design li:first-child img {
  position: relative;
  top: 3px;
}

.brochure a {
  background: #062362;
  transition: 0.5s;
  padding: 8px 17px;
  border-radius: 50px;
  font-size: 14px;
}

.brochure a:hover {
  background: #cbd342;
  color: #062362 !important;
  padding: 8px 17px;
  border-radius: 50px;
  font-size: 14px;
}

.modern-number-01 span.mark-text {
  font-size: 145px;
  line-height: .8;
  font-weight: 900;
  margin-top: 30px;
  color: #36779d;
}

.sec1-content h4 .modern-number-01 h2 {
  position: relative;
  font-size: 12px;
  line-height: 2em;
  letter-spacing: 2px;
  color: #555;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.modern-number-01 h6 {
  font-size: 18px;
}

.cybersecurity-about-text p {
  line-height: 28px;
}

.button-text a {
  color: #fff;
  background-color: #013856;
  transition: 0.5s;
  padding: 10px 30px;
  border-radius: 50px;
}

.button-text a:hover {
  background-color: #1d7b9f;
}

/*.content-top img {    filter: brightness(0.5) invert(1);}*/
.content_business img {
  width: 100px;
  float: left;
  margin-right: 15px;
}

.content_business h4 {
  font-size: 22px;
  text-align: justify;
}

.logo-dotted {
  border-right: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
}

.bottom-dotted {
  border-bottom: 1px dashed #ccc;
}

.clitle-logo img {
  transition: 0.5s;
  background-color: #fff;
  /*  border: 1px solid #f1f1f1; */
  margin-bottom: 12px;
  padding: 10px;
  border-radius: 10px;
}

/*.partnership{background: #102165;}*/
.animation-text p {
  background: url(img/smoke.jpg);
  font-family: 'Montserrat', sans-serif;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation-iteration-count: infinite;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 55px;
  line-height: 50px;
  text-transform: uppercase;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation-name: masked-animation;
  animation-name: masked-animation;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-box-reflect: below 1px linear-gradient(transparent, transparent, #000);
}

@keyframes masked-animation {
  0% {
    background-position: 50% 35%;
  }

  50% {
    background-position: 50% 65%;
  }

  100% {
    background-position: 50% 35%;
  }
}

.connect-content a {
  background: #578aa9;
  padding: 10px 30px;
  border-radius: 50px;
}

.setting-green {
  background: #013856;
}

.boxes-why .bg-white {
  border-radius: 10px;
}

.border-radius-30 {
  border-radius: 10px;
}

.thunder-img img {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

i.fa.fa-bolt {
  color: #003755;
}


.tab {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  /*  background: #ffffffe8; */
  width: 765px;
  margin: 0 auto;
  line-height: 1.5;
  font-weight: 300;
  color: #000;
  -webkit-font-smoothing: antialiased;
  margin-left: 18px;
  top: 0;
  z-index: 999;
}

.tabs {
  display: table;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.tabs li {
  float: left;
  line-height: 38px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 35%;
}

.tabs a {
  background: #013856;
  border-bottom: 1px solid #fff;
  color: #888;
  font-weight: 500;
  display: block;
  letter-spacing: 0;
  outline: none;
  padding: 0 20px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 10px 10px 0px 0px;
}

.tabs_item {
  display: none;
  padding: 30px 0;
}

.tabs_item h4 {
  font-weight: bold;
  color: blue;
  font-size: 20px;
}

/*.tabs_item img {
  width: 200px;
  float: left;
  margin-right: 30px;
}*/
.tabs_item:first-child {
  display: block;
}

.tabs_item ul li {
  width: 32%;
  float: left;
}

.tabs_item ul li a {
  color: #000;
}

.tabs_item p {
  color: #000;
}

.modal-content {
  width: 65%;
  margin: 0px auto;
}

.about-page-content p {
  text-align: justify;
  margin-bottom: 15px;
  line-height: 25px;
  color: #000;
}

.about-page-content h2 {
  display: block;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: 800;
  color: #003853;
}

.about-page-image img {
  width: 35%;
  float: left;
  margin-right: 20px;
}

.about-page-content h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.team-box span {
  font-weight: 600;
  font-size: 18px;
}

.industry-we-serve {
  background: #003755;
}

.why-box-design {
  text-align: center;
  margin-bottom: 25px;
}

.why-box-design span {
  font-weight: 500;
  font-size: 18px;
}

/*---------------*/
/***** Jazz *****/
/*---------------*/

figure.effect-jazz {
  background: -webkit-linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);
  background: linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);
}

figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

figure.effect-jazz figcaption::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

figure.effect-jazz h2,
figure.effect-jazz p {
  opacity: 1;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
}

figure.effect-jazz h2 {
  padding-top: 26%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}

figure.effect-jazz p {
  padding: 0.5em 2em;
  text-transform: none;
  font-size: 0.85em;
  opacity: 0;
}

figure.effect-jazz:hover img {
  opacity: 0.7;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
}

figure.effect-jazz:hover figcaption::after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}

figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.grid {
  position: relative;
  clear: both;
  margin: 0 auto;
  max-width: 1000px;
  list-style: none;
  text-align: center;
}

/* Common style */
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  min-width: 320px;
  max-width: 480px;
  max-height: 360px;
  width: 97%;
  height: auto;
  background: #0082c6;
  text-align: center;
  cursor: pointer;
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  /*        opacity: 0.8;*/
}

.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption>a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}

.grid figure h2 span {
  font-weight: 800;
}

.grid figure h2,
.grid figure p {
  margin: 0;
}

.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%;
}

.product-content-design span {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  display: block;
  margin-bottom: 10px;
}

.product-content-design p {
  text-align: center;
  margin-bottom: 10px;
}

.product-btn a {
  background: #013856;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 50px;
  transition: 0.5s;
}

.product-btn a:hover {
  background: #558aa9;
}

.products_box {
  margin-bottom: 15px;
}

.form-contact-color {
  background: #1d7b9f;
  padding: 15px;
  margin-bottom: 35px;
}

.query-form-field input {
  border: none;
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin-bottom: 22px;
  background: transparent;
  color: #fff;
}

.query-form p {
  padding-bottom: 10px;
  line-height: 46px;
  font-weight: 600;
  font-size: 22px;
  color: #fff;
  text-align: center;
}

.query-form-field textarea {
  width: 100%;
  resize: none;
  border: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  height: 100px;
  background: transparent;
  color: #fff;
  padding-top: 0px;
}

.query-form-field input::placeholder {
  color: #fff;
  opacity: 1;
}

.query-form-field input:-ms-input-placeholder {
  color: #fff;
}

.query-form-field input::-ms-input-placeholder {
  color: #fff;
}

.query-form-field textarea::placeholder {
  color: #fff;
  opacity: 1;
}

.query-form-field textarea:-ms-input-placeholder {
  color: #fff;
}

.query-form-field textarea::-ms-input-placeholder {
  color: #fff;
}

.query-form-field input:focus {
  outline: none;
}

.query-form-field textarea:focus {
  outline: none;
}

.query-form-field-btn input {
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 10px 30px 10px 30px;
  text-transform: uppercase;
  background: #003755;
  width: 100%;
  border-radius: 50px;
}

.content_side h2 {
  font-size: 22px;
  margin-bottom: 10px;
}

.content_side h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.content_side h4 {
  font-size: 22px;
  margin-bottom: 10px;
}

.content_side h5 {
  font-size: 22px;
  margin-bottom: 10px;
}

.content_side h6 {
  font-size: 22px;
  margin-bottom: 10px;
}

.final-list-product h2 {
  font-size: 22px;
  margin-bottom: 10px;
}

.final-list-product h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.final-list-product h4 {
  font-size: 22px;
  margin-bottom: 10px;
}

.final-list-product h5 {
  font-size: 22px;
  margin-bottom: 10px;
}

.final-list-product h6 {
  font-size: 22px;
  margin-bottom: 10px;
}

.final-list-product ul li {
  line-height: 32px;
}


.full-width-content {
  margin: 0px auto;
}

p.related-heading {
  background: #003756;
  width: 100%;
  display: block;
  padding: 10px 15px;
  font-size: 22px;
  font-weight: 700;
}

.related-products .section-heading {
  text-align: center;
}

.read-btn a {
  background: #37789e;
  padding: 7px 15px;
  color: #fff;
}

span.text-theme-colored {
  font-size: 30px;
}

.related_img img {
  height: 160px;
  margin: 10px 0px;
}

.related_img img {
  width: 100%;
  object-fit: contain;
  border: 1px solid #cccc;
}

.related_content {
  margin-top: 10px;
}

.related_content p {
  margin-bottom: 20px;
}

#feedback {
  position: fixed;
  left: 3px;
  bottom: 50%;
  /* margin-left: -3px;  margin-bottom: -3px;*/
}

#feedback2-tab {
  float: right;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  width: 225px;
  height: 26px;
  background: #558aa9;
  margin-top: 0;
  margin-left: -99px;
  /* padding-top: 5px; */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

div#feedback2-tab a {
  font-size: 16px;
}

.mobile-three-item li {
  display: inline-block;
  margin-right: 0;
  padding: 5px 0px;
  width: 32%;
}

.mobile-three-item {
  text-align: center;
}

.mobile-three-item li:first-child {
  background-color: #35769c;
}

.mobile-three-item li:nth-child(2) {
  background-color: #64b161;
}

.mobile-three-item li:last-child {
  background-color: #013856;
}

.mobile-three-item li a {
  color: #fff;
}

.mobile-three-item {
  text-align: center;
  position: fixed;
  z-index: 999;
  bottom: 0;
  /* left: 8%; */
  width: 100%;
}

.mobile-three-item {
  display: none;
}

.support .txt-1 {
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  padding: 0px 10px;
  font-family: "Montserrat", sans-serif;
}

.support {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.support .txt-2 a {
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  color: #e4eaee;
  font-weight: 700;
}

.header-links {
  background: #e9e9e9;
  padding: 2px 14px;
}

.header-links ul li {
  color: #1e7aa0;
}

.header-links a {
  font-size: 12px;
  font-weight: 500;
}

.mail-into ul li a {
  color: #e4eaee;
  font-size: 14px;
  margin: 0px 20px;
  font-weight: 700;
}

.container-custom {
  width: 1320px;
}

header {
  position: sticky;
  top: 0px;
  z-index: 999;
  background: #388df3de;
}

.widget span a {
  color: #35769c;
  line-height: 40px;#
  font-size: 1.25rem;
}

.widget ul li a {
  color: #000;
  font-size: 17px;
  font-weight: 500;
}

.view-all a {
  color: #35769c;
  font-size: 12px;
  margin-top: 10px;
  cursor: pointer;
  display: inline-block;
}

.download a {
  color: #35769c;
  line-height: 40px;
  font-size: 1.25rem;
}

.image-design-three {
  background: #f1f1f1;
}

ul.about-some li a {
  color: #35769c;
  line-height: 35px;
  font-size: 1.25rem;
}

.first-design ul li {
  line-height: 20px;
  margin-bottom: 13px;
}

.mail-into li {
  font-size: 10px;
}

.style-flex-dropdown {
  width: 800px;
  left: -250px !important;
}

/*ul.style-flex-dropdown{    column-count: 4;}*/
ul.small-left {
  width: 650px;
  left: -360px;
}

ul.small-left span {
  font-size: 18px;
  font-weight: 600;
  color: #36789d;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
}

.sector-design small {
  font-size: 1rem;
}

.sector-design ul li a {
  font-size: 13px !important;
  text-align: left;
}

/*.sector-design ul li a {    font-weight: 400 !important;}*/
ul.f_social_icon li i {
  font-size: 22px;
  color: #35769c;
}

.mail-into ul li p {
  font-size: 11px;
  left: 20px;
  position: relative;
}

/*.svg img {    filter: brightness(0.0);}*/
.content-top img {
  filter: brightness(0.5) invert(1);
}

.quick-links ul li a {
  color: #000;
}

.quick-links {
  background: #bbdbe6;
  padding: 5px 0;
}

.inner-client-logo ul li {
  display: inline-block;
  width: 11%;
  margin-right: 12px;
  margin-bottom: 12px;
}

.inner-client-logo ul li img {
  width: 100%;
}

.logo-btn a {
  background: #013856;
  padding: 10px 30px;
  border-radius: 50px;
  color: #fff;
  transition: 0.5s;
}

.logo-btn a:hover {
  background: #36779d;
}

/*.inner-client-logo img {    border: 1px solid #f1f1f1;}*/

.widget address span {
  font-size: 14px;
  color: #004d64;
  display: block;
  font-weight: 500;
  /* margin-top: 10px;*/
}

/* .widget address{border-bottom:1px solid #f1f1f1;} */

.blog-title a {
  color: #35769c;
}

.blog-box {
  padding: 15px 15px 15px 15px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.blog-post-design-text ul li {
  font-size: 11px;
  color: #5E626C;
}

.blog-post-design-text a {
  display: block;
  color: #35769c;
  font-size: 14px !important;
  text-decoration: underline;
  font-weight: 500;
}

.crecent-post h3 {
  font-size: 25px;
}

.contact-info {
  background: url(img/blog-cover.jpg)no-repeat;
}

.contact-info span {
  font-size: 25px;
  display: block;
  margin-bottom: 8px;
}

.contact-info p {
  margin-bottom: 15px;
}

.contact-info a {
  font-size: 18px;
  display: block;
  margin-bottom: 12px;
}

.blog-content-last p {
  line-height: 25px;
}

.header-links ul {
  position: relative;
  top: -1px;
}

/*.widget address {border-top: 1px solid #f1f1f1;    width: 50%;    margin-bottom: 0;    padding-bottom: 15px;}*/

.some-left {
  padding-left: 15px;
}

.western-anchor a {
  font-size: 17px;
  color: #013856;
  position: relative;
  top: 10px;
}

.icon-item img {
  margin-bottom: 30px;
}

.text-item-bottom span {
  font-size: 32px;
  padding-bottom: 20px;
  font-weight: 300;
  text-transform: capitalize;
  font-family: 'Poppins', sans-serif;
}

.text-item-bottom p {
  padding-top: 15px;
  line-height: 28px;
  font-size: 15px;
}

.career-filed select {
  width: 100%;
  height: 40px;
  border: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 22px;
  font-family: 'Poppins', sans-serif;
  color: #787878;
}

.career-filed select:focus {
  outline: none;
}

.content-post a {
  color: #000;
  text-transform: uppercase;
  font-size: 16px;
}

.content-post b {
  color: #000;
  font-weight: 600;
}

.main-title {
  position: relative;
  text-align: center;
}

.main-title::after {
  position: absolute;
  content: 'Apply Now';
  letter-spacing: .28em;
  top: 0px;
  text-align: center;
  left: 0px;
  white-space: nowrap;
  text-transform: uppercase;
  color: #eaeaea;
  font: 900 45px/0 'Poppins', sans-serif;
  width: 100%;
  z-index: -9999;
}

.main-title p {
  font-size: 30px;
  font-weight: 500;
  color: #333;
}

.main-title .separator {
  position: relative;
  width: 100px;
  margin-bottom: 20px;
  left: 45%;
  top: 39px;
}

.main-title .separator:before {
  position: absolute;
  content: '';
  left: 0px;
  bottom: 18px;
  width: 100%;
  height: 1px;
  background-color: #cccccc;
}

.main-title .separator:after {
  position: absolute;
  content: '';
  left: 42%;
  top: -32px;
  width: 30px;
  height: 30px;
  margin-left: -10px;
  border: 10px solid #ffffff;
  background-color: #003755;
}

.form-item {
  margin-top: 5%;
  position: relative;
  padding: 12px;
}

input.name {
  /*background: url(images/ic-name.png)no-repeat;*/
  background-position: 0% 50%;
}

input.email {
  /* background: url(images/ic-email.png)no-repeat;*/
  background-position: 0% 50%;
}

input.phone {
  /*background: url(images/ic-phone.png)no-repeat;*/
  background-position: 0% 50%;
}

select.select-img {
  /*background: url(images/career-icon.png)no-repeat;*/
  background-position: 0% 50%;
}

textarea.message {
  /* background: url(images/ic-discriptio.png)no-repeat;*/
  background-position: 0% 0%;
  margin-bottom: 40px;
}

.career-filed input {
  font-family: "Montserrat", sans-serif;
  width: 100%;
  margin-bottom: 26px;
  height: 40px;
  border: 0px;
  border-bottom: 1px solid #ccc;
}

.career-filed input:focus {
  outline: none;
}

.career-filed-textarea textarea:focus {
  outline: none;
}

.career-filed-textarea textarea {
  font-family: "Montserrat", sans-serif;
  width: 100%;
  resize: none;
  border-bottom: 1px solid #ccc;
  border: 0px;
  border-bottom: 1px solid #ccc;
  height: 150px;
  padding: 12px;
}

.career-filed-btn input {
  font-family: "Montserrat", sans-serif;
  background: #003755;
  border: none;
  padding: 15px 40px 15px 40px;
  color: #fff;
  border-radius: 50px;
}

.wester_content p {
  line-height: 25px;
}

.wester_content a {
  font-weight: bold;
  color: #003755;
}

.certification_box img {
  height: 300px;
  object-fit: contain;
  border: 1px solid #f1f1f1;
  background: #fff;
}

.img-side {
  float: left;
  width: 400px;
  margin-right: 20px;
}

.content_side p {
  margin-bottom: 15px;
}

.content_side ul {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 15px;
}

.content_side ul li p {
  margin-bottom: 8px;
}

.content_side ul li {
  list-style: disc;
}

.inner-states a {
  background: #003755;
  display: block;
}

.tabs_item {
  max-height: 300px;
  overflow-y: scroll;
}

.tabs_item::-webkit-scrollbar {
  width: 10px;
}

.tabs_item::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.tabs_item::-webkit-scrollbar-thumb {
  background: #888;
}

.tabs_item::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.products_box img {
  object-fit: contain;
  border-radius: 5px;
  height: 300px;
}

/* .products_box img:hover {transform: scale(1.1);} */

.about-content-new p {
  text-align: justify;
  line-height: 25px;
}

.related_content {
  padding-bottom: 20px;
}

.overlay-design {
  position: relative;
}

.overlay-design:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 150px;
  background-color: #bce3f5;
  left: 0px;
  bottom: 0;
  z-index: -1;
}

.about-btn-design a {
  border: 1px solid #bcdce7;
  padding: 8px 30px;
  transition: 0.5s;
}

.about-btn-design a:hover {
  background-color: #bcdce7 !important;
  color: #000 !important;
}

.about-content-text p {
  margin-bottom: 15px;
  text-align: justify;
  color: #000;
}

.about-content-text small {
  font-family: "Montserrat", sans-serif;
  color: #000;
  font-size: 16px;
}

.about-content-text img {
  width: 21%;
}

.product-contnet {
  background: #fff;
  padding: 15px;
}

.service_box img {
  width: 100%;
}

.product-contnet h3 {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 700;
}

.product-contnet p {
  text-align: justify;
  margin-bottom: 12px;
}

.product-contnet a {
  color: #c0c0c0;
}

.product-contnet {
  box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
}

.btn-design a {
  font-weight: 700;
  transition: 0.5s;
}

.btn-design a:hover {
  color: #003755;
}

/* .about-chairman {  background: #fff;} */
.about-content-text b {
  color: #000;
}

.under-metter b {
  color: #000;
}

.about-content-text img {
  margin-top: 12px;
}

ul.single-menu {
  width: 230px;
}

.navigation_side {
  margin-right: 5px;
}

img.uniq-design {
  filter: none;
}

.blue-color-design {
  background: #bce3f5;
}

.iso-side ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 20px 0 0;
}

.iso-side ul li {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.iso-side ul li h3 {
  color: #2f84b0;
  font-size: 28px;
  font-weight: 700;
}

.iso-side ul li h5 {
  color: #2f84b0;
  font-size: 16px;
  font-weight: 300;
}

.iso-side ul li h4 {
  color: #2f84b0;
  font-size: 16px;
  font-weight: 300;
}

.iso-side ul li {
  float: left;
  border-left: 1px solid #407ca0;
  padding: 8px 20px;
  width: 25%;
}

.iso-side ul li:first-child {
  border-left: none;
}

.sec1-content-img {
  float: left;
  width: 52%;
}

.sec1-content {
  float: left;
  width: 48%;
  padding-top: 60px;
  padding-left: 0;
}

.sec1-content h4 {
  color: #36779d;
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #407ca0;
  padding-right: 30px;
}

.modern-number-01 {
  position: relative;
  top: 25px;
}

/* .about-content-text {    padding-left: 40px;} */
.certificate_inner {
  background: #ebecec;
  padding: 50px;
  text-align: center;
  border-radius: 30px;
}

.certificate_inner span {
  font-size: 30px;
  display: block;
  margin-bottom: 10px;
}

.certificate_inner p {
  padding-left: 150px;
  padding-right: 150px;
  line-height: 25px;
}

.title-design a {
  color: #000;
  text-align: center;
  display: block;
  font-weight: 500;
}

.under-shadow {
  transition: 0.5s;
  border-radius: 50px;
}

.under-shadow:hover {
  box-shadow: 0px 10px 15px #d2d2d2;
  margin-top: -10px;
}


.our-vision h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.our-vision h4 {
  font-size: 22px;
  margin-bottom: 10px;
}

.counter-design {
  background: url(img/Year-of-Experience-complete-bg-min.jpg);
}

.counter-box-design span {
  color: #FFFFFF;
  font-family: "Montserrat", sans-serif;
  margin: 15px 0px 0px 0px;
  font-size: 20px;
  text-align: center;
  display: block;
  font-weight: 500;
}

.counter-box-design big {
  color: #fff;
  text-align: center;
  display: block;
  font-family: "Montserrat", sans-serif;
  
}

.counter-box-design img {
  background-color: #FFFFFF;
  width: 80px;
  -webkit-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}

.counter-logo {
  text-align: center;
}

.counter-design {
  padding: 100px 0px;
}

.map-pin {
  position: absolute;
  top: 49%;
  left: 68%;
}

.map-pin img {
  width: 15%;
  filter: brightness(0) invert(1);
}

.blink {
  -webkit-animation: 1s blink ease infinite;
  -moz-animation: 1s blink ease infinite;
  -ms-animation: 1s blink ease infinite;
  -o-animation: 1s blink ease infinite;
  animation: 1s blink ease infinite;
}

@keyframes blink {

  from,
  to {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@-moz-keyframes blink {

  from,
  to {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {

  from,
  to {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@-ms-keyframes blink {

  from,
  to {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

.our-presnece-map {
  background: #e3fcff;
}

.slick-slider-about-us {
  background-color: #003755;
}

.slick-slider-about-us h3 {
  font-size: 25px;
}

.slick-slider-about-us .slick-dots {
  bottom: 5px !important;
}

.company-profile .row {
  background-color: #ebecec;
  padding: 30px;
}

.text-box h2 {
  font-size: 22px;
  display: block;
  margin-bottom: 14px;
}

.text-box p {
  text-align: justify;
  margin-bottom: 15px;
}

.slider-caption-design {
  position: absolute;
  z-index: 999;
  top: 15%;
  left: 3%;
}

.more-btn a {
  padding: 10px 20px;
  border-radius: 5px;
  color: #000;
  background: #fff;
  font-weight: 700;
  transition: 0.5s;
}

.more-btn a:hover {
  background-color: #2f84b0;
  color: #fff;
}

.slider-caption-design span {
  font-size: 50px;
  font-weight: 700;
  line-height: 57px;
}

.slider-caption-design-2 {
  position: absolute;
  z-index: 9999;
  top: 20%;
  right: 3%;
  width: 230px;
  height: 285px;
  background: #ffffffe0;
  border-radius: 20px;
  padding: 15px;
  transform: scale(1.2);
}

.slider-caption-design-2 span {
  font-size: 20px;
  color: #003855;
  font-weight: 700;
}

.since-design p {
  padding-top: 4px;
  background: #bcdce8;
  padding-bottom: 4px;
  width: 62%;
  text-align: center;
  float: right;
  border-radius: 50px;
  font-weight: 600;
  font-size: 16px;
  margin-top: 10px;
}

.year-design .media span {
  font-size: 80px;
  font-weight: 800;
  color: #1d7ba0;
  margin-right: 12px;
}

.year-design {
  border-right: 4px solid #bcdce8;
}

ul.flow-root span {
  font-weight: 700;
  color: #267ba0;
  font-size: 16px;
}

.year-design {
  width: 20%;
  float: left;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.iso-list {
  width: 34%;
  float: left;
  border-right: 4px solid #bcdce8;
  margin-top: 12px;
}

.iso-list li small {
  font-size: 14px;
  color: #1b7ca6;
  font-weight: 700;
}

.iso-list p {
  font-weight: 600;
  font-size: 13px;
}

ul.flow-root {
  margin-bottom: 25px;
}

.system-integrator>span {
  font-size: 22px;
  font-weight: 600;
  color: #1d7ba0;
  display: block;
  margin-bottom: 15px;
}

.system-integrator {
  width: 45%;
  float: right;
}

.system-integrator ul li {
  width: 32%;
  float: left;
}

/* .system-integrator img {  width: 30%;} */
.system-integrator .media p {
  font-size: 10px;
  font-weight: 600;
}

.system-integrator ul li>p {
  font-size: 11px;
  font-weight: 700;
  color: #003c6d;
  margin-bottom: 12px;
}

.media-body small {
  color: #1d7ba0;
  font-size: 10px;
  margin-top: 10px;
  display: block;
}

.media-body b {
  font-size: 11px;
}

.year-design .media {
  padding-left: 18px;
}

.experince_inner {
  background: #fff;
  padding: 15px;
  border-radius: 30px;
}

.widget address small {
  font-size: 16px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  color: #003855;
}

.widget p {
  font-weight: 500;
  font-size: 18px;
}

.widget span a {
  font-weight: 600;
}

p.border-top-black {
  border-top: 1px solid #ccc;
  padding-left: 15px;
  font-size: 18px;
}

.clitle-logo {
  background: #f2f4f5;
}


#testimonialtop h6 {
  color: #003855;
}

#testimonialtop h6 {
  color: #003855;
  font-size: 35px;
  font-weight: 600;
}

.feedback small {
  font-size: 18px;
  display: block;
  margin-bottom: 12px;
  font-family: "Montserrat", sans-serif;
}

.feedback span {
  font-size: 25px;
  font-weight: 700;
}

.hash-design {
  position: absolute;
  top: 30px;
  z-index: 999;
  margin-left: 10px;
  background: #bcdce8;
  padding: 5px 20px;
  border-radius: 50px;
}


.hash-design span {
  font-size: 15px;
}

.review-para h4 {
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 12px;
  color: #003855;
}

.accordion {
  background-color: transparent;
  color: #000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
  transition: 0.4s;
}

/* .active, .accordion:hover {
  background-color: #ccc;
} */

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  font-size: 30px;
}

.faqs-design .active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.service-faqs button {
  font-size: 25px;
}

.faqs-design p {
  font-size: 17px;
  text-align: justify;
}

.faqs-design {
  border-bottom: 1px solid #88898d;
}

.service-faqs p {
  font-size: 18px;
  text-align: justify;
  margin-bottom: 10px;
}

.our-services .title h4 {
  color: #003855;
  font-size: 35px;
  font-weight: 600;
  padding-bottom: 30px;
}

.our-products-new {
  background: #f2f4f5;
}

.title-btn a {
  background: #1d7ba0;
  padding: 10px 30px;
  border-radius: 50px;
  transition: 0.5s;
}

.title-btn a:hover {
  background-color: #003857;
}

.title-side-titles small {
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  display: block;
  margin-bottom: 14px;
}

.title-side>a {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  display: block;
  margin-bottom: 12px;
}

.title-side ul li {
  font-size: 18px;
  list-style: inside;
}

.product-img-scroll img {
  position: relative;
  left: 75%;
  z-index: 9;
  top: 25px;
  border: 2px solid #1d7ba0;
  padding: 5px;
  border-radius: 12px;
  width: 60%;
}

.padding-right-design {
  padding-left: 100px;
}

.product-range-box h3 {
  color: #003855;
  font-size: 35px;
  font-weight: 600;
  padding-left: 92px;
  padding-bottom: 30px;
}


.compact-content-1>a {
  font-size: 22px;
  font-weight: 600;
  color: #000;
}

.compact-content-1 ul li {
  font-size: 18px;
  text-align: left;
  list-style-type: disc;
}

.compact-content-1 ul {
  padding-left: 115px;
}

.compact-img img {
  border: 2px solid #1d7ba0;
  padding: 40px;
  border-radius: 12px;
}

.compact-content-1>a {
  display: block;
  margin-bottom: 12px;
}

.compact-content-1 small {
  font-size: 18px;
  margin-bottom: 20px;
  font-family: "Montserrat", sans-serif;
}

.compact-product-design {
  padding-top: 0px;
  padding-bottom: 150px;
  height: 579px;
  margin-top: 77px;
  height: 80%;
}

.compact-img img {
  position: relative;
  top: -85px;
  /* left: 30%; */
}

.compact-content-1 {
  padding-top: 0px;
  margin-top: -40px;
}

.compact-content-1>a {
  font-size: 22px;
  color: #000;
  font-weight: 600;
}

.compact-content-2 small {
  font-size: 18px;
  display: block;
  margin-bottom: 18px;
  font-family: "Montserrat", sans-serif;
}

.bg-color span {
  font-weight: 600;
  background: #bcdce8;
  padding: 10px 30px;
  color: #2c3b55;
  border-radius: 50px;
}

.about-img-design img {
  border-radius: 30px;
}

.about-content h1 {
  margin-bottom: 12px;
}

.about-content h2 {
  margin-bottom: 12px;
}

.about-img img {
  border-radius: 20px;
  border: 2px solid #1d7ba0;
}

.vision-design {
  z-index: 99;
}

.about-btn-design-know-more a {
  background: #bcdce8;
  padding: 10px 30px;
  border-radius: 50px;
  color: #3c3c55;
  font-weight: 500;
}

.experince-hook-design .row {
  position: relative;
  top: 63px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 50px;
  z-index: 99;
}

.stagtegic .title p {
  padding-left: 200px;
  padding-right: 200px;
  line-height: 25px;
}




.dg-container {
  width: 100%;
  height: 550px;
  position: relative;
}

.dg-wrapper {
  width: 481px;
  height: 100vh;
  margin: 0px auto;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
}

.dg-wrapper a {
  width: 480px;
  height: 316px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
}

.dg-wrapper a.dg-transition {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.dg-wrapper a img {
  display: block;
  padding: 0px 0px 0px 1px;
  /* height:316px; */
  width: 480px;
}

div#carouselHacked .item:after {
  background: rgba(0, 0, 0, 0.49);
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
}

.dg-wrapper a div {
  text-align: center;
  color: #fff;
  background-image: linear-gradient(to right, #004261, #008bd5);
  padding: 10px 10px;
  font-size: 16px;
  /* width: 30%; */
  bottom: -20px;
  text-transform: uppercase;
  display: none;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  bottom: -18px;
  max-width: fit-content;
  width: -moz-max-content;
}

.dg-wrapper a div:before,
.dg-wrapper a div:before {
  display: block;
  content: '';
  position: absolute;
  padding: 16px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  border: 1px solid #fff;
}

.dg-wrapper a.dg-center div {
  display: block;
}

.dg-container nav {
  top: 50%;
  width: 100%;
  position: absolute;
  /* z-index: 1000; */
  /* bottom: 37px; */
  left: 0px;
  /* margin-left: -29px; */
}

.western-certi-two img {
  border: 6px solid #1D7BA0;
}

.dg-container nav span {
  top: 5%;
  position: absolute;
  /* text-indent: -9000px; */
  float: left;
  cursor: pointer;
  width: 43px;
  height: 58px;
  font-size: 0px;
  background: transparent url(img/arrows.png) no-repeat top left;
}

span.dg-next {
  right: 0px;
}

.dg-container nav span:hover {
  top: 5%;
  position: absolute;
  /* text-indent: -9000px; */
  float: left;
  cursor: pointer;
  width: 43px;
  height: 58px;
  font-size: 0px;
  background: transparent url(img/arrows.png) no-repeat top left;
}

.dg-container nav span.dg-next {
  background-position: top right;
  margin-left: 10px;
}

.flex-slide.home .flex-about {
  top: 87%;
}

.flex-slide.about .flex-about {
  top: 111%;
}

#dg-container {
  transform: scale(0.8);
}

.stagtegic h3 {
  text-transform: uppercase;
  color: #003855;
  letter-spacing: 2px;
}

.certification_content {
  padding-left: 32px;
}

.certification_content span {
  font-size: 35px;
  color: #003855;
  font-weight: 600;
  line-height: 45px;
  margin-bottom: 12px;
  display: block;
}

.certification_content p {
  font-size: 16px;
  text-align: justify;
  margin-bottom: 25px;
}

.certificate-btn a {
  color: #003855;
  background: #bcdce8;
  padding: 10px 30px;
  border-radius: 50px;
  float: right;
}

.certifiacate-contnet ul li {
  float: left;
  color: #000;
  font-size: 15px;
}

.certifiacate-contnet ul li:last-child a i {

  background: #1d7ba0;
  padding: 10px;
  border-radius: 50px;
  width: 25px;
  height: 25px;
  color: #fff;
  text-align: center;
  line-height: 5px;
}

.certifiacate-contnet p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
}

.certificate-items img {
  border: 2px solid #1d7ba0;
  border-radius: 20px;
  margin-bottom: 22px;
}

.main-slider-certificate .slick-arrow {
  background: #1d7ba0;
  top: -15px;
  width: 30px;
  height: 30px;
  left: 0px
}

.main-slider-certificate button.slick-next {
  left: 5%;
}

.about-us-western .title h2 {
  padding-left: 12px;
  margin-bottom: 22px;
}

.wave-design img {
  width: 30%;
  position: absolute;
  z-index: -1;
  transform: rotate(-7deg);
  left: 0;
  bottom: -177px;
}

.wave-md img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.about-us-western {
  background: #f2f4f5;
}

.wave-design-1 img {
  position: absolute;
  bottom: 0;
}

.wave-design-1 {
  position: absolute;
  width: 400px;
  height: 270px;
  bottom: 0;
}

.wave-md {
  height: 270px;
  width: 640px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.certification-and-starndards {
  background: #f2f4f5;
}

.wave-design-4 {
  height: 332px;
  width: 405px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.wave-design-4 img {
  position: absolute;
  bottom: 0;
}

.stagtegic-wave {
  width: 745px;
  height: 383px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.stagtegic-wave img {
  position: absolute;
  bottom: 0;
}

.services-wave {
  width: 595px;
  height: 392px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.service-img {
  position: relative;
  z-index: 9;
}

/* .service-img img {  position: relative;  z-index: 99;} */
.services-wave img {
  position: absolute;
  bottom: 0;
}


.news-wave {
  width: 522px;
  height: 214px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.news-wave img {
  position: absolute;
  bottom: 0;
  right: 0px;
}

.testimonials_section {
  position: relative;
  z-index: 9;
}

.testimonial-wave {
  width: 522px;
  height: 214px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.testimonial-wave img {
  position: absolute;
  bottom: 0;
  left: 0px;
}

.google-review-home {
  position: relative;
  z-index: 9;
}

div#feedback {
  z-index: 9;
}

/* .about-img {  padding-left: 30px;}
.about-img {  padding-left: 30px;} */
/* .right-content p {  padding-right: 5px;} */
.content h5 {
  padding-left: 45px;
}

#testimonialtop .title h6 {
  padding-left: 45px;
}

.our-services .title h4 {
  padding-left: 35px;
}

.experince-hook-design {
  margin-top: -95px;
}

.review-btn a {
  background: #bcdce8;
  padding: 10px 30px;
  border-radius: 50px;
  color: #000;
}

.about-content>span {
  background: #bcdce8;
  color: #2c3b55;
  padding: 5px 15px;
  display: inline-block;
  margin-bottom: 15px;
  border-radius: 8px;
}

.about-us-western .title h2 {
  color: #003855;
  font-weight: 600;
  font-size: 35px;
}

.left-minus {
  position: relative;
  left: -7%;
}

.clitle-logo h6 {
  font-weight: 600;
  color: #003855;
  font-size: 35px;
}


/* ul.social-media-side li:first-child {  background: #4867aa;  padding: 5px;  margin-bottom: 12px; color: #fff;     border-radius: 50px;}
ul.social-media-side li:nth-child(2) { background: #f09433;  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);   background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);   background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); padding: 5px;   margin-bottom: 12px;     border-radius: 50px;}
ul.social-media-side li:nth-child(3) {  background: #ff0000;  padding: 5px; margin-bottom: 12px;      border-radius: 50px;}
ul.social-media-side li:nth-child(4) {  background: #000;  padding: 5px;  margin-bottom: 12px;     border-radius: 50px;}
ul.social-media-side li:nth-child(5) {  background: #0073b2;  padding: 5px;  margin-bottom: 12px;     border-radius: 50px;} */
.social-media-side i {
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  border-right: 1px solid #fff;
}

/* ul.social-media-side li a:hover {  color: #fff !important;} */
div#homeenquiry-form h6 {
  font-size: 35px;
  font-weight: 600;
  color: #003855;
}

.faqs-side h6 {
  font-size: 48px;
  font-weight: 700;
  color: #003757;
}

.faqs-side p {
  font-size: 18px;
  text-align: justify;
  line-height: 28px;
  margin-top: 15px;
  color: #2c5974;
  font-weight: 500;
}

.faqs-side big {
  font-size: 30px;
  font-weight: bold;
  color: #3b79a3;
  font-family: "Montserrat", sans-serif;
}

.faqs-side>span {
  font-size: 24px;
  color: #003757;
  font-weight: 500;
}

.home-filed label {
  color: #013856;
}

.projects-division-inner>span {
  font-size: 30px;
  display: block;
  margin-bottom: 10px;
  color: #003855;
  font-weight: 600;
}

.projects-division-inner p {
  font-size: 17px;
  text-align: justify;
  margin-bottom: 22px;
}

.projects-division-inner .media span {
  font-size: 20px;
  margin-bottom: 10px;
  display: block;
  font-weight: 500;
}

.projects-division-inner .media-body ul {
  padding-left: 15px;
}

.projects-division-inner .media-body ul li {
  margin-bottom: 15px;
  list-style-type: disc;
  font-size: 16px;
  font-weight: 500;
}

.projects-division-inner .media img {
  border-radius: 15px;
  border: 1px solid #000;
}

img.single-img {
  width: 38%;
}

.projects-division-inner-image p {
  font-size: 30px;
  text-align: center;
  margin-top: 15px;
  color: #003757;
}

.projects-division-inner-image p span {
  color: #3b79a3;
}

.project-division-wave img {
  position: absolute;
  bottom: 0;
  right: 0px;
  z-index: -1;
}

.project-division h4 {
  color: #002C59;
  margin: 12px 0px;
}



/* CUSTOM CSS CODE */

#western-blog {
  padding: 30px 30px;
}

.blog-one p b {
  color: #002c59;
  font-size: 20px;
}

.blog-para-one {
  color: #397aa2;
  font-size: 18px;
}

.blog-image img {
  width: 100%;
  border-radius: 18px;
  margin-bottom: 19px;
}

.blog-para {
  text-align: justify;
  font-size: 14px;
  margin-top: 16px;
  color: #000 !important;
}

.blog-head {
  color: #000 !important;

}

.para-date {
  padding-left: 130px;
}

.blog-boxes {
  border-bottom: 4px solid #ccc;
}

.recent-image img {
  width: 100%;

}

.recent-blog-head {
  font-size: 15px;
}

.blog-one {
  padding: 0px 15px !important;
}

.blog-two {
  padding: 0px 15px !important;
}


.contact-box {
  background-color: #EaEaEa;
  padding: 14px 20px;
}

.contact-box h6 {
  font-weight: 500;
  font-size: 18px;
  color: #002c59;
}

.contact-box h4 {
  font-weight: 600;
  font-size: 33px;
  color: #002c59;
}

.contact-box h5 {
  font-weight: 700;
  font-size: 18px;
  color: #2f6182 !important;
}

.contact-box-image img {
  width: 100%;
}

.cont-detail ul li a {
  color: #002c59;
  font-size: 19px;
  font-weight: 500;
}

.blg-recent-para {
  text-align: justify;
}

.cont-detail i {
  background-color: #2f6182;
  color: #fff;
  padding: 5px;
  border-radius: 50%;
}

#conti {
  padding: 70px 0px;
}

#conti h2 {
  font-size: 55px;
  font-weight: 700;
  color: #1F466D;
}

.conti-sec p {
  font-size: 20px;
  color: #002C59;
  font-weight: 500;
}

.call-email-sec a {
  font-size: 18px;
  color: #002C59;
  font-weight: 500;

}

.call-email-sec i {
  font-size: 18px;
  color: #fff;
  background-color: #002C59;
  padding: 13px;
  border: 1px solid #000;
  border-radius: 50%;
}

.second-call {
  padding-left: 63px;
}

.first-call {
  padding-left: 13px;
}

.mailing a {
  padding-left: 14px;
}

textarea {
  height: 170px !important;

}

.conti-form input {
  border: 2px solid #000 !important;
  border-radius: 20px !important;
  height: 50px !important;
}

.conti-form label {
  color: #002C59;
  font-weight: 500;
}

.conti-btn button {
  background-color: #002C59;
  color: #fff;
  padding: 10px 60px !important;
  font-size: 17px;
  border-radius: 50px;
  border: none;
}

#conti {
  background-color: #fff;
}

.conti-info h6 {
  color: #002C59;
  font-size: 22px;
  font-weight: 600;
}

.conti-info p {
  font-size: 17px;
  font-weight: 500;
}

.first-conti-det {
  border: 2px solid #002C59;
  border-radius: 20px;
  padding: 14px;
  height: 400px;
  background-color: #fff;
}

.second-conti-det {
  border: 2px solid #002C59;
  padding: 14px;
  border-radius: 20px;
  background-color: #fff;
  height: 400px;
}




.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
}

.pagination a.active {
  background-color: #002C59;
  color: white;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
}

.western-blog {
  padding-left: 15px;
}

.conti-social-icons li a i {
  margin: 0px 5px;
  font-size: 18px;
  color: #fff;
  background-color: #002C59;
  padding: 13px;
  border: 1px solid #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.my-bread {
  font-weight: bold !important;
}

#western-about {
  padding: 60px 0px;
}

#western-about h2 {
  color: #002c59;
  font-weight: bolder;
  font-size: 24px;
}

#western-about h6 {
  font-size: 19px;
  color: #002c59;
  font-weight: 600;
}

#western-about p {
  font-weight: 500 !important;
  text-align: justify;
  font-size: 16px;
  color: #000;
}

.about-image img {
  border: 2px solid #3A7CA2;
  border-radius: 35px;

}

#vision {
  background-color: #F2F2F2 !important;
  padding: 18px;
}

#vision h3 {
  font-size: 28px;
  color: #002c59;
  font-weight: 600;
}

#vision p {
  font-weight: 500 !important;
  text-align: justify;
  font-size: 16px;
  color: #000;
}

.vision-image img {
  width: 100%;
}

.vision-data {
  padding: 0px 25px;
}

#point {
  padding: 50px 0px;
}

.point-image img {
  width: 50%;
}

.points-western h4 {
  color: #002c59;
  font-weight: bolder;
  font-size: 28px !important;
}

#point ul li {
  line-height: 40px;
  font-size: 16px;
  margin-bottom: 16px;
}


#point ul li b {
  color: #002c59;
}

.industry-image img {
  width: 200px;
  transform: skewX(20deg);
}

.industry-box {
  background-color: #C3E2F7;
  height: 200px;
  transform: skewX(-20deg);
}

.industry-box h6 {
  transform: skewX(20deg);
  text-align: center;
  font-size: 24px;
}

.third-img img {
  margin-top: 59px;
  width: 184px;
  margin-left: 3px;
  text-align: center;
}

.second-img img {
  margin-top: 44px;
  width: 180px;
  margin-left: 6px;
  text-align: center;
}

.first-img img {
  margin-top: 38px;
  margin-left: 6px;
  width: 177px;
  text-align: center;
}

#industries {
  padding: 50px 0px;
}


/* COUNTER SECTION CODE START */
#counter {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 40px 0px;
  width: 100%;
}

#counter .item {
  background: #C3E2F7;
  width: 250px;
  padding: 30px 0px;
  margin: 10px;
  text-align: center;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 38px -8px rgba(0, 0, 0, 0.34);
  -moz-box-shadow: 0px 0px 15px -8px rgba(0, 0, 0, 0.34);
  box-shadow: 0px 0px 15px -8px rgba(0, 0, 0, 0.34);
  position: relative;
  height: 280px;
}

#counter .item .count {
  color: #002c59;
  margin-bottom: 5px;
  font-size: 50px;
  font-weight: 600;
}

#counter .item h3 {
  color: #002c59;
  font-size: 16px;
  font-weight: 600;

}

.counter-heading {
  color: #002c59;
  font-size: 44px;
  letter-spacing: 2px;
}

.item i {
  font-size: 45px;
  color: #002C59;

}

/* COUNTER SECTION CODE END */
.industries-data h5 {
  color: #002C59;
}

#facilities {
  background-color: #F2F2F2;
  padding: 50px 0px;
}

.facility-image img {
  width: 100%;
  height: 450px;
  border-radius: 22px;
  box-shadow: 0px 0px 30px -8px rgba(0, 0, 0, 0.34);
  margin-top: 22px;
}

.facility-box p {
  text-align: center;
  font-size: 19px;
  color: #000;
  font-weight: 600;
  margin-top: 10px;
}

#facilities h5 {
  color: #002C59;
}

#safety {
  padding: 70px 20px;
}

.safety-img img {
  width: 100%;
}

.safety-box p {
  text-align: center;
  color: #002c59;
  font-size: 20px;
  font-weight: 600;
}

#western-gro {
  background-color: #F2F2F2;
  padding: 50px 0px;
}

#western-gro h6 {
  color: #002C59;
  font-size: 40px;
}

#western-gro p {
  color: #002C59;
  font-weight: 500;
  font-size: 17px;
}

#western-gro ul li {
  color: #002C59;
  font-weight: 500;
  font-size: 17px;
  list-style-type: square;

}

#western-gro ul {
  padding-left: 15px;
}

.group-image img {
  width: 100%;
  border: 2px solid #002C59;
  border-radius: 22px;
  height: 230px;
}

#industries {
  background-color: #F2F2F2;
}

#about-form {
  background: url(img/bg.jpg);
}

.my-about-form input {
  border: 2px solid #002C59;
  border-radius: 20px;
}

.my-about-form textarea {
  border: 2px solid #002C59 !important;
  border-radius: 20px;
}

.my-about-form label {
  color: #002C59;
  font-weight: 500;
}

#western-map h3 {
  color: #002C59;
  font-size: 45px;
  font-weight: bold;
}

.alig-western {
  align-items: center;
}

.my-wave-design-why-western {
  width: 383px !important;
  height: 250px;
  position: absolute;
  right: 0;
  bottom: 0;

}

.my-wave-design-why-western img {
  z-index: -1;

}

.wave-design-contact {
  position: absolute;
  left: 10px;
  top: 650px;
}

.conti-unit-btn button {
  border: none;
  border-radius: 18px;
  background-color: #002c59;
  padding: 8px 16px;
}

.conti-unit-btn button a {
  color: #fff;
}

#address-conti {
  background-color: #F2F2F2;
}

#business-about {
  padding: 50px 20px;
  background-color: #fff;
}

.business-about-image img {
  width: 100%;
}

.business-about-data h2 {
  color: #002C59;
  font-weight: 600;
  font-size: 35px;
}

.business-logo-img img {
  width: 100%;
  border: 2px solid #002C59;
  border-radius: 42px;
}

.business-about-data h6 {
  font-size: 27px;
  font-weight: 600;
  color: #002C59;
}

.business-about-data p {
  font-size: 20px;
  color: #000;
  font-weight: 500;
  margin-top: 15px;
  text-align: justify;
}

.wave-design-business {
  position: absolute;
  top: 593px;
}

#expi {

  background-color: #F2F2F2;
}

#sectors {
  padding: 50px 0px;
  background-color: #F2F2F2;
}

#sectors p {
  margin-top: 12px;
  color: #2f6182;
  font-weight: 500;
  font-size: 16px;
  text-align: justify;
}

.sectors-image img {

  transform: skewX(20deg);
}

.first-sector img {
  width: 120px;
  margin-left: 33px;
  margin-top: 12px;
}

.second-sector img {
  width: 120px;
  margin-left: 36px;
  margin-top: 11px;
}

.third-sector img {
  width: 150px;
  margin-left: 25px;
  margin-top: 15px;
}

.four-sector img {
  width: 113px;
  margin-left: 29px;
  margin-top: -1px;
}

.five-sector img {
  width: 180px;
  margin-left: -9px !important;
  margin-top: 75px !important;
}

.six-sector img {
  width: 170px;
  margin-left: -15px;
  margin-top: 56px;
}

#sectors h6 {
  text-align: center;
  transform: skewX(20deg);
  font-size: 24px;
}

.sector-box {
  background-color: #C3E2F7;
  transform: skewX(-20deg);
  height: 250px;
}

.electric-sector {
  background-color: #002C59;
}

.entity-heading {
  font-size: 50px;
  color: #002C59;
}

.western-ent img {
  width: 100%;
  border: 2px solid #002C59;
  border-radius: 22px;
}

.western-dot img {
  width: 280px;
  margin-left: 18px;
}

#entities {

  padding: 50px 0px;
}

#entities p {
  font-size: 16px;
  font-weight: 500;
  text-align: justify;
}

.enty-faq {
  font-weight: 600;
  font-size: 22px;
}

#roadmap {
  padding: 50px 0px;
  background-color: #F2F2F2;
}

#roadmap h6 {
  font-size: 32px;
  color: #002C59;
  font-weight: 600;
}

.road-map-image img {
  width: 100%;
}

.road-list {
  text-align: end;
}

.road-list li img {
  width: 50px;
}

.road-list li b {
  color: #002c59;
  font-size: 22px;
}

.road-list li {
  font-size: 20px;
  color: #000;
  margin-left: 20px;
  font-weight: 500;
  line-height: 55px;
}

.first-business-item {
  margin-right: 54px;
}

.third-business-item {
  margin-right: 98px;
}

.four-business-item {
  margin-right: 95px;
}

.western-faqs li {
  list-style-type: square;
}

.western-fa-para p {
  font-size: 14px !important;
}

.western-faqs {
  padding-left: 15px;
}

.project-about-image img {
  width: 100%;
  border: 2px solid #002C59;
  border-radius: 22px;
}

#project {
  padding: 80px 0px;
}

.project-about-data h2 {
  font-size: 25px;
  color: #002C59;
  font-weight: 700;
}

.project-about-data p {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: justify;
}


#project-why {
  padding: 50px 0px;
  background-color: #F2F2F2;
}

.project-why-para h3 {
  color: #002C59;
  font-weight: 600;
  margin-bottom: 19px;
  font-size: 24px;
}

.project-why-para p {
  color: #000;
  font-weight: 500;
  font-size: 18px;
  text-align: justify;
}

.project-why-image img {
  width: 100%;
  border-radius: 22px;
  border: 2px solid #002c59;
}

#core {
  padding: 50px 15px;
}

.core-data h4 {
  color: #002C59;
  font-weight: 600;
  font-size: 24px;
}

.core-data p {
  text-align: justify;
  color: #002C59;
  font-weight: 500;
  font-size: 16px;
}

.core-image img {

  width: 150px;
}

.core-boxes p {
  font-size: 18px;
  font-weight: 600;
  color: #002c59;
  letter-spacing: 1px;
}

.core-box {
  background-color: #C3E2F7;
  height: 250px;
  border-radius: 25px;
}

.core-data {
  padding: 0px 16px;
}

.core-boxes {
  padding: 0px 26px;
}

.contract-image img {
  width: 100%;
}

#contract {
  padding: 50px 0px;
  background-color: #F2F2F2;
}

.contract-data h5 {
  color: #002C59;
  font-size: 24px;
  font-weight: 500;
}

.contract-data p {
  font-size: 16px;
  font-weight: 500;
  text-align: justify;
}

.first-pro-service h6 {
  color: #636363;
  letter-spacing: 3px;
}

#project-service {
  background-color: #F2F2F2;
  padding: 55px 0px;
}

.pro-list-heading {
  color: #000;
  font-size: 59px;
  font-weight: bolder;
}

.pro-list-two-heading {
  color: #002C59;
  font-weight: bolder;
  font-size: 59px;
}

.service-box-heading-one {
  font-size: 21px;
  color: #000;
  font-weight: 600;

}

.service-box-heading-two {
  font-size: 21px;
  color: #002c59 !important;
  font-weight: 600;
}

.first-pro-service i {
  font-size: 25px;
  color: #002c59;
  line-height: 40px;
}

.first-pro-service span {
  font-size: 18px;
  color: #636363;
  font-weight: 600;

}

.project-service-box {
  border-radius: 22px;
}

.second-pro-service i {
  font-size: 25px;
  color: #002c59;
  line-height: 40px;
}

.second-pro-service span {
  font-size: 18px;
  color: #636363;
  font-weight: 600;

}

.project-service-list-btn {
  text-align: end;
}

.second-pro-service {
  margin-top: 72px;
}

.project-item-image img {
  width: 100%;
  border: 3px solid #000;
  border-radius: 22px;
  height: 320px;
}

.project-item h4 {
  font-size: 21px;
  color: #002c59;
  text-align: center;
}

#project-slido {
  padding: 70px 29px;
  background-color: #F2F2F2;
}


.slick-prev:before,
.slick-next:before {
  color: #002c59 !important;
  font-size: 35px;
}

.key-project-image img {
  width: 100%;
  height: 274px;
  border: 3px solid #002C59;
  border-radius: 32px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.key-project-box h6 {
  color: #002C59;
  text-align: center;
}

#key-projects h6 {

  color: #002C59;
  font-size: 35px;
  letter-spacing: 3px;
  margin-bottom: 14px;
}

#key-projects {
  background-color: #fff;
  padding: 70px 29px;
}

#key-projects p {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  margin-top: 12px;
}

#client {
  padding: 40px 0px !important;
  background-color: #F2F2F2;
}

#client h2 {
  color: #002c59;
  font-size: 32px;
  text-align: center;
}

.key-project-heading {
  color: #002C59;
}

.service-about-data img {
  margin-left: 45px;
}

.service-about-data p b {
  font-size: 24px;
}

.service-about-data h2 {
  font-size: 40px;
  font-weight: 800;
}

.service-about-para {
  font-size: 18px;
  font-weight: 500;
  text-align: justify;

}

.btn-one {
  background-color: #002C59;
  padding: 10px 29px;
  border: none;
  border-radius: 10px;
}

.btn-one a {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

.btn-two {
  background-color: #fff !important;
  border: 3px solid #C3E2F7 !important;
  padding: 9px 29px;
  border-radius: 10px;
}

.btn-two a {
  color: #000;
  font-size: 20px;
  font-weight: 800;
}

.service-num h6 {
  color: #002C59;
  font-weight: 800;
  font-size: 42px;
}

.service-num p {
  color: #A0A0A0;
  font-size: 15px;
  font-weight: 700;
}

.service-about-image img {
  width: 100%;
  position: absolute;
  bottom: -21px;
  right: 10px;
}

.service-about-two-image img {
  width: 100%;
  border: 2px solid #002c59;
  border-radius: 22px;
  height: 470px;
}

#service-about-two {
  padding: 50px 30px;
  background-color: #f2f2f2;
  margin-top: 21px;
}

#service-about-two h2 {
  color: #002C59;
  font-size: 32px;
  font-weight: 700;
}

#service-about-two p {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  text-align: justify;
  line-height: 25px;
}

.service-color-para {
  color: #002c59 !important;
}

.service-list-box-image img {
  width: 100%;
}

#service-list-box-one {
  background-color: #C3E2F7 !important;
  height: 265px;
}

#service-list-box-two {
  background-color: #C3E2F7 !important;
}

#service-slido {
  padding: 50px 30px;
}

.service-slide-image img {
  width: 100%;
  border: 2px solid #000;
  border-radius: 22px;
  height: 400px;
}

.service-list-item h6 {
  font-size: 21px;
  color: #002c59;
  margin-top: 10px;
  font-weight: 600;
}

#package {
  padding: 50px 0px;
  background-color: #f2f2f2;
}

.service-package-one h4 {
  font-size: 44px;
  font-weight: 700;
  color: #000;
}

.package-image img {
  width: 100%;
}

.first-pack-para {
  background-color: #fff;
  padding: 18px;
  padding-left: 55px;

}

.first-pack-para h4 {
  color: #002c59;
  font-size: 26px;
}

.first-pack-para p {
  color: #a2a2a2 !important;
  font-weight: 600;
  font-size: 18px;
}

.first-pack-para ul {
  list-style-type: square;
  padding-left: 15px;
}

.first-pack-para ul li {
  color: #000;
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
}

.package-image img {
  width: 100%;
  border: 2px solid #002c59;
  border-radius: 17px;
  position: absolute;
  left: 35px;
  top: 9px;
  z-index: 99;
  height: 200px;
}

.second-pack-image img {
  width: 282px;
  border: 2px solid #002c59;
  border-radius: 14px;
  position: absolute;
  top: 50px;
  right: 49px;
}

.service-package-two {
  padding: 19px;
  margin-top: 84px;
}

.service-package-two h4 {
  font-size: 20px;
  color: #002c59;
  font-weight: 600;
  margin-bottom: 10px;
}

.service-package-two p {
  color: #a2a2a2 !important;
  font-weight: 600;
  font-size: 16px;
}

.service-package-two ul {
  list-style-type: square;
  padding-left: 15px;
}

.service-package-two ul li {
  color: #000;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

#service-form {
  background-color: #f2f2f2 !important;
}

#service-form .contact-box {
  background-color: #F2F2F2;
}

.marg-head {
  margin-top: 69px;
}

#service-about-custo {

  padding: 0px 25px;
}

.product-about-data h2 {
  color: #002C59;
  font-weight: 700;
  margin: 10px 0px;
  font-size: 25px;
}

.product-about-data h6 {
  color: #002C59;
  font-weight: 600;
  font-size: 20px;
}

.product-about-data p {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  text-align: justify;
}

#product-key {
  background-color: #f2f2f2 !important;
}

.product-image img {
  width: 100%;
}

.product-box h5 {
  color: #002C59;
  font-weight: 600;
}

#ht-products {
  padding: 50px 0px;
}

.certi-image img {
  width: 100%;
}

.certi-para p {
  font-size: 18px;
  color: #000;
  font-weight: 500;
  text-align: justify;
}

.certi-head h2 {
  color: #002c59;
  font-size: 34px;
  margin-bottom: 14px;
  font-weight: 600;
}

#certi-pro {
  background-color: #f2f2f2;
  padding: 40px 0px;
}

.plus-head {
  position: absolute;
  left: 82%;
  top: 45%;
  font-size: 55px;
  color: #002c59;
}

.item-icon-images img {
  width: 100px;
  height: 100px;
}

.kv-head {
  position: absolute;
  left: 52%;
  top: 50%;
  font-size: 40px;
  color: #002c59;
}

.three-three {
  margin-right: 81px;
}

.tta-image img {
  width: 100%;
}

.tta-about-para h2 {
  color: #002C59;
  font-size: 25px;
  font-weight: 700;
}

.tta-about-para h6 {
  color: #002C59;
  font-size: 23px;
  font-weight: 600;
  margin-top: 13px;
}

.tta-about-para p {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-top: 17px;
  text-align: justify;
}

.tta-certi-image img {
  width: 100%;
}


.tta-certi-para h2 {
  color: #002C59;
  font-size: 33px;
  font-weight: 600;
}

#tta-certificate {
  background-color: #f2f2f2;
  padding: 50px 0px;
}

.tta-certi-para p {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-top: 17px;
  text-align: justify;
}

.tta-key-image img {
  width: 75%;
}

.tta-key-image {
  text-align: center;
}

.tta-key-para h2 {
  color: #002C59;
  font-size: 33px;
  font-weight: 600;
}

.tta-key-para p {
  color: #000;
  font-weight: 500;
  margin-top: 10px;
  font-size: 16px;
  text-align: justify;
}

#tta-key {
  padding: 50px 0px;
}

.tta-modular-image img {
  width: 100%;
}

#tta-modular {
  background-color: #f2f2f2;
  padding: 40px 0px;
}

.tta-modular-para h2 {
  color: #002C59;
  font-size: 33px;
  font-weight: 600;
}

.tta-modular-para p {
  color: #000;
  font-weight: 500;
  margin-top: 10px;
  font-size: 16px;
  text-align: justify;
}

.modal-one-image img {
  width: 175px;
}

.modal-two-image img {
  width: 134px;
}

.modal-three-image img {
  width: 203px;
}

#modal-sec {
  background-color: #3EBC54;
  padding: 50px 25px;
}


#modal-sec h5 {
  font-size: 45px;
  color: #fff;
}

#modal-sec h6 {
  font-size: 20px;
  color: #fff;
  margin-top: 14px;
}

.modal-boxes h6 {
  color: #fff;
  font-size: 20px;
}

.tta-industry-para {
  color: #002c59;
  font-size: 16px;
  text-align: justify;
}

.first-tta-img img {
  width: 174px;
  margin-top: 38px;
  margin-left: 8px;
}

.second-tta-img img {
  width: 197px;
  margin-top: 30px;
  margin-left: 1px;
}

.third-tta-img img {
  width: 185px;
  margin-top: 30px;
  margin-left: 1px;
}

.tta-theater-image img {
  width: 100%;
  border-radius: 22px;
  border: 2px solid #002C59;
}

/* .map-image img{
  width: 75%;
} */
.map-image {
  text-align: center;
}

.map-para p {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
}

.map-para h6 {
  margin-top: 20px;
  font-size: 22px;
  font-weight: 600;
  color: #002C59;

}

#tta-map {
  padding: 45px 20px;
  background-color: #f2f2f2;
}

#tta-form {
  padding: 40px 20px;
  background-color: #f2f2f2;
}

#tta-form h2 {
  color: #002C59;
  font-weight: bold;
  font-size: 55px;
  margin-top: 12px;
}

#tta-form h4 {
  color: #1D7BA0;
  font-weight: 600;
  font-size: 32px;
  margin-top: 16px;
}

#tta-form h6 {
  color: #000;
  font-weight: 400;
  font-size: 25px;
}

.tta-form-image img {
  width: 100%;
}

.ctpt-about-image img {
  width: 400px;
}

.ctpt-about-para h2 {
  color: #002C59;
  font-size: 24px;
  font-weight: 600;
}

.ctpt-about-para h6 {
  color: #002C59;
  font-size: 18px;
  font-weight: 600;
  margin-top: 16px;
}

.ctpt-about-para p {
  font-size: 16px;
  margin-top: 14px;
  font-weight: 500;
  text-align: justify;
}

#ctpt {
  padding: 40px 0px;
}

.ctpt-key-image img {
  width: 70%;
}

.key-para h2 {
  color: #002c59;
  font-size: 60px;
  font-weight: 600;
}

.key-para {
  padding: 0px 75px;
}

.key-para ul {
  margin-top: 22px;
}

.key-para ul li {
  font-size: 16px !important;
}

.key-para ul li b {
  font-size: 16px !important;
}

#ctpt-key {
  background-color: #f2f2f2;
}

.custo-sec-image img {
  width: 100%;
}

.custo-sec-image h2 {
  color: #002c59;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 14px;
}

.custo-sec-para p {
  font-size: 16px;
  font-weight: 500;
  text-align: justify;
}

.custo-sec-para ul li {
  font-size: 16px;
  font-weight: 500;
  text-align: justify;
  margin-top: 16px;
}

#custom-sec {
  padding: 40px 0px;
}

.ctpt-pro-image img {
  width: 100%;
  height: 350px;
}

.ctpt-pro-data h6 {
  font-size: 22px;
  color: #002c59;
  text-align: center;
  margin-top: 12px;
}

#ctpt-pro h2 {
  color: #002C59;
  font-size: 30px;
  font-weight: 700;
}

#ctpt-form {
  background-color: #f2f2f2;
}

.ctpt-form-box {
  background-color: #f2f2f2;
}

.bus-about-image img {
  width: 100%;
  border: 2px solid #002C59;
  border-radius: 13px;
  height: 580px;
}


.bus-key-image img {
  width: 350px;
}

.bus-key-para h2 {
  font-size: 40px;
  color: #002c59;
}

.bus-key-para ul {
  margin-top: 26px;
}


.bus-key-para ul li {
  font-size: 16px;
  text-align: justify;
  font-weight: 500;
  margin-bottom: 20px;
}

.type-image img {
  width: 100%;
  border: 2px solid #002C59;
  border-radius: 14px;
}

#type-bus h4 {
  font-size: 30px;
  color: #002c59;
  font-weight: 600;
}

#type-bus {
  padding: 40px 0px;
}

.type-bus-para ul li {
  font-size: 16px;
  line-height: 41px;
}

.type-bus-para ul li b {
  color: #002C59;
}

#bus-form {
  background-color: #f2f2f2;
  padding: 40px 0px;
}

.bus-form-image img {
  width: 280px;
}

.bus-form-data h6 {
  font-weight: 500;
  font-size: 18px;
  color: #002c59;

}

.bus-form-data h4 {
  font-weight: 600;
  font-size: 28px;
  color: #002c59;

}

.bus-form-data h2 {
  color: #002c59;
  font-size: 60px;
  font-weight: 600;
}

.sub-banner-image img {
  width: 100%;
}

.bus-key-image img {
  border: 2px solid #002c59;
  border-radius: 14px;
}

.type-image-typo img {
  width: 100%;
  border: 2px solid #002c59;
  border-radius: 14px;
}

.type-trunking-para li {
  font-size: 16px;
  text-align: justify;
  margin-top: 11px;
}

.cable-about-image img {
  width: 400px;
  border: 2px solid #002C59;
  border-radius: 22px;
}

#cable-tray {
  padding: 50px 0px;
}

.cable-para h2 {
  color: #002c59;
  font-size: 24px;
  font-weight: 600;
}

.cable-para h6 {
  color: #002c59;
  font-size: 24px;
  font-weight: 500;
}

.cable-para p {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  text-align: justify;
}

.key-para h2 {
  color: #002c59;
  font-size: 32px;
  font-weight: 600;
}

.key-para ul li {
  color: #002c59;
  font-size: 17px;
  font-weight: 500;
  text-align: justify;
}

.key-cable-image img {
  width: 400px;
  border: 2px solid #002C59;
  border-radius: 22px;
}

.sub-banner-image img {
  width: 100%;
}

.type-image img {
  width: 100%;
}

.cable-type-tray-para ul li b {
  color: #002c59;
  line-height: 30px;
  font-size: 16px;
}

.cable-type-tray-para ul li {

  line-height: 30px;
  font-size: 16px;
  font-weight: 500;
  text-align: justify;
}

#key-cable-tray {
  background-color: #f2f2f2;
  padding: 40px 0px;
}

.infra-about-image img {
  width: 100%;
}

.infra-about-para h2 {
  color: #002c59;
  font-size: 25px;
  font-weight: 600;
}

.infra-about-para span {
  color: #002c59;
  font-size: 19px;
  font-weight: 600;
  margin-top: 18px;
}

.infra-about-para p {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-top: 12px;
  text-align: justify;
}

.infra-facility-image img {
  width: 100%;
  height: 450px;
}

.infra-facility-box p {
  margin-top: 8px;
  color: #000;
  font-weight: 600;
  text-align: center;
  font-size: 16px;
}

#infra-facility {
  background-color: #f2f2f2;
  padding: 40px 0px;

}

#infra-facility h3 {
  color: #002c59;
  margin: 8px 0px;
  font-size: 30px;
  font-weight: 600;
}

.infra-equi-image img {
  width: 100%;
}

.infra-equi-box p {
  text-align: center;
  color: #000;
  font-weight: 600;
  margin-top: 8px;
}

.infra-equi-box p a {
  color: #002c59;
  font-size: 16px;
}

#infra-equip {
  padding: 50px 0px;
}

#infra-equip h4 {
  color: #002c59;
  margin: 8px 0px;
  font-size: 30px;
  font-weight: 600;
}


#infra-equip span {
  color: #000;
  margin: 8px 0px;
  font-size: 20px;
  font-weight: 600;
}

#infra-equip p {
  text-align: center;
  color: #000;
  font-weight: 600;
  margin-top: 8px;
  font-size: 16px;
}

.testing-image img {
  width: 300px;
  border: 2px solid #002c59;
  border-radius: 14px;
}

.infra-testing-para p {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  margin: 12px 0px;
}

.western-fa p {
  font-size: 18px;
  color: #000;
  font-weight: 600;
}

#infra-fa h5 {
  color: #002c59;
  font-size: 30px;
  font-weight: 600;
}

#infra-fa {
  padding: 50px 0px;
  background-color: #f2f2f2;
}

.manage-para h2 {
  font-size: 24px;
  color: #002c59;
  margin: 12px 0px;
}

.manage-para h3 {
  font-size: 22px;
  color: #002c59;
  margin: 12px 0px;
}

.manage-para h4 {
  font-size: 22px;
  color: #002c59;
  margin: 12px 0px;
}

.manage-para p {
  font-size: 16px;
  color: #000;
  margin: 10px 0px;
  text-align: justify;
}

.management-image img {
  width: 70%;
  border: 2px solid #002c59;
  border-radius: 14px;
}

.management-image-two img {
  width: 420px;
  border: 2px solid #002c59;
  border-radius: 14px;
}

#management-second {
  background-color: #f2f2f2;
}

#management-three {
  background-color: #f2f2f2;
}

.certification p {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.full-banner-para h2 {
  color: #002c59;
  font-weight: 700;
  font-size: 45px;
  letter-spacing: 2px;
}

.full-banner-para h6 {
  color: #002c59;
  font-weight: 600;
  font-size: 25px;

}

.full-banner-para p {
  color: #000;
  font-weight: 500;
  font-size: 18px;
  margin-top: 16px;
}

.full-banner-para span {
  margin-left: 91px;
  color: #002c59;
  font-weight: 600;
  font-size: 25px;

}

.full-banner-para {
  background-color: #C3E2F7;
  border: 2px solid #002c59;
  padding: 14px;
  border-radius: 18px;
  margin-top: 99px;
}

#business-full-banner {
  background-image: url(img/full-banner-back.png);
  background-size: cover;
  min-height: 100vh;
  background-position: center;
}

.full-banner-counter {
  margin-top: 99px;
}

.full-banner-boxes {
  background-color: #3B79A3;
  margin-top: 12px;
}

.full-banner-boxes h2 {
  color: #fff;
  font-size: 38px;
  font-weight: 700;
}

.full-banner-boxes h6 {
  color: #fff;
  font-size: 28px;
}

.full-banner-counter {
  background-color: #C3E2F7;
  padding: 14px;
  border-radius: 18px;
}

.business-page-heading h3 {
  color: #002c59;
  letter-spacing: 4px;
  font-size: 38px;
}

.business-page-heading p {
  color: #000;

  font-size: 20px;
}

#business-verti {
  background-color: #f2f2f2;
}

.business-map-para h4 {
  color: #002C59;
  font-weight: 800;
  font-size: 38px;
}

.business-map-para span {
  color: #002C59;
  font-size: 22px;
  font-weight: 600;
  margin-top: 14px;
}

.business-map-para p {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-top: 14px;
  text-align: justify;
}

#business-map {
  padding: 50px 0px;
}

.business-brand-heading h2 {
  text-align: center;
  color: #002C59;
  font-weight: 600;
}

.compact-image img {
  width: 60%;
  border: 2px solid #002C59;
  border-radius: 12px;
}

.related-product-image img {
  border: 2px solid #002C59;
  border-radius: 12px;
}

.compact-para h2 {
  color: #002C59;
  font-weight: 600;
  font-size: 25px;
}

.compact-para h6 {
  color: #002C59;
  font-weight: 600;
  font-size: 24px;
  margin-top: 11px;
}

.compact-para p {
  color: #000;
  font-weight: 500;
  font-size: 16px;
  margin-top: 16px;
  text-align: justify;
}

#compact-about {
  padding: 50px 0px;
}

.integrator-data .int-span-two {
  font-size: 20px;
  color: #000;
  font-weight: 600;
}

.integrator-data span {
  font-size: 70px;
  color: #002C59;
  font-weight: 800;
}

#integrator {
  background-color: #C3E2F7;
}

.data-one-css {
  border-right: 3px solid #C3E2F7;

}

.key-css-para ul li {
  font-size: 16px;
  text-align: justify;
  margin-top: 12px;
}

.key-css-para h2 {
  color: #002c59;
  font-weight: 600;
  font-size: 25px;
}

.key-css-image img {
  border-radius: 12px;
  border: 2px solid #002c59;
}

#key-css {
  background-color: #f2f2f2;
  padding: 12px 0px;
}

.lt-about-para h2 {
  color: #002C59;
  font-weight: 600;
  font-size: 25px;
}

.lt-about-para h3 {
  color: #002c59;
  font-size: 22px;
  margin: 14px 0px;
}

.lt-about-para h6 {
  color: #002C59;
  font-weight: 600;
  font-size: 22px;
  margin-top: 14px;
}

.lt-about-para p {
  color: #000;
  font-weight: 500;
  font-size: 16px;
  margin-top: 8px;
  text-align: justify;
}

#lt-about {
  padding: 50px 0px;
}

.item h6 {
  font-size: 12px !important;
}

.product-box h5 {
  font-size: 17px;
}

.first-css-image img {
  width: 100%;
}

.second-css-image h6 b {
  color: #002C59;
  font-size: 14px !important;
}

.second-css-image p {
  text-align: justify !important;
}

#lt-switch h2 {
  text-align: center;
  color: #002C59;
  font-weight: 500;
  font-size: 34px;
}

.switch-images img {
  width: 100px;
}

.lt-switch-box {
  background-color: #DCF0FA;
  width: 200px;
  height: 100px;
}

#lt-switch {
  background-color: #f2f2f2;
  padding: 40px 0px;
}


.product-det-form {
  background-color: #f2f2f2;
  padding: 10px;
}

.product-det-contbox {
  background-color: #C3E2F7;
  margin-top: 20px;
}

.my-about-form h4 {
  text-align: center;
  font-weight: 600;
  font-size: 33px;
  margin-bottom: 15px;
}

.product-detail-image img {
  width: 100%;
  border-radius: 12px;
  border: 2px solid #00286a;
}

.product-detail-para h2 {
  font-size: 40px;
  color: #00286a;
  font-weight: 600;
}

.product-detail-para p {
  text-align: justify;
  font-size: 16px;
  margin-top: 6px;
  margin-bottom: 20px;
}

.product-detail-para p strong {
  font-size: 16px;
}

.product-detail-content h2 {
  font-size: 40px;
  border-bottom: 2px solid #00286a;
}

.product-list-heading {
  font-size: 25px;
  color: #00286a;
}

.product-detail-list li {
  font-size: 18px !important;
  list-style-type: square;
  line-height: 32px;
}

.western-pro-det p {
  font-size: 15px;
}

.sub-head-list {
  overflow-y: scroll;
  max-height: 315px;
  background-color: #35769c !important;
  margin-top: 8px !important;
}

.sub-head-list li a {
  color: #fff !important;
}

.navbar-nav .nav-item a:hover {
  background-color: #35769c !important;
  color: #fff !important;
}

.western-breadcrumb {
  background-color: #C3E2F7;
}

.breadcumb-box {
  background-color: #35769c;
  border-radius: 0px 22px 22px 0px;
}

.west-bread-list {
  text-align: center;
  margin-top: 20px;
}

.west-bread-list li a {
  font-size: 20px;
}

.west-bread-list li {
  font-size: 20px;
}

.western-career img {
  width: 60%;
  border: 3px solid #3A7CA2;
  border-radius: 35px !important;
}

.career-para p {
  font-size: 18px;
  line-height: 25px;
}

.career-para h2 {
  margin-bottom: 20px;
  color: #00286a;
  font-size: 40px;
}

.career-heading h2 {
  color: #00286a;
  text-align: center !important;
  font-size: 40px;
}

.career-heading h3 {
  color: #00286a;
  text-align: center !important;
  font-size: 40px;
}

.recent-opening h4 {
  font-size: 26px;
  color: #3A7CA2;
  border-bottom: 1px solid #3A7CA2;
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 8px;
}

.recent-opening p {
  font-size: 18px;
  text-align: justify;
}

.recent-opening {
  border: 3px dotted #00286a;
  padding: 18px;
  border-radius: 22px;
}

#opening {
  padding: 50px 0px;
}

.main-title h2 {
  color: #00286a;
  text-align: center !important;
  font-size: 40px !important;
}

.my-marg {
  margin-right: 0px !important;
}

.certification p {
  text-align: justify;
}


#pro-detail h2 {
  font-size: 20px;
  color: #00286a;
  margin: 14px 0px;
}

.product-detail-para h3 {
  font-size: 20px;
  color: #00286a;
  border-bottom: 2px solid #00286a;
  margin-top: 18px;
}

.product-detail-para h4 {
  font-size: 20px;
  color: #00286a;
  border-bottom: 2px solid #00286a;
  margin: 14px 0px;
}

.product-detail-para ol li {
  font-size: 16px;
  list-style-type: square !important;
}

.product-detail-para ol {
  margin-top: 18px;
}

.western-lt-product-detail-side h4 {
  font-size: 33px;
  font-weight: 600;
}

.lt-product-block {
  background-color: #C3E2F7;
  border-radius: 18px;
}

.lt-product-block p {
  font-size: 18px;
  font-weight: 500;
  color: #00286a;
}

.lt-product-block h6 {
  color: #00286a;
  font-size: 21px;
  margin-bottom: 10px;
  font-weight: bold;
}


.blog-text h3 {
  font-size: 22px;
  color: #00286a;
  margin: 15px 0px;
}

.blog-text h2 {
  font-size: 28px;
  color: #00286a;
  margin: 15px 0px;
}

.blog-text h4 {
  font-size: 22px;
  color: #00286a;
  margin: 15px 0px;
  
}

.blog-text ol li strong {
  color: #00286a;
}

.blog-text ol {
  margin-top: 15px;
}

.blog-text ol li {
  list-style-type: square;
  margin-top: 15px;
}

.crecent-post h3 {
  font-size: 28px;
  color: #00286a;
  margin-top: 40px;
}

.blog-content-last ul li strong {
  color: #00286a;

}

.blog-content-last ul li {
  list-style-type: square;
  margin-top: 6px;
}

.blog-content-last ul {
  padding-left: 35px;
}

.blog-text i {
  margin-right: 15px;
}

.safety-about-three {
  margin-top: 73px;
}

.slick-prev {
  display: none !important;
}

.slick-next {
  display: none !important;
}


.safety-img.safety-about-three {
  margin-top: 45px;
}

.conti-form textarea {
  border: 2px solid #000;
  border-radius: 20px;
}

.cable-type-tray-para li {
  margin-bottom: 20px;
}

.related-product-image img {
  height: 460px;
}

.product-detail-content li {
  margin-bottom: 17px;
}

.mail-sec {
  margin-left: 50px;
}

#privacy {
  padding: 50px 20px;
}

.privacy-para p {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  margin: 25px 0px;
}

.privacy-para span {
  color: #002C59;
  font-weight: 600;
  font-size: 19px;
}

.privacy-points-cont h2 {
  color: #002C59;
  font-size: 28px;
}

.privacy-points-cont h3 {
  color: #002C59;
  font-size: 28px;
}

.privacy-points-cont h4 {
  color: #002C59;
  font-size: 28px;
}

.privacy-points-cont h5 {
  color: #002C59;
  font-size: 28px;
}
.privacy-points-cont h6 {
  color: #002C59;
  font-size: 28px;
}


.privacy-points-cont span {
  color: #002C59;
  font-size: 18px;
  font-weight: 600;

}

.privacy-points-cont ul li {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: justify;
  margin-bottom: 10px;
}

.privacy-points-cont ul {
  margin-top: 18px;
}

.privacy-points-cont ul li i {
  color: #002c59;
}

.privacy-image-sec img {
  width: 100%;
  border: 3px solid #002C59;
  border-radius: 18px;
}

.privacy-points-cont p {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  margin-top: 18px;
}

.privacy-points-cont li a {
  color: #002c59;
  font-size: 18px;
}

.para-date {
  padding-left: 150px;
}

.my-about-form .form-heading {
  font-size: 25px;
  font-weight: 600;
  color: #002C59;

}

.cont-pro-one {
  font-weight: 500;
  font-size: 18px;
  color: #002c59;
}

.cont-pro-two {
  font-weight: 600;
  font-size: 33px;
  color: #002c59;

}

.cont-pro-three {
  font-weight: 700;
  font-size: 18px;
  color: #2f6182 !important;
}

.pro-key-span {
  font-size: 25px;
  font-weight: 600;
}

.pro-bottom-boxes-side-one {
  color: #00286a;
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}

.pro-bottom-boxes-side-two {
  font-weight: 500;
  font-size: 25px;
}

.industries-data h4 {
  color: #002c59;
  font-size: 22px;

}

.industry-box p {
  color: #000;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}

.related-products h5 {
  color: #002c59;
  margin-left: 30px;
  font-size: 20px;
}

.pro-det-main-head {
  font-size: 24px;
  color: #002c59;
  font-weight: 500;
}

.product-detail-para h5 {
  color: #002C59;
  margin: 14px 0px;
  font-size: 20px;
}

.product-detail-para h3 {
  margin: 14px 0px;
}

.related-product-image img {
  border: 2px solid #002C59;
  border-radius: 12px;
  height: 300px;
}

.product-detail-para ul li {
  font-size: 16px;
  list-style-type: square !important;
}

.product-detail-para li {
  margin-bottom: 6px;
}

.product-detail-para ul {
  margin-top: 18px;
  padding-left: 20px;
}

.product-detail-para p a {
  font-size: 16px;
  font-weight: 500;
}

.ht-counter-boxes {
  font-size: 16px;
  font-weight: 600;
  color: #002c59;
}

.product-box p {
  font-size: 18px;
  font-weight: 500;
  color: #002c59;
}

#certi-pro h5 {
  color: #002C59;
  margin: 14px 0px;
}

#client h5 {
  text-align: center;
  color: #002c59;
  font-size: 23px;
  font-weight: 600;
}

.ht-sub-head-main {
  color: #002c59 !important;
  font-weight: 600 !important;
}

.lt-counter-main-head {
  color: #002C59;
  font-size: 20px;
  font-weight: 600;
  display: block !important;
}

#lt-switch h5 {
  text-align: center;
  color: #002c59;
}

.product-about-data p {
  font-size: 16px;
}

.tta-certi-para h3 {
  color: #002C59;
  font-size: 24px;
}

.tta-key-para h4 {
  color: #002c59;
  font-size: 24px;
}

.product-box p a {
  color: #002c59 !important;
  font-size: 16px !important;
}

.tta-key-para p b {
  font-size: 16px;
}

.tta-modular-para h5 {
  color: #002C59;
}

#modal-sec p {
  color: #fff;
  font-size: 16px;
}

.tta-modular-para h6 {
  font-size: 22px;
  color: #002c59;
  font-weight: 600;
}

.integrator-data .int-third {
  color: #000;
  font-size: 18px;
}

.int-third-sub-head {
  font-size: 16px;
}

.key-para h3 {
  color: #002C59;
  font-size: 24px;
  font-weight: 600;
}

.custo-sec-image h4 {
  color: #002c59;
}

#ctpt-pro h5 {
  color: #002c59;
}

.ctpt-pro-data p {
  color: #002c59;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  margin-top: 14px;
}

.ctpt-about-para span {
  font-size: 20px;
  color: #002c59;
  font-weight: 500;
  margin-top: 12px;
}

.cable-para span {
  font-size: 20px;
  color: #002c59;
  font-weight: 500;
  margin-top: 12px;
}

.bus-key-para h3 {
  color: #002C59;
  font-size: 24px;
  font-weight: 500;
}

.project-one {
  color: #002C59;
  font-size: 46px;
}

.project-two {
  font-size: 34px;
}

.project-three {
  font-size: 30px !important;
  color: #002c59 !important;
}

.project-item p {
  color: #002c59;
  font-size: 20px;
}

#client h6 {
  color: #002C59;
  text-align: center;
}

.service-number {
  font-size: 38px !important;
  color: #002c59 !important;
}

.service-about-two-data h3 {
  color: #002c59;
  font-size: 24px;
  font-weight: 600;
}

.service-list-item p {
  color: #002c59;
  font-size: 20px;
}

.busi-first-head {
  font-size: 38px;
  color: #fff;
  font-weight: 700;
}

.busi-sec-head {
  color: #fff;
  font-size: 28px;
}

.conti-box-head {
  color: #002c59;
  font-weight: 600;
  font-size: 20px;
}

.about-overview-sec span {
  color: #002c59;
  font-size: 18px;
  font-weight: 600;
  margin-top: 16px;
}

.about-counter-custo {
  font-size: 21px;
  font-weight: 600;
}

.home-about-head {
  color: #002c59;
  font-size: 30px;
  font-weight: 600;
}

.home-testi-review-para {
  color: #002C59 !important;
  font-family: bold !important;
  font-size: 22px !important;
}

.crecent-post span {
  color: #002C59;
  font-size: 20px;
  font-weight: 600;
}

.western-faq-head {
  color: #002C59;
  margin: 16px 0px;

}
.btn:hover{
  color: #C3E2F7 !important;
}

.custo-western-pro-para{
  text-align: justify;
}

.tags-conti p{
  font-size: 16px !important;
}

.blog-text h1{
  font-size: 25px;
  color: #002C59;
  font-weight: 600;
}

.blog-content-last h2 strong{
  font-size: 22px;
  font-weight: 600;
  color: #002C59;
}

.blog-content-last p{
  font-size: 14px;
  margin: 10px 0px;
}
.blog-content-last p strong{
  font-size: 14px;
}

.feedback img{
  height: 300px;
  background-color: #fff;
}
.feedback{
  height: 510px;
} 

.service-package-two h6 {
    margin-top: 15px;
    font-size: 25px;
    margin-bottom: 12px;
}

table {

  border-collapse: collapse;
  width: 100%;
  font-family: "Montserrat", sans-serif;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}