@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/eot/iranyekanwebboldfanum.eot');
  src: url('../fonts/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../fonts/woff/iranyekanwebboldfanum.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/iranyekanwebboldfanum.ttf') format('truetype');
}
@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/eot/iranyekanwebthinfanum.eot');
  src: url('../fonts/eot/iranyekanwebthinfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../fonts/woff/iranyekanwebthinfanum.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/iranyekanwebthinfanum.ttf') format('truetype');
}
@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/eot/iranyekanweblightfanum.eot');
  src: url('../fonts/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../fonts/woff/iranyekanweblightfanum.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/iranyekanweblightfanum.ttf') format('truetype');
}
@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/eot/iranyekanwebregularfanum.eot');
  src: url('../fonts/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../fonts/woff/iranyekanwebregularfanum.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/iranyekanwebregularfanum.ttf') format('truetype');
}
@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/eot/iranyekanwebmediumfanum.eot');
  src: url('../fonts/eot/iranyekanwebmediumfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../fonts/woff/iranyekanwebmediumfanum.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/iranyekanwebmediumfanum.ttf') format('truetype');
}
@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/eot/iranyekanwebextraboldfanum.eot');
  src: url('../fonts/eot/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../fonts/woff/iranyekanwebextraboldfanum.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/iranyekanwebextraboldfanum.ttf') format('truetype');
}
@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/eot/iranyekanwebblackfanum.eot');
  src: url('../fonts/eot/iranyekanwebblackfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../fonts/woff/iranyekanwebblackfanum.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/iranyekanwebblackfanum.ttf') format('truetype');
}
@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: 950;
  src: url('../fonts/eot/iranyekanwebextrablackfanum.eot');
  src: url('../fonts/eot/iranyekanwebextrablackfanum.eot?#iefix') format('embedded-opentype'),
    /* IE6-8 */
    url('../fonts/woff/iranyekanwebextrablackfanum.woff') format('woff'),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/iranyekanwebextrablackfanum.ttf') format('truetype');
}
body {
  direction: rtl;
  text-align: right;
  font-family: iranyekan;
  overflow: -moz-scrollbars-vertical !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  background-color: #f4f4f4;
}
html{
  overflow: hidden;
  overflow-y: scroll;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

.sliderhero .slick-slide{
  padding: 0px !important;
}

.slider4 .slick-slide{
  padding: 10px !important;
}

.slider5 .slick-slide{
  padding: 10px !important;
}

.slider7 .slick-slide{
  padding: 10px !important;
}


.navbar {
}


.mainmenuarea {
  width: 100%;
margin: 0px 0px 0px 0px;
height: 48px;
padding: 10px;
}
.mainmenuarea ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  float: right;
}
.mainmenuarea ul li {
  display: inline-block;
  position: relative;
}
.navbar .mainmenuarea ul li>a {
  font-size: 13px;
color: #6164a3 !important;
position: relative;
z-index: 1;
    padding: 12px 15px;
}
.navbar .mainmenuarea li a::before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0%;
  height: 100%;
  background-color: #E32253;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 0.3s ease;
}
.navbar .mainmenuarea li a:hover::before{
  width: 100%;
  visibility: visible;
  opacity: 1;
}
.navbar .mainmenuarea li a:hover{
  color: #fff !important;
}
.navbar .mainmenuarea ul li ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 35px;
  right: 0px;
  z-index: 2;
}
.mainmenuarea ul li:hover>ul {
  display: block;
}
.mainmenuarea ul li ul>li {
  display: block;
  background: #fff;
}
.mainmenuarea ul li ul li>a {
display:block;
  color: #222;
  font-size: 15px;
}
.mainmenuarea ul li ul li:hover>a {
    color: #cda45e !important;
}
.mainmenuarea ul li ul li a::before {
}
.mainmenuarea ul li ul li:hover>a {
  box-shadow: none;
}
.mainmenuarea ul li ul li ul {
  display: none;
  top: 0px;
  right: 200px;
}
.mainmenuarea ul li ul li > ul > li{
      background: rgba(12, 11, 9, 0.6) !important;
}
.mainmenuarea ul li ul li ul li a {
  background: #fff !important;
  color: #222 !important;
  font-size: 15px;
}
.mainmenuarea ul li ul li ul li a:hover {
  color: #0f94e9;
}
.mainmenuarea ul li ul li:hover ul {
  display: block;
}

.contact-info i {
  font-style: normal;
  color: #6164a3 !important;
}

.contact-info i span {
  padding-left: 19px;
color: #222;
margin-right: 10px;
font-size: 14px;
font-weight: 300;
}

.header-bottom{
      border-top: 1px solid #e6e6e6;
}

.carousel-caption {
	top: 50%;
}
.carousel-item {
	position: relative;
}

.carousel-item h4 {
    margin-top: -120px;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.carousel-caption img{
  position: absolute;
  top: 20%;
width: 150px;
height: 150px;
}

.carousel-caption {
    top: 40%;
}

.carousel-caption h4 {
	font-weight: 400;
	font-size: 25px;
}
.carousel-caption p {
	font-size: 45px;
  font-weight: 900
}
.carousel-caption h5 {
	font-weight: 300;
	font-size: 20px;
}
.carousel-caption a {
	font-size: 20px;
	letter-spacing: 1px;
	transition: all ease 0.3s;
	border: 1px solid #fff;
	color: #fff;
  transition: all 0.3s ease !important;
}
.carousel-caption a:hover {
	background-color: #fff;
	color: #000;
}

.newest{
  position: relative;
}

.sliderhero{
  position: relative;
}

.overlay15 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  	background: rgba(0, 0, 0, 0.1);
}

.sliderhero img{
  width: 100%;
}

.slider2 .slick-dots{
      bottom: 31px !important;
}

.herotextslider{
  position: absolute;
  left: 5%;
  top: 29%;
  width: 47%;
}

.herotextslider h4{
  background: #8ed1fc;
  color: #12486B !important;
  padding: 10px 25px;
  width: fit-content;
}

.herotextslider h1{
      margin: 6px 0 6px 7px;
      text-align: right;
line-height: 80px;
letter-spacing: 0px;
font-weight: 600;
font-size: 64px;
transition: all 0.4s ease !important;
}

.herotextslider h1:hover{
  color: #e32253 !important;
}

.herotextslider span{
  line-height: 30px;
font-weight: bold;
display: block;
    margin-bottom: 37px;
}

.herotextslider a{
  padding: 18px 39px;
      color: #000;
      transition: all 0.4s ease;
}

.next3 {
    position: absolute;
    display: flex;
    z-index: 99999;
    background-color: #fff;
    text-align: center;
    transition: 0.3s;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    height: 50px;
    color: #595b76;
    border-radius: 50px;
    width: 55px;
    transform: translateY(50%);
    top: 40%;
}
.prev3{
  position: absolute;
  display: flex;
  z-index: 99999;
  background-color: #fff;
  text-align: center;
  transition: 0.3s;
  font-size: 20px;
  align-items: center;
  justify-content: center;
  height: 50px;
  color: #595b76;
  border-radius: 50px;
  width: 55px;
  transform: translateY(50%);
  top: 40%;
}
.next3 {
    right: 0;
}
.prev3 {
    left: 0;
}
.next3:hover, .prev3:hover {
    color: #fff;
    background-color: #5bbeff;
    cursor: pointer;
}




.next5 {
    position: absolute;
    display: flex;
    z-index: 99999;
    background-color: #fff;
    text-align: center;
    transition: 0.3s;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    height: 50px;
    color: #595b76;
    border-radius: 50px;
    width: 55px;
    transform: translateY(50%);
    top: 40%;
}
 .prev5{
   position: absolute;
   display: flex;
   z-index: 99999;
   background-color: #fff;
   text-align: center;
   transition: 0.3s;
   font-size: 20px;
   align-items: center;
   justify-content: center;
   height: 50px;
   color: #595b76;
   border-radius: 50px;
   width: 55px;
   transform: translateY(50%);
   top: 40%;
 }
.next5 {
    right: 0;
    top: 25%;
}
.prev5 {
  top: 25%;
    left: 0;
}
.next5:hover, .prev5:hover {
    color: #fff;
    background-color: #5bbeff;
    cursor: pointer;
}

.imageherobox {
  padding: 15px;
  border-radius: 15px;
  transition: all 0.4s ease;
}

.imageherobox:hover{
  transform: translateY(-10px);
}

.imageherobox img{
  width: 75px;
  margin: 0 auto;
  height: 65px;
}

.imageherobox span{
  text-align: center;
display: block;
margin: 15px 0 0 0;
font-weight: bold;
}






.aboutme img{
  width: 100%;
}

.socialhero ul {
  position: absolute;
top: 34%;
left: 12%;
transform: translate(-50%, -50%);
}

.socialhero ul li {
  list-style: none;
  margin-bottom: 15px;
}

.socialhero ul li a {
  position: relative;
  width:60px;
  height:60px;
  display:block;
  text-align:center;
  margin:0 10px;
  border-radius: 50%;
  padding: 6px;
  box-sizing: border-box;
  text-decoration:none;
  box-shadow: 0 10px 15px rgba(0,0,0,0.3);
  background: linear-gradient(0deg, #ddd, #fff);
  transition: .5s;
}

.socialhero ul li a:hover {
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  text-decoration:none;
}

.socialhero ul li a .fab {
  widht: 100%;
  height:100%;
  display:block;
  background: linear-gradient(0deg, #fff, #ddd);
  border-radius: 50%;
  line-height: calc(60px - 12px);
  font-size:24px;
  color: #262626;
  transition: .5s;
}

.socialhero ul li:nth-child(1) a:hover .fab {
  color: #3b5998;
}

.socialhero ul li:nth-child(2) a:hover .fab {
  color: #00aced;
}

.socialhero ul li:nth-child(3) a:hover .fab {
  color: #dd4b39;
}

.socialhero ul li:nth-child(4) a:hover .fab {
  color: #007bb6;
}

.socialhero ul li:nth-child(5) a:hover .fab {
  color: #e4405f;
}

.dechero {
    position: absolute;
    bottom: 22%;
    width: 50%;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #fff;
    border-radius: 15px;
}

.dechero span{
  display: block;
color: #fff;
line-height: 30px;
padding: 15px 25px;
}

.imageabout{
}

.imageabout img{
  width: 350px;
  height: 271px;
  margin: 0 auto;
  display: table;
  box-shadow: 0 0 2rem rgb(97 100 180 / 9%);
  transition: all 0.4s ease;
}

.imageabout:hover img{
  transform: translateY(-20px) !important;
}

.imageabout span{
  font-weight: 300;
    line-height: 30px;
    padding: 20px 35px;
    display: block;
    text-align: justify;
    font-size: 14px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease;
}

.imageabout:hover span{
  visibility: visible;
  opacity: 1;
}

.titleabout h2{
  font-weight: 900;
  font-size: 45px;
  color: #6164a3 !important;
  margin-bottom: 20px;
}

.titleabout small{
  color: #FE0000;
  font-weight: 800;
}

.titleabout ul{
  padding: 0;
  margin-top: 20px;
  margin-bottom: 35px;
}

.titleabout ul li{
  list-style: none;
  font-size: 14px;
  font-weight: 300;
  padding-bottom: 12px;
}

.titleabout a{
  border:1px solid #6164a3;
  padding: 15px 25px;
  margin-top: 30px;
  color: #6164a3;
  transition: all 0.3s ease;
  border-top-left-radius: 30px;
}

.titleabout a:hover{
  background: #6164a3;
  color: #fff;
}

.slider-2st {
    position: relative;
}
.next4 {
    position: absolute;
    z-index: 999999;
    background-color: #fff;
    text-align: center;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-radius: 50px;
    color: #595b76;
    font-size: 20px;
    box-shadow: 0 0 1rem #595b762f;
    transition: 0.3s;
      top: 45%;
}
.prev4{
  position: absolute;
  z-index: 999999;
  background-color: #fff;
  text-align: center;
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-radius: 50px;
  color: #595b76;
  font-size: 20px;
  box-shadow: 0 0 1rem #595b762f;
  transition: 0.3s;
    top: 45%;
}
.next4 {
    right: -18px
}
.prev4 {
    left: -18px
}
.next4:hover, .prev4:hover {
    color: #fff;
    background-color: #5bbeff;
    cursor: pointer;
}

.workbox{
  position: relative;
  width: 100%;
  border: 3px solid #f1f1f1;
  padding: 20px;
      margin-top: 40px;
}

.workbox img{
  position: absolute;
  width: 75px;
  height: 75px;
  top: -34px;
  right: 0px;
  left: 0px;
  margin: 0 auto;
  background: #eee;
  border-radius: 50%;
  padding: 10px;
}

.workbox h4{
  color: #222943;
      padding: 40px 0 0 10px;
      font-size: 18px;
      text-align: center;
}

.workbox small{
  text-align: center;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  overflow: hidden;
  height: 76px;
}

.workbox a{
  background: #5bbeff;
      color: #fff;
      border: 1px solid #5bbeff;
      position: absolute;
      left: 0px;
      right: 0px;
      margin: 0 auto;
      display: table;
      top: 173px;
      padding: 3px 8px;
      font-size: 13px;
      border-radius: 10px;
      opacity: 0;
      transition: all 0.3s ease;
}

.workbox:hover a{
  opacity: 1;
}

.counselingbox{
  width: 12%;
      height: 4px;
      background-color: #5bbeff;
      margin: 0 auto;
      display: table;
}

.deccounseling span{
  font-size: 17px;
  color: #757575;
  text-align: justify;
  margin-top: 20px;
  display: block;
}

.deccounseling a{
  background: #5bbeff;
  color: #fff;
  border: 1px solid #5bbeff;
  transition: all 0.3s ease;
  padding: 15px 25px;
  border-radius: 15px;
  box-shadow: 0 0 2rem rgb(97 100 180 / 9%);
  margin-left: 15px;
}

.deccounseling a:hover{
  background: #fff;
  color: #5bbeff;
}

.counselingbottom{
  margin: 45px 0px 31px 0;
    text-align: center;
    width: 100%;
}

.testingimagebox img{
  width: 100%;
}

.texttesting{
  padding: 15px;
}

.texttesting small{
  color: #E32253;
  background-color: #F1365014;
  padding: 15px;
  border-top-left-radius: 15px;
}

.texttesting h1{
    margin: 38px 0 20px 0;
}

.texttesting i{
  background: #F1365014;
  color: #E32253;
  padding: 25px;
  font-size: 25px;
  float: right;
      margin-left: 18px;
}

.texttesting h3{
  color: #233848;
  font-size: 20px;
font-style: normal;
line-height: 28px;
}

.texttesting h6{
  color: #6D8A8C;
  display: table;
    line-height: 30px;
    font-size: 14px;
}

.dectesting{
  border-bottom: 1px solid #E1D8D8;
padding: 0 0 15px 0px;
margin-bottom: 30px;
}

.dectesting:last-child{
  margin-bottom: 0px;
}

a.downloadtesting{
  float: left;
margin: 12px 0 21px 0;
background: #6164a3;
padding: 15px 35px;
border-radius: 10px;
color: #fff;
border: 1px solid #6164a3;
transition: all 0.3s ease !important;
}

a.downloadtesting:hover{
  background: #fff;
  color: #6164a3;
}

.titlevideo h2{
  font-weight: 800;
  color: #222;
}

.titlevideo h4{
  margin-top: 23px;
font-weight: 700;
line-height: 40px;
font-size: 24px;
color: #6164a3 !important;
}

.titlevideo small{
  display: block;
margin: 20px 0 48px 0px;
line-height: 30px;
font-weight: 500;
color: #757575;
}

.titlevideo a{
  border: 1px solid #E9E9E9;
padding: 15px 15px;
color: #222;
transition: all 0.2s ease;
}

.titlevideo a:hover{
  background: #E9E9E9;
}

.videobox{
	position: relative;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: hidden;
}

.videobox:hover img{
	transform: scale(1.1);
}

.videobox img{
	transition: all 0.7s ease;
}

.overly3{
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.9));
}

.overlytext{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10.2rem;
  color: #fff;
  margin: 0 auto;
  text-align: center;
}

.videobox .overlytext i{
  opacity: 0;
}

.videobox:hover .overlytext i{
  opacity: 1;
}




.faq-list{
  margin: 40px 0px;
}

/*
.faq .faq-list {
  padding: 0 100px;
}
*/

.faq .faq-list ul {
  padding: 0;
  list-style: none;
}

.faq .faq-list li+li {
  margin-top: 15px;
      box-shadow: 0 10px 15px rgb(0 0 0 / 4%);
      border-radius: 15px;
      padding-right: 31px;
}

.faq .faq-list li {
  padding: 20px 30px 20px 15px;
background: #fff;
position: relative;
border-radius: 15px;
}

.faq .faq-list a {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 0 30px;
  outline: none;
  cursor: pointer;
}

.faq .faq-list .icon-help {
  font-size: 24px;
  position: absolute;
  right: 7px;
  left: 20px;
  color: #47b2e4;
}

.faq .faq-list .icon-show,
.faq .faq-list .icon-close {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}

.faq .faq-list p {
  margin-bottom: 0;
    padding: 10px 0 0 0;
    font-size: 13px;
    line-height: 30px;
}

.faq .faq-list .icon-show {
  display: none;
}

.faq .faq-list a.collapsed {
  color: #37517e;
  transition: 0.3s;
}

.faq .faq-list a.collapsed:hover {
  color: #47b2e4;
}

.faq .faq-list a.collapsed .icon-show {
  display: inline-block;
}

.faq .faq-list a.collapsed .icon-close {
  display: none;
}

@media (max-width: 1200px) {
  .faq .faq-list {
    padding: 0;
  }
}

.faqimage img{
  width: 100%;
  margin-top: 42px;
}

/*
.slick-arrow.slick-hidden {
    display: block;
}
*/

.gallerybox span{
  position: absolute;
  top: 17%;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: table;
  color: rgba(255,255,255,0.6);
  font-size: 18px;
}

.gallerybox h3{
  position: absolute;
  top: 29%;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: table;
  color: #fff;
  font-size: 35px;
  font-weight: 900;
  width: 75%;
  text-align: center;
}

.gallerybox small{
  position: absolute;
  top: 59%;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: table;
    color: rgba(255,255,255,0.6);
    font-size: 18px;
    width: 80%;
    text-align: center;
}

.gallerybox{
	position: relative;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: hidden;
  	transition: all 0.4s ease !important;
}

.gallerybox:hover img{
	transform: scale(1.2);
}

.gallerybox img{
	transition: all 0.4s ease !important;
}

.overly20{
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
  background: rgba(0, 0, 0, 0.5);
  	transition: all 0.4s ease !important;
}

.gallerybox:hover .overly20{
    background: rgba(0, 0, 0, 0.7);
}

/*
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}
*/


a.readmore{
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: table;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.6);
  bottom: 11%;
  padding: 7px 36px;
}

a.readmore:hover{
  border: 1px solid #fff;
}

.tabwork ul#pills-tab{
  justify-content: center;
  margin-bottom: 42px !important;
}

.tabwork .nav-pills{
  padding-right: 0px;
  padding: 20px 15px;
border: none;
margin-left: 30px;
}

.tabwork .nav-pills .nav-link.active, .nav-pills .show >.nav-link{
  border-top-left-radius: 20px;
  background: #e32253 !important;

}

.tabwork .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  color: #fff;
}

.tabwork .nav-link{
  color: #222;
    padding: 20px 45px;
      font-size: 20px;
line-height: 20px;
font-weight: 600;
transition: all 0.4s ease;
}

.partworkimage img{
  width: 100%;
  height: auto;
}

.partworkdec h2{
  font-size: 40px;
    line-height: 48px;
    margin-bottom: 15px;
      padding: 0 0 0 25px;

}

.partworkdec span{
  margin-bottom: 30px;
  display: block;
  padding: 0 0 0 25px;
    line-height: 32px;
    font-weight: 400;
    color: #65778D;
}

.partworkdec ul{
  padding: 0;
  margin: 0;
}

.partworkdec ul li{
  list-style: none;
  padding: 0 13px 19px 30px;
  font-weight: 300;
  line-height: 30px;
}


@property --radius{
  syntax: '<length>';
  inherits: true;
  initial-value: 0;
}

.imagework img {
  --size: 100px;
  --f: 5;
  --radius: calc(var(--size)/var(--f));

  width: var(--size);
  height: auto;
  aspect-ratio: 1.155;
  object-fit: cover;
  --cg: #0000,#000 1deg 119deg,#0000 120deg;
  --rad: radial-gradient(farthest-side,#000 99%, #0000 101%);
  --s: calc(2*var(--radius))  calc(2*var(--radius));
  -webkit-mask:
    var(--rad) left  calc(0.25*var(--size) - 0.4*var(--radius)) top 0    / var(--s),
    var(--rad) right calc(0.25*var(--size) - 0.4*var(--radius)) top 0    / var(--s),
    var(--rad) left  calc(0.25*var(--size) - 0.4*var(--radius)) bottom 0 / var(--s),
    var(--rad) right calc(0.25*var(--size) - 0.4*var(--radius)) bottom 0 / var(--s),
    var(--rad) left  calc(0.15*var(--radius))                   top 50%  / var(--s),
    var(--rad) right calc(0.15*var(--radius))                   top 50%  / var(--s),

    conic-gradient(from   30deg at left  calc(-0.3*var(--radius)) top 50%, var(--cg))
      left  calc(0.3*var(--radius)) top 50% /50% calc(100% - 0.8*var(--radius)),
    conic-gradient(from -150deg at right calc(-0.3*var(--radius)) top 50%, var(--cg))
      right calc(0.3*var(--radius)) top 50% /50% calc(100% - 0.8*var(--radius)),

    linear-gradient(#000 0 0) center/calc(45% - 1.1*var(--radius));
  -webkit-mask-repeat:no-repeat;
  cursor: pointer;
  transition:--radius 0.3s linear;
  float: right;
margin-left: 8px;
}
.imagework img:hover {
  --radius: calc(var(--size)/2.5);
}

.imagework img.alt:hover {
  --radius: 0px;
}

.imagework span{
  font-size: 13px;
}

.imagework h4{
  font-size: 20px;
}

.tariffbox{
	position: relative;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: hidden;
}

.tariffbox:hover img{
	transform: scale(1.1);
}

.tariffbox img{
	transition: all 0.7s ease;
}

.overly4{
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.9));
}

.overlytext{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10.2rem;
  color: #fff;
  margin: 0 auto;
  text-align: center;
}

.tariffbox .overlytext i{
  opacity: 0;
}

.tariffbox:hover .overlytext i{
  opacity: 1;
}

.ptriffbox{
  width: 90%;
}

.ptriffbox h3{
  line-height: 43px;
font-size: 27px;
text-align: justify;
font-weight: bold;
}

.ptriffbox p{
  margin-top: 20px;
    line-height: 35px;
    font-weight: 400;
}

.equipment{
    width: 85%;
    float: right;
    border-bottom: 1px solid #ccc;
    padding-bottom: 13px;
    padding-top: 13px;
}

.equipment span{
  float: right;
  margin-top: 14px;
}

.equipment small{
  float: left;
  background: #5bbeff;
  color: #fff;
  padding: 15px 10px;
  font-size: 12px;
  border-radius: 12px;
}

.cvbox{
  position: relative;
}

.cvbox img{
  width: 100%;
}

.overlay12 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}

.cvtext{
  position: absolute;
  right: 95px;
  color: #fff;
  margin: 0 auto;
  text-align: revert;
  width: 50%;
  top: 17%;
}

.cvtext span{
  font-size: 35px;
    font-weight: 300;
    margin-bottom: 22px;
    display: block;
}

.cvtext h2{
  font-weight: 800;
font-size: 40px;
margin-bottom: 25px;
color: #5bbeff;
}

.cvtext small{
  font-weight: 400;
font-size: 17px;
line-height: 37px;
}

.boxcv{
  position: absolute;
  bottom: 10px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  display: table;
  text-align: center;
}

.boxcvone{
  width: 30%;
  height: auto;
  background: #5bbeff;
  padding: 31px 23px;
    display: inline-block;
    margin-left: 15px;
}

.boxcvone h4{
  color: #fff;
  font-weight: 500;
  margin-bottom: 30px;
  text-align: right;
}

.boxcvone small{
  font-weight: 300;
  color: #fff;
  line-height: 30px;
  display: block;
      margin: 0 0 28px 0;
      text-align: right;
}

.boxcvone a{
  border: 1px solid #fff;
  padding: 10px 35px;
  color: #fff;
  transition: all 0.4s ease;
  font-weight: 300;
  float: right;
}

.boxcvone a:hover{
  background: #fff;
  color: #222;
}


.boxcvtwo{
  width: 30%;
  height: auto;
  background: #27005D;
  padding: 31px 23px;
    display: inline-block;
    margin-left: 15px;
}

.boxcvtwo h4{
  color: #fff;
  font-weight: 500;
  margin-bottom: 30px;
  text-align: right;
}

.boxcvtwo small{
  font-weight: 300;
  color: #fff;
  line-height: 30px;
  display: block;
      margin: 0 0 28px 0;
      text-align: right;
}

.boxcvtwo a{
  border: 1px solid #fff;
  padding: 10px 35px;
  color: #fff;
  transition: all 0.4s ease;
  font-weight: 300;
  float: right;
}

.boxcvtwo a:hover{
  background: #fff;
  color: #222;
}


.boxcvthree{
  width: 30%;
  height: auto;
  background: #451952;
  padding: 31px 23px;
    display: inline-block;
    margin-left: 15px;
}

.boxcvthree h4{
  color: #fff;
  font-weight: 500;
  margin-bottom: 30px;
  text-align: right;
}

.boxcvthree small{
  font-weight: 300;
  color: #fff;
  line-height: 30px;
  display: block;
      margin: 0 0 28px 0;
      text-align: right;
}

.boxcvthree a{
  border: 1px solid #fff;
  padding: 10px 35px;
  color: #fff;
  transition: all 0.4s ease;
  font-weight: 300;
  float: right;
}

.boxcvthree a:hover{
  background: #fff;
  color: #222;
}

.contentbox{
  width: 100%;
}

span.datebox{
  background: #071952;
      padding: 12px 10px;
      color: #fff;
      border-top-left-radius: 10px;
      border-bottom-right-radius: 10px;
      font-size: 12px;
      font-weight: 300;
}

.contentbox img{
  width: 100%;
      margin: 20px 0 20px 0px;
}

.contentbox a h2{
  color: #000;
  transition: all 0.4s ease;
}

.contentbox a:hover h2{
  color: #5bbeff;
}

.contentbox h2{
  font-size: 24px;
    font-weight: bold;
    line-height: 35px;
}

.contentbox p{
  font-weight: 400;
line-height: 30px;
text-align: justify;
font-size: 15px;
overflow: hidden;
height: 85px;
}

.contentbox small{
  display: block;
border: 1px solid #000;
padding: 5px 0px;
width: 37%;
margin: 21px auto;
text-align: center;
}

.boxcontact{
  width: 100%;
  display: inherit;
}

.boxcontactone{
  background: #5B0888;
  width: 35%;
    padding: 40px 10px;
    display: inline-block;
        margin-left: 14px;

}

.boxcontactone span{
  margin: 10px 80px 4px 0;
      color: #fff;
      font-weight: 400;
      display: block;
}

.boxcontactone small{
  margin: 0 14px 0 0;
color: #fff;
font-weight: 300;
}

.aboutfooter{
  width: 100%;
  margin-bottom: 40px;
}
.aboutfooter h2{
  width: 100%;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
      padding: 0 0 5px 0;
}
.aboutfooter span{
  width: 100%;
  display: block;
  font-size: 18px;
  color: #fff;
  font-weight: 300;
  margin-top: 10px;
}

.informationfooter{
  width: 100%;
}
.informationfooter h2{
  width: 100%;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
      padding: 0 0 6px 0;
}
.informationfooter a{
  display: block;
  font-size: 14px;
  color: #fff !important;
  padding: 10px;
}

.themenamefooter{
  width: 50%;
  height: 3px;
  background: #5bbeff;
}



.footer-links {
  margin-bottom: 30px;
}

.footer-links h2 {
  width: 100%;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
      padding: 0 0 6px 0;
}

.footer-links ul {
  list-style: none;
  padding: 0;
    margin: 18px 0 0 0;
}

.footer-links ul i {
  padding-right: 2px;
  color: #47b2e4;
  font-size: 18px;
  line-height: 1;
}

.footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

.footer-links ul li:first-child {
  padding-top: 0;
}

.footer-links ul a {
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
  transition: all 0.4s ease;
}

.footer-links ul a:hover{
  color: #e32253;
}

.footbox {
  width: 100%;
height: auto;
float: right;
}

.footbox ul {
  margin: 0px 5px 0 0;
  padding: 0px;
}

.footbox ul li {
  list-style: none;
  margin: 0 0 5px 0;
}

.footbox ul li:hover:before {}

.footbox ul li a {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

.footbox ul li a:hover {
  text-decoration: none;
  color: #e32253;
}

.footbox span{
  margin: 6px 0 0 0 !important;
display: inline-block !important;
}

.footbox header h4 {
  width: 50%;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
      padding: 0 0 15px 0;
          border-bottom: 3px solid #5bbeff;
}

.footbox section {
  padding: 15px;
  font-size: 13px;
  line-height: 27px;
}

.footbox ul.postsideseri {
  margin: 0px;
  padding: 0px;
}

.footbox ul.postsideseri li {
  list-style: none;
  float: right;
  width: 100%;
  margin: 0 0 10px 0;
}

.footbox ul.postsideseri li img {
  width: 56px;
  height: 53px;
  border-radius: 3px;
  margin: 0 0 5px 10px;
  box-shadow: 1px 1px 20px 0px rgb(0 0 0 / 10%);
  float: right;
  object-fit: cover;
}
.footbox ul.postsideseri li:before {
  content: none;
}
.footbox ul.postsideseri li a h3 {
  color: #fff;
  font-size: 13px;
  line-height: 25px;
}
.footbox ul.postsideseri li:hover a {
  text-decoration: none;
}
.footbox ul.postsideseri li:hover a h3 {
  color: #47b2e4;
  font-weight: 800;
}

.footerbottom{
  background: #000;
  padding: 20px;
}

.footerbottom span{
  color: #fff;
}

.footerbottom ul{
  list-style: none;
margin: 0;
padding: 0;
float: left;
}

.footerbottom ul li img{
  width: 30px;
  height: 30px;
}

.footerbottom ul li {
  display: inline-block;
}

/*Page Contact Us*/
.navigationtop{
  width: 100%;
height: auto;
float: right;
margin-bottom: 2px;
overflow: hidden;
margin-top: 20px;
background: #fff;
border-radius: 15px;
}
.navigationtop ul{
	width: 100%;
	text-align: center;
	float: right;
	margin: 20px 0 0 0;
}
.navigationtop ul li{
	display: inline-block;
	margin-left: 20px;
	font-weight: 300;
	font-size: 15px;
}
.navigationtop ul li a{
	color: #222;
	cursor: pointer;
	transition: all 0.4s ease;
}
.navigationtop ul li:hover a{
		color: #6a7287;
}
.navigationtop ul li:last-child a{
	color: #000;
}
.navigationtop ul li:last-child{
	margin: 0px;
}
.navigationtop ul li::after{
	content: ">";
	margin-right: 20px;
	color: #c7c7c7;
}
.navigationtop ul li:last-child::after{
	content: "";
}
.navigationtop h2{
	width: 100%;
	text-align: center;
      margin: 14px 0px 24px 0px;
	float: right;
	font-size: 20px;
	font-weight: 400;
  color: #6a7287;
}

.contactbox{
  background: #fff;
  padding: 60px 30px 60px 30px;
    box-shadow: 0 0 0.5rem #6a728727;
}

.contactbox span{
  background: #E32253;
  margin: 0 auto;
  display: table;
  padding: 17px 20px;
  margin-bottom: 25px;
  transition: all 0.4s ease;
}

.contactbox span:hover{
  background: #14457B;
  transform: scale(1.2);
}

.contactbox span i{
  font-size: 40px;
  color: #fff;
}

.contactbox h3{
  text-align: center;
font-weight: 600;
color: #233848;
font-size: 28px;
font-style: normal;
line-height: 36px;
margin-bottom: 20px;
}

.contactbox small{
  display: block;
  text-align: center;
  color: #65778D;
font-weight: 400;
margin-bottom: 10px;
    line-height: 27px;
}

.send-form input{
	border: 1px solid #eee !important;
  margin-bottom: 10px;
}

.send-form textarea{
		border: 1px solid #eee !important;
}

.send-form input::placeholder{
	font-size: 13px;
	font-weight: 300;
}

.send a{
	background: #c62828 !important;
	color: #fff !important;
	box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.1) !important;
      margin: 20px 0 20px 0;
}

.mapcontact img{
  width: 100%;
  margin-top: 25px;
}

.contactpage input{
      width: 70% !important;
      border: 1px solid #ccc !important;
    border-radius: 10px !important;
}

.contactpage textarea{
  border: 1px solid #ccc !important;
border-radius: 10px !important;
}

.contactpage label{
  font-weight: 300 !important;
font-size: 15px !important;
}

.contactpage input#gform_submit_button_1{
  background: #E32253;
width: 50% !important;
color: #fff;
padding: 15px 10px;
text-align: center !important;
border: 1px solid #E32253;
transition: all 0.4s ease;
}

.contactpage input#gform_submit_button_1:hover{
  background: #fff !important;
  color: #E32253 !important;
}

.contactpage .gform_heading{
  display: none;
}

.contactpage div#gform_confirmation_message_1 {
    text-align: center;
    margin: 25px 0px;
    color: #E32253;
    font-weight: 800;
    font-size: 23px;
}
/*Page Contact Us*/

/*Page Care*/
.titlepossibilities {
    text-align: center;
    color: #E32253;
    background: #F1365014;
    width: auto;
    margin: 0 auto;
    padding: 8px 32px;
}

.paragraphpossibilities h1{
  text-align: center;
margin: 38px 0 45px 0px;
font-weight: bold;
font-size: 40px;
line-height: 56px;
z-index: 9;
position: relative;
display: block;
color: #e32253 !important;
}

.possibilitiesbox {
      padding: 30px 30px;
          border-radius: 3px;
          background: #f1f5f8 !important;
          transition: all 0.4s ease;
}

.possibilitiesbox:hover {
  box-shadow: 2px 1px 20px 0px rgb(0 0 0 / 13%);
}

.possibilitiesbox img{
  width: 100%;
}

.decpossibilities{
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.infopossibilities span{
  display: block;
  margin: 0 0 7px 0;
  color: #e32253 !important;
  font-weight: 600;
  letter-spacing: 0.04em;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
    text-align: center;
}

.infopossibilities a{
  color: #000;
  font-size: 30px;
  text-align: center;
  display: block;
}

.decpossibilities p{
  width: 100%;
font-size: 14px;
line-height: 36px;
font-weight: 300;
text-align: center;
    overflow: hidden;
    height: 138px;
}

.servicebox {
  padding: 45px 30px;
  transition: all 0.5s ease;
  background: #fff;
  margin: 25px 0 0 0;
}

.servicebox:hover{
  background: #dc3545;
  transform: translateY(-10px);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.servicebox:hover h1{
  color: #fff;
}

.servicebox:hover span{
  color: #fff;
}

.servicebox img{
  width: 75px;
}

.servicebox h1{
  color: #233848;
  font-size: 24px;
font-style: normal;
line-height: 32px;
text-transform: capitalize;
margin-top: 15px;
margin-bottom: 5px;
font-weight: 600;
}

.servicebox span{
  color: #65778D;
      line-height: 30px;
      margin-top: 20px;
      display: block;
      text-align: justify;
      font-weight: 300;
      overflow: hidden;
      height: 188px;
}

.stepbox {
  position: relative;
}

.circlestep small{
  background: red;
  color: #fff;
  position: absolute;
  top: 20px;
      right: -10px;
  padding: 15px;
  border-radius: 100%;
  height: 51px;
  width: 50px;
  text-align: center;
  background: #E32253;
}

.stepbox img{
  width: 200px;
  border-radius: 100%;
}

.stepbox h3{
  color: #233848;
  font-weight: 600;
  font-size: 24px;
font-style: normal;
line-height: 32px;
    margin-top: 20px;
}

.stepbox span{
  color: #65778D;
  font-weight: 400;
  display: block;
  line-height: 34px;
  text-align: justify;
  font-size: 15px;
  overflow: hidden;
  height: 178px;
      padding-left: 30px;
}

:root{
    --color1: #BAF016;
    --color2: #339F0F;
}
.demo{ background-color: #eee; }
.counter{
    color: #111;
    text-align: center;
    width: 190px;
    padding: 0 15px 15px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.counter:before,
.counter:after{
    content: '';
    background-color: #fff;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    position: absolute;
    left: 0;
    top: 75px;
    bottom: 0;
    right: 0;
    z-index: -1;
}
.counter:after{
    background: linear-gradient(var(--color2),var(--color1));
    height: 93px;
    border-radius: 0 0 150px 150px;
    bottom: auto;
}
.counter .counter-value1{
    color: #fff;
    background: linear-gradient(var(--color1),var(--color2));
    font-size: 35px;
    font-weight: 700;
    line-height: 150px;
    width: 150px;
    height: 150px;
    margin: 0 auto 28px;
    border-radius: 50%;
    display: block;
}

.counter .counter-value2{
    color: #fff;
    background: linear-gradient(var(--color1),var(--color2));
    font-size: 35px;
    font-weight: 700;
    line-height: 150px;
    width: 150px;
    height: 150px;
    margin: 0 auto 28px;
    border-radius: 50%;
    display: block;
}

.counter .counter-value3{
    color: #fff;
    background: linear-gradient(var(--color1),var(--color2));
    font-size: 35px;
    font-weight: 700;
    line-height: 150px;
    width: 150px;
    height: 150px;
    margin: 0 auto 28px;
    border-radius: 50%;
    display: block;
}

.counter .counter-value4{
    color: #fff;
    background: linear-gradient(var(--color1),var(--color2));
    font-size: 35px;
    font-weight: 700;
    line-height: 150px;
    width: 150px;
    height: 150px;
    margin: 0 auto 28px;
    border-radius: 50%;
    display: block;
}

.counter h3{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 25px;
    text-transform: capitalize;
    margin: 0;
}
.counter.purple{
    --color1: #BA53D7;
    --color2: #8536AD;
}
.counter.green{
    --color1: #06CFB4;
    --color2: #00778B;
}
.counter.red{
    --color1: #f32626;
    --color2: #8b0000;
}
@media screen and (max-width:990px){
    .counter{ margin-bottom: 40px; }
}
/*Page Care*/

/*Page Service*/
.navpageservice{
  background: #f1f5f8 !important;
}

.imagesono img{
  width: 100%;
}

.titlesono{
  margin: 25px 0 0 0;
}

.titlesono h1{
  color: #233848;
font-weight: 600;
font-size: 28px;
font-style: normal;
line-height: 36px;
}

.titlesono p{
  color: #65778D;
  font-weight: 400;
  line-height: 35px;
}

.inforight{
  margin-bottom: 25px;
  margin-top: 33px;
}

.inforight ul{
  padding: 0;
  margin: 0;
}

.inforight ul li{
  list-style: none;
  font-weight: 300;
  padding-bottom: 30px;
}

.titlesonotwo{
  margin: 25px 0 0 0;
  line-height: 36px;
font-weight: 300;
font-size: 18px;
color: #000;
}

.titlesonotwo h1{
  color: #233848;
font-weight: 600;
font-size: 28px;
font-style: normal;
line-height: 36px;
margin-bottom: 20px;
}

.titlesonotwo p{
  color: #65778D;
  font-weight: 400;
  line-height: 35px;
}

.titleend{
  margin: 25px 0 0 0;
  line-height: 36px;
  font-weight: 300;
  font-size: 18px;
  color: #000;
}

.titleend h1{
  color: #233848;
font-weight: 600;
font-size: 28px;
font-style: normal;
line-height: 36px;
margin: 20px 0 15px 0;
}

.titleend p{
  color: #65778D;
  font-weight: 400;
  line-height: 35px;
}

.gallery-item{
      margin: 25px 0 30px 0px;
}

.serviceone a.nav-link {
    padding: 35px;
    color: #000;
}

.serviceone a.nav-link:hover{
  background: #e32253 !important;
  color: #fff !important;
}

.serviceone .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background-color: #e32253 !important;
}

.serviceone .nav-pills .nav-link{
  border-radius: 0px !important;
}

.customerservice{
  padding: 50px;
  text-align: center;
}

.customerservice i{
  color: #ffffff !important;
font-size: 143px;
background: rgba(255, 255, 255, 0.11);
padding: 15px;
width: auto;
height: auto;
}

.customerservice span{
  display: block;
font-size: 40px;
margin: 20px 0 3px 0;
color: #fff;
font-weight: bold;
}

.customerservice p{
  line-height: 30px;
color: #fff;
font-size: 22px;
font-weight: 300;
}
/*Page Service*/
/*Page Table*/
table.table th{
  padding: 30px 15px !important;
      width: 14% !important;
      	transition: all 0.2s ease;
      	      text-align: center;
}

table.table th:hover{
  background: #e32253 !important;
  color: #fff;
}

table.table td{
  padding: 25px;
      width: 14%;
      color: #e32253 !important;
      font-weight: bold;
}

.custom-card-1{
	transition: all 0.4s ease;
}

.custom-card-1:hover{
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) !important;
}


.custom-card-value:hover .overlay50 a{
	color: #fff;
opacity: 1;
visibility: visible;
transform: scale(1);
}

.custom-card-value .overlay50 a:hover {
}

.custom-card-value:hover .overlay50 {
	opacity: 1;
	visibility: visible;
      height: 60%;
}

.custom-card-value {
	transition: 0.4s;
  margin-bottom: 70px;
}

.custom-card-value:hover .overlay-img-card2 {
	opacity: 0;
	visibility: hidden;
	transition: 0.6s;
}

.card-img-custom{
	position: relative;
}

.tableimagebottom img{
  width: 100%;
  height: 390px;
}

.card-img-custom .overlay-img-card{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #fff;
}

.card-img-custom .overlay-img-card .top small{
	background: #003d60;
	border-radius: 5px;
	font-weight: 300;
}

.card-img-custom .overlay-img-card .bottom a{
	font-size: 13px;
	color: #fff;
	font-weight: 300;
	opacity: 0.5;
}

.card-img-custom .overlay-img-card .bottom a:hover{
	opacity: 1;
}

.overlay50 {
	position: absolute;
	right: 5%;
	width: 20%;
	top: 0;
	background: rgb();
  background: rgba(240, 240, 240, 0.5);
	height: 20%;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99;
}

.overlay50 a {
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
	border-radius: 10px;
	font-size: 13px;
	color: #273c75 !important;
	font-weight: 700;
}

.overlay50 img{
  width: 30px;
  margin-bottom: 19px;
  transition: all 0.4s ease;
}

.overlay50 img:hover{
  transform: rotate(90deg);
}

.overlay50 img:last-child{
  margin-bottom: 0px;
}

.textworkteam{
  position: absolute;
  bottom: -19%;
  background: #fff;
  padding: 20px 15px;
  left: 0;
  right: 0;
  width: 89%;
  margin: 0 auto;
  box-shadow: 0px 0px 30px 0 rgb(0 20 9 / 10%);
  transition: all 0.5s ease;
}

.textworkteam:hover{
  transform: translateY(-35px);
}

.textworkteam h5{
  font-size: 24px;
font-style: normal;
line-height: 32px;
color: #65778D;
text-align: center;
}

.textworkteam span{
  letter-spacing: 0.04em;
font-size: 14px;
line-height: 22px;
font-weight: 600;
display: inline-block;
width: 100%;
text-transform: uppercase;
color: #E32253;
text-align: center;
}

.slick-dots {
	display: flex;
	justify-content: center;
	margin: 0;
	list-style: none;
}
.slick-dots li {
	margin: 0 .1px;
	bottom: -15px;
}
.slick-dots li button {
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	padding: 0;
	border-radius: 100%;
	background-color: #e2e2e2 !important;
	text-indent: -9999px;
}

li.slick-active button {
	transition: all ease 0.3s;
	background-color: #e32253 !important;
}

.customerbox{
  margin: 40px 0 0 0;
}

.customerbox img{
  margin: 0 auto;
  display: table;
}

.customerbox span{
  display: block;
text-align: center;
margin: 25px 0 0 0;
line-height: 35px;
font-weight: 400;
font-size: 15px;
}

.customerbox p{
  text-align: center;
  line-height: 30px;
  font-weight: 500;
}

.customerbox h6{
  text-align: center;
    padding: 25px 0 0 0;
    font-size: 24px;
font-style: normal;
line-height: 32px;
color: #E32253;
font-weight: 700;
}

.slick-slide img {
    display: inherit;
}

.titlesingle h1{
  font-size: 42px;
  line-height: 64px;
  margin-bottom: 26px;
  color: #233848 !important;
}

.imageboxsingle{
	position: relative;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: hidden;
}

.imageboxsingle:hover img{
	transform: scale(1.2);
}

.imageboxsingle img{
	transition: all 0.7s ease;
}

.dateboxsingle{
  position: absolute;
  bottom: 21px;
  right: 2%;
  background: #e32253 !important;
  color: #fff;
  padding: 4px 8px;
}

.aboutsingle{
  margin: 20px 0px;
      border-bottom: 1px solid #ededed;
  padding: 0 0 13px 0;
}

.aboutsingle a{
      margin-left: 15px;
letter-spacing: 0.04em;
font-size: 14px;
line-height: 22px;
font-weight: 600;
color: #65778D !important;
float: right;
}

.aboutsingle span{
letter-spacing: 0.04em;
font-size: 14px;
line-height: 22px;
font-weight: 600;
color: #65778D !important;
}

.decsingle p{
  color: #65778D;
  font-size: 1rem;
font-style: normal;
text-align: justify;
line-height: 2;
font-weight: 400;
}

.commentsareaaa{
  background: #fff;
  padding: 30px;
}

.commentsareaaa textarea {
  width: 100%;
  padding: 10px;
  line-height: 30px;
  border-radius: 5px;
  border: 1px solid #E0E0E0;
  height: 322px;
  margin: 20px 0px;
}
.commentsareaaa textarea:focus {
  outline: none;
}
.commentsareaaa textarea::placeholder{
  font-weight: 300;
}
.commentsareaaa label {
  display: block;
  margin-bottom: 15px;
}
.commentsareaaa input {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #E0E0E0;
  margin-bottom: 12px;
}
.commentsareaaa input:focus {
  outline: none;
}
.commentsareaaa input::placeholder{
  font-weight: 300;
}
.commentsareaaa button {
  width: 100%;
  background: #1A237E;
  color: #fff;
  border: none;
  padding: 10px 10px;
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.4s ease;
}
.commentsareaaa button:hover {
  transform: translateY(-5px);
}

.commentsareaaa ul.children{
  padding-left: 0px;
}

.lcommentsss {
margin: 22px 0px 19px 0px;
  line-height: 29px;
  position: relative;
  background: #f1f5f8 !important;
  padding: 20px;
}

.lcommentsss:last-child{
  margin-bottom: 50px;
}
.lcommentsss img {
  width: 70px;
  height: 70px;
  float: right;
  margin: 3px 0 10px 11px;
  border-radius: 100%;
}
.lcommentsss p {
  margin: 6px 90px;
}
.lcommentsss a.replyb {
  top: 10px;
  left: 20px;
  position: absolute;
  color: #1A237E;
  border-radius: 100%;
  padding: 4px 10px 0px 10px;
  transition: all 0.5s ease;
}
.lcommentsss a.replyb:hover {
  color: #fff;
  background: #1A237E;
}
.lcommentsss a.replyb span {
  opacity: 0;
  position: absolute;
  top: -256px;
  left: -8px;
  width: 50px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  border-radius: 5px;
  text-align: center;
}
.lcommentsss a.replyb:hover span {
  opacity: 1;
  top: -33px;
}
.lcommentsss strong{
  color: #BDBDBD !important;
}

p.comment-form-cookies-consent {
    display: none;
}

.commentsareaaa input#submit {
    margin: 15px 0 0 0;
    background: #e32253 !important;
    color: #fff;
    border: none !important;
}

.form-submit{}
#submit {
    background: #ee2d58;
    border: none;
    text-align: center;
    float: right;
    box-shadow: 1px 1px 20px 0px rgb(0 0 0 / 10%);
}
a.comment-reply-link{
	top: 10px;
	left: 20px;
	position: absolute;
	color: #d32f2f;
	border-radius: 100%;
	padding: 4px 10px 0px 10px;
	transition: all 0.5s ease;
}
a.comment-reply-link:hover{
color: #fff;
background: #ee2d58;
}
a.comment-reply-link span{
opacity: 0;
position: absolute;
top: -256px;
left: -8px;
width: 50px;
background: rgba(0,0,0,0.3);
color: #fff;
border-radius: 5px;
text-align: center;
}
a.comment-reply-link:hover span{
opacity: 1;
top: -33px;
}
h3#reply-title{
	font-size: 20px;
	font-weight: 500;
	color: #222;
  margin-top: 25px;
}
h3#reply-title a{
	color: #757575;
	margin-left: 20px;
}
a#cancel-comment-reply-link{
	color: #ee2d58 !important;
}

.commentsareaaa em{
  color: red;
  font-weight: bold;
  font-size: 12px;
}

.nav-previous {
  margin: 41px 0 13px 0;
}

.nav-previous a:hover{
  background: #e32253 !important;
  color: #fff;
}

.nav-previous a{
  background: #f1f5f8 !important;
  padding: 10px 10px;
  color: #000;
  transition: all 0.4s ease;
  border-top-left-radius: 15px;
}

.social {
    display: grid;
}

.social a{
  margin-bottom: 15px;
}

.nav-next {
  margin: 41px 0 13px 0;
}

.nav-next a:hover{
  background: #e32253 !important;
  color: #fff;
}

.nav-next a{
  background: #f1f5f8 !important;
  padding: 10px 10px;
  color: #000;
  transition: all 0.4s ease;
  border-top-left-radius: 15px;
}

.view{
  border: 1px solid #e32253;
    padding: 15px 11px 0px 0;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.view strong{
  color: #e32253 !important;
}

.p.logged-in-as a{
  color: green;
  font-weight: bold;
}


.sidebox {
  border-radius: 5px;
  float: right;
  width: 100%;
    margin: 36px 0 20px 0px;
  background: #fff !important;
}
.sidebox header {
  background: #e32253 !important;
}
.sidebox section {
}
.sidebox header h4 {
  font-size: 16px;
  padding: 15px;
  color: #fff;
}
.sidebox ul {
  margin: 0;
  padding: 0;
}
.sidebox ul li {
  list-style: none;
  float: right;
  width: 100%;
  margin: 0 0 0px 0;
  border-bottom: 1px solid #f5f5f5;
  padding: 0px 0px 20px 0px;
}
.sidebox ul li img {
  width: 45%;
  height: auto;
  border-radius: 5px;
  margin: 0 0 5px 10px;
  float: right;
}
.sidebox ul li a h3 {
  color: #333;
  font-size: 16px;
  transition: all 0.2s ease;
  line-height: 25px;
  font-weight: 400;
}
.sidebox ul li:hover a h3 {
  text-decoration: none;
  color: #757575;
}
.sidebox span.rpwwt-post-title{
  color: #757575 !important;
  font-weight: 800;
}
.sidebox span.rpwwt-post-title:hover{
  color: #FFB900 !important;
}
.sidebox a.wp-block-latest-posts__post-title{
  color: #757575 !important;
  font-weight: 800;
}
.sidebox a.wp-block-latest-posts__post-title:hover{
  color: #FFB900 !important;
}

#sidebox li{
      padding: 16px 20px 16px 10px;
        border-bottom: 1px solid #f5f5f5;
}

#sidebox .wp-block-latest-comments__comment{
  margin-bottom: 0px;
}

#sidebox form{
  padding: 15px;
}

#sidebox input{
  width: 88%;
border: 1px solid #e32253;
padding: 7px;
border-radius: 10px;
}

#sidebox input::placeholder{
  font-weight: 300;
  font-size: 12px;
}

#sidebox button{
  border: none;
background: #FFF;
color: #e32253 !important;
}

.deccategory p{
  overflow: hidden;
  height: 90px;
  color: #65778D;
  font-size: 1rem;
font-style: normal;
text-align: justify;
line-height: 2;
font-weight: 400;
}

.readmoree:hover{
  background: #233848 !important;
  color: #fff;
}

.readmoree{
  padding: 12px 13px;
background: #e32253 !important;
width: 20%;
margin: 29px 0px 0 0;
transition: all 0.5s ease;
}

.readmoree a{
  color: #fff;
}

.navigationbottom {
  width: 100%;
text-align: center;
margin: 0px 0 33px 0;
padding: 0px 0 6px 0;
}
.navigationbottom ul li {
  display: inline-block;
  margin: 7px;
}
.navigationbottom ul li a {
  padding: 5px 12px;
  border: 1px solid #e32253;
  border-radius: 10px;
  color: #222;
  font-size: 15px;
  transition: all 0.3s ease;
}
.navigationbottom ul li a.active {
  background: #e32253;
  color: #fff;
}
.navigationbottom ul li a:hover {
  background: #e32253 !important;
  color: #fff !important;
}

.nav-links{
	width: 100%;
}
.nav-links .page-numbers{
	width: 42px;
  height: 42px;
	text-align: center;
	background: #fff;
	border: 1px solid #e32253;
	border-radius: 50%;
	display: inline-block;
	line-height: 44px;
	margin: 0px 3px;
	transition: all 0.4s ease;
	color: #000;
}
.nav-links .page-numbers:hover{
		border: 1px solid #e32253;
    	background: #e32253;
      color: #fff;
}
.nav-links .page-numbers.current{
	background: #e32253;
	border: 1px solid #e32253;
	color: #fff;
}

.errortitle{
  background: #fff;
  padding: 20px;
  margin: 20px 0 25px 0;
}

.errortitle h2{
  font-size: 275px;
  color: #e32253;
  line-height: 0.8;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 600;
  margin: 93px 0 16px 0;
  text-align: center;
}

.errortitle h5{
  font-size: 36px;
font-style: normal;
line-height: 44px;
text-align: center;
}

.errortitle p{
      margin-bottom: 30px;
      font-size: 18px;
      color: #666666;
      text-align: center;
}

.errortitle a{
  padding: 25px 35px;
  background: #e32253 !important;
  width: 27%;
  transition: all 0.5s ease;
  color: #fff;
  margin: 47px auto;
  display: table;
  text-align: center;
}

.errortitle a:hover{
  background: #233848 !important;
  color: #fff;
}

/*Page About us*/
.aboutboxpage{
  background: #fff;
  margin: 35px 0;
}

.imageaboutus img{
  width: 100%;
  height: 676px;
}

.titleaboutuspage span{
  padding: 4px 8px;
  background: #F1365014;
  color: #E32253;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  margin: 25px 0 0 0;
  display: table;
}

.titlepageaboutus h5{
  color: #233848;
font-weight: 600;
font-size: 41px;
line-height: 56px;
z-index: 9;
padding: 0;
margin: 20px 0 0 25px;
display: block;
}

.paraaboutuspage p{
  font-size: 16px;
  font-weight: 400;
  z-index: 9;
  position: relative;
  margin: 12px 0 0 20px;
  line-height: 30px;
  text-align: justify;
  color: #65778D;
}

.listpageabout{
    margin: 25px 0 0 12px;
}

.listpageabout ul{
  padding: 0;
  margin: 0;
}

.listpageabout ul li{
  list-style: none;
  line-height: 31px;
  font-weight: 300;
  margin-bottom: 15px;
}

.titlebottompageaboutus {
  margin: 5px 0;
}

.titlebottompageaboutus h4{
  margin-bottom: 12px;
  color: #233848;
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  font-style: normal;
  line-height: 40px;
}

.titlebottompageaboutus span{
  color: #E32253;
  font-weight: 300;
}

.imagebottomaboutus{
  margin: 5px 0;
float: right;
width: 100%;
}

.imagebottomaboutus img{
  margin: 0 auto;
display: table;
}

a.bottomaboutus{
  background: #E32253;
  padding: 12px 30px;
  width: auto;
  margin: 0 14px 30px 0;
  text-align: center;
  color: #fff;
  transition: all 0.5s ease;
}

a.bottomaboutus:hover{
  background: #233848 !important;
  color: #fff;
}
/*Page About us*/

/*Page counseling Us*/
.counselingpage img{
  width: 100%;
}

.counselingform input{
  border: 1px solid #eee !important;
      margin: 10px 0 !important;
      width: 100% !important;
      transition: all 0.4s ease;
      border-radius: 7px !important;
}

.counselingform input:hover{
  border: 1px solid #E32253 !important;
}

.counselingform input#gform_submit_button_2{
  padding: 12px 30px;
font-size: 14px;
font-weight: 600;
background: #e32253 !important;
width: auto !important;
height: auto;
display: block;
color: #fff !important;
border: none !important;
}

.counselingform input#gform_submit_button_2:hover{
  background: #233848 !important;
}

.counselingform h3.gform_title{
  display: none;
}
/*Page counseling Us*/

/*Page Rating Us*/

.ratingspage img{
  width: 100%;
}

.ratingsform input{
  border: 1px solid #eee !important;
      margin: 10px 0 !important;
      width: 100% !important;
      transition: all 0.4s ease;
      border-radius: 7px !important;
}

.ratingsform input:hover{
  border: 1px solid #E32253 !important;
}

.ratingsform h3.gform_title{
  display: none;
}

.ratingsform input#gform_submit_button_3{
  padding: 12px 30px;
font-size: 14px;
font-weight: 600;
background: #e32253 !important;
width: auto !important;
height: auto;
display: block;
color: #fff !important;
border: none !important;
}
.ratingsform input#gform_submit_button_3:hover{
  background: #233848 !important;
}

.ratingsform select{
  padding: 12px 30px;
border: 1px solid #eee !important;
    margin: 10px 0 !important;
    width: 100% !important;
    transition: all 0.4s ease;
    border-radius: 7px !important;
}

/* section responsive*/


.counselingteam{
	position: relative;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: hidden;
  transition: all 0.4s ease !important;
  margin-bottom: 25px;
}

.counselingteam i{
  position: absolute;
  top: 30px;
  right: 41px;
  background: #e32253;
  color: #fff;
  padding: 15px;
  opacity: 0;
    transition: all 0.4s ease !important;
    border: 1px solid #e32253;
}

.counselingteam i:hover{
  background: #222 !important;
  color: #fff !important;
}

.counselingteam:hover i{
  opacity: 1;
}

.counselingteam img{
  width: 100%;
  height: 500px;
}

.overly35{
  position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

.counselingteam:hover .overlytextcounselingteam{
  opacity: 1;
}

.overlytextcounselingteam{
  position: absolute;
left: 0;
right: 0;
bottom: 1.2rem;
color: #fff;
margin: 0 auto;
text-align: center;
background: #fff;
width: 85%;
padding: 15px 0px;
opacity: 0;
  transition: all 0.4s ease !important;
}

.overlytextcounselingteam small{
	font-weight: 600;
  display: block;
  color: #222;
  font-size: 14px;
line-height: 22px;
color: #5bbeff !important;
margin-bottom:10px;
}

.overlytextcounselingteam span{
	font-weight: 300;
  display: block;
  font-size: 24px;
    font-style: normal;
    line-height: 32px;
    color: #233848 !important;
    font-weight: bold;
    transition: all 0.4s ease;
}

.overlytextcounselingteam span:hover{
  color: #e32253 !important;
}

.bannercounselingteam {
background: #e32253;
padding: 150px 0 68px 40px;
color: #fff;
font-size: 29px;
text-align: center;
margin: -90px 0 0 0;
}

.bannercounselingteam span{
  display: block;
}

.bannercounselingteam a{
  color: #fff;
    background: #000;
    width: auto;
    margin: 34px auto;
    display: table;
    padding: 15px 20px;
    border-top-left-radius: 25px;
    transition: all 0.3s ease;
}

.bannercounselingteam a:hover{
  background: #fff;
  color: #000;
}

/*Mobile Menu*/
.sidemenuv ul {
  width: 100%;
  float: none;
}
.sidemenuv ul li {
  display: block;
}
.sidemenuv ul li ul {
  width: 100%;
  position: unset;
  margin-right: 20px;
}
.sidemenuv ul li ul li:hover>a {
  color: #222;
}
.sidemenuv .toparea {
  text-align: center;
}
.sidemenuv .searcharea input {
  width: 91%;
}
.sidemenuv .searcharea {
  margin-top: 22px;
}

.sidemenuv .searcharea button{
  border: none;
  background: none;
  color: red;
}

.sidemenuv .searcharea input{
  width: 86%;
  border: 1px solid red;
  border-radius: 10px;
  margin-right: 10px;
}

.sidemenuv .searcharea input::placeholder{
  font-weight: 300;
  font-size: 13px;
  padding: 10px;
}
/*Mobile Menu*/


@media (max-width: 1199px) {
  .herotextslider{
            top: 11%;
  }
  .herotextslider h1{
    margin: 30px 0 20px 7px;
text-align: right;
line-height: 49px;
font-size: 42px;
  }
  .titleabout small{
    font-size: 22px;
  }
  a.readmore{
    bottom: 6%;
    width: auto;
  }
  .imagework span{
    display: block;
  overflow: hidden;
  line-height: 30px;
  }
  .boxcontactone span{
    margin: 10px 79px 4px 0;
color: #fff;
font-weight: 400;
display: block;
font-size: 13px;
float: inherit;
  }
  .carousel-caption {
    top: 23%;
}
.cvtext{
  top: 8%;
}
html{
  overflow: hidden;
  overflow-y: scroll;
}
.titlesingle h1 {
  font-size: 37px;
}
.readmoree {
  width: 23%;
}
.customerservice p{
  font-size: 17px;
}
}

@media (max-width: 991px) {
  .row {
      -bs-gutter-x: 0;
  	  margin-right: 0;
      margin-left: 0;
  }

  .next5{
    z-index: 99;
  }

  .prev5{
    z-index: 99;
  }

  .col-lg-8 section .foogallery-container{
  display:none;
  }
  /* Iframe */
  section > div > iframe{
  display:none;
  }
  /* Heading */
  .col-lg-8 section h3{
  display: block !important;
  }
  /* List Item */

  /* Span Tag */
  .col-lg-8 section div span{
  display:none !important;
  }
  section > div > iframe{
  display:none;
  }
  .articlebox section div div iframe{
  display:none;
  }
  .sidemenuv button.btn.btn-primary{
    background: #FFB900;
  }




  .mainmenuarea {
    width: 100%;
  margin: 0px 0px 0px 0px;
  height: 48px;
  padding: 10px;
  }
  .mainmenuarea ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: right;
  }
  .mainmenuarea ul li {
    display: block;
position: relative;
padding: 15px 0 0 0;
  }
  .navbar .mainmenuarea ul li>a {
    font-size: 13px;
  color: #6164a3 !important;
  position: relative;
  z-index: 1;
      padding: 12px 15px;
          display: block;
  }
  .navbar .mainmenuarea li a::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0%;
    height: 100%;
    background-color: #6164a3;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    border-radius: 5px;
    transition: all 0.3s ease;
  }
  .navbar .mainmenuarea li a:hover::before{
    width: 100%;
    visibility: hidden;
    opacity: 1;
  }
  .navbar .mainmenuarea li a:hover{
    color: #E32253 !important;
  }
  .navbar .mainmenuarea ul li ul {
    display: none;
    position: absolute;
    width: 200px;
    top: 64.4px;
    right: 0px;
    z-index: 2;
  }
  .mainmenuarea ul li:hover>ul {
    display: block;
  }
  .mainmenuarea ul li ul>li {
    display: block;
    background: rgba(12, 11, 9, 0.6);
  }
  .mainmenuarea ul li ul li>a {
    padding: 13px 10px 12px 0px;
    color: #cda45e;
    font-size: 15px;
  }
  .mainmenuarea ul li ul li:hover>a {
    background: #cda45e !important;
    color: #fff !important;
  }
  .mainmenuarea ul li ul li a::before {
    padding-bottom: 10px;
  }
  .mainmenuarea ul li ul li:hover>a {
    box-shadow: none;
  }
  .mainmenuarea ul li ul li ul {
    display: none;
    top: 0px;
    right: 200px;
  }
  .mainmenuarea ul li ul li > ul > li{
        background: rgba(12, 11, 9, 0.6) !important;
  }
  .mainmenuarea ul li ul li ul li a {
    background: #fff !important;
    color: #222 !important;
    font-size: 15px;
  }
  .mainmenuarea ul li ul li ul li a:hover {
    color: #0f94e9;
  }
  .mainmenuarea ul li ul li:hover ul {
    display: block;
  }

  .herotextslider h4{
    font-size: 15px;
  }
  .herotextslider h1{
    font-size: 25px;
  }
  .deccounseling span{
    text-align: center;
  }
  .titleabout{
    text-align: center;
  }
  .titlevideo{
    text-align: center;
  }
  .videobox{
    margin-top: 60px;
  }
  .equipment small{
    padding: 15px 4px;
  }
  .cvtext span{
    font-size: 27px;
  }
  .boxcvtwo small{
    display: none;
  }
  .boxcvone small{
    display: none;
  }
  .boxcvthree small{
    display: none;
  }
  .boxcvthree{
    display: block;
width: auto;
height: 154px;
  }
  .boxcvtwo{
    display: block;
  width: auto;
  height: 154px;
  }
  .boxcvone{
    display: block;
width: auto;
height: 154px;
  }
  .boxcv{
        position: absolute;
        bottom: 10px;
        margin: 0px;
        right: 70%;
        top: 3%;
  }
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .boxcvtwo h4{
        font-size: 20px;
  }
  .boxcvthree h4{
        font-size: 20px;
  }
  .boxcvone h4{
        font-size: 20px;
  }
  .contentbox a h2{
    text-align: center;
  }
  span.datebox{
    margin: 0 auto;
display: table;
  }
  .boxcontactone span{
    display: inline-flex;
    margin: 0;
    font-size: 12px;
  }
  i.fa.fa-envelope{
    margin: 0 auto;
    display: table;
    text-align: center;
    float: inherit !important;
  }
  i.fa.fa-phone{
    margin: 0 auto;
    display: table;
    text-align: center;
    float: inherit !important;
  }
  i.fa.fa-fax{
    margin: 0 auto;
    display: table;
    text-align: center;
    float: inherit !important;
  }
  .aboutfooter h2{
    text-align: center;
  }
  .themenamefooter{
    width: 100%;
height: 3px;
background: #5bbeff;
margin: 14px auto;
  }
.footbox header h4{
    width:100%;
}
  .aboutfooter span{
    text-align: center;
    font-size: 15px;
  }
  .informationfooter{
      text-align: center;
  }
  .footer-links h2{
    text-align: center;
  }
  .footer-links ul{
    margin: 0 auto;
    display: table;
  }
  .footbox header h4{
    text-align: center;
  }
  .footbox ul.postsideseri li{
    float: inherit;
  }
  .footbox section{
    margin: 0 auto;
display: table;
  }
  .carousel-caption p{
    font-size: 31px;
  }
  .carousel-caption {
    top: 40%;
}
.dechero{
  display: none;
}
.socialhero ul{
  top: 46%;
}
.testingimagebox {
  margin-bottom: 30px;
}
a.downloadtesting{
  margin-bottom: 30px;
}
.contactbox{
  margin-bottom: 25px;
}
.paragraphpossibilities h1{
  line-height: 70px;
}
.possibilitiesbox{
  margin-bottom: 25px;
}
.counter{
  margin-bottom: 25px;
}
.textworkteam{
      bottom: -5%;
}
.overlay50 img{
  display: block;
}
.custom-card-value:hover .overlay50{
  height: auto;
}
.partworkimage img{
  margin-bottom: 35px;
}
.serviceone a.nav-link {
    padding: 28px;
}
.navpageservice{
  margin-bottom: 30px;
}
.contact-info{
    margin:0 auto;
}
.herotextslider h1{
    margin:0px 0 5px 7px;
}
.overlytext{
        top: 50%;
    bottom: 0;
}
}
@media (max-width: 767px) {

  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .herotextslider span{
    height: 80px;
overflow: hidden;
  }
  .herotextslider a{
    margin: 0px 0 0 0;
display: block;
width:100%;
  }
  .herotextslider h4 {
    font-size: 14px;
}
.herotextslider {
    top: 6%;
}
.herotextslider h1{
  line-height: 40px;
}
.titleabout{
  text-align: center;
}
.equipment{
  margin-bottom: 30px;
}
.cvbox img{
  height: 539px;
}
.boxcvone a{
      padding: 2px 3px;
}
.boxcvtwo a{
      padding: 2px 3px;
}
.boxcvthree a{
      padding: 2px 3px;
}
.boxcvtwo h4{
  font-size: 13px;
}
.boxcvthree h4{
  font-size: 13px;
}
.boxcvone h4{
  font-size: 13px;
}
.cvtext h2{
  font-size: 25px;
}
.cvtext small{
  font-size: 13px;
}
.boxcontact {
    display: contents;
}
.boxcontactone{
  width: 100%;
}
.boxcontactone span {
    display: table;
    margin: 0 auto;
    font-size: 12px;
}
.boxcontactone small {
    margin: 0 auto;
    display: table;
}
.footerbottom span {
    color: #fff;
    text-align: center;
    margin: 0 auto;
    display: table;
}
.footerbottom ul {
    list-style: none;
    padding: 0;
    margin: 21px auto;
    display: table;
    float: inherit;
}
.tabwork ul#pills-tab {
    margin: 0 auto;
    display: table;
}
.readmore {
    width: 100%;
    text-align: center;
}

.errortitle a{
  width: 100%;
}
.nav-pills{
  text-align: center;
}
.herotextslider h1{
        margin: 0px -29px 5px 7px;
}
.themenamefooter{
    width:100%;
}
.footbox header h4{
    width:100%;
}
.overlytext {
    top: 38%;
}
.equipment{
    margin:17px auto;
    display:table;
    float:none;
}
.contentbox img{
    height:300px;
}
}

@media (max-width: 575px) {
  .herotextslider span{
    display: none;
  }
  .herotextslider a{
    width: 100%;
font-size: 15px;
padding: 5px 10px;
text-align: center;
  }
  .workbox small{
    text-align: center;
  }
  .counselingbottom a{
    display: block;
        margin-bottom: 14px;
  }
  .gallerybox small{
    display: none;
  }
  a.readmore {
    bottom: 20%;
    width: auto;
}
.gallerybox h3{
  font-size: 24px;
}
.socialhero{
  display: none;
}
.errortitle h2{
  font-size: 80px;
}
.herotextslider h1{
    margin:0px 0px 5px 7px;
}
}